@charset "utf-8"; /* CSS Document */ html,body{height: 100%;} *,*: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:#898989;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,strong { 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{width: 100%; position: fixed;background: #fff; top: 0;left: 0;z-index: 1000;height: 84px; padding-left: 5vw; box-shadow:0 0 10px rgba(0, 0, 0, .1); transition: All 0.4s ease-in-out;} .header.on{top: -84px;} .logo{width: 93px; float: left; padding-top: 12px;} .logo img{width: 100%;} .fhbtn{width:84px; float: right;height: 84px;cursor: pointer;background:url(../images/a_13.png) no-repeat center center #00a0e9;position: relative;z-index: 100;} .fhbtn.on{background: url(../images/d2.png) no-repeat center center #00a0e9;background-size: 20px 20px;} .yzxz{float: right;width: 120px; height: 84px; background: #00388b; line-height: 84px; color: #fff; font-size: 18px;text-align: center; font-weight: bold;transition: All 0.4s ease-in-out;} .yzxz:hover{background: #00a0e9;} .yzxz img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;} .ssbtn{position: relative;height: 84px;background:url(../images/a_17.png) no-repeat left center #00388b;width: 115px;cursor: pointer;float: right;transition: All 0.4s ease-in-out;} .ssbtn img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .ssbtn:hover{background:url(../images/a_17a.png) no-repeat left center #00a0e9;} .nav{float: right;} .nav ul{ padding-right: 30px;} .nav li{float: left; padding:0 30px; position: relative;} .nav h3 a{color: #333; font-size: 16px;line-height: 84px;} .nav h3 a:before{position: absolute; content: "";border-bottom: 3px solid #00a0e9;width: 0; bottom: 0; left: 50%;transform: translateX(-50%);transition: All 0.4s ease-in-out;} .nav .on h3 a{color: #00388b;font-weight: bold;} .nav .on h3 a:before{width: 33px;} .sub{position: absolute; width: 140%; background: rgba(255,255,255,.7);left: -20%; top: 84px;z-index: 100;display: none;} .sub dt{text-align: center;line-height: 40px; font-size: 14px;} .sub dt a{display: block; color: #333;transition: All 0.4s ease-in-out;} .sub dt a:hover{color: #fff;background: #19A9EB;} .xjtn{overflow: hidden; padding:20px 0 80px 0;display: flex;justify-content : space-between;align-items: center;} .xjtn_left{width: 345px;} .xjtn_left img{ width: 100%;} .xjtn_right{width: calc(100% - 400px);} .xjtn_right p{ font-size: 16px; color: #666; line-height: 1.8;} .cldh{position: fixed;z-index: 10;width: 500px;height: 100%; background: #fff; right: -500px; top: 0; padding: 80px 0 0 40px;} .cldh h3 {position: relative;} .cldh h3 a{font-size: 16px; font-weight: bold; color: #333;display: block; line-height: 25px;} .cldh dl{overflow: hidden; margin-left: -30px;padding-bottom: 20px;} .cldh dt{float: left; padding-left: 30px;line-height: 1.6;} .cldh dt a{color: #999; font-size: 14px;} .cldh dt a:hover{color: #007AFF;} .shzp{padding-bottom:60px;} .sstc{background: rgba(0,0,0,.7); width: 940px; position: fixed;z-index: 1000;left:50%; top:50%; transform:translate(-50%,-50%);overflow: hidden;display: none;} .sstcbox{padding: 100px;animation:pulse 1.8s, 100ms;} .wby1{width: calc(100% - 60px); line-height: 60px;background: #fff; padding: 0 20px; font-size: 16px;float: left; } .btn1{background: url(../images/a_16.png) no-repeat center center #00A0E9;width: 60px;height: 60px;cursor: pointer; border: none;} .ggbtn{position: absolute; top: 25px; right: 25px;width: 50px;height: 50px; cursor: pointer;background:url(../images/a_20.png) no-repeat center center #00A0E9;border-radius: 50%;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);} .gytext_nr{height: 420px; overflow: auto;} #style-1::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#F5F5F5; } .gytext_nr::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px; background-color:#F5F5F5; } .gytext_nr::-webkit-scrollbar { width:5px; height:5px; background-color:#fff; } .gytext_nr::-webkit-scrollbar-thumb { border-radius:10px; -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3); background-color:#00a0e9; } .inbox{height: 100%;overflow: hidden;} .swiper-h { width: 100%; height: 100%; } .swiper-v{height: 100%;width: 100%;} .swiper-slide {height: 100%;width: 100%; text-align: center; /* Center slide text vertically */ display: -webkit-box; display: -ms-fslexbox; 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; } .banner{height: 100vh;position: relative;width: 100%;} .bannerbox{position: relative;height: 100vh; overflow: hidden;width: 100%;} .bannerbox img{height: 100%;object-fit: cover;display: inline-block;} .bannertext{position: absolute; width: 1400px; max-width: 94%;left:50%; top:50%; transform:translate(-50%,-50%);text-align: left;} .bannertext h2{color: #fff; line-height: 40px; font-size: 24px;} .bannertext h2 span{font-size: 36px;} .bannertext h3{font-weight: bold; color: #fff;font-size: 42px; margin: 40px 0 25px;} .bannertext p{color: #fff; font-size: 24px;} .bannertext a{display: block; text-align: center; margin-top: 40px; line-height: 45px; font-size: 14px;text-align: center; width: 155px;border-radius: 10px 0 15px 0;background: #00a0e9;color: #fff;} .bannertext a b{display: inline-block; background: url(../images/a_01.png); width: 9px;height: 9px ; margin: -3px 0 0 10px;vertical-align: middle;} .bannertext a:hover b{margin-left: 20px;transition: All 0.4s ease-in-out;} .swiper-num{color: #fff; position: absolute;width: 100%;text-align: center;top: 50%;transform: translateY(-50%);font-size: 18px;} .bannerbtn{position: absolute; top: 200px; right: 120px;z-index: 100;width: 26px;height: 135px;} .bannerbtn:before{position: absolute; content: ""; border-bottom: 1px solid rgba(255,255,255,.4); width: 100px;left: 0;top:50%; transform: translateY(-50%);} .banner .swiper-button-next{background: url(../images/a_03.png) ;width: 16px;height: 9px; top: auto; bottom: 0; margin-top: 0;z-index: 10;left: 50%;transform: translateX(-50%);} .banner .swiper-button-prev{background: url(../images/a_02.png); width: 16px;height: 9px; top: 0; margin-top: 0;left: 50%;transform: translateX(-50%);} .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{font-size: 0;} .swiper-button-next:after, .swiper-button-prev:after{font-size: 0;} .swiper-num .total{margin: 20px 0;display: block;} .swiper-num .active{margin: 20px 0;display: block;font-weight: bold;} .banner .swiper-pagination-bullet{width: 12px;height: 12px;border: 1px solid #fff;background: none; opacity: 1;} .banner .swiper-pagination-bullet-active{background: #fff;} .banner .swiper-pagination{bottom: 50px;} /*弹出资质*/ .tcbj{display: block; width: 100%;height: 100%;background: rgba(0,0,0,.8); top: 0;left: 0;z-index: 200;position: fixed;display: none;} .txbox{position: fixed;width: 600px; padding: 40px;border-radius: 20px; z-index: 201;left:50%; top:50%; transform:translate(-50%,-50%);background: #FFF;display: none;} .txbox img{width: 100%;} .ggbtna{width: 40px;height: 40px; line-height: 40px;cursor: pointer; text-align: center;border-radius: 50%; background: #fff; font-size: 20px; font-family: arial; color: #333;position: absolute; top: -20px; right: -20px;border: 1px solid #eee;} /*新闻详情*/ .wzxq{width: 1040px;margin: 0 auto;max-width: 94%;} .xwxq_title{padding: 60px 0 30px; border-bottom: 1px solid #d4d6e2;text-align: center;} .xwxq_title h2{position: relative; font-weight: bold; color: #333;font-size: 30px; padding-bottom: 15px; line-height: 1.6;} .xwxq_title h2:before{position: absolute; content: ""; border-bottom: 2px solid #4078fa; width: 36px;bottom: 0;left: 50%;transform: translateX(-50%);} .xwxq_title p{font-size: 14px; color: #666666;margin-top: 20px;} .xwxq_title p span{padding: 0 12px;} .xwxq_nr{padding: 35px 0;} .xwxq_nr p{font-size: 16px; line-height: 30px; color: #4f4f4f;} .xwxq_nr .wzct{margin: 25px auto;max-width: 100%;} #ss{display: block; text-align: center; margin:50px auto 0 auto ;width: 200px; line-height: 42px;background: #009fe1;border-radius: 21px; color: #fff; font-size: 14px;} .wzfya{padding: 35px 0 100px;border-top: 1px solid #d4d6e2;} .wzfya li{font-weight: bold; font-size: 16px; line-height:46px; color: #009fe1;} .wzfya li a{font-weight: 400; color: #333333;} .wzfya li a:hover{color: #009fe1;} .xwxq_nr a img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;} .bywm{width: 1400px; max-width: 94%; text-align: left;} .cl{clear: both;} .bywm_left{float: left;width: 50%; padding-right: 65px;} .bywm_title p{font-size: 16px;color: #666; margin-bottom: 10px;} .bywm_title h2{position: relative;font-weight: bold; font-size: 30px; color: #333333;padding-left: 25px; margin-bottom: 60px;transition: All 0.4s ease-in-out;} .bywm_title h2:before{position: absolute; content: ""; border-bottom: 2px solid #00388b;width: 123px; left: -105px;top:50%; transform: translateY(-50%);transition: All 0.4s ease-in-out; } .bywm_title:hover h2{padding-left: 0;} .bywm_title:hover h2:before{width: 100px;} .bywm_nr h2{font-weight: bold; color: #333; font-size: 30px; margin-bottom: 35px;} .bywm_nr p{font-size: 16px; line-height: 28px;color: #666666;text-align:justify; word-break: break-all;} .bywm_title a{float: right;background: url(../images/a_04.png); width: 80px; line-height: 27px;text-align: center; color: #fff; font-size: 14px;padding-left: 5px;transition: All 0.4s ease-in-out;} .bywm_title a:hover{background: url(../images/a_04a.png);} .gywm_right{float: right;width: 50%;} .gywm_right ul{overflow: hidden; padding-top: 35px;} .gywm_right li{width: 33.33%; float: left; padding: 0 20px;position: relative;} .gywm_right li:before{position: absolute;content: "";border-left: 1px solid #999999;height: 52px;left: 0; top: -10px;} .gywm_right h2{font-size: 18px; color: #666666;margin-bottom: 15px;} .gywm_right h2 span{font-weight: bold; font-size: 48px; color: #00388b; } .gywm_right p{font-size: 14px; line-height: 1.5; color: #666666;} /*.swiper-slide.swiper-slide-active .bywm_bottomWarp{ width: 100%;} .bywm_bottomWarp{ width: 0; height: 343px; overflow: hidden; transition: 2s ease;}*/ .bywm_bottom{ padding-top: 70px;} .bywm_bottom ul{overflow: hidden; margin-left: -23px;} .bywm_bottom li{float: left; width: 33.33%; padding: 0 0 13px 23px;} .bywm_bottom a{display: block; font-size: 18px; color: #333333; font-weight: bold; padding: 0 40px; line-height: 78px;background: #efefef;position: relative;transition: All 0.4s ease-in-out;} .bywm_bottom a:hover{color: #fff; background-image: linear-gradient(to right, #194c96 , #00a0e9);} .bywm_bottom b{background: url(../images/a_08.png); width: 33px;height: 33px;background-size: 100%; position: absolute; right: 40px;top:50%; transform: translateY(-50%);} .cpzs{width: 1400px; max-width: 94%;text-align: left;} .bj2{background: url(../images/bj2.jpg) no-repeat center top #f2f2f2;} .cpzs_title p{color: #fff; font-size: 16px; margin-bottom: 5px;} .cpzs_title h2{position: relative;font-weight: bold; font-size: 30px; color: #FFF;padding-left: 25px;transition: All 0.4s ease-in-out; } .cpzs_title h2:before{position: absolute; content: ""; border-bottom: 2px solid #809dc6;width: 123px; left: -105px;top:50%; transform: translateY(-50%);transition: All 0.4s ease-in-out; } .cpzs_title:hover h2{padding-left: 0;} .cpzs_title:hover h2:before{width: 100px;} .cpzsbox{padding: 55px 0 0 0;} .cpzs_bt ul{overflow: hidden; padding-bottom: 55px;} .cpzs_bt li{float: left;width: 16.66%;} .cpzs_bt li span{display: block; height: 100px;display: flex;border-radius: 25px 0 25px 0;justify-content : space-between; align-items: center;cursor: pointer;transition: All 0.4s ease-in-out;} .cp_tp{ width: 105px; position: relative;} .cp_tp img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .cp_text{width: calc(100% - 105px);} .cpzs_bt li.cur span{background: #00a0e9;} .cpzs_bt span:hover{background: #00a0e9;} .cp_text h2{font-weight: bold; color: #fff; font-size: 18px; margin-bottom: 10px;} .cp_text p{font-size: 14px; color: #fff;} .cp_text p b{background: url(../images/a_11.png); width: 9px;height: 10px; display: inline-block; margin-left: 10px;} .cpfl{position: relative;width: 1485px; margin: 0 auto;max-width: 94%;} .pcflbox{display: flex;justify-content : space-between; align-items: center;background: #fff;} .pcfl_tp{width: 60%;position: relative; overflow: hidden;} @keyframes ab{ 0%{ transform:translate(-50%,-50%) scale(0); opacity: 0;} 50%{transform:translate(-50%,-50%) scale(0.7); opacity:0.2;} 100%{transform:translate(-50%,-50%) scale(1.5); opacity:0;} } .pcfl_tp:before{position: absolute; background: #000; width: 100%;height: 200%;content: "";left:50%; top:50%; border-radius: 50%; opacity: 0;} .pcfl_tp:hover:before{ opacity: 0; animation:0.5s ab linear 1;} .pcfl_tp img{width: 100%;} .pcfl_text{width: 40%; padding: 0 60px;text-align: left;} .pcfl_text h2{font-size: 24px; color: #333; font-weight: bold; line-height: 72px; position: relative;} .pcfl_text h2:before{position: absolute; content: ""; border-bottom: 2px solid #00388b; width: 87px; left: 0; top: 0;} .pcfl_text h2:hover{color: #007AFF;} .pcfl_text p{font-size: 14px; line-height: 24px; color: #666666;} .pcfl_text ul{padding: 30px 0 ;} .pcfl_text li{font-size: 16px; line-height: 36px;} .pcfl_text li a{color: #666;} .pcfl_text li a b{color: #003399;} .pcfl_text li a:hover{color: #003399;} .btn4{display: block; font-size: 16px; color: #666;} .btn4 b{display: inline-block;background: url(../images/a_47.jpg); width: 23px;height: 23px; vertical-align: middle; margin: -3px 0 0 20px;transition: All 0.4s ease-in-out;} .btn4:hover b{margin-left: 30px;} .btn4:hover{color: #003399;} .news{width: 1400px; max-width: 94%;text-align: left;} .news_top{overflow: hidden; background: #f5f5f5;padding: 30px 30px 30px 50px;transition: All 0.4s ease-in-out;} .news_tp{width: 457px;float: right;overflow: hidden;position: relative;} .news_tp:before{position: absolute; background: #000; width: 100%;height: 200%;content: "";left:50%; top:50%; border-radius: 50%; opacity: 0;} .news_tp:hover:before{ opacity: 0; animation:0.5s ab linear 1;} .news_tp img{width: 100%;} .news_text{float: left;width: calc(100% - 505px);} .news_text h3{font-size: 18px; color: #999;} .news_text h2{font-weight: bold;font-size: 30px;color: #333333; margin: 30px 0 26px;} .news_text p{font-size: 16px; line-height: 30px;color: #333333;} .news_text a{display: inline-block; line-height: 23px; color: #333333;font-size: 14px; margin-top: 50px;} .news_text b{display: inline-block; vertical-align: middle; margin: -3px 0 0 15px;background: url(../images/a_47.jpg); width: 23px;height: 23px;transition: All 0.4s ease-in-out;} .news_top:hover{background: #d5d3d3;} .news_text a:hover{color: #003a8d;} .news_text a:hover b{margin-left: 20px;} .news_bottom{padding-top: 10px;} .news_bottom ul{overflow: hidden; margin-left: -30px;} .news_bottom li{float: left; width: 50%; padding: 0 0 10px 30px;} .news_bottom a{display: block; overflow: hidden; line-height: 105px; background: #f5f5f5; padding: 0 35px; font-size: 18px;transition: All 0.4s ease-in-out;} .news_bottom b{color: #999;} .news_bottom a span{width: calc(100% - 80px);float: left;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: relative; padding-left: 20px;} .news_bottom a span:before{position: absolute; content: ""; width: 5px;height: 5px; left: 0; border-radius: 50%; background: #00388b;left: 0;top:50%; transform: translateY(-50%);} .news_bottom a:hover{ background-image: linear-gradient(to right, #194c96 , #00a0e9);} .news_bottom a:hover span{color: #fff;} .news_bottom a:hover span:before{background: #fff;} .news_bottom a:hover b{color: #fff;} .footer{background: #33363a;width: 100%;} .footerbox{width: 1400px; margin: 0 auto; max-width: 94%;} .foot_left{float: left; width: calc(100% - 435px);text-align: left;} .foot_left ul{overflow: hidden; } .foot_left li{float: left; width: 16.66%;} .foot_left h2{position: relative;font-weight: bold; font-size: 16px; color: #fff; padding-bottom: 40px;} .foot_left h2:before{position: absolute; content: "";border-bottom: 1px solid #484a4e;width: 70px;left: 0; bottom: 20px;} .foot_left dt{line-height: 1.7; font-size: 14px;} .foot_left a{color: #fff;} .foot_left a:hover{color: #eee;} .bqxx{border-top: 1px solid #484a4e; padding: 15px 0;} .bqxx p{line-height: 62px; font-size: 14px; color: #fff;text-align: left;} .bqxx a{display: inline-block; margin-left: 20px;} .bqxx a:hover img{opacity: .7;} .foot_top{padding: 60px 0 30px; overflow: hidden;} .foot_rwm{float: right;width: 101px;text-align: center;} .foot_rwm img{width: 100%;} .foot_rwm p{color: #fff; font-size: 14px; margin-top: 25px;} .foot_right{float: right; width: 320px;text-align: left;} .foot_right li{padding: 12px 0; position: relative;} .foot_right li:before{position: absolute; content: ""; border-bottom: 1px solid #484a4e;width: 200px;left: 0; bottom: 0;} .foot_right ul li:last-child:before{ border: none;} .foot_right h2{font-weight: bold; font-size: 14px; color: #fff; margin-bottom: 10px;} .foot_right p{font-size: 14px; color: #fff;} .rightfd{position: fixed;z-index: 101; right: 0;top:50%; transform: translateY(-50%);width: 85px;} .rightfd li{padding-bottom: 1px;} .rightfd a{display: block; position: relative; height: 90px;background: #194c96;} .rightfd img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .rightfd ul li:last-child a{background: #19a9eb;} .swiper-h>.swiper-wrapper>.swiper-slide:last-child {height: auto!important;} .sjzs{display: none;} /*开云电竞*/ .fgt{height: 84px;} .banner1{background: url(../images/banner1.jpg) no-repeat center center; height: 587px;position: relative; background-size: cover;} .banner1_text{position: absolute;width: 1485px; max-width: 94%;left:50%; top:50%; transform:translate(-50%,-50%);} .banner1_text p{color: #fff;font-size: 22px; color: #fff;} .banner1_text h2{font-weight: bold; color: #fff; font-size: 36px; line-height: 68px;} .banner1_text b{display: inline-block;background: url(../images/b1.png);width: 44px;height: 39px;background-size: 100% 100%;vertical-align: top; margin:-25px 0 0 0 ;} .wzdh{position: absolute;width: 100%; bottom: 0;left: 0;background: rgba(0,56,139,.3);} .wzdhbox{width: 1485px; margin: 0 auto; max-width: 94%;height: 62px;} .wzdh_left{float: left;} .wzdh_left li{float: left; font-size: 16px; padding-right: 74px; line-height: 62px;} .wzdh_left li a{color: #fff;display: block;position: relative;} .wzdh_left li a:before{position: absolute;content: ""; border-bottom: 4px solid #00388b; width: 0px;bottom: -2px;left: 50%;transform: translateX(-50%);transition: All 0.4s ease-in-out;} .wzdh_left li.cur a{color: #00a0e9;} .wzdh_left li.cur a:before{width: 30px;} .wzdh_left li a:hover{color: #00a0e9;} .wzdh_left li a:hover:before{width: 30px;} .wzdh_right{float: right;} .wzdh_right ul{overflow: hidden;background: url(../images/b2.png) no-repeat left center; padding-left: 43px;/*new*/color: #fff;font-size: 14px;line-height: 62px;} .wzdh_right li{float: left; line-height: 62px; font-size: 14px; color: #fff;} .wzdh_right span{padding: 0 10px;} .wzdh_right a{color: #fff;} .wzdh_right a:hover{color: #007AFF;} .gyqya{width: 1485px; margin: 0 auto; max-width: 94%; } .qyqy_title{padding: 88px 0 40px;position: relative;} .qyqy_title p{font-size: 16px; color: #666666;margin-bottom:10px ;} .qyqy_title h2{font-weight: bold; position: relative; font-size: 30px;color: #333333;padding-left: 27px;} .qyqy_title h2:before{position: absolute; border-bottom: 2px solid #00388b;width: 124px; content: "";left: -110px;top:50%; transform: translateY(-50%);} .gytext_title{padding:0 0 10px;position: relative;} .gytext_title p{font-size: 16px; color: #666666;margin-bottom:10px ;} .gytext_title h2{font-weight: bold; position: relative; font-size: 18px;color: #333333;padding-left: 27px;} .gytext_title h2:before{position: absolute; border-bottom: 2px solid #00388b;width: 60px; content: "";left: -60px;top:50%; transform: translateY(-50%);} .lxfs,.qyqy_title1{width: 1400px; margin: 0 auto;max-width: 94%;} .qyqybox{margin: 60px 0 0 0;position: relative;} .gyleft{width: 50%; position: relative;float: left;} .gyleft img{width: 100%;} .gytext{width: 45%; padding-left: 40px;float: right;} .gytext_nr h2{font-weight: bold; font-size: 28px; color: #333; margin-bottom: 30px; padding-left: 25px;} .qyqybox:before{position: absolute; content: ""; height: 70%; width: calc(50% + 200px);right: 55%; bottom: 0; background: #e5edfa;} .bfbtn {background:url(../images/b23.png) no-repeat center center;width: 70px;height: 70px;border-radius: 50%;cursor: pointer; position: absolute; transition: all ease .4s;left:50%; top:50%; transform:translate(-50%,-50%);border: 6px solid #fff; } .bfbtn::after { z-index: -1; animation: scaleAni 1s infinite linear; content:''; border:1px solid #ffffff; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} .bfbtn::before { z-index: -1;animation: scaleAni 1.5s infinite linear; content:''; border:1px solid #ffffff; width: 120%; height: 120%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%;} @keyframes scaleAni{ from{ transform: translate(-50%,-50%) scale(1); opacity: 1;} to{transform: translate(-50%,-50%) scale(1.5); opacity: 0;} } .fjbj{position: fixed;width: 100%; height: 100%; z-index: 200;background: rgba(0,0,0,.7); top: 0;left: 0;display: none;} .sptv{width:800px; max-width: 94%; position: fixed;z-index: 201;left:50%; top:50%; transform:translate(-50%,-50%);background: #000;display: none;} .gytext_nr p{font-size: 16px; color: #666666; line-height: 28px; margin-bottom: 25px; padding-left: 25px;} .qyqy_nr ul{overflow: hidden; padding: 50px 0 70px; margin-left: -23px;} .qyqy_nr li{float: left; width: 33.33%; padding: 0 0 15px 23px;} .qyqy_nr a{display: block; padding: 0 40px; font-size: 18px; color: #333333;line-height: 78px;position: relative; background-image: linear-gradient(to right, #e3e3e4 , #f5f5f5);transition: All 0.4s ease-in-out;font-weight: bold;} .qyqy_nr ul li img{position: absolute; right: 40px;top:50%; transform: translateY(-50%);} .qyqy_nr a:hover{background-image: linear-gradient(to right, #194c96 , #00a0e9);color: #fff;} .bbbtn{width: 30px;height: 30px; top: -15px; right: -15px;border: 2px solid #fff;border-radius: 50%; text-align: center; line-height: 28px; color: #fff;position: absolute; cursor: pointer;font-size: 16px; font-family: "agency fb";} .bj3{background: url(../images/b3.png) no-repeat center top;} .qywh{width: 1485px; margin: 0 auto; max-width: 94%;padding-bottom: 75px;} .qyqy_title a{color: #00388b;font-size: 36px; font-weight: 100;} .qybox{padding-bottom: 18px;} .qybox ul{overflow: hidden; margin-left: -12px;} .qybox li{float: left; width: 50%; padding-left: 12px;} .qysm{background-image: linear-gradient(#ecf8fd, #ffffff);height: 274px; position: relative; padding: 60px 220px 0 43px ;transition: All 0.4s ease-in-out;} .qysm:hover{background-image: linear-gradient(#ffffff, #ecf8fd);} .qysm:before{position: absolute;content: "";width: 100%;height: 1px; left: 0; bottom: 0;background-image: linear-gradient(to right, #00388b , #009ee7);} .qysm h3{font-weight: bold; position: relative; font-size: 18px; color: #333333;} .qysm h2{line-height: 1.6; font-size: 24px; color: #003399; margin: 15px 0;font-weight: bold;} .qysm p{font-size: 14px; line-height: 24px;color: #666666;} .qysm h3:before{position: absolute;content: "";border-bottom: 1px solid #00388b;width: 26px;left: -43px; top: 0;} .qybox_b{padding-bottom: 18px;overflow: hidden;} .qysm img{position: absolute; right: 70px;top:50%; transform: translateY(-50%);} .qybox_nr{background-image: linear-gradient(#ecf8fd, #ffffff);height: 274px; position: relative;transition: All 0.4s ease-in-out; } .qybox_nr:hover{background-image: linear-gradient(#ffffff, #ecf8fd);} .qybox_nr:before{position: absolute;content: "";width: 100%;height: 1px; left: 0; bottom: 0;background-image: linear-gradient(to right, #00388b , #009ee7);} .qy_left{float: left; width: 390px; padding: 60px 100px 0 43px;} .qy_left h3{font-weight: bold; position: relative; font-size: 18px; color: #333333;} .qy_left h2{line-height: 1.6; font-size: 24px; color: #003399; margin: 15px 0;font-weight: bold;} .qy_left p{font-size: 14px; line-height: 24px;color: #666666;} .qy_left h3:before{position: absolute;content: "";border-bottom: 1px solid #00388b;width: 26px;left: -43px; top: 0;} .qy_right{float: left; width: calc(100% - 390px); padding: 85px 240px 0 0;} .qy_right ul{overflow: hidden; margin-left: -100px;} .qy_right li{float: left; width: 33.33%; padding-left: 100px;} .qy_right span{text-align:center;width: 35px; line-height: 33px; border: 1px solid #00a0e9;color: #00a0e9; font-size: 18px; font-weight: bold; border-radius: 50%; margin-bottom: 15px;display: block;height: 35px;} .qy_right p{font-size: 14px; color: #666; line-height: 24px;} .qybox_nr img{position: absolute;right: 75px;top:50%; transform: translateY(-50%);} .bj4{background-image: linear-gradient(#eaf1fc, #fff);} .ryzz{width: 1485px; margin: 0 auto; max-width: 94%;padding-bottom: 130px;position: relative;} .ryzz_nr{position: relative; overflow: hidden;} .ryzzbox{padding: 80px 50px 0 50px;background-image: linear-gradient(#fff, #f2f2f2);} .ryzzbox img{width: 100%;} .ryzzbox p{font-size: 16px; color: #666; position: relative; margin: 80px 0 40px;text-align: left;} .ryzzbox p:before{position: absolute; content: ""; border-bottom: 1px solid #00388b;width: 26px;left: -50px;top:50%; transform: translateY(-50%);} .ryzz .swiper-button-next{width: 58px;height: 58px;border: 1px solid #999999;border-radius: 0 10px 0 10px; right: -80px;color: #333;transition: All 0.4s ease-in-out;} .ryzz .swiper-button-next:after,.ryzz .swiper-button-prev:after{font-size: 24px; } .ryzz .swiper-button-next:hover{background: #00a0e9;color: #fff;} .ryzz .swiper-button-prev{width: 58px;height: 58px;border: 1px solid #999999;border-radius: 0 10px 0 10px; left: -80px;color: #333;transition: All 0.4s ease-in-out;} .ryzz .swiper-button-prev:hover{background: #00a0e9;color: #fff;} /*开云电竞_详情*/ .gyxq{overflow: hidden;width: 1485px; margin: 0 auto; max-width: 94%; padding:70px 0 90px ;} .gyxq_left{float: left;width: 390px;} .gyxq_left li{padding-bottom: 4px;} .gyxq_left a{display: block; position: relative;font-weight: bold; font-size: 18px; color: #333; line-height: 85px; background-image: linear-gradient(to right, #e3e3e4 , #f5f5f5); transition: All 0.4s ease-in-out; padding: 0 25px;} .gyxq_left img{ position: absolute;right: 22px;top:50%; transform: translateY(-50%);} .gyxq_left a:hover{color: #fff;background-image: linear-gradient(to right, #194c96 , #00a0e9);} .gyxq_left li.cur a{color: #fff;background-image: linear-gradient(to right, #194c96 , #00a0e9);} .gyxq_right{float: right;width: calc(100% - 460px);} .gyxq_title {padding-bottom: 40px;} .gyxq_title h2{font-weight: bold; font-size: 36px;color: #333333; margin-bottom: 18px;} .gyxq_title p{font-size: 30px;color: #333333;} .gyxq_nr p{font-size: 16px; color: #666666; line-height: 28px; margin-bottom: 30px;} .gyxq_nr ul{overflow: hidden; margin-left: -15px; padding-top: 30px;} .gyxq_nr li{width: 50%; padding: 0 0 15px 15px;float: left;} .gyxq_nr img{width: 100%; border: 12px solid #f0f0f0;} /*产品列表*/ .banner2{background: url(../images/banner2.jpg) no-repeat center center;height: 587px;background-size: cover;position: relative;} .cplb{width: 1485px; margin: 0 auto; max-width: 94%;} .cplb_title{padding: 53px 0 17px;} .cplb_title p{font-size: 16px; color: #666666;margin-bottom:10px ;} .cplb_title h2{font-weight: bold; position: relative; font-size: 30px;color: #333333;padding-left: 27px;} .cplb_title h2:before{position: absolute; border-bottom: 2px solid #00388b;width: 124px; content: "";left: -110px;top:50%; transform: translateY(-50%);} .cplb_nr{overflow: hidden;} .cplb_left{float: left;width: 160px;} .cplb_left li{padding-bottom: 17px;} .cplb_left a{display: block; height: 178px;border: 1px solid #f0f0f0;text-align: center; padding-top: 10px;transition: All 0.4s ease-in-out;} .cplb_left p{font-size: 20px;color: #333;} .cplb_left span{position: relative;width: 115px;height: 115px; margin: 0 auto;display: block;} .cplb_left img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%); } .c1{opacity: 1;} .c2{opacity: 0;} .cplb_left a:hover{border: 1px solid #f0f8fe; background-image: linear-gradient(#eef7fe, #d8effd);} .cplb_left a:hover p{font-weight: bold;} .cplb_left a:hover .c1{opacity: 0;} .cplb_left a:hover .c2{opacity: 1;} .cplb_left li.cur a{border: 1px solid #f0f8fe; background-image: linear-gradient(#eef7fe, #d8effd);} .cplb_left li.cur a p{font-weight: bold;} .cplb_left li.cur a .c1{opacity: 0;} .cplb_left li.cur a .c2{opacity: 1;} .cplb_right{float: right;width: calc(100% - 188px);} .cplb_top{overflow: hidden; background-image: linear-gradient(to right, #e6f4fe , #f2f9fe); padding: 60px 53px;} .cplbbox_left{float: left; width: calc(100% - 380px); padding-right: 30px;} .cplbbox_left h2{font-weight: bold; position: relative; color: #333;margin-bottom: 15px; font-size: 24px;} .cplbbox_left h2:before{position: absolute; content: "";} .cplbbox_left p{font-size: 14px; line-height: 24px; color: #666;} .cplbbox_left a{display: inline-block; margin-top: 20px;transition: All 0.4s ease-in-out;font-size: 14px; color: #333;} .cplbbox_left a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 15px;transition: All 0.4s ease-in-out;} .cplbbox_left a:hover{color: #007AFF;} .cplbbox_left a:hover img{margin-left: 25px;} .cplbbox_right{float: right;width: 380px; padding-left: 32px;} .cplbbox_right li{overflow: hidden; padding-bottom: 15px;} .cpbox{float: right;width: calc(100% - 50px);} .cpbox p{color: #333; font-size: 14px; line-height: 1.4;} .cpbox p b{font-weight: bold;} .cplbbox_right img{float: left;} .cplb_bottom{padding: 28px 0 100px;} .cplb_bottom ul{display: none;} .cplb_bottom li{padding-bottom: 18px;} .cplb_bottom a{display: block; position: relative; border: 1px solid #f1f1f1; line-height: 87px; font-size: 24px; padding-left: 55px;} .cplb_bottom a span{display: inline-block; color: #009EE7;font-weight: bold; padding-right: 15px;} .cplbnr h3{font-weight: bold; font-size: 30px; color: #333; position: relative; line-height: 88px;padding-left: 50px; background-image: linear-gradient(to right, #e3e3e4, #f5f5f5);position: relative;margin-bottom: 20px;} .cplbnr h3.on1{background-image: linear-gradient(to right, #194c96, #00a0e9);color: #fff;} .cplb_bottom a:hover{color: #009EE7;} .cplbnr h3.on1 em{background: url(../images/b18.png) no-repeat center center;background-size: 100% 100%;} .cplbnr h3:before{position: absolute; content: ""; border-bottom: 1px solid #19a9eb;width: 30px;left: 0; top:50%; transform: translateY(-50%);} .cplbnr h3.on{} .cplbnr h3 em{position: absolute; background: url(../images/b17.png); width: 47px;height: 47px;background-size: 100% 100%; right: 38px;top:50%; transform: translateY(-50%);} .cplbnr a img{position: absolute;right: 38px;top:50%; transform: translateY(-50%);} /*产品中心*/ .nykj_tp{padding: 15px 0 50px;} .nykj_tp ul{overflow: hidden; margin-left: -15px;} .nykj_tp li{float: left; width: 33.33%; padding-left: 15px;} .nykjbox{background:#f7f6f6 ;transition: All 0.4s ease-in-out;} .nykjbox span{display: block; overflow: hidden;} .nykjbox span 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.05);-webkit-transform: scale(1.05); -moz-transform: scale(1.05);-o-transform: scale(1.05); -ms-transform: scale(1.05); } .nykj_text{padding: 40px 10px 40px 10px;} .nykj_text h2{position: relative;font-size: 24px; line-height: 52px; color: #333;} .nykj_text h2:before{position: absolute;content: ""; border-bottom: 2px solid #00388b; width: 30px; top: 0;left: 0;} .nykj_text dl{height: 130px;display: block;margin-bottom: 20px;} .nykj_text dt{font-size: 14px; line-height: 24px; color: #666;} .nykj_text dt b{color: #003399;} .nykj_text dt a{width: auto;} .nykj_text a{display: block; } .nykj_text a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 15px;transition: All 0.4s ease-in-out;} .nykj_text a:hover{color: #007AFF;} .nykj_text a:hover img{margin-left: 25px;} .nykjbox:hover {background: #00A0E9;} .nykjbox:hover h2{color: #fff;} .nykjbox:hover h2{color: #fff;} .nykjbox:hover p{color: #fff;} .nykjbox:hover a{color: #fff;} .nykjbox:hover b{color: #fff;} .nykjbox:hover h2:before{border-bottom: 1px solid #fff;} /*联系我们*/ .banner3{background: url(../images/banner3.jpg) no-repeat center center;height: 587px;background-size: cover;position: relative;} .lxfs{overflow: hidden;} .lxfs_left{float: left;width: 55%; padding-right: 70px;} .lxfs_left ul{padding-top: 35px;} .lxfs_left li{padding-bottom: 43px;transition: All 0.4s ease-in-out;} .lxfs_left li: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);} .lxfs_left li:hover .lxfsbox{box-shadow:0 0 10px rgba(0, 0, 0, .1); } .lxfsbox{border: 1px solid #e8e8e8;position: relative; padding: 49px 33px 25px 33px;transition: All 0.4s ease-in-out;} .lxfsbox b{position: absolute;padding: 0 52px 0 30px; font-weight: bold; color: #fff; font-size: 18px; line-height: 53px;top: -25px;left: 0;background: #00388b;border-radius: 0 0 52px 0;} .lxfsbox h2{font-weight: bold; font-size: 18px; margin-bottom: 10px; color: #333333;} .lxfsbox p{font-size: 16px; line-height: 36px;color: #333;} .lxfsbox p span{font-weight: bold;} .lxfs_right{float: right;width: 45%; padding-top: 35px;} .lxfs_right li{padding-bottom: 22px;} .wby2{width: 100%; padding: 0 40px;border: 1px solid #e0dfdf; height: 92px; line-height: 90px; font-size: 16px;} .wby3{width: 100%; padding:40px;border: 1px solid #e0dfdf; font-size: 16px;height: 242px;} .btn5{display: block; width: 215px;height: 54px; color: #fff;font-size: 18px;border: none;cursor: pointer; background: #00a0e9;transition: All 0.4s ease-in-out;} .btn5:hover{background: #194c96;} .dtbox{padding: 0 0 70px;} .dtbox img{width: 100%;} #allmap{height: 900px;} .lxfs_left li:hover{} /*人才战略*/ .banner4{background: url(../images/banner4.jpg) no-repeat center center;height: 587px;background-size: cover;position: relative;} .shzpbox{padding-bottom: 10px;} .shzp_top{padding: 25px 45px;background:url(../images/b19.png) no-repeat 97% center #f2f2f2;cursor: pointer;} .shzp_top ul{overflow: hidden;} .shzp_top li{float: left; width: 20%;} .shzp_top ul li:nth-child(1){ width:40%;} .shzp_top p{font-size: 16px;margin-bottom: 14px; color: #666666;} .shzp_top h2{font-size: 18px; color: #333333;} .shzp_top h2 b{font-size: 24px; font-weight: bold;} .shzp_nr{padding: 30px 55px;border: 1px solid #e2e2e2;display: none;} .shzp_nr p{font-size: 16px; line-height: 1.5; color: #666666;} .shzp_nr h2{color: #333; font-size: 16px; font-weight: bold; position: relative; margin-bottom: 15px;} .shzp_nr h2:before{position: absolute; content: ""; border-bottom: 1px solid #19a9eb;width: 15px;left: -20px;top:50%; transform: translateY(-50%);} .shzp_top.on1{background:url(../images/b20.png) no-repeat 97% center #19a9eb;} .shzp_top.on1 p{color: #fff;} .shzp_top.on1 h2{color: #fff;} .wzfy{text-align: center; padding: 35px 0 65px;} .wzfy li{display: inline-block; padding: 0 7px;} .wzfy a{display: block; font-size: 16px; line-height: 47px;color: #999;border: 1px solid #cccccc; padding: 0 18px;transition: All 0.4s ease-in-out;} .wzfy span{display: block; font-size: 16px; line-height: 47px;color: #999;border: 1px solid #cccccc; padding: 0 18px;} .wzfy li.cur a{color: #fff;background: #00a0e9;border: 1px solid #00a0e9;} .wzfy a:hover{color: #fff;background: #00a0e9;border: 1px solid #00a0e9;} .banner5{background: url(../images/banner5.jpg) no-repeat center center;background-size: cover;height: 587px;position: relative;} .yfcx{} .yfcx ul{overflow: hidden; margin-left: -45px;} .yfcx li{float: left; width: 33.33%; padding: 0 0 65px 45px;} .yfcxbox{background: #f2f2f2;position: relative;transition: All 0.4s ease-in-out;} .yfcxbox:before{position: absolute; content: ""; border-bottom: 4px solid #19a9eb;left: 0; bottom: 0; width: 0;transition: All 0.4s ease-in-out;} .yfcx a:hover h2{color: #fff;} .yfcx a:hover h2:before{border-bottom: 1px solid #fff;} .yfcx a:hover p{color: #fff;} .yfcx a:hover b{color: #fff;} .yfcx a:hover .yfcxbox{background: #19A9EB;} .yfcxbox span{display: block; overflow: hidden;height:310px;} .yfcxbox span img{/*height: 100%;*/width: 100%; object-fit: cover;} .yfcxtext{height: 270px;padding: 35px 45px 45px 45px;} .yfcxtext h2{color: #333; font-size: 20px; line-height: 25px;position: relative;} .yfcxtext h2:before{position: absolute; content: "";border-bottom: 1px solid #00388b;width: 87px;left: 0;top: 0;} .yfcxtext p{font-size: 14px; line-height: 24px;color: #666666;padding-top: 15px;} .yfcxtext b{font-size: 14px; color: #333333;display: inline-block; margin-top: 40px;} .yfcxtext b img{display: inline-block;vertical-align: middle; margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;} .yfcxtext b:hover img{margin-left: 20px;} /*产品中心_详情*/ .cpxq_nr{overflow: hidden; background: #e8e8e8;border: 1px solid #e8e8e8;display: flex;justify-content : space-between;align-items: center;} .cpxq_left{width: 50%;} .cpxq_left img{width: 100%;} .cpxq_right{width: 50%; padding: 0 95px;} .cpxq_right h2{font-size: 28px; color: #333; margin-bottom: 40px;} .cpxq_right p{font-size: 14px; line-height: 1.7; color: #999;} .cpxq_right a{display: block;text-align: center; font-size: 20px; line-height: 50px;width: 160px;border-radius: 25px;background: #21509d; margin-top: 120px;color: #fff;transition: All 0.4s ease-in-out;} .cpxq_right a:hover{background: #19a9eb;} .cpjs{padding:35px 0 80px ;} .cpjs_title{background: #f2f2f2;} .cpjs_title h2{position: relative; width: 220px; line-height: 88px; background: #00388b; color: #fff; font-weight: bold; text-align: center;font-size: 24px;} .cpjs_title h2 span{position: absolute; width: 0; height: 0;bottom: -15px; left: 50%; transform: translateX(-50%); border-top: 15px solid #013689; border-left: 15px solid transparent; border-right: 15px solid transparent;} .cpjs_nr{border: 1px solid #f3f3f3; padding: 60px 40px;} .cpjsbox{padding-bottom: 25px;} .cpjsbox h2{font-weight: bold; font-size: 16px; color: #333;} .cpjsbox p{font-size: 14px; color: #666;line-height: 2; margin: 3px 0;} @media(max-width:1650px){ .bywm{padding-top: 20px;} .bywm_title h2{margin-bottom: 30px;} .bywm_nr h2{margin-bottom: 15px;} .bywm_bottom{padding-top: 35px;} .cpzsbox{padding-top: 25px;} .cpzs_bt ul{padding-bottom: 20px;} .cpzs{padding-top: 25px;} .news_bottom a{line-height: 60px;} .news{padding-top: 25px;} .nav li{padding: 0 16px;} .ryzz_nr{padding: 0 70px;} .ryzz .swiper-button-prev{left: 0;} .ryzz .swiper-button-next{right: 0;} } @media(max-width:1380px){ .bywm{padding-top: 60px;} .banner img{width: 100%;} .bywm_bottom a{line-height: 50px; font-size: 18px;} .bywm_nr h2{font-size: 24px;} .bywm_nr p{font-size: 14px; line-height: 24px;} .pcfl_tp{width: 50%;} .cpzs{padding-top: 60px;} .pcfl_text{width: 50%;} .pcfl_text ul{padding: 15px 0;} .cpzs_bt li span{height: 60px;} .cp_tp img{height: 40px;} .news{padding-top: 60px;} .news_text h2{font-size: 24px;margin: 15px 0;} .news_text p{font-size: 14px; line-height: 22px;} .news_tp{width: 350px;} .news_text{width: calc(100% - 400px);} .news_text a{margin-top: 30px;} .nav li{padding:0 16px;} .qyqy_nr a{padding: 0 20px; font-size: 16px;} .qysm h2{font-size: 18px;} .qysm{padding-right: 120px;} .qysm img{right: 30px; width: 60px;} .qy_right li{padding-left: 30px;} .qy_right{padding-right: 120px;} .qybox_nr img{right: 30px;} .qy_left h2{font-size: 18px;} .gytext_nr h2{margin-bottom: 10px;} .gytext_nr p{font-size: 14px; line-height: 1.6;} } @media(max-width:1280px){ .header{padding-left: 10px;} .nav li{padding:0 5px;} .nav h3 a{font-size: 14px;} .yfcxtext{padding: 20px;} .yfcx ul{margin-left: -20px;padding-bottom: 50px;} .yfcx li{padding: 0 0 20px 20px;} .cpxq_right a{margin-top: 40px;} .gytext_nr p{margin-bottom: 0;} } @media(max-width:1000px){ .txbox{padding: 15px;max-width: 90%;} .yfcxbox span{height: auto;} .xjtn{display: block;} .xjtn_left{width: 100%;overflow: hidden;} .xjtn_right{ width: 100%; padding-top: 25px;} .nav{display: none;} .cldh{width: 100%;overflow: auto;padding: 60px 5% 0 5%; right: -500px;} .cldh dt{float: none; width: 100%;line-height: 2; } .cldh dl{padding: 0;} .sub2{display: none; padding-left: 5%;} .cldh h3 b{position: absolute; width: 60px;height: 100%;background: url(../images/a_19.png) no-repeat center center;top: 0;right: 0;background-size: 20px 20px;} .cldh h3.on1 b{background: url(../images/a_19a.png) no-repeat center center;background-size: 20px 20px;} .pczs{display: none;} .sjzs{display: block;} .header{height: 60px;} .logo{width: 60px;} .yzxz{display: none;} .ssbtn{display: none;} .fhbtn{width: 60px;height: 60px;} .rightfd{display: none;} .bannertext h2{font-size: 16px;line-height: 30px;} .bannertext h2 span{font-size: 24px;} .bannertext h3{font-size: 24px;} .bannertext p{font-size: 14px;} .bannerbtn{top: 90px; right: 20px;} .bywm{padding-top: 80px;} .bywm_left{width: 100%; float: none; padding: 0;} .gywm_right{float: none; width: 100%;} .gywm_right h2 span{font-size: 24px;} .bywm_nr h2{font-size: 18px;} .bywm_nr p{font-size: 12px; line-height: 20px;display: } .bywm_title p{font-size: 12px;} .bywm_title h2{font-size: 24px; margin-bottom: 20px;} .gywm_right li{float: none; width: 100%; padding-bottom: 10px;} .gywm_right ul{padding-top: 35px;} .gywm_right h2{margin-bottom: 5px;} .news_tp{float: none; width: 100%;} .news_top{padding: 10px;} .news_text{float: none; width: 100%;} .news_text h2{font-size: 20px; margin-bottom: 5px;} .bywm_bottom{overflow: hidden; width: 100%; } .bywm_bottom a{font-size: 14px; padding: 0 15px;width: 100%;text-align: left;margin-bottom: 10px;display: block;} .bywm_bottom b{right: 20px;} .xwxq_title h2{font-size: 24px;} .xwxq_title p{font-size: 12px;zoom: 0.9;} .xwxq_title p span{padding: 0 5px;} .wzfya{padding: 40px 0;} .wzfya li{font-size: 14px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;line-height: 1.8;} .pcflbox{display: block;} .pcfl_tp{float: none; width: 100%;} .pcfl_text{float: none; width: 100%; padding: 15px;} .pcfl_text h2{font-size: 18px;line-height: 40px;} .cpzs_bt ul{display: block;overflow: auto;white-space: nowrap;} .cpzs_bt ul::-webkit-scrollbar {width:0px; height:0px;background-color:#fff;} .cpzs_bt li{display: inline-block;float: none;width:auto;} .cpzs_bt li span{width: 180px;} .cp_tp{width: 70px;} .cp_text{width: calc(100% - 80px);} .cpzs_title h2{font-size: 24px;} .pcfl_text li{font-size: 14px; line-height: 1.7;} .news_text{padding-top: 10px;} .news_text a{margin-top: 15px;} .news_bottom ul{margin-left: -10px;} .news_bottom li{padding: 0 0 5px 10px;width: 100%;} .news_bottom a{line-height: 35px;font-size: 14px; padding: 0 5px;} .news_text p{font-size: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news_text h3{font-size: 12px;} .footer{padding-top: 0px;} .foot_left{display: none;} .foot_rwm{float: none; margin: 0 auto;} .foot_right{float: none; width: 100%;} .foot_right li:before{width: 100%;} .bqxx p{float: none; width: 100%;text-align: center;line-height: 1.6;} .bqxx span{display: block; width: 100%; float: none;text-align: center;} .bqxx a{margin: 0 5px;} .banner1_text p{font-size: 14px;} .banner1_text b{width: 30px;height: 25px;margin-top: -15px;} .banner1_text h2{font-size: 24px;} .wzdh_left li{padding-right: 10px;} .cplb_title h2{font-size: 24px;} .cplb_left{float: none; width: 100%;} .cplb_left ul{overflow: hidden; margin-left: -10px;} .cplb_left li{width: 50%; float: left; padding: 0 0 10px 10px;} .cplb_right{float: none; width: 100%;} .cplb_top{padding:20px 20px 15px 20px;} .cplbbox_left{float: none; width: 100%; padding: 0 0 15px 0;} .cplbbox_right{float: none; width: 100%; padding: 10px 0 0 0;} .cplbnr h3{font-size: 20px;line-height: 60px;margin-bottom: 15px;} .cplb_bottom{padding: 15px 0 40px;} .cplbnr h3 em{width: 30px;height: 30px;right: 15px;} .cplb_bottom a{padding: 15px 50px 15px 15px;font-size: 16px; line-height: 1.7;} .banner2{height: 350px;} .wzdh_right{display: none;} .nykj_tp li{width: 100%;padding-bottom: 15px;} .nykj_text dl{height: auto; padding-bottom: 20px;} .banner1{height: 350px;} .gyxq{padding: 50px 0;} .gyxq_left{float: none; width: 100%;} .gyxq_left a{line-height: 50px;} .gyxq_right{float: none; width: 100%;padding-top: 20px;} .gyxq_title h2{font-size: 24px;} .gyxq_title p{font-size: 16px;} .gyxq_title{padding-bottom: 20px;} .gyxq_nr ul{padding-top: 0;} .qyqy_title{padding: 40px 0 20px;} .qyqy_title h2{font-size: 24px;} .qyqy_nr h2{font-size: 20px; margin-bottom: 20px;} .qyqy_nr ul{padding: 0 0 40px;} .qyqy_nr li{width: 100%; float: none; padding-bottom: 10px;} .qyqy_nr a{line-height: 50px;} .qyqy_nr img{right: 15px;} .qyqy_title a{display: none;} .qybox li{float: none; width: 100%;padding-bottom: 15px;} .qysm{height: auto;padding: 30px 120px 30px 43px;} .qybox_nr{height: auto;padding: 30px 120px 30px 43px;overflow: hidden;} .qy_right{padding: 0;float: none; width: 100%;} .qy_left{float: none; width: 100%; padding: 0;} .qy_right li{float: none; width: 100%;padding: 15px 0 0 0;} .qy_right ul{margin-left: 0;} .qywh{padding-bottom: 0px;} .ryzz .swiper-button-prev{width: 40px;height: 40px;} .ryzz .swiper-button-next{width: 40px;height: 40px;} .ryzz .swiper-button-next:after, .ryzz .swiper-button-prev:after{font-size: 18px;} .ryzz{padding-bottom: 50px;} .ryzzbox{padding: 40px 20px 0 20px;} .ryzzbox p{margin: 40px 0; padding-left: 10px;} .ryzzbox p:before{left: -20px;} .banner3{height: 350px;} .lxfs_left{float: none; width: 100%;padding: 0;} .lxfs_right{float: none; width: 100%; padding: 0;} .banner4{height: 350px;} .shzp_top{padding: 15px 20px;} .shzp_top p{font-size: 12px;} .shzp_top h2{font-size: 14px;} .shzp_top h2 b{font-size: 14px;} .shzp_top li{width: 25%;} .shzp_top ul li:nth-child(1){width: 25%;} .shzp_top{background-size: 30px 30px;} .shzp_nr{padding: 20px 20px 20px 35px;} .shzp_nr p{font-size: 14px;} .shzp_top.on1{background-size: 30px 30px;} .wzfy li{padding: 0 2px;} .wzfy a{padding: 0 10px;line-height: 30px;} .wzfy span{padding: 0 10px;line-height: 30px;} .wzfy li:nth-child(7){ display: none;} .wzfy li:nth-child(8){ display: none;} .yfcx li{float: none; width: 100%;} .cpxq_nr{display: block;} .cpxq_left{float: none; width: 100%;} .cpxq_right{width: 100%; padding: 20px;} .cpjs_title h2{line-height: 50px; font-size: 20px;width: 120px;} .cpjs_nr{padding: 20px;} .dtbox{padding-top: 25px;} #allmap{height: 500px;} .gyleft{float: none; width: 100%;} .gytext{float: none; width: 100%; padding: 25px 0 0 0;} .qyqybox:before{background: none;} }