@charset "utf-8"; /* CSS Document */ *,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#000;line-height:1; background:#FFF;} ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;} input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; } ul,li{ list-style:none} img{border:0px; padding:0px; display: block;} a{ color:#5c5c5c; text-decoration:none} h2,h3,h4,b { font-weight: normal; } em,i { font-style: normal; } .clear{ zoom: 1; } .clear:after { content: ''; display: block; clear: both; } .fl { float:left} .fr { float:right} .hidden{display:none; background: url() no-repeat center;} .header{height: 110px;width: 100%; position: fixed; left: 0; top: 0;z-index: 1000;background:rgba(255,255,255,.9);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1); box-shadow:0 0 10px rgba(0, 0, 0, .1); } .headerbox{padding: 0 3%;} .logo{width: 281px;float: left; padding-top: 25px;} .logo img{width: 100%;} .logo2{width: 60px;float: left; padding-top: 22px; margin-left: 40px;} .head_right{float: right;width: 780px;} .ksdh{float: right;padding-top: 40px;} .ssk{width: 190px;height: 30px;background: #fff;border-radius: 15px;float: left;position: relative;border: 1px solid #eee;} .wby1{width: 153px; height: 30px; color: #fff; line-height: 30px; font-size: 14px; color: #666; float: left; margin-left: 14px; } .wby1::-webkit-input-placeholder{color: #666;} .btn1{background:url(../images/a_01.png); width: 16px;height: 18px;border: none; position: absolute;right: 8px;top: 6px;cursor:pointer;} .ksdha{width: 82px;height: 30px; font-size: 14px; text-align: center; line-height: 28px; color: #666666;background: #fff;float: right; position: relative;cursor:pointer;} .ksdha i{display: inline-block;background: url(../images/a_02.png); width: 10px;height: 6px;vertical-align: middle; margin-left: 5px;} .ksdhbox{position: absolute; width: 340px;border: 1px solid #e5e5e5; padding: 10px; top:28px; right: 0;background: #fff;z-index: 10; padding-bottom: 0;display: none;} .khbox{border-bottom: 1px dashed #e5e5e5;} .khbox h2{font-weight: bold; font-size: 14px; color: #2482c8; line-height: 26px;text-align: left;} .khbox{padding: 5px 0;} .khbox ul{overflow: hidden; margin-left: -10px;} .khbox li{float: left; line-height: 22px;width: 33.33%; padding-left: 10px;} .khbox a{color: #666;font-size: 12px;} .khbox a:hover{color: #2482c8;} .ksdha:hover .ksdhbox{display: block;} .ksdha:hover i{background: url(../images/a_03.png);} .nav{height: 110px; float: right; padding-right: 38px; } .nav li{float: left; position: relative;padding-left: 36px;} .nav h3 a{display: block; color: #000; font-size: 16px; line-height: 110px;} .sub_b{width: 140%; display: none;background: #fff; margin-left: -20%;border-top: 1px solid #2482c8;} .sub_b dt{line-height: 40px;text-align: center;border-bottom: 1px solid #eee; } .sub_b dt a{display: block; color: #333; font-size:14px;} .sub_b dt a:hover{color: #fff;background: #0483B9;} .sub_a{position: absolute; width: 600px; background: #fff;left: 50%; margin-left: -300px; overflow: hidden; top: 110px;display: none;z-index: 100; padding: 20px; padding-bottom: 30px;border-top: 1px solid #2482c8;} .sub_left{float: left; width: 237px;} .banner img{width: 100%;} .nav h3 i{position: absolute;} .nav li:hover h3 a{background: url(../images/a_38.png) no-repeat center bottom;color: #099fde; } .sub_right{float: right;width: 300px;} .sub_right dl{overflow: hidden; padding-top: 30px;} .sub_right dt{float: left; font-size: 14px; line-height: 40px; padding-left: 10px;width: 50%;} .sub_right dt a{color: #000;} .sub_right dt a:hover{color: #099fde;} .sub_a .sub_left .on1{color: #fff;background: #099fde;} .sub.sub_c{left: auto; margin-left: 0;right: 0; } .banner{} .banner .swiper-pagination{ padding-bottom: 50px;} .banner .swiper-pagination-bullet{width: 14px;height: 14px;background: #fff; opacity: 1;border-radius: 7px;} .banner .swiper-pagination-bullet-active{width: 36px;} .bj1{background: url(../images/bj1.png) no-repeat center center;} .wz1400{width: 1400px; margin: 0 auto;} .gywm{overflow: hidden; padding: 95px 0 80px;} .gywm_right{float: right; width: 590; padding: 0 80px 0 0;} .gywm_right img{width: 100%;} .gywm_left{float: left; width: calc(100% - 700px);} .gywm_left h2{font-size: 40px; margin-bottom: 10px;color: #000;} .gywm_left h3{font-size: 20px; margin-bottom: 40px;color: #666666;} .gywm_left p{font-size: 14px; line-height: 2; color: #333;text-align:justify; word-break: break-all;} .gywm_left h4{font-size: 28px; margin-bottom: 25px;color: #000;} .gywm_left ul{overflow: hidden; padding-top: 65px; margin-left: -50px;} .gywm_left li{float: left; width: 25%; text-align: center; position: relative;} .gywm_left img{margin: 0 auto;filter:grayscale(100%); } .gywm_left a:hover img{filter:grayscale(0%);} .gywm_left a:hover h5{color: #2482C8;} .gywm_left li:before{position: absolute;content: "";border-right: 1px solid #e7e7e8;height: 80px;right: 0;top: 0;} .gywm_left ul li h5{text-align: center;font-size: 16px; margin-top: 25px; color: #333333; font-weight: 400;} .btn2{display: block; width: 122px;height: 34px; line-height: 34px;background: #2482c8;color: #fff; font-size: 14px; margin-top: 80px;text-align: center;transition: All 0.4s ease-in-out;} .btn2:hover{background: #333;} .cd-scrolling-bg {position: relative;z-index: 2;} .cd-main-content { position: relative; z-index: 1;} .cd-fixed-bg {position: relative;background-size: cover; background-repeat: no-repeat; background-position: center center;z-index: 1;} .cd-fixed-bg.cd-bg-1 {background-image: url(../images/bj2.png); height:555px;} .cd-fixed-bg { background-attachment: fixed;} .kcnr{padding-top: 80px;} .kcnr h2{color: #fff;font-weight: 800;font-size: 32px;margin-bottom: 25px;} .kcnrbox{width: 480px; animation:fadeInUp .25s, 100ms; } .kcnrbox p{color: #fff; font-size: 16px; line-height: 26px;border-bottom: 1px solid #fff; padding-bottom: 25px;} .kcnrbox a{display: block;width: 122px; line-height: 32px;border: 1px solid #fff; color: #fff;font-size: 14px; margin-top: 64px;transition: All 0.4s ease-in-out;text-align: center;transition: All 0.4s ease-in-out;} .kcnrbox a:hover{background: #c50c11;border: 1px solid #c50c11;} .kcnr_tit{background: rgba(0,0,0,.6);width: 100%; position: absolute;left:0; bottom: 0;} .kcnr_tbox{width: 1400px; margin: 0 auto;} .kcnr_tit ul{overflow: hidden;} .kcnr_tit li{float: left; width: 20%;text-align: center;} .kcnr_tit span{display: block; text-align: center; padding: 20px 0;background: url(../images/a_05.png) no-repeat right center;cursor:pointer;} .kcnr_tit ul li:nth-child(5) span{ background: none;} .kcnr_tit img{margin: 0 auto;} .kcnr_tit p{color: #fff; font-size: 28px;text-align: center; padding-top: 32px; position: relative;} .kcnr_tit p:before{position: absolute;content: "";border-top: 1px solid #fff; width: 20px;left: 50%; margin-left: -10px;top: 15px;} .cd-bg-1 .kcnr_tbox .on1{background: #2482c8;} .bj2{background: #fbfbfb;} .xwlb_tit{padding: 80px 0 60px;overflow: hidden;} .xwlb_tit h2{color: #000;font-size: 40px; margin-bottom: 11px;} .xwlb_tit p{font-size: 20px; color: #666666;} .xwlb_tit a{background: url(../images/a_55.png) no-repeat center bottom; width: 89px;display: block; text-align: center; line-height: 40px; font-size: 14px; color: #000;} .xwlb_nr{padding-bottom: 80px;} .xwlb_nr ul{overflow: hidden; margin-left: -30px;} .xwlb_nr li{float: left;width: 33.33%; padding-left: 30px;} .xwlbbox{background: #fff;transition: All 0.4s ease-in-out;} .xwlbbox:hover{background: #0483B9;} .xwlbbox:hover h2{color: #fff;} .xwlbbox:hover p{color: #fff;} .xwlbbox:hover a{color: #fff;} .xwlbbox:hover span{color: #fff;} .xwlbbox:hover h3{border-top: 1px solid #fff;} .xw_tp{overflow: hidden;height: 270px;} .xw_tp img{width: 100%;height: 100%;} .xw_text{padding: 0 15px;} .img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou } .img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); } .xw_text h2{font-size: 24px; line-height: 54px; margin-top: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .xw_text p{font-size: 16px; line-height: 25px; margin-bottom: 40px; color: #666666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .xw_text h3{overflow: hidden; line-height: 82px; font-size: 14px; color: #666666;border-top: 1px solid #2482c8;} .xw_text h3 a{color: #2482c8;} .ddjs_nr{overflow: hidden;padding-bottom: 75px;} .ddjs_left{float: left; width: 62%;overflow: hidden;background: #c50c11;} .ddjs_tp{float: left;width: 500px; position: relative;} .ddjs_tp img{width: 100%;} .ddjs_tp span{position: absolute;right: 0;top: 62px;width:0; height:0; border-top:15px solid transparent; border-bottom:15px solid transparent; border-right:15px solid #c50c11;} .ddjs_text{width: calc(100% - 500px) ; padding:0 30px 0 20px;float: right;} .ddjs_t{padding: 60px 0 20px; position: relative;} .ddjs_t:before{position: absolute; content: "";border-bottom: 1px solid #fff; width: 250px; bottom: 0;left: 0;} .ddjs_t p{color: #fff; font-size: 16px; margin-bottom: 20px;} .ddjs_t h2{color: #fff; font-weight: bold; font-size: 18px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .ddjs_t h2 a{color: #fff;} .ddjs_w{padding-top: 15px;} .ddjs_w p{font-size: 14px; line-height: 24px; color: #fff;text-align:justify; word-break: break-all;} .ddjs_w a{display: block; width: 122px;height: 34px; line-height: 32px;color: #fff; font-size: 14px; margin-top: 80px;text-align: center;transition: All 0.4s ease-in-out;border: 1px solid #fff;} .ddjs_w a:hover{background: #9d0a0e;} .ddjs_right{width: 38%; float: right; padding-left: 15px;} .xwqh{border: 1px solid #e5e5e5; border-bottom: none;} .xwqh_tit{border-bottom: 1px solid #e5e5e5; padding: 16px 20px;background: #efefef;} .xwqh_tit ul{overflow: hidden;} .xwqh_tit li{float: left; padding-right: 10px;} .xwqh_tit li span{display: block;text-align: center;background: #bfbfbf;width: 96px; line-height: 26px; font-size: 14px; color: #fff;cursor:pointer;} .xwbox li{line-height: 59px; border-bottom: 1px solid #e5e5e5; padding: 0 20px; overflow: hidden;} .xwbox span{color: #666666;font-size: 16px;} .xwbox a{display: block; width: calc(100% - 120px);font-size: 18px; color: #000000;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .xwbox a:hover{color: #007AFF;} .bqxx_right h2{font-size: 14px;color: #000; line-height: 2;} .bqxx_right p{font-size: 14px;color: #000; line-height: 2;} .xxlb p{font-size: 16px;text-align: center; padding: 25px 3%; color: #666666; line-height: 30px;} .spzx{padding-bottom: 78px;} .spxq{position: relative;} .spxq img{width: 100%;transition: All 0.4s ease-in-out;} .dksp{background: url(../images/a_66.png);width: 40px;height: 40px; background-size: 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);cursor:pointer;} .spzx_nr p{font-size: 18px; line-height: 54px; background: #fff;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;text-align: center;} .spxq{background: #000;} .spxq:hover img{opacity: 0.5;} .spzx_nr p a:hover{color: #0483B9;} .spzx_nr .swiper-button-next{background: url(../images/a_69.png);width: 40px; height: 40px;background-size: 100%; right: 0; margin-top: -40px;} .spzx_nr .swiper-button-prev{background: url(../images/a_70.png);width: 40px; height: 40px;background-size: 100%; left: 0; margin-top: -40px;} .tcbj{background: rgba(0,0,0,.7); position: fixed; width: 100%; height: 100%; top:0; left: 0;z-index: 1000;display: none;} .tcxx{width: 600px; background: #000; position: fixed; z-index: 1001;left:50%; top:50%; transform:translate(-50%,-50%);display: none;} .ggbtn{position: absolute; width: 40px; height: 40px;text-align: center; background: #000;text-align: center;line-height: 40px; right: -25px; top: -25px;border-radius: 20px; color: #fff; font-size: 16px;cursor:pointer;transition: All 0.4s ease-in-out;} .ggbtn:hover{ transform: rotate(360deg);-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);} .bj3{background: url(../images/a_02.jpg) no-repeat center center; height: 322px;} .link ul{overflow: hidden;padding-top: 106px;} .link li{float: left; width: 20%;text-align: center; background: url(../images/a_06.png) no-repeat right center;} .link li:nth-child(5){ background: none;} .link img{margin: 0 auto;} .link p{text-align: center; font-size: 20px; margin-top: 24px; color: #000000;} .footer{background: #192633;} .foot_lb{width: 1400px; margin: 0 auto; overflow: hidden; padding: 50px 0; } .foot_lb li{float: left; line-height: 22px;color: #fff;font-size: 14px; font-weight: bold;} .foot_lb a{padding: 0 27px; color: #fff;} .foot_lb a:hover{color: #007AFF;} .bqxx{overflow: hidden;width: 1400px; margin: 0 auto;border-top: 1px solid #babec2; padding: 45px 0 50px;} .bqxx_left{float: left;} .bqxx_left h2{font-size:18px ;color: #fff; margin-bottom: 18px;} .bqxx_left p{color: #fff; font-size: 14px; line-height: 40px;} .bqxx_left img{display: inline-block;vertical-align: middle; margin-right: 10px; margin-top: -3px;} .bqxx_right{width: 130px;text-align: center; float: right; margin-right: 40px;} .bqxx_right p{color: #fff;font-size: 14px; margin-top: 18px;} .xxbq{background: #080c10; padding: 20px 0;} .xxbq p{font-size: 14px; color: #fff; line-height: 24px;width: 1400px; margin: 0 auto;} .xxbq p span{padding-left: 20px;} .xxbq p a{color: #fff;} .xxbq p a:hover{color: #007AFF;} .xwqh .xwqh_tit .on3{background: #c50c11;color: #fff;} /*荣誉资质*/ .banner2{position: relative; } .banner2 img{width: 100%;} .gsry_tit{text-align: center;padding: 40px 0 55px;} .gsry_tit h2{font-size: 32px;color: #b23435;} .gsry_tit h2 span{color: #000000;} .gsry_tit b{width: 10px;height: 10px;border-radius: 50%;background: #b23435; margin: 0 15px;display: inline-block;vertical-align: middle;} .gsry_tit p{font-size: 16px;color: #b23435; margin-top: 10px;} .gsry_tp{/*height: 239px;*/ display: block;/*background: #eeeeee;*/} .gsry_tp img{max-width: 100%;max-height: 100%; position: relative;left:50%; top:50%; transform:translate(-50%,0%);} .gsry_nr ul{overflow: hidden; margin-left: -30px; padding-top: 10px;} .gsry_nr li{float: left; width: 33.33%; padding: 0 0 25px 30px;} .gsry_nr p{margin: 15px 0; font-size: 14px; line-height: 24px;text-align: center; color: #000;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .gsry_nr a:hover p{color: #099fde;} /*==成员企业==*/ .cyqy{overflow: hidden; padding: 40px 0 100px;} .cyqy_left{float: left; width: 230px;background: #fff;} .cyqy_left h2{font-size: 20px; padding-left: 55px; line-height: 80px; background: #315aa9; color: #fff; position: relative;} .cyqy_left h2:before{position: absolute; content: "";border-left: 1px solid #fff;height: 40px;left:31px; top:30px;} .cyqy_left li{line-height: 51px;border-bottom: 1px solid #eee;} .cyqy_left a{display: block; font-size: 16px; color: #333; padding-left: 40px;} .cyqy_left .hover2 a{background:url(../images/a_05.png) no-repeat 181px center #36a065; color: #fff;} .cyqy_left a:hover{background:url(../images/a_05.png) no-repeat 181px center #36a065; color: #fff;} .cyqy_right{float: right;width:calc(100% - 260px);background: #fff; } /*.dqwz{padding: 0 28px;} .dqwz p{font-size: 18px; color: #333;line-height: 63px;border-bottom: 2px solid #41b57a;} .dqwz p span{color: #333;font-size: 14px;} .dqwz p a{color: #333;} .dqwz p a:hover{color: #2855A8;}*/ .dqwz img{display: inline-block;*display: inline;vertical-align: middle; margin-right: 10px;} .dqwz{padding: 0 28px;} .dwlb ul{overflow: hidden; margin-left: -22px; padding: 55px 28px 0 28px;} .dwlb li{float: left;width: 33.33%; padding: 0 0 37px 22px;} .dwlbbox img{position: absolute;width: 100%;left:50%; top:50%; transform:translate(-50%,-50%);} .dwlbbox {position: relative; height: 195px; overflow: hidden;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1); box-shadow:0 0 10px rgba(0, 0, 0, .1); } .dwzz{transition: all .8s ease 0s;position: absolute;width: 100%; height: 100%; background: rgba(49,30,169,.8);top:0;left:0;z-index: 100;opacity: 0;} .dwzz span{background: url(../images/a_0114.png); width: 63px; height: 63px; background-size: 100% 100%; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .dw_text{width: 100%; padding: 0 10px; position: absolute; left:0; top:50%;transform:translateY(-50%);} .dw_text p{font-size: 24px; color: #666666; line-height: 32px; text-align: center;} .dwlbbox:hover .dwzz{opacity: 1;} /*新闻*/ .banner3{background: url(../images/banner7.jpg) no-repeat center center; height: 570px;background-size: cover;} .xwzx ul{padding: 23px 0 0 0;} .xwzx li{padding-bottom: 30px;} .xwzxbox{border: 1px solid #eeeeee;padding: 30px;transition: All 0.4s ease-in-out;} .xwzxbox h2{padding-bottom: 20px; border-bottom: 1px solid #eee; font-size: 16px; color: #333333;transition: All 0.4s ease-in-out;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .xwzxbox p{transition: All 0.4s ease-in-out;font-size: 14px;color: #666666; line-height: 24px; margin-top: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .xwzxbox b{transition: All 0.4s ease-in-out;display: block; text-align: center; width: 154px;text-align: center; line-height: 36px;color: #666666; font-size: 16px;border: 1px solid #eee; margin-top: 45px;} .xwzxbox span{font-size: 16px;} .xwzx a:hover .xwzxbox{background: #fff; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2); box-shadow:0 0 10px rgba(0, 0, 0, .2); } .xwzx a:hover .xwzxbox h2{color: #099fde;} .xwzx a:hover .xwzxbox b{color: #fff;background: #099fde;} .fynr{text-align: center; padding: 20px 0 40px;} .fynr li{display: inline-block; padding: 0 10px;} .fynr a{display: inline-block; line-height: 24px; font-size: 14px;color: #666666; padding: 0 10px;border: 1px solid #eee;background: #fff;} .fynr span{display: inline-block; line-height: 24px; font-size: 14px;color: #666666; padding: 0 10px;border: 1px solid #eee;background: #fff;} .fynr .hover2 a{color: #fff;border: 1px solid #b23435;background: #b23435;} .fynr a:hover{color: #fff;border: 1px solid #b23435;background: #b23435;} .xwzxbox2{overflow: hidden; padding: 30px 10px; border-bottom: 1px solid #eee;} .xwzw_left{width: 312px; float: left;overflow: hidden;} .xwzw_left img{width: 100%;} .img2 { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-ou } .img2:hover { transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); } .xwzw_right{float: right; width: calc(100% - 350px); position: relative;} .xwzw_right h2{font-size: 16px;color: #333; line-height: 60px; margin-top: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .xwzw_right p{font-size: 14px;color: #333; line-height: 24px; margin-right: 150px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .xwzw_right h3{position: absolute; right:0; bottom: -25px; font-size: 32px;color: #333;background: url(../images/a29.png) no-repeat right bottom; padding-bottom: 20px;} .xwzx2 a:hover .xwzxbox2{border-bottom: 1px solid #b23435;} .xwzx2 a:hover h2{color: #b23435 ;} .xwzx2 a:hover h3{color: #b23435 ;background: url(../images/a30.png) no-repeat right bottom;} .img4 { transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;} .img4:hover { transform: translate(0, -10px); -webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px); -o-transform: translate(0, -10px);-ms-transform: translate(0, -10px);} /*新闻详细*/ .dt1-hd{padding:12px 0;border-bottom:1px solid #000000;overflow:hidden} .dt1-hd h1{margin-bottom:12px;font-size:28px;color:#666;font-weight:700} .dt1-hd .bd{position:relative;line-height:30px;overflow:hidden} .dt1-hd .bd .return{margin-left:20px;float:right;padding-left:34px;background:url(images/a_110.png) left top no-repeat;font-size:20px;color:#666;-webkit-transition:.3s;-o-transition:.3s;transition:.3s} .dt1-hd .bd .return:hover{color:#1a5cb0;background-image:url(images/a_91.png)} .dt1-hd .bd .info{overflow:hidden} .dt1-hd .bd .info span{margin-right:26px;padding-left:28px;float:left;background-repeat:no-repeat;background-position:left 5px;font-size:14px;color:#666} .dt1-con{padding:18px 0;font-size:16px;color:#000;line-height:1.88;border-bottom:1px solid #f0f0f0} .dt1-pages{padding:23px 0;overflow:hidden} .dt1-pages .next,.dt1-pages .prev{font-size:16px;color:#666;line-height:3;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden} .dt1-pages a:hover{color:#1a5cb0} #co img{/*display:inline-block;*/ max-width:100%; height: auto !important;margin: 0 auto;} /*关于我们*/ .banner1{position: relative;} .banner1 img{width: 100%;} .fgt{height: 110px;} .banner_text{width: 1400px; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .banner_text h2{font-size: 48px; color: #fff; font-weight: bold;} .wmjs{overflow: hidden; padding: 80px 0 25px;} .wmjs_left{width: 260px; float: left;} .wmjs_left h2{background: #2482c8;font-size: 32px; line-height: 140px; color: #fff; padding-left: 42px;border-radius: 0 18px 0 0;} .wmjs_left li{border-bottom: 1px solid #e5e5e5; line-height: 62px; font-size: 22px;} .wmjs_left li a{display: block; color: #000; padding-left:20px ;} .wmjs_left .hover2 a{color: #2482c8;background-image: linear-gradient(#f9f9f9, #e7e7e6);} .wmjs_left a:hover{color: #2482c8;background-image: linear-gradient(#f9f9f9, #e7e7e6);} .wmjs_right{float:right; width: calc(100% - 332px);} .dqwz{border-bottom: 1px solid #2482c8; padding-bottom: 10px;} .dqwz p{font-size: 14px; color: #333;background: url(../images/a_09.png) no-repeat left center; padding-left: 26px; line-height: 19px;} .dqwz p a{color: #333;} .dqwz p a:hover{color: #007AFF;} .qyqk_tit{text-align: center; padding: 55px 0 20px;} .qyqk_tit h2{font-size: 28px; margin-bottom: 10px;} .qyqk_tit p{color: #666666;} .qyqk_nr{padding: 0 75px;} .qyqk_nr p{color: #000; font-size: 14px; line-height: 36px;text-align:justify; word-break: break-all;} .qyqk_nr img{margin: 30px auto; max-width: 100%;} .zjsbox{border: 1px solid #eeeeee; padding: 20px; overflow: hidden; margin-bottom: 30px;} .zjs_left{width: 215px;float: left; overflow: hidden;} .zjs_left img{width: 100%;} .zjs_right{float: right; width: calc(100% - 238px);} .zjs_right h2{font-size: 18px; line-height: 62px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .zjs_right h2 a{color: #2482c8;} .zjs_right p{font-size: 14px; line-height: 32px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .zjs_right b{font-weight: bold;} /*公司理念*/ .gslm{padding-top: 30px;} .gslmbox{overflow: hidden; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, .1); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .1); box-shadow:0 0 10px rgba(0, 0, 0, .1); margin: 0 5px 20px 5px; transition: All 0.4s ease-in-out; } .gslmbox:hover{background: #f2f2f2;} .gslm_tp{width: 50%;overflow: hidden;} .gslm_tp img{width: 100%;} .gslm_text{width: 50%; padding: 60px 50px 0 50px;} .fl{float: left;} .gslm_text h2{color: #000; font-size: 18px;} .gslm_text h3{font-size: 30px; line-height: 74px;font-weight: bold; color: #e6e5e5;} .gslm_text p{font-size: 24px; line-height: 36px;color: #000;} /*发展历程*/ .banner2 img{width: 100%;} .xxgk_nr{margin: 45px 0; position: relative; padding: 40px 0 0 0;} .xxgk_nr:before{border-right: 4px solid #2482c8;height: 100%; left:50%;top:0; position: absolute;content: ""; margin-left: -2px;} .xxgkbox{overflow: hidden; margin-top: -40px;} .xxgk_right{float: right;width: 50%; padding-left: 60px;} .xxgk_left{width: 50%; float: left; padding-right: 60px;} .text_right{border: 1px solid #e6e6e6; position: relative; padding: 40px 28px;} .text_right span{position: absolute; width: 60px; height: 60px;text-align: center; line-height: 50px;border: 5px solid #91caf5;border-radius: 50%; background: #2482c8; font-size: 18px; color: #fff;top: 20px;left: -90px;} .text_right h2{font-weight: bold; font-size: 22px;font-weight: bold; color: #2482c8; margin-bottom: 22px;} .text_right p{font-size: 16px; line-height: 30px;} .text_right b{width: 16px;height: 25px; position: absolute; left:-16px; top:38px} .text_left{border: 1px solid #e6e6e6; position: relative; padding: 40px 28px;} .text_left span{position: absolute; width: 60px; height: 60px;text-align: center; line-height: 50px;border: 5px solid #91caf5;border-radius: 50%; background: #2482c8; font-size: 18px; color: #fff;top: 20px;right: -90px;} .text_left h2{font-weight: bold; font-size: 22px;font-weight: bold; color: #2482c8; margin-bottom: 22px;} .text_left p{font-size: 16px; line-height: 30px;} .text_left b{width: 16px;height: 25px; position: absolute; right:-16px; top:38px} /*联系我们*/ .wmlx{padding: 60px 0 0 0;} .wmdt img{width: 100%;} .wmlx_text{padding-top: 48px;} .wmlx_text ul{overflow: hidden; margin-left: -30px;} .wmlx_text li{float: left; width: 33.33%; padding: 0 0 20px 30px;} .wmbox{background: #f2f9fe; padding: 0 30px;height: 160px;} .wmbox h2{font-weight: bold; font-size: 18px; line-height: 30px; padding: 20px 0 10px;} .wmbox p{font-size: 15px; line-height: 25px;color: #333333;} .lxxq ul{overflow: hidden; padding-top: 40px;} .lxxq li{width: 30%; float: left;overflow: hidden;} .lxxq li:nth-child(1){ width:40%;} .lxxq span{display: block; float: left; position: relative;width: 94px;height: 94px;border: 1px solid #e6e6e6;border-radius: 50%;} .lxxq img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .lxxq_text{float: right;width: calc(100% - 134px);} .lxxq_text h2{font-size: 16px; line-height: 56px; color: #333;} .lxxq_text p{font-size: 14px;color: #333;} .xbd_tit{text-align: center; padding: 75px 0 35px;} .xbd_tit h2{font-size: 28px; margin-bottom: 30px;} .xbd_tit p{position: relative; line-height: 1.6;font-size: 18px;color: #333; padding-bottom: 20px;} .xbd_tit p:before{position: absolute; content: ""; border-bottom: 1px solid #e2e2e2;width: 34px;left: 50%; margin-left: -17px;bottom: 0;} .xbd_nr ul{overflow: hidden; margin-left: -20px;} .xbd_nr li{float: left; width: 33.33%; padding: 0 0 25px 20px;} .xbd_nr li:nth-child(4){ width:100%;} .wbya{width: 100%; height: 50px; line-height: 48px;border: 1px solid #e0e0e0; padding: 0 50px 0 20px;background: url(../images/a_25.png) no-repeat 95% center;} .wbyb{width: 100%; height: 50px; line-height: 48px;border: 1px solid #e0e0e0; padding: 0 50px 0 20px;background: url(../images/a_26.png) no-repeat 95% center;} .wbyc{width: 100%; height: 50px; line-height: 48px;border: 1px solid #e0e0e0; padding: 0 50px 0 20px;background: url(../images/a_28.png) no-repeat 95% center;} .wbyd{width: 100%; height: 170px; line-height: 48px;border: 1px solid #e0e0e0; padding: 0 20px 0 20px;background: url(../images/a_29.png) no-repeat 95% 10px;} .tjbd{overflow: hidden; padding-bottom: 40px;} .tjbd_l{float: left;} .wbye{width: 180px; height: 50px; line-height: 48px;border: 1px solid #e0e0e0; padding: 0 20px 0 20px;} .tjbd_l ul{overflow: hidden; margin-left: -30px;} .tjbd_l li{float: left; padding-left: 30px;} .rwm{font-size: 14px; color: #666;} .rwm img{display: inline-block; margin-right: 10px;} .tjbd_r{float: right;} .tjbd_r ul{overflow: hidden;} .tjbd_r li{float: left; padding-left: 30px;} .btn5{width: 240px;height: 50px;border: none; color: #fff;background: #0950a2;} .btn6{width: 240px;height: 50px;border: none; color: #fff;background: #848484;} /*视频列表页*/ .tvlb ul{padding-top: 50px;overflow: hidden; margin-left: -30px;} .tvlb li{float: left; width: 33.33%; float: left; padding: 0 0 40px 30px;} .tvbox{background: #f9f9f9; padding: 10px;} .tvtp{position: relative; } .tvtp img{width: 100%;} .tvtp a{display: block; position: absolute;left:20px;bottom: 20px;background: url(../images/a_01.png);width: 61px; height: 61px;background-size: 100%;} .tvtext h2{font-size: 16px; margin-top: 10px; line-height: 40px;} .tvtext h2 a{display: block; color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .tvtext p{color: #666666;} .tvtext p img{display: inline-block;*display: inline; margin-right: 8px;} .tvtext p span{padding-right: 20px;} .tvbox:hover{-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2); box-shadow:0 0 10px rgba(0, 0, 0, .2); } .fynr_a ul{text-align: center; padding-top: 35px;} .fynr_a li{display: inline-block;*display: inline; padding: 0 10px;} .fynr_a a{display: inline-block;*display: inline; line-height: 30px;width: 30px; background: #ca2e2a;border-radius: 15px; font-size: 14px; color: #fff;} .fynr_a .left{width: 98px; text-align: center;} .fynr_a .right{width: 98px; text-align: center;} .fynr_a a:hover{background: #f4625e;} .bj{position: fixed; width: 100%; height: 100%; z-index: 10; left:0; top:0; background: rgba(0,0,0,.7);display: none;} .tvtca{/*width:600px;*/ position: fixed;left:50%; top:50%; transform:translate(-50%,-50%);z-index: 1000;display: none;} .gbsp{background: url(../images/gbt.png); width:40px; height: 40px; top:-15px; right:-15px; background-size: 100% 100%; position: absolute;z-index: 1000;cursor:pointer;} /*业务中心*/ .banner3{background: url(../images/banner3.png) no-repeat center center;height: 520px;background-size: cover !important; } .wmjs_left dt{border-top: 1px solid #f3f3f3;} .wmjs_left dt a{line-height: 50px; font-size: 18px; color: #000 !important;background: none !important;} .wmjs_left dt a:hover{background: #fff; color: #007AFF !important;} .ywzx{padding-top: 30px;} .ywzxbox{border: 1px solid #eeeeee;overflow: hidden;margin-bottom: 40px;} .ywzx_tp{width: 55%;} .ywzx_tp img{width: 100%;} .ywzx_text{width: 45%; padding: 0 30px;} .ywzx_text h2{font-weight: bold; font-size: 24px; padding: 65px 0 40px;} .ywzx_text p{font-size: 16px; line-height: 30px;} .ywzx_text a{display: block;text-align: center; line-height: 38px; font-size: 18px; text-align: center;width: 156px;border: 1px solid #eeeeee; margin-top: 47px;transition: All 0.4s ease-in-out;} .ywzx_text a:hover{color: #fff; border: 1px solid #2482c8;background: #2482c8;} .xwbox{animation:fadeInUp .25s, 100ms;} @media(min-width:1366px){ .zxns_top.on1{background:url(../images/a_224.png) no-repeat 1000px center #2482c8 !important;} .zxns_top.onm{background:url(../images/jia.png) no-repeat 1000px center #ffffff !important;} } @media(max-width:1575px){ .logo{width: 200px; padding-top: 39px;} } @media(max-width:1485px){.nav li{padding-left: 25px;}} @media(max-width:1430px){ .nav li{padding-left: 25px;} .banner_text{width: 100%; padding: 0 3%;} } @media(max-width:1400px){ .headerbox{width: 100%; padding: 0 1%;} .head_right{ width: auto;} .wz1400{width: 100%; padding: 0 1%;} .gywm_right{padding: 0;} .kcnr_tbox{width: 100%;} .kcnr_tit p{font-size: 22px;} .ddjs_w a{margin-top: 20px;} .ddjs_w p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 8;overflow: hidden;} .foot_lb{width: 100%; padding: 50px 1%;} .bqxx{width: 100%; padding: 45px 1% 50px 1%;} .xxbq p{width: 100%; padding: 0 1%;} .qyqk_nr{padding: 0;} .ywzx_text h2{padding: 20px 0;} } @media(max-width:1367px){.logo{width: 210px;}} @media(max-width:1350px){ .nav li{padding-left: 15px;} .logo{width: 150px;padding-top: 15px;} } @media(max-width:1290px){.nav li{padding-left: 15px;} } @media(max-width:1200px){ .header{height: 60px;background: #fff;} .logo2{position: absolute; left:170px; top:10px; width: 35px;right: auto; padding: 0; margin-left: 0;} .logo2 img{width: 100%;} .ksdh{display: none;} .dhbtn{position: absolute;top:15px; right: 3%; width: 30px;height: 30px;background: url(../images/d1.png) no-repeat center center;background-size: 20px; } .dhbtn.on{background: url(../images/d2.png) no-repeat center center;background-size: 20px 20px;} .nav{position: fixed; z-index: 100; left: 0; top: 60px; height: calc(100% - 60px); background: #fff; margin: 0; width: 100%; overflow: auto;display: none; padding: 0;} .nav h3 a{line-height: 45px;} .nav li{padding: 0 3%; line-height: 45px; border-bottom: 1px solid #eee;width: 100%; float: none;} .sub_a{position: relative;padding: .2rem 0;left: 0; margin-left: 0;width: 100%; overflow: hidden; top: 0; display: none; z-index: 100; padding-bottom: 0px;} .sub_left{width: 100%; float: none;} .sub_left img{width: 100%;} .sub_right{width: 100%;float: none;} .sub_right dl{padding: .2rem 0;} .sub_right dt{width: 50%; padding: 0; line-height: 35px;} .sub_b{width: 100%; margin-left: 0;padding-left: 3%;} .sub_b dt{line-height: 35px;text-align:left;} .infg{height: 60px;} .banner .swiper-pagination{padding-bottom: 0;} .banner .swiper-pagination-bullet{width: .14rem; height: .14rem;border: .07rem;} .banner .swiper-pagination-bullet-active{width: .28rem;} .wz1400{padding: 0 3%;} .gywm{padding: .4rem 0;} .gywm_right{float: none;} .gywm_left{float: none; width: 100%; padding-top: .2rem;} .gywm_left h2{font-size: 24px;} .gywm_left h4{font-size: 16px; margin-bottom: .4rem;} .gywm_left h3{font-size: 18px; margin-bottom: .4rem;} .gywm_left ul {margin-left: 0; padding-top: .4rem;} .gywm_left li{width: 50%; margin-bottom: .5rem;} .gywm_left img{height: .8rem;} .gywm_left li:nth-child(2n):before{ border: none;} .btn2{margin-top: .5rem;} .kcnrbox{width: 100%;} .kcnr{padding-top: 60px;} .kcnr h2{ font-size: 24px;} .xwbox a{font-size: 14px;} .xwlb_tit a{width: 70px;background: url(../images/a_55.png) no-repeat right bottom;} .kcnr_tit img{height: .6rem;} .kcnr_tit p{font-size: 14px; line-height: 20px; height: 60px;} .kcnr_tit span{background-size: 1px 100%;} .tcxx{width: 90%;} .ggbtn{width: .4rem; height: .4rem; font-size: .26rem; line-height: .4rem;border-radius: .2rem; right: -.2rem;top: -.2rem;} .xw_text{padding: 0 .2rem;} .xw_text h2{font-size: 16px;} .xwlb_tit{padding: .4rem 0;} .xw_tp {height: auto;} .xwlb_tit h2{font-size: 24px;} .xwlb_tit p{font-size: 16px;} .xwlb_nr li{width: 100%; margin-bottom: .3rem;} .xw_text h2{margin-top: .2rem; font-size: 18px;} .xw_text p{margin-bottom: .3rem;font-size: 14px;} .xw_text h3{line-height: 50px;} .xwlb_nr{padding-bottom: .8rem;} .ddjs_left{float: none; width: 100%;} .ddjs_tp{float: none; width: 100%;} .ddjs_text{width: 100%; float: none;padding: .3rem;} .ddjs_t{padding: .2rem 0 ;} .ddjs_right{float: none; width: 100%; padding: .3rem 0 0 0;} .xwbox li{padding: 0 .2rem;} .ddjs_nr{padding-bottom: .8rem;} .spzx{padding-bottom: .8rem;} .spzx_nr p{font-size: 14px;} .bj3{padding: .8rem 0;height: auto;background-size: auto 100%;} .link ul{padding: 0 3%;text-align: center;} .link li{float: none; padding: .3rem;display: inline-block;width:auto;background: none;} .link p{font-size: 14px;} .link img{height: .8rem;} .foot_lb{display: none;} .bqxx{padding: .5rem 3%;} .bqxx_right{float: none;width: 2.4rem; padding:.3rem 0 0 0; margin: 0 auto;} .bqxx_right img{width: 100%;} .xxbq p{text-align: center;} .xxbq p span{padding: 0 .1rem;} .bqxx_left{width: 100%; float: none;} .fgt{height: 60px;} .banner_text{width: 100%;} .banner_text h2{font-size: 24px;text-align: center;} .wmjs{padding: .5rem 0;} .wmjs_left{width: 100%; float: none;} .wmjs_left h2{font-size: 20px; line-height: 3; padding-left: .3rem;} .wmjs_left li a{line-height: 50px;font-size: 14px;padding-left: .3rem;} .wmjs_right{float: none; width: 100%; padding-top: .4rem;} .qyqk_tit{padding: .5rem 0 .2rem;} .qyqk_tit h2{font-size: 20px;} .text_right span { position: absolute; width: 50px; height: 50px; text-align: center; line-height: 40px; border: 5px solid #91caf5; border-radius: 50%; background: #2482c8; font-size: 14px; color: #fff; top: 25px; left: -67px; } .text_right h2{margin-bottom: 10px;} .text_right{padding: .3rem;width: 100%;} .xxgk_right{padding-left: 0px;width: 100%;} .text_right b{display: none;} .xxgk_nr:before{display: none;} .text_right span { position: relative; width: 50px; height: 50px; margin: 10px auto; display: block; text-align: center; line-height: 40px; border: 5px solid #91caf5; border-radius: 50%; background: #2482c8; font-size: 14px; color: #fff; top: 0px; left: 0px; } .text_left span{ position: relative; width: 50px;display: block; height: 50px; margin: 10px auto; text-align: center; line-height: 40px; border: 5px solid #91caf5; border-radius: 50%; background: #2482c8; font-size: 14px; color: #fff; top: 0px; right: 0px;} .xxgkbox{margin-top: 0; padding-bottom: .3rem;} .text_left b{display: none;} .xxgk_left{padding-right: 0px;width: 100%; padding-right: 0; margin: 0;} .text_left{padding: .3rem;} .text_left h2{margin-bottom: 10px;} .xxgk_nr{margin: .4rem 0;} .qyqk_nr p{line-height: 1.8;} .zjsbox{margin-bottom: .3rem; padding: .2rem;} .wmlx{padding-top: .4rem;} .wmlx_text{padding-top: .4rem;} .wmlx_text ul{margin-left: -.2rem;} .wmlx_text li{padding: 0 0 .2rem .2rem;width: 50%;} .wmbox{padding: 0 .3rem;} .wmbox h2{font-size: 14px; line-height: 1.6; padding: .15rem 0;} .wmbox p{font-size: 12px;} .lxxq_text{width: 100%;text-align: center; padding-bottom: .4rem;} .xbd_tit{padding: .5rem 0 .4rem;} .xbd_tit h2{font-size: 24px;} .xbd_tit p{font-size: 14px;} .xbd_nr li{width: 100%;float: none;} .tjbd_l{width: 100%; float: none; padding-bottom: 20px;} .tjbd_r{float: none; width: 100%;} .tjbd_r li{width: 50%; padding: 0 15px;text-align: center;} .btn5{margin: 0 auto;} .btn6{margin: 0 auto;} .banner3{height: 5rem;background-size: atuo 100%;} .gslm_text p{font-size: 18px;} } @media(max-width:1000px){ .ywzxbox{margin-bottom: .4rem; padding: .2rem;} .ywzx_tp{width: 100%; float: none;} .ywzx_text{width: 100%; padding: 0;} .gslmbox{padding: .3rem;} .gslm_tp{width: 100%;float: none;} .gslm_text{padding: .3rem 0;width: 100%;} .gsry_nr ul{margin-left: -10px;} .gsry_nr li{width: 50%; padding: 0 0 10px 10px;} /*==招贤纳士==*/ .zxnsbox{padding: .4rem 0 1rem;} .zxns_tit{background: #fff;} .zxns_tit ul{overflow: hidden;} .zxns_tit li{float: left; width: 25%; line-height:.8rem; font-size:.24rem; font-weight: bold; color: #000000; padding-left: 20px;} .zxns{border-bottom: 1px solid #eee;background: #fff;} .zxns_top ul{overflow: hidden;} .zxns_top li{float: left; width: 25%; padding-left: .15rem; font-size: .24rem;color: #666666;line-height: .8rem;text-align: center;} .zxns_nr{border: 2px solid #2482c8; padding: .3rem .2rem;display: none;} .zxns_nr ul{overflow: hidden; } .zxns_nr li{width: 100%; padding-bottom: .4rem;} .zpnr h2{font-size: .32rem; color: #000; font-weight:bold;padding-bottom: .22rem;} .zpnr dt{line-height: 1.8; font-size: .24rem; color: #333;} .zpnr dl{padding-bottom: .3rem;} .btn2{transition: All 0.4s ease-in-out;display: block; width: 2rem; height: .8rem; line-height: .8rem; font-size: .26rem; text-align: center; background: #2482c8; color: #fff; margin-top:.1rem; border-radius: .4rem;} .btn2:hover{color: #fff; background: #333;} .zxns_top.on1{background: #2482c8;} .zxns_top.on1 li{color: #fff;} /*视频列表页*/ .tvlb ul{padding-top: 1.5rem;overflow: hidden; margin-left: -.2rem;} .tvlb li{float: left; width: 100%; float: left; padding: 0 0 .3rem .2rem;} .tvbox{background: #f9f9f9; padding: .1rem;} .tvtp{position: relative; } .tvtp img{width: 100%;} .tvtp a{display: block; position: absolute;left:20px;bottom: 20px;background: url(../images/a_01.png);width: 61px; height: 61px;background-size: 100%;} .tvtext h2{font-size: .32rem; margin-top: .1rem; line-height:3;} .tvtext h2 a{display: block; color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .tvtext p{color: #666666;font-size: .26rem;padding-bottom: ;} .tvtext p img{display: inline-block;*display: inline; margin-right: .08rem;} .tvtext p span{padding-right: .2rem;} .tvbox:hover{-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2); box-shadow:0 0 10px rgba(0, 0, 0, .2); } .fynr_a ul{text-align: center; padding-top: .4rem} .fynr_a li{display: inline-block;*display: inline; padding: 0 10px;} .fynr_a a{display: inline-block;*display: inline; line-height: 30px;width: 30px; background: #ca2e2a;border-radius: 15px; font-size: 14px; color: #fff;} .fynr_a .left{width: 98px; text-align: center;} .fynr_a .right{width: 98px; text-align: center;} .fynr_a a:hover{background: #f4625e;} .bj{position: fixed; width: 100%; height: 100%; z-index: 10; left:0; top:0; background: rgba(0,0,0,.7);display: none;} .tvtca{width:92%; position: fixed;left:50%; top:50%; transform:translate(-50%,-50%);z-index: 1000;display: none;} .gbsp{background: url(../images/gbt.png); width:.5rem; height: .5rem; top:-.25rem; right:-.25rem; background-size: 100% 100%; position: absolute;z-index: 1000;cursor:pointer;} } @media only screen and (max-width:480px){ .zjs_left{float: none; width: 100%;} .zjs_right{float: none; width: 100%;} .tjbd_l li{padding-bottom: 20px;float: none;} .tjbd_r ul{margin-left: -20px; overflow: hidden;} .tjbd_r li{padding: 0 0 20px 20px; width: 50%;text-align: center;} .btn5{width: 100%;} .btn6{width: 100%;} .lxxq li{width: 100%; float: none;} .lxxq span{float: none; margin: 0 auto;} .lxxq li:nth-child(1){width: 100%;} } @media(max-width:750px){ .xwzxbox2{padding: .35rem 0;} .xwzw_left{width: 30%;} .xwzw_right{width: 65%;} .xwzw_right h2{margin: 0;} .xwzw_right h3{font-size: 18px;} .xwzw_right p{margin-right: 60px;} .xwzw_right h3{bottom: -5px;} .gsry_nr li{width: 100%;} .cgjs_nr .swiper-slide-active img{width: 100%;} .cgjs_text{width: 80%; margin-left: -40%;} } @media(min-width:1000px){ /*==招贤纳士==*/ .zxnsbox{padding: 40px 0 100px;} .zxns_tit{background: #fff;} .zxns_tit ul{overflow: hidden;} .zxns_tit li{float: left; width: 25%; line-height: 70px; font-size: 18px; font-weight: bold; color: #000000; padding-left: 20px;} .zxns{border-bottom: 1px solid #eee;background: #fff;} .zxns_top ul{overflow: hidden;} .zxns_top li{float: left; width: 25%; padding-left: 20px; font-size: 16px;color: #666666;line-height: 70px;} .zxns_nr{border: 2px solid #2482c8; padding: 40px 40px 10px 40px;display: none;} .zxns_nr ul{overflow: hidden;} .zxns_nr li{width: 50%; float: left;} .zpnr h2{font-size: 18px; color: #000; font-weight:bold;padding-bottom: 22px;} .zpnr dt{line-height: 1.8; font-size: 14px; color: #333;} .zpnr dl{padding-bottom: 30px;} .btn2{transition: All 0.4s ease-in-out;display: block; width: 100px; height: 36px; line-height: 36px; font-size: 14px; text-align: center; background: #2482c8; color: #fff; margin-top: 30px; border-radius: 18px;} .btn2:hover{color: #fff; background: #333;} .zxns_top.on1{background:url(../images/a_224.png) no-repeat 900px center #2482c8;} .zxns_top.onm{background:url(../images/jia.png) no-repeat 900px center #ffffff;} .zxns_top.on1 li{color: #fff;} .txt { font-size: 14px; color: #000; line-height: 1.72; } } @media(max-width:1200px) and (min-width: 1000px){ /*==招贤纳士==*/ .zxnsbox{padding: 40px 0 100px;} .zxns_tit{background: #fff;} .zxns_tit ul{overflow: hidden;} .zxns_tit li{float: left; width: 25%; line-height: 70px; font-size: 18px; font-weight: bold; color: #000000; padding-left: 20px;} .zxns{border-bottom: 1px solid #eee;background: #fff;} .zxns_top ul{overflow: hidden;} .zxns_top li{float: left; width: 25%; padding-left: 20px; font-size: 16px;color: #666666;line-height: 70px;} .zxns_nr{border: 2px solid #2482c8; padding: 40px 40px 10px 40px;display: none;} .zxns_nr ul{overflow: hidden;} .zxns_nr li{width: 50%; float: left;} .zpnr h2{font-size: 18px; color: #000; font-weight:bold;padding-bottom: 22px;} .zpnr dt{line-height: 1.8; font-size: 14px; color: #333;} .zpnr dl{padding-bottom: 30px;} .btn2{transition: All 0.4s ease-in-out;display: block; width: 100px; height: 36px; line-height: 36px; font-size: 14px; text-align: center; background: #2482c8; color: #fff; margin-top: 30px; border-radius: 18px;} .btn2:hover{color: #fff; background: #333;} .zxns_top.on1{background:url(../images/a_224.png) no-repeat 1160px center #2482c8;} .zxns_top.on1 li{color: #fff;} /*视频列表页*/ .tvlb ul{padding-top: 50px;overflow: hidden; margin-left: -30px;} .tvlb li{float: left; width: 33.33%; float: left; padding: 0 0 40px 30px;} .tvbox{background: #f9f9f9; padding: 10px;} .tvtp{position: relative; } .tvtp img{width: 100%;} .tvtp a{display: block; position: absolute;left:20px;bottom: 20px;background: url(../images/a_01.png);width: 61px; height: 61px;background-size: 100%;} .tvtext h2{font-size: 16px; margin-top: 10px; line-height: 40px;} .tvtext h2 a{display: block; color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .tvtext p{color: #666666;} .tvtext p img{display: inline-block;*display: inline; margin-right: 8px;} .tvtext p span{padding-right: 20px;} .tvbox:hover{-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .2); -moz-box-shadow:0 0 10px rgba(0, 0, 0, .2); box-shadow:0 0 10px rgba(0, 0, 0, .2); } .fynr_a ul{text-align: center; padding-top: 35px;} .fynr_a li{display: inline-block;*display: inline; padding: 0 10px;} .fynr_a a{display: inline-block;*display: inline; line-height: 30px;width: 30px; background: #ca2e2a;border-radius: 15px; font-size: 14px; color: #fff;} .fynr_a .left{width: 98px; text-align: center;} .fynr_a .right{width: 98px; text-align: center;} .fynr_a a:hover{background: #f4625e;} .bj{position: fixed; width: 100%; height: 100%; z-index: 10; left:0; top:0; background: rgba(0,0,0,.7);display: none;} .tvtca{width:600px; position: fixed;left:50%; top:50%; transform:translate(-50%,-50%);z-index: 1000;display: none;} .gbsp{background: url(../images/gbt.png); width:40px; height: 40px; top:-15px; right:-15px; background-size: 100% 100%; position: absolute;z-index: 1000;cursor:pointer;} } /*html {overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}*/