/* 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:#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,b,strong { font-weight: normal; } em,i { font-style: normal; } .pcyc{display:none!important;} .clear{ zoom: 1; } .clear:after { content: ''; display: block; clear: both; } .fl { float:left} .fr { float:right} .pc-block{ display: block; } .mb-block{ display: none; } .hidden{display:none; background: url() no-repeat center;} .fajj_text{height:195px;overflow:auto;} .fixed-swt{width: 142px;position: fixed;right: 20px;bottom: 240px;z-index: 9999;background: url(../images/swt-bg.png) no-repeat;border-radius: 40px;/* box-shadow: 2px 5px 10px rgba(255,43,75,0.3); */padding:0 5px 18px;} .fixed-swt li{text-align: center;} .fixed-swt li em{display: block;font-style: normal;font-size: 18px;color: #fff2dc;line-height: 28px;margin-top: -12px;} .swt-zx{position: relative;padding-top: 75px;cursor: pointer;} .swt-zx a{display: block;/* background-color: #fff0d6; */font-size: 18px;color: #174499;line-height: 49px;/* border-radius: 8px; */font-weight: bold;/* box-shadow: 2px 2px 8px rgba(48,0,7,0.34); */width: 122px;background: linear-gradient(-30deg,#ffe1ad 0%, #fff2dc 100%);border-radius: 10px;box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.20);margin-left: 8px;} .swt-zx a img{margin-top: -2px;} .swt-zx:before{content:'';width: 134px;height: 167px;background: url(../images/swt-kf.png) no-repeat;left: -2px;bottom: 50px;position: absolute;z-index: -1;} .swt-msg{position: relative;padding-bottom: 20px;} .swt-msg a{display: block;cursor: pointer;} .swt-msg:after{content:'';width: 81px;height: 1px;background-color: #ffedd1;position: absolute;left: 50%;margin-left: -40px;bottom: 0;} .swt-tel .tel{display: block;cursor: pointer;padding-bottom: 10px;} .swt-area{width: 160px;height: 200px;position: absolute;right: 160px;bottom: 16px;text-align: center;background: #174499;background: -moz-linear-gradient(top, #dd1d2f 0%, #d94353 100%);/* background: -webkit-linear-gradient(top, #dd1d2f 0%,#d94353 100%); */background: -o-linear-gradient(top, #dd1d2f 0%,#d94353 100%);background: -ms-linear-gradient(top, #dd1d2f 0%,#d94353 100%);/* background: linear-gradient(to bottom, #dd1d2f 0%,#d94353 100%); */border-radius: 12px;display: none;} .swt-area .ewm{padding: 20px 20px 0;margin-bottom: 4px;} .swt-area .ewm img{border-radius: 4px;box-shadow: 2px 2px 9px rgba(56,0,6,0.7);} .swt-area p{font-size: 14px;color: #ffffff;line-height: 24px;} .swt-area strong{display: block;font-size: 18px;color: #fff2dc;line-height: 22px;} .fixed-swt li:hover .swt-area{display:block;} .t-top{position: fixed;bottom: 0;right: 0;width: 110px;height: 50px;cursor: pointer;z-index: 9999;display: none;} .swt-msg a:hover em,.swt-tel .tel:hover em{color: #fff;} .t-top{ width: 100px; /* height: 49px; */ opacity: 0.8; background: #174499; border-top-left-radius: 25px; border-bottom-left-radius: 25px; color: #fff; font-weight: 700; text-align: left; color: #ffffff; /* line-height: 36px; */ font-size: 18px; cursor: pointer; z-index: 9999; text-align: center; padding: 10px 0px; } .t-top img{ display: block; margin: 0px auto; /* margin-top: 10px; */ } .banner{overflow: hidden;max-height: 100vh; height: auto;} .banner .swiper { width: 100%; height: 100%;} .banner img{width: 100%;} .banner .swiper-pagination{padding-bottom: 30px;} .banner .swiper-pagination-bullet{opacity: 1; background: #333; width:10px; height: 10px;border-radius: 5px;} .banner .swiper-pagination-bullet-active{width: 25px;background: #f1c12d;} .header{position: fixed; width: 100%; top: 0;left: 0; height: 120px; z-index: 100;background: #fff;border-bottom: 1px solid #dddddd;} .top{background: #333333;height: 36px;} .topbox{width: 1350px;margin: 0 auto;max-width: 94%;overflow: hidden;} .top_left{float: left;} .top_left ul{overflow: hidden;} .top_left li{float: left; font-size: 14px; line-height: 36px;} .top_left span{color: #484848; padding: 0 17px;} .top_left a{color: #fff;} .top_right{float: right;} .top_right p{font-size: 14px;background: url(../image/a_02.jpg) no-repeat left center; line-height: 36px;color: #999999;padding-left: 25px;} .top_right span{font-size: 18px;font-family: arial; font-weight: bold; color: #f1c12d;} .top_right b{font-size: 18px;font-family: arial; font-weight: bold; color: #f1c12d; padding-left: 20px;} .headerbox{width: 1350px;margin: 0 auto;max-width: 94%;} .logo{width: 178px;float: left;padding-top: 15px;} .logo img{width: 100%;} .ksbjbtn{display: block; text-align: center; color: #fff;float: right; width: 102px;line-height: 32px;background: #0545be;border-radius: 16px; font-size: 14px;margin-top: 32px;transition: All 0.4s ease-in-out;} .ksbjbtn:hover{background: #f1c12d;} .ssbtn{display: block; float: right; background: url(../image/a1.png); width: 16px;height: 16px; margin: 40px 25px 0 0;cursor: pointer;} .ssbox{position: fixed;width: 100%;top: 120px;left: 0;background: rgba(255,255,255,.97);overflow: hidden;display: none;} .ssbox_nr{width: 1350px;margin: 0 auto;max-width: 94%;overflow: hidden;} .ssknr_right{float: right;width: 300px; padding: 40px 30px; background: #004AB0; } .ssknr_right h3{color: #fff; font-weight:bold; font-size: 24px; margin-bottom: 20px;} .ssknr_right li{padding-bottom: 10px;} .ssknr_right li a{display: block; color: #004AB0;line-height: 40px; padding: 0 15px;background: url(../image/a_01.png) no-repeat 93% center #fff;} .ssknr_right p{font-size: 14px; line-height: 1.6; color: #fff;} .ssknr_left{float: left;width: calc(100% - 500px); padding-top: 40px;} .ssknr_left h3{font-weight: bold; font-size: 24px; color: #0050B2; margin-bottom: 20px;} .ssknr{position: relative;width: 80%;} .snr{position: relative;} .wby1{width: 100%; height: 45px; line-height: 42px;padding: 0 15px;border: 1px solid #ddd;} .btn2{background: url(../image/a1.png); width: 20px;height: 20px;background-size: 100%; right: 10px; top: 13px;cursor: pointer;border: none; position: absolute;opacity: 0.6;} .ssknr_left ul{overflow: hidden; padding-top: 25px;} .ssknr_left li{float: left; line-height: 1.6; font-size: 16px;color: #666;} .ssknr_left li a{display: block; color: #333; padding-left: 15px;font-size: 16px;} .ssknr_left li a:hover{color: #0035CB;} .nav{float: right; padding-top: 10px;} .nav li{float: left; padding:0 22px;} .nav li h3 a{line-height: 73px; font-size: 17px;color: #111111;font-weight: bold;position: relative;display: block;} .nav li h3 a:before{position: absolute; content: ""; border-bottom: 2px solid #174499;bottom: 0; width: 0;left: 50%; transform: translateX(-50%);transition: All 0.4s ease-in-out;} .nav .on h3 a:before{width: 100%;} .nav ul li:nth-child(2) .sub:before{width: 0;height: 0;} .nav ul li:nth-child(5){ position: relative;} .nav ul li:nth-child(5) .sub{top: 73px;} .nav ul li:nth-child(5) .sub:before{width: 0;height: 0;} .nav ul li:nth-child(6){ position: relative;} .nav ul li:nth-child(6) .sub{top: 73px;} .nav ul li:nth-child(6) .sub:before{width: 0;height: 0;} .subbox_a dt{line-height: 40px;} .subbox_a dt a{display: block; text-align: center; font-size: 14px} .subbox_a dt a:hover{color: #fff; background: #0050B2;} .sub{position: absolute; width: 100%; background: rgba(255,255,255,.97); left: 0; top: 120px;display: none;z-index: 10;} .sub:before{position: absolute;content: "";width: 300px;height: 100%;background: #c5d9f2;top: 0;left: 0;} .subbox{width: 1350px; margin: 0 auto; overflow: hidden;position: relative;z-index: 10;max-width: 94%;} .sub_left{float: left; width: 315px;height: 470px;background: #c5d9f2;padding-top: 65px;} .sub_left h2{position: relative; font-size: 24px; color: #10132b; font-weight: bold; padding-bottom: 45px;display: inline-block;} .sub_left h2:before{position: absolute; content: ""; border-bottom: 4px solid #0545be; width: 100%;left: 0; bottom: 35px;} .sub_left span{display: block; font-size: 16px; color: #333333; padding-left: 15px; line-height: 38px;cursor: pointer;} .sub_left dt.cur span{background: #fff;} .sub_right{float: right;width: calc(100% - 315px); padding-top: 65px;} .sub_rightbox{animation:fadeIn .25s, 100ms;} .sr_left{float: left; width: 365px; padding-left: 70px;} .sr_left h2{font-weight: bold; font-size: 22px; color: #333333; padding-bottom: 30px; position: relative; display: inline-block;} .sr_left h2:before{position: absolute; content: ""; border-bottom: 4px solid #0545be; width: 100%;left: 0; bottom: 12px;} .sr_left h2 img{display: inline-block;vertical-align: middle; margin: -3px 0 0 8px;} .sr_left dt{line-height: 36px; font-size: 16px;} .sr_left dt a{color: #333;} .sr_left dt a:hover{color: #007AFF;} .sr_right{float: right;width: calc(100% - 365px);} .sr_right img{width: 100%;} .ddtm2{overflow: hidden; margin-left: -15px;} .ddtm2 dt{float: left; width: 50%; padding-left: 15px;} .ddtm2 dt a{display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .subbox_b{width: 1350px; margin: 0 auto; overflow: hidden;position: relative;z-index: 10;max-width: 94%;overflow: hidden; padding: 48px 0 40px;} .sub_cp{float: left; width: 25%; border-right: 1px solid #dfe0de;height: 230px; padding:0px 15px 0px 15px;} .sub_cptop img{margin: 0 auto;} .sub_cptop h2{font-weight: bold; text-align: center; color: #111111;font-size: 17px; margin: 20px 0 15px;} .subbox_b dl{overflow: hidden; } .subbox_b dt{width: 50%; float: left; line-height: 29px; font-size: 15px;} .subbox_b dt a{color: #555;} .subbox_b dt a:hover{color: #0050B2;} .wz1350{width: 1350px;margin: 0 auto;max-width: 94%;} .shlj{padding: 40px 0 50px 0;} .shlj ul{overflow: hidden;} .shlj li{float: left; width: 21%;cursor: pointer;transition: All 0.4s ease-in-out;} .shljbox{position: relative; height: 445px;overflow: hidden;display:flex;justify-content: space-around; } .shljbox img{height: 100%; margin: 0 auto; object-fit: cover;} .shlj_text{position: absolute; width: 100%;left: 0; top: 90px;text-align: center;} .shlj_text h2{color: #fff;font-weight: bold; font-size: 24px;margin-bottom: 25px;} .shlj_text p{font-size: 15px;color: #fff; line-height: 24px;} .shlj li.cur{width: 37%;} .bj1{background: url(../image/a_03.jpg) no-repeat center center;background-size: cover;} .cpfl{padding: 0 40px;top: -18px;position: relative;} .cpfl_title ul{overflow: hidden;} .cpfl_title li{float: left; width: 25%;} .cpfl_title span{display: block; text-align: center;cursor: pointer;padding: 52px 0 0 0;position: relative;} .cpfl_title img{margin: 0 auto;} .cpfl_title p{font-size: 20px; font-weight: bold; color: #111111;padding: 30px 0;} .cpfl_title li span:before{position: absolute; content: "";border-top: 5px solid #0050b2;width: 0; top: 0;left: 50%;transform: translateX(-50%);transition: All 0.4s ease-in-out;} .cpfl_title li.cur span{background: #fff;} .cpfl_title li.cur span:before{width: 100%;} .cpfl_title li.cur p{background: url(../image/a_25.jpg) no-repeat center bottom;} .cpflbox{overflow: hidden; padding: 35px 0 65px;animation:fadeIn .25s, 100ms;} .cpfl_left{float: left;width: 680px; overflow: hidden;background: url(../image/acpbg_25.jpg) no-repeat; background-size: cover;} .cpfl_left img{width: 100%;} .cpfl_right{float: right;width: calc(100% - 720px);} .cpfl_top h2{font-size: 34px; padding:10px 0 40px; font-weight: bold; position: relative; color: #222222;} .cpfl_top h2:before{position: absolute; content: ""; border-bottom: 4px solid #1545a0;width: 58px;left: 0; bottom: 15px;} .cpfl_top h2 a{ color: #222 } .cpfl_top h2 a:hover{ color: #222 } .cpfl_top p{font-size: 15px; line-height: 25px;color: #555555;} .cpfl_lb{padding: 20px 0 0 0;} .cpfl_lb h2{font-size: 16px; line-height: 34px; color: #111;font-weight: bold;} .cpfl_lb ul{overflow: hidden; margin-left: -25px;} .cpfl_lb li{float: left; padding: 0 0 13px 25px;width: 20%;} .cpfl_lb a{display: block; overflow: hidden; position: relative;} .cpfl_lb img{width: 100%;} .cpfl_lb p{width: 100%; position: absolute; text-align: center; left: 0; bottom: 0; line-height: 27px; font-size: 14px;color: #fff;background: rgba(0,80,178,.6);} .lbbxo {padding-top:25px;} .lbbxo ul{overflow: hidden;} .lbbxo li{float: left; padding-right: 14px;} .lbbxo a{display: block; text-align: center; line-height: 40px; font-size: 16px;color: #000; width: 150px;background: #efefef;transition: All 0.4s ease-in-out;} .lbbxo a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 8px;} .lbbxo a:hover{background: #f9d837;} .lbbxo ul li:nth-child(2) a{background: #f9d837;} .bj2{background: url(../image/a_04.jpg) no-repeat center center;background-size: cover;} .jjfa{padding-bottom: 68px;} .jjfa_title{text-align: center; padding: 60px 0 40px;} .jjfa_title h2{font-weight: bold; font-size: 34px; color: #111111;margin-bottom: 15px;} .jjfa_title p{font-size: 17px;color: #111111;} .jjfa_bt ul{overflow: hidden; margin-left: -12px;} .jjfa_bt li{float: left; width: 25%; padding: 0 0 10px 12px;} .jjfa_bt a{display: block; text-align: center; font-size: 17px;color: #111111; line-height: 51px;background: #fff;transition: All 0.4s ease-in-out;} .jjfa_bt a:hover{color: #fff;background: #1545a0;} .jjfa_bt li.cur a{color: #fff;background: #1545a0;} .jjqh{animation:fadeIn .25s, 100ms;} .jjfa_top{padding-top: 12px;} .jjfa_top img{width: 100%;} .jjfa_bottom{background: #f7f7f7;} .jjfa_bottom ul{overflow: hidden;} .jjfa_bottom ul li{float: left; width: 50%; padding: 0 35px;} .jjfabox{padding: 25px 0 0 0; height: 226px;} .jjfabox h2{font-size: 24px; color: #222; font-weight: bold; padding-left: 16px;margin-bottom: 18px;background: url(../image/a_49.jpg) no-repeat left center;} .jjfabox h2 a{ color: #222;} .jjfabox p{font-size: 16px; line-height: 26px; padding-left: 16px; color: rgba(0,0,0,.6);} .jjfabox h3{overflow: hidden; padding: 25px 0 0 16px;} .jjfabox h3 a{display: block; text-align: center; float: left; width: 150px; line-height: 40px;background: #fff; color: #000; font-size: 16px; margin-right: 13px;transition: All 0.4s ease-in-out;} .jjfabox h3 a:hover {color: #fff;background: #1545a0;} .jjfabox h3 a.btn3{color: #fff;background: #1545a0;} .jjfabox dl{overflow: hidden; padding-left: 16px; margin-left: -12px;} .jjfabox dt{width: 33.33%; padding: 0 0 10px 12px;float: left;} .jjfabox dt a{display: block; text-align: center; float: left; width: 100%; line-height: 40px;background: #fff; color: #000; font-size: 16px; margin-right: 13px;transition: All 0.4s ease-in-out;} .jjfabox dt a:hover {color: #fff;background: #1545a0;} .hxjs_title{text-align: center; padding: 80px 0 48px;position: relative;} .hxjs_title h2{font-weight: bold; font-size: 38px;color: #111; margin-top: 20px; position: relative;z-index: 10;} .hxjs_title p{font-size: 24px; color: #444444;position: relative;z-index: 10;} .hxjs_title span{font-size: 88px; color: #f7f7f7;font-weight: bold; position: absolute; text-align: center; width: 100%;left:0;top: 100px;} .hxjs_nr ul{overflow: hidden;} .hxjs_nr li{float: left; width: 25%; padding: 0 5px;cursor: pointer;transition: All 0.4s ease-in-out;} .hzjsbox{position: relative;height: 534px;overflow: hidden;display:flex;justify-content: space-around; } .hzjsbox img{height: 100%;} .hxjs_nr li.cur{width: 50%;} .hzjs_text{position: absolute; width: 135px;top: 150px; right: 70px;} .hzjs_text h2{font-weight: bold; color: #fff; font-size: 98px;} .hzjs_text span{position: absolute; right: 0; top:30px; width: 34px; font-size: 24px;color: #fff; padding: 15px 0;background: #0060cd;font-weight: bold;text-align: center;font-weight: 400; line-height: 1.4;} .hzjs_text h3{opacity: 0;color: #fff; font-size: 28px; margin: 30px 0 15px;transition: all .6s ease 0.6s;} .hzjs_text p{font-size: 16px; line-height: 25px; color: #fff;opacity: 0;transition: all .6s ease 0.6s;} .hxjs_nr li.cur .hzjs_text{width: 100%; padding: 0 70px 55px 70px; right: 0; top: auto; bottom: 0;} .hxjs_nr li.cur span{position: static; display: inline-block;vertical-align: bottom;width: auto;padding: 10px 20px;margin-left: 15px;} .hxjs_nr li.cur h3{opacity: 1;} .hxjs_nr li.cur .hzjs_text p{opacity: 1;} .sssh_title{padding: 95px 0 35px;text-align: center; position: relative;} .sssh_title h2{font-weight: bold; font-size: 38px;color: #111; margin-bottom: 20px; position: relative;z-index: 10;} .sssh_title p{font-size: 17px; color: #777777;position: relative;z-index: 10;line-height: 1.6;} .sssh_title span{font-size: 88px; color: #f7f7f7;font-weight: bold; position: absolute; text-align: center; width: 100%;left:0;top: 60px;} .sssh_nr{padding:0 0 60px 0;} .ssshtop ul{overflow: hidden; padding: 10px; margin-left: -30px;} .ssshtop li{float: left; width: 16.66%; padding: 0 0 25px 30px;} .ssshtop img{width: 100%;} .ssshtop a{display: block; overflow: hidden; position: relative; box-shadow:0 0 10px rgba(0, 0, 0, .2); } .ssshtop span{position: absolute; width: 100%; text-align: center; font-size: 17px; color: #fff;text-align: center;transition: all .8s ease .1s;left:50%; top:50%; transform:translate(-50%,-50%);opacity: 0;} .ssshtop a:hover span{opacity: 1;} .ssshtop a:before{position: absolute; width: 100%; height: 100%;content: "";background: rgb(1,63,190,.8);left: 0; top: -100%;transition: All 0.4s ease-in-out;} .ssshtop a:hover:before{top: 0;left: 0;} .spbox ul{overflow: hidden; padding: 20px 10px 0 10px; margin-left: -45px;} .spbox li{float: left; width: 33.33%; padding: 0 0 30px 45px;} .spnr{position: relative;cursor: pointer;} .spnr img{width: 100%;} .spnr p{width: 100%; position: absolute; color: #fff; font-size: 17px;text-align: center; line-height: 60px;bottom: 0;left: 0;background-image: linear-gradient(transparent, rgba(0,0,0,.9));padding-top: 30px;} .spnr span{position: absolute; background: url(../image/a_91.png);width: 56px;height: 56px; cursor: pointer;background-size: 100% 100%;left:50%; top:50%; transform:translate(-50%,-50%);} .btn4{display: block; margin: 0 auto; width: 249px; line-height: 43px;border: 1px solid #b6b6b6;color: #111; font-size: 18px;text-align: center;} .btn4 b{background: url(../image/a_01.png); width: 20px;height: 10px;background-size: 100% 100%; vertical-align: middle; display: inline-block;margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;} .btn4:hover b{margin-left: 20px;} .bj4{background: url(../image/a_02.png) no-repeat center center;height: 797px; background-size: cover;} .tsfw{position: relative;} .tsfw_title{position: absolute; left: 0;top: 105px;} .tsfw_title p{font-size: 28px; color: #333333;} .tsfw_title h2{position: relative; font-weight: bold; font-size: 40px;padding: 20px 0 100px;color: #0050b2;} .tsfw_title h2:before{position: absolute;content: ""; border-bottom: 5px solid #0050b2;width: 50px;left: 0;bottom: 45px;} .tsfw_title h3{font-weight: bold;font-size: 30px;color: #111;} .tsfw_nr{padding: 60px 0 0 300px;height: 797px;} .tsfw_nr li{} .tsbox{width: 255px;height: 70px;border-radius: 6px; padding: 12px 0 0 17px;position: relative;cursor: pointer;} .tsbox b{float: left; width: 45px;height: 45px; position: relative;} .tsbox img{width: 100%; top: 0;left: 0; position: absolute;} .c1{opacity: 1;} .c2{opacity: 0;} .ts_text{float: right;width: calc(100% - 55px);} .ts_text h2{font-weight: bold; font-size: 20px; line-height: 30px;color: #222222;} .ts_text p{font-size: 14px;color: #666666;} .tsbox span{position: absolute; width: 18px;height: 18px;background: #0050b2;border: 3px solid #fff;border-radius: 50%;box-shadow:0 0 10px rgba(0, 0, 0, .2); left: -30px;top: 25px;} .tsfw_nr ul li:nth-child(1){ padding:0 0 30px 425px;} .tsfw_nr ul li:nth-child(2){ padding:0 0 35px 265px;} .tsfw_nr ul li:nth-child(3){ padding:0 0 40px 160px;} .tsfw_nr ul li:nth-child(4){ padding:0 0 45px 80px;} .tsfw_nr ul li:nth-child(5){ padding:0 0 50px 20px;} .tsfw_nr ul li:nth-child(6){margin-left: -10px;} .tsxq{position: absolute; right: 65px;bottom: 65px;background: url(../image/a_03.png); width: 548px;height: 535px;background-size: 100%; 100%} .tshw{position: absolute;width: 506px;left:50%; top:50%; transform:translate(-50%,-50%);height: 506px;overflow: hidden;border-radius: 50%;} @-webkit-keyframes scale2 { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes scale2 { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes fadeInUp2 { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } @keyframes fadeInUp2 { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0) } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .tshw img{width: 100%;height: 100%;border-radius: 50%; -webkit-animation: 500ms scale2 linear;animation: 500ms scale2 linear} .tshwbox{position: absolute; width: 360px;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;} .tshwbox h2{font-weight: bold; color: #fff; font-size: 30px; padding-bottom: 70px; position: relative;animation: 500ms fadeInUp2 linear;} .tshwbox h2:before{position: absolute; content: ""; border-bottom: 4px solid #86bbff; width: 37px;left: 50%; transform: translateX(-50%);bottom: 35px;} .tshwbox p{font-size: 17px; line-height: 30px;color: #fff; animation: 500ms fadeInUp2 linear;} .tshwbox a{display: block; text-align: center; line-height: 45px;width: 180px;margin: 25px auto 0 auto; background: #ffcc00; font-size: 18px;color: #111111; animation: 500ms fadeInUp2 linear;} .tshwbox a b{background: url(../image/a_01.png); width: 20px;height: 10px;vertical-align: middle; display: inline-block;margin: -3px 0 0 8px;transition: All 0.4s ease-in-out;} .tshwbox a:hover b{margin-left: 15px;} .tsfw_nr li.cur .tsbox{background: #0050b2;} .tsfw_nr li.cur .c1{opacity: 0;} .tsfw_nr li.cur .c2{opacity: 1;} .tsfw_nr li.cur h2{color: #fff;} .tsfw_nr li.cur p{color: #fff;} .bj5{background:url(../image/dbj.jpg) no-repeat center top/cover fixed; position: relative;} .bj5:after{ background:rgba(0,0,0,.6); width: 100%; height: 100%; left: 0; top: 0; position: absolute; content: ''; z-index: 2} .qypz_title{text-align: center; padding:90px 0 35px;} .qypz_title h2{color: #fff; font-weight: bold; font-size: 34px;margin-bottom: 15px;} .qypz_title p{font-size: 18px;color: #fff; line-height: 1.6;} .qypz_nr{padding: 0 95px 105px 95px;text-align: center;} .qypz_nr p{color: #fff; font-size: 16px; line-height: 2;} .qypz_nr ul{padding: 60px 0;} .qypz_nr li{display: inline-block; padding: 0 50px;} .qypz_nr h2{font-weight: bold; font-family: arial; font-size: 48px;color: #ffc600;} .qypz_nr span{font-size: 17px;color: #fff;padding-left: 10px;} .qypz_nr p{color: #fff; font-size: 17px;margin-top: 15px;} .btn5{display: block; margin: 0 auto; width: 249px; line-height: 43px;border: 1px solid #b6b6b6;color: #fff; font-size: 18px;text-align: center;} .btn5 b{background: url(../image/a_05.png) no-repeat center center; width: 20px;height: 10px;background-size: 100% 100%; vertical-align: middle; display: inline-block;margin: -3px 0 0 10px;transition: All 0.4s ease-in-out;} .btn5:hover b{margin-left: 20px;} .gsxx{background: #fafafa; margin-top: 0px;} .gsxx_title ul{overflow: hidden;padding:30px 0 25px;} .gsxx_title li{float: left; width: 33.33%; position: relative; text-align: center;cursor: pointer;} .gsxx_title li:before{position: absolute; content: "";border-right: 1px solid #d9d9d9;height: 100%; right: 0; top: 0;} .gsxx_title ul li:nth-child(3):before{border-right: none;} .gsxx_title li.cur .c1{opacity: 0;} .gsxx_title li.cur .c2{opacity: 1;} .gsxx_title li.cur h2{color: #004ab0;} .gsxx_title li.cur p{color: #004ab0; font-family: Arial} .gsxx_title span{display: inline-block;vertical-align: middle; width: 50px;height: 50px; position: relative;} .gsxx_title img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .jsxxtext{display: inline-block;vertical-align: middle;text-align: left;padding-left: 10px;} .jsxxtext h2{font-weight: bold; font-size: 24px;color: #202428;margin-bottom: 6px;} .jsxxtext p{font-size: 18px;color: #202428;} .gsxx_nr ul{overflow: hidden; padding: 0 35px 35px 35px; margin-left: -25px;animation:fadeIn .25s, 100ms;} .gsxx_nr li{float:left; padding-left: 25px;width: 25%;} .gsxx_nr span{display: block; overflow: hidden;} .gsxx_nr img{width: 100%;} .gsxx_nr p{font-size: 18px; color: #222222; margin-top: 20px;text-align: center;} .news{overflow: hidden; padding: 35px 0 60px;} .news_left{float: left; width: calc(100% - 240px); overflow: hidden;} .news_tv{float: left; width: 510px; } .tvbox{position: relative;} .news_tv img{width: 100%;} .news_tv p{width: 100%; position: absolute; font-size: 24px; line-height: 80px;color: #fff;text-align: center; left: 0; bottom: 0;} .news_tv p b{display: inline-block;background: url(../image/a_06.png); width: 56px;height: 30px;background-size: 100% 100%; margin: -3px 6px 0 0;vertical-align: middle;} .news_tv span{position: absolute;background: url(../image/a_07.png); width: 60px;height: 60px;background-size: 100%;cursor: pointer;left:50%; top:50%; transform:translate(-50%,-50%);} .news_tv h2{font-size: 24px; font-weight: bold; padding-left: 15px; line-height: 68px;color: #121212;background: url(../image/a_49.jpg) no-repeat left center;} .news_tv h2 a{font-size: 14px; font-weight: 400; color: #777777;} .news_tv h2 a:hover{color: #235eb7;} .news_xw{float: right; width: calc(100% - 540px);} .news_xwd{margin:0 auto; width: calc(100% - 540px);} .newsbox{padding: 22px 18px;background: #fafafa;} .newsbox li{overflow: hidden; line-height: 47px; font-size: 16px;color: #999;background: url(../image/a_163.jpg) no-repeat left center; padding-left: 15px;} .newsbox a{float: left; width: calc(100% - 100px);overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .newsbox span{float: right;color: #999;font-size:15px;font-family:arial;} .newsbox a:hover{color: #134abb;} .news_xw h2{font-size: 24px; font-weight: bold; padding-left: 15px; line-height: 68px;color: #121212;background: url(../image/a_49.jpg) no-repeat left center;} .news_xw h2 a{font-size: 14px; font-weight: 400; color: #777777;} .news_xw h2 a:hover{color: #235eb7;} .news_xwd h2{font-size: 24px; font-weight: bold; padding-left: 15px; line-height: 68px;color: #121212;background: url(../image/a_49.jpg) no-repeat left center;} .news_xwd h2 a{font-size: 14px; font-weight: 400; color: #777777;} .news_xwd h2 a:hover{color: #235eb7;} .news_right{float: right;width: 210px;padding-top: 68px;} .news_right li{padding-bottom: 20px;} .news_right a{display: block; overflow: hidden; position: relative;} .news_right p{text-align: center; position: absolute;color: #fff; font-weight: bold; font-size: 22px;left:50%; top:50%; transform:translate(-50%,-50%);} .bj6{background: url(../image/a_11.jpg) no-repeat center center;height: 700px; overflow: hidden;background-size: cover;} .fwqq{position: relative;padding: 270px 0 0 0;height: 700px;} .fwhqbox{width: 450px; margin: 0 0 0 325px; position: relative;z-index: 10;} .fwhqbox h2{color: #fff; font-size: 48px; font-weight: bold; padding: 0 0 15px 60px;} .fwhqbox p{padding: 0 60px; color: #fff; font-size: 17px; line-height: 32px;opacity: 0.7;} .fwhqbox a{display: block; background: url(../image/a_11.png); line-height: 59px;background-size: 100% 100%; font-weight: bold; font-size: 20px; color: #222222; margin-top: 30px;text-align: center;} .fwhqbox img{display: inline-block;vertical-align: middle; margin: -3px 24px 0 0;} .wzzz{position: absolute;width: 369px;height: 369px;top: 185px; left: 440px; border-radius: 50%;border: 1px solid rgba(255,255,255,.3);} .wzzz img{width: 100%;height: 100%;} @keyframes myfirst2 { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } .wzzz img{animation: myfirst2 15s infinite linear;width: 100%;height: 100%;} .fwal{width: 200px;height: 200px; position: absolute; border-radius: 50%;border:8px solid rgba(225,186,0,.2);} .fwalnr{position: absolute; width: 100%; height: 100%;background: #fff;top: 0;left: 0;border-radius: 50%;} .fwaltext{position: absolute; width: 100%;left:50%; top:50%; transform:translate(-50%,-50%);text-align: center;} .fwaltext h2{font-size: 24px; font-weight: bold; color: #111;} .fwaltext p{color: #777777; font-size: 15px; line-height: 43px;} .fwaltext a{display: block; text-align: center; width: 87px; line-height: 28px;background: #1545a0;color: #fff; margin: 0 auto;border-radius: 14px; font-size: 14px;} .fwaltext a:hover{background: #ffba00;} .fwal_2{right: 145px;top: 85px;} .fwal_3{right: 340px;bottom: 55px;} .footer{background: url(../image/a_57.png) no-repeat center center;background-size: cover;} .footerbox{width: 1350px;margin: 0 auto; overflow: hidden; max-width: 96%;padding: 80px 0 45px;} .foot_left{float: left; width: calc(100% - 300px);} .foot_left ul{overflow: hidden;} .foot_left li{width: 15%; float: left;} .foot_left h2{font-size: 20px;color: #fff; padding-bottom: 40px; position: relative;} .foot_left h2:before{position: absolute; content: ""; border-bottom: 3px solid #3a6aec;width: 23px;bottom: 12px;left: 0;} .foot_left dt{font-size: 15px; line-height: 35px;} .foot_left dt a{color: #fff; opacity: 0.5;} .foot_left dt a:hover{opacity: 1;} .foot_left ul li:nth-child(3){ width:24%;} .foot_left ul li:nth-child(4){ width:46%;} .foot_left h3{font-size: 26px; color: #fff;background:url(../image/a_182.png) no-repeat left center ;line-height: 34px; padding-left: 45px;margin: 10px 0;} .foot_left h3 span{padding-left: 10px;} .foot_left p{font-size: 14px; line-height: 38px; color: #fff; opacity: .5;} .frwm{float: right;width: 296px; padding: 35px 0 0 0;} .frwm ul{overflow: hidden; margin-left: -33px;} .frwm li{float: left; width: 50%;text-align: center; padding-left: 33px;} .frwm img{width: 100%;} .frwm p{color: #fff;margin-top: 17px; font-size: 15px; opacity: 0.6;} .bqxx{background: #0b0e18;padding: 25px 0;text-align: center;} .bqxx p{font-size: 14px; color: #fff;} .bqxx p span{padding: 0 10px;color: #fff;opacity: 0.7;} .bqxx p a{color: #fff; opacity: 0.7;} .bqxx p a:hover{opacity: 1;} .bqxx img{display: inline-block;vertical-align: middle; margin: -3px 5px 0 0 ;} .bj{position: fixed;width: 100%; height: 100%;background: rgba(0,0,0,.7);z-index: 100;top: 0;left: 0;display: none;} .tvtc{position: fixed; width: 1000px;max-width: 94%; z-index: 101;left:50%; top:50%; transform:translate(-50%,-50%);display: none;} .tvtc span{width: 40px;height: 40px; line-height:38px;text-align: center; border: 1px solid #fff;border-radius: 50%; font-size: 24px; color: #fff; top: -20px;right: -20px; cursor: pointer;position: absolute;z-index: 10;} /*产品列表*/ .fgt{height: 120px;} .banner2{background: url(../image/banner2.png) no-repeat center center;height: 523px; background-size: cover;position: relative;} .bannetext{width: 1350px; position: absolute; left:50%; top:60%; transform:translate(-50%,-50%);max-width: 94%;} .bannetext h2{font-size: 36px; font-weight: bold; position: relative; padding-bottom: 40px; color: #fff;} .bannetext p{font-size: 17px; color: #fff;} .bannetext h2:before{position: absolute; content: ""; border-bottom: 6px solid #fffc00; width: 33px;left: 0;bottom: 14px;} .dqwz p{font-size: 15px; line-height: 56px; color: #777777;background: url(../image/b10.png) no-repeat left center; padding-left: 25px;} .dqwz p a{color: #777;} .dqwz p span{padding: 0 8px;} .dqwz p a:hover{color: #0060CD;} .bj3{background: #ededed;} .cpll{padding: 50px 0 90px;} .cpll ul{overflow: hidden; margin-left: -20px;} .cpll li{float: left; width: 25%; padding: 0 0 35px 20px;} .cpll span{display: block; overflow: hidden; height: 235px;} .cpll img{width: 100%; height: 100%; object-fit: cover;} .cpllbox{background: #fff; padding:45px 10px 20px 10px;text-align: center;} .cpllbox h2{margin: 0 0 15px;text-align: center;color: #333;position: relative;font-weight: bold;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .cpllbox p{font-size: 14px; line-height: 24px;color: #777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;} .cpllbox h2:before{position: absolute; content: "";border-bottom: 4px solid #c9c9c9;width: 75px;top: -25px;left: 50%; transform: translateX(-50%);} .xgsb h2{color: #333;font-weight: bold; font-size: 28px; padding: 55px 0 45px; position: relative;} .xgsb h2:before{position: absolute; content: "";border-bottom: 5px solid #1545a0;width: 53px;left: 0; bottom: 30px;} .xgsb_nr ul{overflow: hidden; margin-left: -35px;padding-bottom: 50px;} .xgsb_nr li{float: left; width: 25%;padding-left: 35px;} .xgsb_nr span{display: block; height: auto;overflow: hidden;} .xgsb_nr .m a{display: block;border: 1px solid #d0d1d5;} .xgsb_nr img{width: 100%; height: 100%; object-fit: cover;} .xbbox{border: 1px solid #d0d1d5;} .xgstext{text-align: center; padding:22px 0;} .xgstext h3{font-weight: bold; font-size: 17px;margin-bottom: 13px;color: #333;} .xgstext .m a{display: inline-block; width: 130px; line-height: 32px;border: 1px solid #e6e6e6; font-size: 14px; color: #333;margin: 0 5px;} .xgstext h3 a{ color: #222 } .xgstext .m a:hover{border: 1px solid #76b8de;} .bj7{background: url(../image/a_16.png) no-repeat center center;background-size: cover;} .fabj{padding-bottom: 60px;} .fabj_title{text-align: center; padding: 60px 0;} .fabj_title h2{color: #333;font-weight: bold; font-size: 32px; margin-bottom: 17px;} .fabj_title p{color: #444444;font-size: 17px; } .fabj_title p span{color: #ee1b2f;} .fabj_nr ul{overflow: hidden; padding-bottom: 55px; margin-left: -20px;} .fabj_nr li{float: left; width: 25%; padding-left: 20px;} .wby2{width: 100%; padding: 0 15px; font-size: 18px;border: 1px solid #737373;height: 50px; line-height: 48px;} .fabj_nr ul li:nth-child(3){ width:50%;} .fabj_nr p{text-align: center;} .btn6{width: 155px;height: 46px; margin: 0 15px;border-radius: 23px;border: none;color: #fff; background: #374fd7;font-size: 18px;cursor: pointer;} /*案例列表_详情*/ .alxq{padding: 65px 0 35px;} .alxqbox{overflow: hidden; background: #fff; padding: 10px;} .al_left{float: left; width: 52%;} .al_left img{width: 100%;} .al_left .swiper-button-next{background: rgba(0,0,0,.7);width: 42px;height: 100px;margin-top: -21px; right: 0;} .al_left .swiper-button-next:after,.al_left .swiper-rtl .swiper-button-prev:after{color: #fff; font-size: 18px;} .al_left .swiper-button-prev{background: rgba(0,0,0,.7);width: 42px;height: 100px;margin-top: -21px; left: 0;} .al_left .swiper-button-prev:after,.al_left .swiper-button-prev:after{color: #fff; font-size: 18px;} .al_right{float: right; width: 48%; padding: 0 10px 0 45px;} .al_title{padding: 40px 0 20px; border-bottom: 1px solid #f0f0f0;} .al_title h2{color: #333;font-weight: bold; font-size: 24px; margin-bottom: 30px;} .al_title p{color: #333; font-size: 16px; line-height: 30px;} .al_nr{padding-top:25px;} .al_nr h2{color: #333;font-weight: bold; font-size: 16px; margin-bottom: 16px;} .al_nr ul{overflow: hidden; margin-left: -12px;} .al_nr li{float: left; width: 50%; padding: 0 0 12px 12px;} .wby3{width: 100%; padding: 0 10px; font-size: 14px;height: 40px; line-height: 40px;background: #f0f0f0;} .btn7{color: #fff; width: 100%; border: none;height: 40px; cursor: pointer; background: #004fff;} .yycgbtn{display: block; width: 172px; line-height: 40px; font-size: 16px;text-align: center; background: #fff362;margin-top: 20px;clear: both;} .yycgbtn img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;} .xmgk_nr p{font-size: 16px; color: #333; line-height: 2; margin-bottom: 15px;} .xg_nr ul{overflow: hidden; margin-left: -25px;} .xg_nr li{float: left; width: 33.33%; padding-left: 25px;} .xg_nr span{display: block; overflow: hidden; height: 290px;} .xg_nr img{width: 100%;height: 100%; object-fit: cover;} .xgtext{text-align: center; background: #f0f0f0; padding: 50px 20px 25px 20px;} .xgtext h3{margin: 0 0 15px;text-align: center;color: #333;position: relative;font-weight: bold; text-overflow:ellipsis; white-space: nowrap;font-size: 18px;} .xgbox p{font-size: 14px; line-height: 24px;color: #777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;} .xgtext h3:before{position: absolute; content: "";border-bottom: 4px solid #dcdcdc;width: 75px;top: -25px;left: 50%; transform: translateX(-50%);} /*产品列表*/ .banner1{background: url(../image/banner1.png) no-repeat center center;height: 522px;background-size: cover;} .cpzj{background: #e9e9e9;} .cpzj ul{overflow: hidden;} .cpzj li{float: left; width: 25%;} .cpzj a{display: block; text-align: center; font-size: 22px; font-weight: bold; color: #111; line-height: 80px;} .cpzj li.cur a{color: #fff;background: #1c55bc;} .cpzj a:hover{color: #fff;background: #1c55bc;} .cpcp_title{padding: 75px 0 45px;overflow: hidden;} .cpcp_title h2{float: left; font-size:28px; color: #333; position: relative; padding-bottom: 25px; font-weight: bold;} .cpcp_title h2:before{position: absolute; content: "";background: url(../image/a_17.png); width: 85px;height: 5px;background-size: 100% 100%; left: 0; bottom: 0;} .cpcp_title p{float: right;width: calc(100% - 190px);font-size: 16px;line-height: 26px;color: #666;} .cpcp_nr ul{overflow: hidden; margin-left: -25px;} .cpcp_nr li{float: left; width: 25%; padding-left: 25px;} .cpcp_tp{position: relative;border-bottom: 1px solid #f0f0f0; overflow: hidden; padding-top: 70px} .cpcp_tp img{width: 100%;} .cpcp_tp h2{width: 100%;text-align: center; position: absolute;left: 0; top:25px; font-weight: bold; color: #333; font-size: 20px;z-index: 10;} .cpcpbox{border: 1px solid #f0f0f0;} .cpcpbox:hover{ border:1px solid #69b3e3; } .cpcpbox dl{padding: 20px; margin-left: -20px;overflow: hidden;} .cpcpbox dt{float: left; width: 50%; padding-left: 20px;} .cpcpbox a{display: block; text-align: center; font-size: 14px;color: #333;line-height: 46px;} .cpcpbox dt:nth-child(1) a{border: 1px solid #f0f0f0;} .cpcpbox dt:nth-child(2) a{ border: 1px solid #0891eb;} .cpcpbox .cpcpbox:hover{border: 1px solid #0891eb;} .cpcpbox dt:nth-child(1) a:hover{border: 1px solid #0891eb;} .bj8{background: url(../image/a_19.jpg) no-repeat center center;background-size: cover;} .alxc_title{position: relative; padding: 85px 0 30px;text-align: center;} .alxc_title h2{font-weight: bold; font-size: 40px;color: #111; margin-bottom: 15px;position: relative;z-index: 10;} .alxc_title p{font-size: 17px; line-height: 1.6;position: relative;z-index: 10;color: #777777;} .alxc_title span{position: absolute; text-align: center; width: 100%; left: 0;font-family: arial; font-size: 88px; color: #000; opacity: .05; top: 50px;font-weight: bold;} .pcspbtn{position: absolute; background: url(../image/a_19.png); width: 51px;height: 50px; cursor: pointer;background-size: 100% 100%;left:50%; top:50%; transform:translate(-50%,-50%);} .pcspbox{position: relative;} .pcspbox img{width: 100%;} .cpsp_nr ul{overflow: hidden;margin-left: -25px;padding-bottom: 50px;} .cpsp_nr li{float: left; width: 25%; padding-left: 25px;} .wlcz_title{padding: 60px 0 32px;} .wlcz_title h2{position: relative; font-weight: bold; font-size: 28px; color: #333; padding-bottom: 17px;} .wlcz_title h2:before{position: absolute; content: ""; border-bottom: 5px solid #1545a0;width: 53px;left: 0; bottom: 0;} .wlcz_nr{ margin-bottom: 40px } .wlcz_nr ul{overflow: hidden; font-size: 0; margin-left: -30px;} .wlcz_nr li{display: inline-block; padding-left: 30px;padding-bottom: 25px;} .wlcz_nr a{width: 107.5px; display: block; background: #f0f0f0;overflow: hidden;} .wlcz_nr p{height: 62px;position: relative;} .wlcz_nr span{display: block; text-align: center; font-size: 14px; padding: 0 10px;text-align: center; color: #666; line-height: 1.6; position: absolute; width: 100%;left:50%; top:50%; transform:translate(-50%,-50%);} .wlcz_nr img{height: 86px;} .jjfa_nr img{width: 100%;} .jjfa_nr a{display: block; overflow: hidden; position: relative;} .jjfa_nr p{width: 100%; position: absolute; left: 0; top: 0; font-weight: bold; font-size: 16px; line-height: 75px; color: #222222;z-index: 10;text-align: center;} .jjfa_nr .swiper{padding-bottom: 40px;} .jjfa_nr .swiper-pagination-bullet{opacity: 1;border-radius: 0;width: 65px;height: 4px;background: #b9b9b9;} .jjfa_nr .swiper-pagination-bullet-active{background: #0058ff;} /*产品列表_详情*/ .banner10{background: url(../image/banner10.png) no-repeat center center;height: 664px;background-size: cover;} .bannerpor{ padding:200px 0 40px; background:#222 url(../image/por_bg.jpg); background-size: cover; height: auto; overflow: hidden; } .porfl{ float: left; width: 46%; } .porfl img{ width: 100% } .porfr{ float: right; width: 50%; } .porfr .t1{ position: relative; font-size: 62px; margin-top: 25px } .porfr .t1:before{ position: absolute;content: ""; width: 120px; height: 22px; background: url(../image/por_g2.png); background-size: cover; top: -8px;z-index: 1; left:-4px} .porfr .t1:after{ position: absolute;content: ""; width:270px; height: 38px; background: url(../image/por_g1.png); background-size: cover; bottom: -0px;z-index: 1; left: 100px} .porfr .t1 b{display: block; position: relative;background-image:-webkit-linear-gradient(top,#fff,#ccc); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;text-fill-color:transparent; color:transparent; padding-bottom: 25px;z-index: 55;font-weight: bold;} .porfr .t1 b:after{ position: absolute;content: ''; left: 0; bottom: 0; width: 60px; height: 3px; background: #f9d837 } .porfr .t2{ font-size: 25px; color: #fff; margin: 15px 0 40px; font-weight: bold;} .porfr .icon{ font-size: 14px; color: rgba(255,255,255,.8); margin-bottom: 60px } .porfr .icon span{ display: inline-block;text-align: center; padding: 0 3% 0 0} .porfr .icon span img{ display: block; width: 60px; height: 60px; margin:0 auto 5px } .porfr .zxbox{} .porfr .zxbox .zx{ line-height: 40px; color: #000; text-align: center; display: inline-block; background: #f9d837;border:2px #f9d837 solid; width: 140px; font-size: 15px} .porfr .zxbox .zx:hover{ background: none; color: #f9d837 } .porfr .zxbox .tel{ line-height: 40px; color: #fff; padding: 0 15px; display: inline-block; border:2px #f9d837 solid; margin-left: 10px;font-size: 15px } .porfr .zxbox .tel b{ font-size: 20px; color: #f9d837; font-family: arial; padding-right: 10px; font-weight: bold; } .psxg_nr ul{padding: 5px;margin-left: -40px;padding-bottom: 20px;overflow: hidden;} .psxg_nr li{width: 33.33%; padding: 0 0 40px 40px;float: left;} .psxgbox{background: #fff; padding: 20px 20px 0 20px; box-shadow:0 0 10px rgba(0, 0, 0, .1); } .psxgbox img{width: 100%;} .psxgbox p{font-weight: bold; font-size: 20px; line-height: 78px;text-align: center; color: #333;} .psxg_nr a:hover p{color: #0060CD;} .zyjx_title{padding: 55px 0 28px;border-bottom: 1px solid #e5e5e5; margin-bottom: 30px;} .zyjx_title h2{font-size: 18px; color: #333; background: url(../image/a_49.jpg) no-repeat left center; line-height: 22px; padding-left: 20px;} .bj11{background: #282c3e;} .cptz{width: 1360px; margin: 0 auto; max-width: 94%; padding: 50px 0 0 0;} .cptz_title ul{overflow: hidden; margin-left: -25px;} .cptz_title li{float: left; width: 25%; padding-left: 25px;} .cptz_title span{display: block; text-align: center; font-size: 16px;color: #000;cursor: pointer; background: #fff; line-height:50px;font-weight: bold;} .cptz_title li.cur span{color: #fff;background: #004FFF;} .cptz_qh{padding:40px 0 50px;} .cptz_a{overflow: hidden;align-items: center;display: flex;justify-content : space-between;} .cpjs_left{float: left; width: 610px;position: relative;} .cpjs_right{float: right;width: calc(100% - 675px);} .cpjs_right h2{font-weight: bold; font-size: 32px;margin-bottom: 25px; color: #fff;} .cpjs_right p{font-size: 16px; line-height: 35px; color: #fff;} .cptj{overflow: hidden;} .cptj_left{float: left;width: 36%; overflow: hidden;} .cptj_left img{width: 100%;} .cptj_right{float: right;width: 64%; padding-left: 17px;} .cptj_right ul{overflow: hidden; margin-left: -17px;} .cptj_right li{float: left; width: 33.33%; padding: 0 0 13px 17px;} .cptj_right img{width: 100%;} .cpys ul{overflow: hidden; margin-left: -25px;} .cpys li{float: left; width: 25%; padding-left: 25px;} .cpys span{display: block; overflow: hidden;} .cpys 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.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1); } .cpystext{background: #4d5777;padding: 25px 0;text-align: center; margin-bottom: 15px;} .cpystext h3{font-size: 30px; font-weight: bold; color: #fff600; margin-bottom: 10px;} .cpystext p{color: #fff; font-size: 18px; font-weight: bold;} .cpysbox h4{font-size: 14px; line-height: 30px;color: #fff; opacity: .7;} .cpcs table{width: 100%;border: 1px solid #424757;background: #20273c;} .cpcs th{font-size: 16px; color: #fff;height: 46px;} .cpcs td{text-align: center; font-size: 14px; line-height: 45px; color: #fff;} .cpcs tr:nth-child(2n) td{ background: #27314e;} /*服务支持*/ .banner3{background: url(../image/banner3.png) no-repeat center center;height: 402px; background-size: cover;position: relative;} .fwfw_nr{padding-bottom: 30px;} .fwfw_nr li{padding-bottom: 27px;} .fwfwbox{overflow: hidden; background: #f5f5f5; padding: 23px 27px;} .fw_left{float: left; width: 500px; overflow: hidden; border-radius: 10px;} .fw_left img{width: 100%;border-radius: 10px;} .fw_right{float: right;width: calc(100% - 540px);} .fw_right h2 a{display: block; position: relative; color: #333; font-size: 22px; line-height: 50px; border-bottom: 1px solid #e9e9e9;font-weight: bold; margin-bottom: 20px;} .fw_right h2 a:before{position: absolute; content: ""; border-bottom: 3px solid #1545a0;width: 88px; bottom: 0;left: 0;transition: All 0.4s ease-in-out;} .fw_right h2 a:hover:before{width: 100px;} .fw_right p{font-size: 16px; line-height: 2; color: #555555;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} /*企业简介*/ .banner4{background: url(../image/banner4.png) no-repeat center center;height: 520px;background-size: cover;} .dbbk{border-bottom: 1px solid #e5e5e5;} .zjjl_bt{text-align: center; padding-top: 50px;} .zjjl_bt ul{overflow: hidden; font-size: 0;} .zjjl_bt li{display: inline-block; padding: 0 6px;} .zjjl_bt a{display: block; text-align: center; color: #444444; line-height: 54px;font-size: 17px; background: #f5f5f5; padding: 0 40px;} .zjjl_bt li.cur a{color: #fff;background: #1046ab;} .zjjl_bt a:hover{color: #fff;background: #1046ab;} .zjjl_title{text-align: center; padding: 90px 0 45px; position: relative;} .zjjl_title h2{font-weight: bold; font-size: 40px; padding-bottom: 18px; position: relative; position: relative;color: #111111;z-index: 10;} .zjjl_title h2:before{position: absolute; content: ""; border-bottom: 5px solid #1545a0; width: 30px; bottom: 0;left: 50%;transform: translateX(-50%);} .zjjl_title span{position: absolute; width: 100%;text-align: center; font-size: 99px; font-weight: bold; color: #000; opacity: .05;top: 58px;left: 0;} .zjjl_nr{overflow: hidden; padding-bottom: 40px;} .zjjl_right{width: 50%;float: right;position: relative;} .zjjl_right img{width: 100%;} .tvbtn{background: url(../image/a_91.png); width: 56px;height: 56px;background-size: 100%;cursor: pointer; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .zjjl_left{float: left; width: 50%; padding: 20px 80px 0 0;} .zjjl_left h2{font-weight: bold; font-size: 28px;margin-bottom: 10px; color: #333333;} .zjjl_left h2 span{color: #1545a0;} .zjjl_left h3{font-size: 16px;color: #999; margin-bottom: 30px;} .zjjl_left p{font-size: 17px; line-height: 40px;color: #666666;margin-bottom: 20px;} .sdjc{padding: 35px 0;} .sdjc b{font-weight: bold;} .sdjc ul{overflow: hidden;} .sdjc li{float: left; width: 25%;text-align: center; position: relative;} .sdjc h2{font-weight: bold; font-size: 58px;color: #1545a0;} .sdjc h2 span{font-weight: 400; display: inline-block;vertical-align: bottom; padding-left: 10px; font-size: 17px;color: #666666;} .sdjc p{font-size: 17px;color: #666666;line-height: 44px;} .sdjc li:before{position: absolute;content: "";border-right: 1px solid #e2e2e2;height: 100%; top: 0;right: 0;} .sdjc ul li:nth-child(4):before{ border: none;} .bj9{background: url(../image/a_22.png) no-repeat center center;border-image-slice: cover; } .qysl_nr h2{font-weight: bold; font-size: 28px;color: #333; margin-bottom: 15px;} .qysl_nr h2 span{display: inline-block;vertical-align: bottom; color: #1545a0;} .qysl_nr p{font-size: 17px;color: #666666;line-height: 44px;} .tpbox{padding: 60px 0 30px;} .tpbox img{width: 100%;} .qywh_nr{background: url(../image/a_24.png) no-repeat center center;background-size: cover;} .qywhbox{height: 630px; position: relative;transition: All 0.4s ease-in-out;} .qywh_nr ul{overflow: hidden; border-left: 1px solid #9a9d9d;} .qywh_nr li{float: left; width: 25%;border-right: 1px solid #9a9d9d;} .qyzz{position: absolute; width: 100%; text-align: center; left:50%; top:50%; transform:translate(-50%,-50%);transition: All 0.4s ease-in-out;} .qyzz span{display: block; margin: 0 auto; width: 94px;height: 94px; position: relative; margin: 0 auto; border-radius: 50%;background: rgba(255,255,255,.1);border: 1px dashed #d3d4d5;} .qyzz img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .qywh_text{padding: 53px 0 0 0;} .qywh_text h2{color: #fff; font-size: 25px;margin-bottom: 11px;} .qywh_text p{color: #fff; font-size: 14px;} .qywh_wb{padding-top: 40px;height: 0;overflow: hidden;transition: All 0.4s ease-in-out;} .qywh_wb p{color: #fff;font-size: 15px; line-height: 2; } .qywhbox:hover{background: #1545a0;} .qywhbox:hover span{background: #fff;border: 1px solid #fff;} .qywhbox:hover .c1{opacity: 0;} .qywhbox:hover .c2{opacity: 1;} .qywhbox:hover .qywh_wb{height: auto;} /*解决方案*/ .banner_text2{position: absolute;width: 100%;text-align: center; left:50%; top:50%; transform:translate(-50%,-50%);padding-top: 120px;} .banner_text2 h2{font-size: 40px; font-weight: bold; color: #fff; position: relative; padding-bottom: 22px;} .banner_text2 h2:before{position: absolute; content: ""; border-bottom: 5px solid #fffc00; width: 33px;bottom: 0; left: 50%; transform: translateX(-50%);} .jjfa_b{padding: 65px 0;} .jjfabox ol{overflow: hidden; margin-left: -25px;padding-top: 25px;} .jjfabox ol li{float: left; width: 20%; padding:0 0 0 25px;} .jjfabox ol li a{display: block; position: relative;} .jjfabox ol li a img{width: 100%;} .jjfabox ol li p{color: #fff; font-size: 12px;text-align: center; width: 100%; position:absolute; left: 0; bottom: 0;background: rgba(0,0,0,.7); line-height:27px;padding: 0;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} /*解决方案内容*/ .banner5{background: url(../image/banner5.png) no-repeat center center;height: 563px;background-size: cover;position: relative;} .banner_text2 p{font-size: 20px; color: #fff;margin-top: 20px;line-height: 1.6;} .fabj_title_a{padding: 63px 0 16px; border-bottom: 1px solid #e5e5e5;} .fabj_title_a h2{font-weight: bold; font-size: 30px; color: #333333;} .fabj_title_a h2 span{padding-left: 10px; font-weight: 400; color: #dcdcdc;font-size: 18px;} .fabj_nra{padding-top: 22px;} .fabj_nra p{font-size: 16px; line-height: 30px;color: #444;} .fajj_nr{overflow: hidden; padding-top: 25px;} .fajj_left{float: left; width: 570px;position: relative;height: 358px;overflow: hidden;} .video-js{height: 358px;background: #000;width:575px;} .playBtn{position: absolute;background: url(../image/bfbtn.png);cursor: pointer; width: 89px;height: 89px;background-size: 100%;left:50%; top:50%; transform:translate(-50%,-50%);z-index: 10;} .fajj_right{float: right;width: calc(100% - 605px);} .fajj_right h2{font-weight: bold;font-size: 22px; color: #000; padding-bottom: 17px; border-bottom: 1px solid #ececec; position: relative; margin-bottom: 22px;} .fajj_right h2:before{position: absolute; content: ""; border-bottom: 3px solid #1545a0; width: 88px; left: 0; bottom: -2px;} .fajj_right p{font-size: 16px; color: #444444; line-height: 30px;} .fajj_right ul{overflow: hidden; padding-top: 22px; border-top: 1px solid #ececec; margin-top: 22px;} .fajj_right li{float: left; padding-right: 14px;} .fajj_right a{display: block; text-align: center; line-height: 57px; width: 162px; color: #fff; font-weight: bold; background: #1545a0;font-size: 17px;} .fajj_right ul li:nth-child(2) a{ width: 220px;height: 57px;border: 1px solid #c4d0e7;line-height: auto;background: none;} .fajj_right h3{font-weight: bold; line-height: 1; font-size: 25px; color: #0035cb;font-family: arial; padding: 8px 0 4px;} .fajj_right h4{font-size: 14px;color: #555555;line-height: 1;} .wlfa_nr ul{overflow: hidden; margin-left: -25px;padding-top: 30px;} .wlfa_nr li{float: left; width: 225px; padding: 0 0 25px 25px;} .wlfa_nr a{display: block; position: relative;overflow: hidden;} .wlfa_nr p{position: absolute;width: 100%; text-align: center; color: #fff; font-size: 16px;left:50%; top:50%; transform:translate(-50%,-50%);font-weight: bold;} .wlfa_nr a img{width: 225px;height:155px;} .fasm_nr{padding-top: 30px;} .fasmbox{overflow: hidden; padding-bottom: 57px;} .fasm_left{float: left;width: 570px; overflow: hidden;} .fasm_left img{width:570px;height:341px;} .fasm_right{float: right;width: calc(100% - 600px);} .fasm_right h2{font-weight: bold; font-size: 22px;padding-bottom: 35px; color: #111;position: relative;} .fasm_right h2:before{position: absolute; content: ""; border-bottom: 3px solid #1545a0;width: 88px;left: 0; bottom:15px} .fasm_right p{font-size: 16px; line-height: 1.9; color: #444;} .fasm_right h3{font-weight: bold; font-size: 18px;color: #333; margin: 20px 0 15px;} .fasm_right ul{overflow: hidden; padding-top: 12px; margin-left: -13px;} .fasm_right li{float: left; padding-left: 13px;} .fasm_right a{display: block; text-align: center; width: 150px; line-height: 40px; font-size: 16px; color: #000;background: #efefef;transition: All 0.4s ease-in-out;} .fasm_right a:hover{background: #f9d837;} .fasm_right ul li:nth-child(2) a{ background: #f9d837;} .fasm_right a img{display: inline-block;vertical-align: middle; margin: -3px 0 0 10px;} .fasmbox:nth-child(2){ padding-bottom: 0;} .ccwl_nr{padding-top: 30px;} .ccwl_nr ul{overflow: hidden; margin-left: -40px;} .ccwl_nr li{float: left; width: 16.66%; padding: 0 0 30px 40px;} .ccwl_nr span{display: block; overflow: hidden;border: 1px solid #ddd;} .ccwl_nr img{width: 100%;} .ccwl_nr p{font-size: 16px; line-height: 44px; color: #111;text-align: center;font-weight: bold;} .hxcp_title{position: relative;background: url(../image/a_28.jpg) no-repeat center center;background-size: cover; border-top: 6px solid #f4f100;text-align: center; padding: 55px 0 15px;} .hxcp_title span{position: absolute; display: block; width: 0; height: 0; border-width: 40px; border-style: solid; border-color: #f4f100 transparent transparent transparent;top: 0; left: 50%; margin-left: -20px;} .hxcp_title h2{font-weight: bold; font-size: 34px; color: #ffea00;margin-bottom: 10px;} .hxcp_title p{font-size: 18px;color: #fff;margin-bottom: 25px;} .hxcp_title img{margin: 0 auto;} .hxcp_nr {width: 1360px; margin: 0 auto; max-width: 94%; padding: 40px 0;} .hxcp_nr ul{overflow: hidden;margin-right: -60px;} .hxcp_nr li{float: left; width: 33.33%; padding: 40px 0;} .hxcpbox{height: 165px; position: relative; padding:0 70px 0 220px; position: relative;} .hxcpbox h2{font-weight: bold; font-size: 17px; line-height: 60px;color: #000;} .hxcpbox img{position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);} .hxcpbox p{font-size: 14px; line-height: 25px;} .hxcpbox span{display: block;width: 200px; position: absolute; left: 0;top:50%; transform: translateY(-50%);} .hxcp_nr ul li:nth-child(5) .hxcpbox img{right: 0;} .hxcp_nr b{width: 70px; position: absolute; right: 0;top:50%; transform: translateY(-50%);} .hxcp_nr b img{width: 100%;} .hxcp_nr b.ddb2{width: 50px;right: auto;left: 50px;top: auto; bottom: -40px;} .bj10{background: #f3f3f3;} .hxcp_nr li .hxcpbox:after,.hxcp_nr li .hxcpbox:before{position: absolute; content: ''; width: 70px; height:50px} .hxcp_nr li:nth-child(1) .hxcpbox:after{ right: 0; bottom: 40%; background: url(../picture/d8.png) no-repeat; } .hxcp_nr li:nth-child(2) .hxcpbox:after{ right: 0; bottom: 40%; background: url(../picture/d9.png) no-repeat; } .hxcp_nr li:nth-child(3) .hxcpbox:after{ right: 30%; bottom:-50%; background: url(../picture/d10.png) no-repeat; width: 50px; height: 70px } .hxcp_nr li:nth-child(4) .hxcpbox:after{ left:-40px; bottom: 40%; background: url(../picture/d11.png) no-repeat; } .hxcp_nr li:nth-child(5) .hxcpbox:after{ left: -50px; bottom: 40%; background: url(../picture/d12.png) no-repeat; } .hxcp_nr li:nth-child(6) .hxcpbox:after{ right: unset; left: 55%; bottom: -55%; background: url(../picture/d13.png) no-repeat; width: 50px; height: 70px } .hxcp_nr li:nth-child(7) .hxcpbox:after{right:0px; bottom: 40%; background: url(../picture/d14.png) no-repeat; } .hxcp_nr li:nth-child(8) .hxcpbox:after{ right:-20px; bottom: 40%; background: url(../picture/d15.png) no-repeat; } /*.hxcp_nr li:nth-child(9) .hxcpbox:before{ left:-45px; bottom: 40%; background: url(../picture/d15.png) no-repeat; }*/ .hxcp_nr li:nth-child(3){ float:right; } .hxcp_nr li:nth-child(4){ float:right;} .hxcp_nr li:nth-child(5){ float:right;} .hxcp_nr li:last-child .hxcpbox:after{ background: none } .xnys_nr{padding: 30px 0 25px;} .xnys_nr ul{overflow: hidden; margin-left: -40px;} .xnys_nr li{float: left; width: 50%; padding: 0 0 20px 40px;} .xnysbox{overflow: hidden; padding: 26px; background: #f5f5f5;} .xnys_left{float: left; width: 200px; overflow: hidden;} .xnys_left img{width: 100%;} .xnys_right {float: right;width: calc(100% - 230px);} .xnys_right h2{font-weight: bold; font-size: 18px;margin-bottom: 15px; color:#333;} .xnys_right p{font-size: 14px; color: #666; line-height: 2;} .afcx{padding-bottom:40px;} .afxc_nr{padding: 10px;background: #fff;position: relative;} .afxcbox{overflow: hidden;} .afxc_left{width: 585px; overflow: hidden; float: left;} .afxc_left img{width: 100%;} .afcx_right{float: right;width: calc(100% - 620px);} .afxc_nr{position: relative; overflow: hidden;} .afxc_nr .swiper-button-next{width: 44px;height: 72px;right: 0; background: rgba(0,0,0,.7); margin-top: -36px;} .afxc_nr .swiper{padding-bottom: 45px;} .afxc_nr .swiper-button-next:after,.afxc_nr .swiper-rtl .swiper-button-prev:after{color: #fff; font-size: 24px;} .afxc_nr .swiper-button-prev{width: 44px;height: 72px;left: 0; background: rgba(0,0,0,.7); margin-top: -36px;} .afxc_nr .swiper-button-next:after,.afxc_nr .swiper-button-prev:after{color: #fff; font-size: 24px;} .afxc_nr .swiper-pagination-bullet{border-radius: 0;width: 65px;height: 4px; opacity: 1;background: #b9b9b9;} .afxc_nr .swiper-pagination-bullet-active{background: #0058ff;} .afcx_right h2{font-weight: bold;font-size: 24px; line-height: 64px; position: relative; margin-bottom: 12px;color: #222;} .afcx_right h2:before{position: absolute; content: ""; border-bottom: 2px solid #0058ff; width: 65px; left: 0; bottom: 0;} .afcx_right p{font-size: 16px; line-height: 1.6; margin: 5px 0 ;color: #666;} .afcx_right a{display: block; text-align: center; color: #fff; font-size: 16px;background: #1545a0; margin-top: 10px; width: 165px; line-height: 42px;} .xgtj_nr{padding-bottom: 55px;} .xgtj_nr a{display: block; position: relative;overflow: hidden;} .xgtj_nr p{position: absolute; width: 100%; text-align: center; font-weight: bold; font-size: 16px; color: #333; top: 30px;left: 0;z-index: 10;} .xgtj_nr img{width: 100%;} .xgtj_nr .swiper{padding-bottom: 45px;} .xgtj_nr .swiper-pagination-bullet{border-radius: 0;width: 65px;height: 4px; opacity: 1;background: #b9b9b9;} .xgtj_nr .swiper-pagination-bullet-active{background: #0058ff;} /*视频列表*/ .spzx{padding: 70px 0;} .spzx ul{overflow: hidden; margin-left: -35px;} .spzx li{width: 25%; padding: 0 0 35px 35px;float: left;} .spzxbox{position: relative;} .spzxbox a{display: block; overflow: hidden;} .spzxbox img{width: 100%;} .spzxbox span{display: block; position: absolute; background: url(../image/a_19.png); width: 51px;height: 50px; cursor: pointer;background-size: 100% 100%;left:50%; top:50%; transform:translate(-50%,-50%);} .spzx p{text-align: center; line-height: 64px; font-size: 17px;background: #fff;} .spzx p a{color: #222;text-align: center;display: block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .spzx p a:hover{color: #0050B2;} /*新闻与视频详细*/ .banner6{background: url(../image/banner6.png) no-repeat center center;height: 385px; position: relative;background-size: cover;} .bannetext4{padding-top: 120px;} .xwxq{overflow: hidden; padding: 65px 0 0 0;} .xwxq_left{float: left; width: calc(100% - 350px);} .xwxq_title{border-bottom: 1px solid #ddd; padding-bottom: 18px;} .xwxq_title h2{font-weight: bold; font-size: 32px;color: #333; margin-bottom: 32px;} .xwxq_title p{font-size: 14px;color: #999;} .xwxq_title p span{padding-right: 20px;} .xwxq_title p img{display: inline-block;vertical-align: middle; margin: -3px 8px 0 0;} .xwxq_nr{padding: 30px 0; border-bottom: 1px solid #ddd;} .xwxq_nr p{font-size: 17px; line-height: 32px;color: #555555;} .xwxq_nr img{margin: 30px auto;max-width: 100%;} .rmbq{padding: 45px 0 30px;} .rmbq ul{overflow: hidden; margin-left: -10px;} .rmbq li{float: left; padding: 0 0 10px 10px;} .rmbq a{display: block; line-height: 30px;font-size: 14px;color: #333;background: #f0f0f0; padding: 0 15px;} .dznr{text-align: center;} .dznr li{display: inline-block; padding: 0 7px;} .dznr li a{display: block; padding: 0 20px; line-height: 48px; border: 1px solid #f0f0f0; font-size: 14px; color: #333;} .dznr li a img{display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;} .sxpwz{border-bottom: 1px solid #ddd;} .sxpwz ul{overflow: hidden; margin-left: -40px;} .sxpwz li{float: left; width: 50%; padding-left: 40px;line-height: 70px; font-size: 16px;color: #333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .sxpwz li a{color: #666;} .sxpwz li a:hover{color: #0050B2;} .sxpwz ul li:nth-child(2){text-align: right;} .xwxq_right{float: right;width:300px;} .xwfl{padding-left: 30px;border-left: 1px solid #ddd; margin-bottom: 70px;} .xwfl_title h2{font-weight: bold; font-size: 22px; color: #333; padding-bottom: 35px; position: relative;} .xwfl_title h2:before{position: absolute; content: ""; border-bottom: 4px solid #1b4bd6;width: 48px;left: 0;bottom: 20px;} .xwfl_nr li{font-size: 16px; line-height: 37px;} .xwfl_nr a{display: block; color: #777777;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;} .xwfl_nr a:hover{color: #0050B2;} /*物料列表*/ .banner7{background: url(../image/banner7.png);height: 462px;background-size: cover;position: relative;} .wlzx{padding: 55px 0 0 0;} .wlzxbox{overflow: hidden; border-bottom: 1px dashed #eee; margin-bottom: 25px;} .wlzx_left{float: left; width: 190px;height: 150px;text-align: center; background: #f5f5f5; position: relative;} .wlbt{position: absolute;text-align: center;left:50%; top:50%; transform:translate(-50%,-50%);} .wlbt p{font-weight: bold; font-size: 18px;color: #333; margin-top: 20px; } .wlbt img{margin: 0 auto;} .wlzx_right{float: right;width: calc(100% - 210px);} .wlzx_right ul{overflow: hidden; margin-left: -25px;} .wlzx_right li{float: left; width: 20%; padding: 0 0 25px 25px;} .wlzx_right span{display: block; overflow: hidden;} .wlzx_right img{width: 100%;} .wlzx_right p{font-size: 16px; line-height: 45px; color: #666;text-align: center;} /*废旧物料详情*/ .banner8{background: url(../image/banner9.jpg) no-repeat center center;height: 315px;position: relative;} .wlyy{padding: 40px 0 30px;} .wlyy ul{overflow: hidden; margin-left: -12px;} .wlyy li{float: left; width: 8.3%; padding: 0 0 12px 12px;} .wlyy p.active{background: #1545a0;color: #fff;} .wlyy a.active{background: #1545a0;color: #fff;} .wlyy a{display: block; overflow: hidden;position: relative;background: #f0f0f0;transition: All 0.4s ease-in-out;} .wlyy img{width: 100%;} .wlyy p{position: absolute; width: 100%; color: #333; line-height: 1.6;left:50%; top:50%;text-align: center; transform:translate(-50%,-50%);font-size:14px;} .wlyy a:hover{background: #1545a0;} .wlyy a:hover p{color: #fff;} .jjfa{padding: 20px 0 45px;} .czgy{overflow: hidden;padding: 70px 0 60px;} .czgy_right{width: 700px;float: right;} .czgy_right img{width: 100%;} .czgy_left{float: left;width: 610px;} .czgy_left h2{font-weight: bold; font-size: 30px; color: #333; position: relative; padding-bottom: 40px;} .czgy_left h2:before{position: absolute; content: ""; border-bottom: 6px solid #1545a0;width: 60px;bottom: 20px;left: 0;} .czgy_left p{font-size: 16px; line-height: 30px; color: #444;} .czgy_left ul{overflow: hidden; padding-top: 35px; margin-left: -35px;} .czgy_left li{float: left; padding-left: 35px;} .czgy_left img{border-radius: 50%;} .xgsb_nrbox ul{padding: 5px 5px 60px 5px; margin-left: -50px;overflow: hidden;} .xgsb_nrbox li{float: left; width: 50%; padding-left: 50px;} .xgsb_box{background:url(/static/image/wlbj.png) repeat-y;position: relative;box-shadow:0 0 10px rgba(0, 0, 0, .1);} .xgsb_box img{width: 100%; } .xgsb_wb{position: absolute; width: 100%; left: 0;text-align: right; top: 65px; padding-right: 50px;} .xgsb_wb h2{font-weight: bold; font-size: 22px;color: #111111;margin-bottom: 20px;} .xgsb_wb a{display: block; font-size: 15px;color: #444444; line-height: 32px;} .xtb1{background: url(../image/a_48.png); width: 18px;height: 17px; display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;} .xtb2{background: url(../image/a_49.png); width: 18px;height: 17px; display: inline-block;vertical-align: middle; margin: -3px 10px 0 0;} .xgsb_wb a:hover{color: #0050B2;} /*联系我们*/ .banner9{background: url(../image/banner9.png) no-repeat center center; height: 566px;background-size: cover;} .banner9_text{width: 1350px; margin: 0 auto;max-width: 94%;padding-top: 80px;} .lxtitle{padding-bottom: 20px;} .lxtitle h2{font-weight: bold; font-size: 32px; color: #111111;margin-bottom: 10px;} .lxtitle p{font-size: 15px; line-height: 24px; color: #555555;} .dhnr{background: url(../image/a_50.png);width: 321px;height: 81px;} .dhnr h2{font-size: 25px; color: #fff; font-weight: bold; font-family: arial; padding: 40px 0 0 25px;} .lxwx h2{font-weight: bold; font-size: 17px; color: #222222; line-height: 1.6; margin: 15px 0 25px;} .lxwx ul{overflow: hidden; } .lxwx li{float: left; padding-right: 43px;text-align: center;} .lxwx p{font-size: 15px;color: #222; margin-top: 7px;} .lxbj{background: url(../image/a_51.png) no-repeat center top;background-size: cover;margin-top: -105px;position: relative;z-index: 10;padding: 160px 0 0 0;} .zcpz{ background: #1a58c1;padding: 30px 0 20px;} .zcpz ul{overflow: hidden; padding-left: 20px;} .zcpz li{float: left; width: 20%;} .zcpzbox{overflow: hidden;} .zcpzbox img{float: left;} .zcpz_text{float: right;width: calc(100% - 75px);} .zcpz_text h2{color: #fff; font-size: 22px;margin: 10px 0;font-weight: bold;} .zcpz_text p{font-size: 14px; color: #fff;} .lxbd_title{text-align: center; padding: 55px 0;} .lxbd_title h2{color: #fff; font-weight: bold; font-size: 42px; margin-bottom: 20px;} .lxbd_title p{color: #fff; font-size: 16px;} .lxbd_nr{padding-bottom: 50px;} .lxbd_nr ul{overflow: hidden; margin-left: -25px;} .lxbd_nr li{float: left; width: 50%; padding: 0 0 23px 25px;overflow: hidden;} .lxbd_nr span{float: left; width: 80px; line-height: 41px;color: #fff; font-size: 15px;} .wby4{float: right;width: calc(100% - 80px); background: #fff; height: 40px; line-height: 40px; padding: 0 15px;} .lxbd_nr dl{overflow: hidden; float: right; width: calc(100% - 80px); } .lxbd_nr dt{float: left; padding-right: 85px;color: #fff; font-size: 15px;line-height: 41px;} .lxbd_nr ul li:nth-child(5){ width:100%;} .lxbd_nr ul li:nth-child(6){ width:100%;} .wby5{padding: 15px; width: calc(100% - 80px);float: right; height: 138px;background: #fff; font-family: "微软雅黑";} .btn8{display: block; margin: 0 auto;background: #fff; width: 180px;height: 35px;cursor: pointer; border: none; font-size: 15px; color: #fff; background-image: linear-gradient(to right, #0756b0 , #4680e3);} @media(max-width:1360px){ .nav li{} .tsfw_nr{padding-left: 10%;} .tsfw_title p{font-size: 18px;} .tsfw_title h2{font-size: 28px;} .tsfw_title h3{font-size: 20px;} .qypz_nr h2{font-size: 32px;} .qypz_nr{padding: 0 0 125px 0;} .cpll span{height: 200px;} .subbox_b dt{font-size: 12px;} } @media(max-width:1200px){ .news_left{width: 100%; float: none;} .news_right{float: none; width: 100%;padding-top: 25px;} .news_right ul{overflow: hidden; margin-left: -30px;} .news_right li{float: left; padding-left: 30px;width: 33.33%;} .news_right img{width: 100%;} .ksbjbtn{display: none;} .ssbtn{display: none;} .banner{height: auto;} .cpfl_left{float: none;width: 100%;} .cpfl_right{float: none; width: 100%;} .news_tv img{width: 100%;} .cpll span{height: 180px;} .hxcpbox span{width: 150px;} .hxcpbox span img{height: 80px;height: 100px;} .hxcpbox{padding-left: 150px;} } @media(max-width:1000px){ .cptj_left{width:100%;} .cptj_right{padding-left:0px;padding-top:20px;width:100%;} .fasm_left img{width: 100%;} .shlj{padding-top:15px;} .czgy_left{padding-top:15px;} .czgy_left h2{font-size:20px;} .czgy_left h2:before{border-bottom:3px solid #1545a0} .czgy_left h2{padding-bottom:25px;} .fajj_right h2{padding-bottom:5px;} .banner5{height:265px;} .fabj_title_a{padding-top:10px;} .fabj_nra{padding-top:0px;} .fabj_title_a h2{font-size:23px;} .jjfa{padding-bottom:0px;} .czgy{padding-top:0px;} .czgy_right{width:100%;} .porfr .t1 b{font-size:30px;text-align:center;} .porfr .t2{display:none;} .porfr .icon{display:none;} .porfr .t1 b:after{background:none;} .cptz_qh{padding-top:0px;} .cptz{padding-top:20px;} .cpjs_right h2{font-size:22px;margin-bottom:10px;} .cpjs_right p{line-height:30px;} .xwxq_title h2{font-size:22px;text-align:center;margin-bottom:12px;} .xwxq_title p{text-align:center;} .xwxq{padding-top:10px;} .xwxq_left{width:auto;float:none;} .xwxq_right{display:none;} .banner6{height:207px;} .bannetext4{padding-top:20px;} blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} abbr,acronym,fieldset,img{border:0} ol,ul{list-style:none} caption,th{text-align:left} q:after,q:before{content:''} .clearfix::after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both} .clearfix {zoom: 1;} .c{clear:both} .n,em{font-weight:400;font-style:normal} .dn{display:none} body{color:#333;font-size:14px;line-height:1.5;font-family:"Microsoft Yahei",sans-serif;max-width:750px;margin:0 auto;background-color: #f0f1f5;padding-bottom:1.2rem;padding-bottom: calc(1.2rem + env(safe-area-inset-bottom));} a{color:#333;text-decoration:none} a:hover{color:#ff6d28} img,video{max-width:100%;height: auto;} video{width:100%;height: 320px;} textarea{ resize :none; outline:none; border: none;} input, button{ border-radius:0; } input,select,textarea{font-size:14px;color:#444;font-family:"Microsoft Yahei",sans-serif;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none} input[type=button],input[type=reset],input[type=submit]{cursor:pointer} input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset !important;box-shadow: 0 0 0px 1000px #f4f4f4 inset !important;-webkit-text-fill-color: #333!important;} ::-webkit-input-placeholder{color:#999999} ::-moz-placeholder{color:#999999} ::-ms-input-placeholder{color:#999999} .ani,a{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} *{-wekit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0} .wp{padding-left:0.32rem;padding-right: 0.32rem;} /** * Swiper 4.5.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2019 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 22, 2019 */ .show-msg{background-color: #fff;margin-bottom: 0.2rem;-webkit-box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.08);-moz-box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.08);-ms-box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.08);-o-box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.08);box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.08);padding:0.52rem 0.75rem 0.42rem;} .msg-top{padding-left: 1.8rem;position: relative;margin-bottom: 0.35rem;} .msg-top p{font-size: 0.28rem;color: #282828;line-height: 0.38rem;} .msg-top strong{display: block;font-size: 0.36rem;color: #333333;line-height: 0.46rem;} .msg-top::before{content:'';width: 1.81rem;height: 1.31rem;background: url(../images/index-zx.png) no-repeat;background-size: 1.81rem;position: absolute;top: -0.18rem;left: -0.1rem;} .show-msg li{float: left;width: 48%;margin-bottom: 0.22rem;} .show-msg li p i{font-style: normal;font-size: 0.28rem;color: #d00000;} .show-msg li p{font-size: 0.28rem;color: #333333;line-height: 0.38rem;font-weight: 200;marg.show-msg li input, .show-msg li textarea, .show-msg1 li select-bottom: 0.15rem;} .show-msg li input,.show-msg li textarea, .show-msg li select{width: 100%;border: 1px solid #e2e2e2;outline: none;height: 0.8rem;line-height: 0.8rem;border-radius: 0.08rem;font-size: 0.28rem;background-color: #f0f1f5;padding:0 0.3rem;} .show-msg li.msg-area{width: 100%;position: relative;} .show-msg li textarea{line-height: 1.7;height: 1.6rem;padding:0.14rem 0.3rem;font-weight: 200;} .show-msg li:first-child{margin-right: 4%;} .show-msg li.msg-area .click-span{display: block;float: right;color: #dd3c3b;border-bottom: 1px solid #dd3c3b;line-height: 0.32rem;margin-right: 0.26rem;position: relative;cursor: pointer;} .show-msg li.msg-area .click-span::after{content:'';width: 0.17rem;height: 0.12rem;background: url(../images/arr.png) no-repeat center;position: absolute;right: -0.26rem;top: 0.1rem;background-size: 0.17rem;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .show-msg li.msg-area .click-span.on::after{ -webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);} .inp-txt{overflow: hidden;} .inp-txt .sub-btn{padding:0.08rem;border-radius: 0.44rem;text-align: center;background-color: #f1e0e0;} .inp-txt .sub-btn input{display: block;width: 100%;border: none;outline: none;height: 0.72rem;line-height: 0.72rem;border-radius: 0.36rem;font-size: 0.32rem;color: #ffffff;background:#174499;background: -moz-linear-gradient(top, #2267E6 0%, #174499 100%);background: -webkit-linear-gradient(top, #2267E6 0%,#174499 100%);background: -o-linear-gradient(top, #2267E6 0%,#174499 100%);background: -ms-linear-gradient(top, #2267E6 0%,#174499 100%);background: linear-gradient(to bottom, #2267E6 0%,#174499 100%);} .main-msg{background: url(../images/msg-bg.png) no-repeat bottom center;padding:0.44rem 0.32rem 0.5rem;background-size: 7.5rem;} .message-box{background: url(../images/msg-bg1.png) no-repeat top center #fff;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;-ms-background-size: 100% auto;-o-background-size: 100% auto;background-size: 100% auto;border-radius: 0.16rem;} .ly-top{padding:0.5rem 0 0.85rem 0.47rem;position: relative;} .ly-top strong{display: block;font-size: 0.4rem;color: #ffffff;line-height: 0.5rem;margin-bottom: 0.06rem;} .ly-top p{font-size: 0.32rem;color: #fff;line-height: 0.42rem;} .ly-top img{display: block;position: absolute;width: 1.76rem;height: 1.76rem;right: 0.4rem;bottom: 0;} .show-msg1 {background-color: transparent;} .show-msg1 li{float: left;width: 100%;margin-bottom: 0.3rem;position: relative;} .show-msg1 li:first-child{margin-right: 0;} .show-msg1 li input, .show-msg1 li select{font-weight: 200;padding:0 0.3rem 0 0.98rem;height: 0.85rem;line-height: 0.85rem;} .show-msg1 li textarea{height: 3rem;} .show-msg1 li em{display: block;width: 0.29rem;position: absolute;top: 0.24rem;left: 0.28rem;} .show-msg1 li em::after{content:'';width: 1px;height: 0.4rem;background-color: #c2c2c2;position: absolute;right: -0.22rem;top: -0.02rem;} .show-msg1 li:nth-of-type(2) em::before{content: '*';font-size: 0.28rem;color: #d00000;position: absolute;right: -0.12rem;top: -0.1rem;font-style: normal;} .show-msg .quick{width: 100%;background-color: #fff;padding:0.2rem 0;display: none;} .show-msg .quick p{font-size: 0.22rem;line-height: 0.32rem;cursor: pointer;} @media screen and (max-width: 360px){ .fix-wx a{padding:0.1rem 0 0.04rem 0.1rem;} .index-case .case-txt .other span{line-height: 0.36rem;} .show-msg .quick p{line-height: 0.4rem;} .main-content{font-size: 15px;} .span_zixun,.cpxqzx{font-size: 0.3rem;} .ul-list li a, .ul-list li span{font-size: 16px;} .index-lb li .item{padding: 0.25rem 0.1rem 0 0.2rem;} .index-lb li .tit-a::before{left: -0.2rem;} .ep-box p em{margin-right: 0.1rem;} } .footer-bottom-fixed { width: 100%; height: 60px; background-color: #174499; color: #fff; position: fixed; bottom: 0; left: 0; overflow: hidden; z-index: 100; } .footer-bottom-fixed a{ display: block; text-decoration: none; } .footer-bottom-fixed-home, .footer-bottom-fixed-top { font-size: 14px; text-align: center; line-height: 20px; float: left; width: 13%; color: #fff; padding: 10px 0; } .footer-bottom-fixed-home img{ display: block; width: auto; height: 26px; margin: 0 auto; } .footer-bottom-fixed-top img{ display: block; width: auto; height: 26px; margin: 0 auto; } .footer-bottom-fixed .footer-btns { width: 70%; float: right; margin-top: 0.6rem; margin-right: 2%; } .footer-bottom-fixed .footer-btns span, .footer-bottom-fixed .footer-btns a { display: block; float: left; width: 50%; height: 2.7rem; color: #ffffff; font-size: 18px; font-weight: bold; line-height: 2.7rem; padding-left: 0rem; text-align: center; position: relative; margin-top: .1rem; } .footer-bottom-fixed .footer-btns .zx_btm { border-radius: .53333rem 0px 0px .53333rem; border: solid 1px #a6b9cc; cursor: pointer; } .footer-bottom-fixed .footer-btns span:before, .footer-bottom-fixed .footer-btns a:before { content: ''; display: block; position: absolute; left: .4rem; top: .08rem; width: 0.42667rem; height: .61333rem; background-position: center center; background-repeat: no-repeat; } .footer-bottom-fixed .footer-btns .zx_btm:before { background-size: .42667rem auto; } .footer-bottom-fixed .footer-btns .dh_btm { background-color: #f44d45; border-radius: 0px .53333rem .53333rem 0px; } .footer-bottom-fixed .footer-btns .dh_btm:before { background-size: .56rem auto; -webkit-animation: shake 1s linear infinite; animation: shake 1s linear infinite; } .footer-bottom-fixed-tel { background: #fbc729; float: right; width: 64%; height: 60px; color: #333; padding: 10px 2%; } .footer-bottom-fixed-tel .footer-bottom-fixed-tel-left { float: left; } .footer-bottom-fixed-tel .footer-bottom-fixed-tel-right { float: right; width: 40px; height: 40px; background-color: #101d3f; color: #fff; line-height: 20px; text-align: center; font-style: normal; border-radius: 5px; padding: 2px; } .footer-bottom-fixed-tel .footer-bottom-fixed-tel-left { background: url(../images/ico_tel.png) no-repeat left center; background-size: 40px auto; padding-left: 50px; } .footer-bottom-fixed-tel span { display: block; line-height: 20px; font-size: 14px; } .footer-bottom-fixed-tel b { display: block; line-height: 20px; font-size: 20px; font-weight: normal; font-family: Impact; } 50% { -webkit-transform: scale(0.9); } 0%, 100% { -webkit-transform: scale(1); } .wlzx_left{width:100%;margin-bottom:15px;} .wlzx_right{width:auto;} .wlzx_right li{width:100%;} .banner7{height:232px;} .wlcz_nr{margin-bottom:0px;} .bannerpor{padding-top:100px;} .wz1350{width:100%;} .zdk{max-width:100%;} .xwxq_nr{padding:20px;} .sxpwz{padding:10px;} .porfr .zxbox .zx{width:100%;} .porfr .zxbox .tel{width:100%;margin-left:0px;padding-right:0px;} .porfr .zxbox .tel b{font-size:16px;padding-right:5px;} .porfl{width:100%;} .porfr{width:100%;} .porfr .t1{font-size:42px;} .cpjs_left{width:100%;line-height:0;} .cpjs_right{width:auto;} .fgt{height:auto;} .lxbj{margin-top:-60px;padding:50px 0 0 0;} .lxwx li{padding-right:34px;} .banner9{height:606px;} .cpys li{width:50%;} .cpysbox h4{display:none;} .wlfa_nr ul{padding-top:0px;} .pcyc{display:block!important;} .wlfa_nr a img{width:105px;height:85px;} .ssshtop span{opacity:10;} .wlfa_nr ul{height:380px;overflow:hidden;} .video-js{width:100%;} .fr { float:right} .pc-block{ display: none; } .mb-block{ display: block; } .banner img{height:310px;} .top{display: none;} .header{height: 60px;} .logo{width: 100px;} .dhbtn{background: url(../image/d1.png) no-repeat center center #1545a0; width: 30px;height: 30px;border-radius: 4px; position: absolute; top: 15px; right: 3%;background-size: 20px 20px;} .dhbtn.on{background: url(../image/d2.png) no-repeat center center #1545a0;background-size: 20px 20px;} .nav{position: fixed; width: 100%; height: calc(100% - 60px); top: 60px;left: 0;background: #fff;overflow: auto;display: none;} .nav li{float: none; width: 100%; padding: 0 15px;} .nav li h3{position: relative;} .nav li h3 a{line-height: 45px;} .nav li h3 b{background: url(../image/a_76.jpg) no-repeat center center; position: absolute; top: 0;height: 100%; width: 20px; right: 0; } .sub{position: static;top: 0;} .sub:before{width: 0;height: 0;} .sub_left{padding: 10px;} .sub_left h2{display: none;} .subbox{max-width: 100%;} .sub_left{float: none; width: 100%;height: auto;} .sub_right{float: none; width: 100%;padding-top: 0;} .sr_left{padding: 10px; float: none; width: 100%;} .sub_cp{width: 50%;padding: 0; margin-bottom: 20px;height: 280px;} .sub_cp:nth-child(2){ border: none;} .sub_cptop img {height: 40px;} .subbox_b dt{float: none; width: 100%; padding-left: 25px;} .subbox_a dt a{text-align: left; padding-left: 15px;} .shlj li{width: 50%;padding-bottom: 20px;padding-right:10px;} .shlj_text{top:40px;} .shlj_text h2{font-size:16px;} .shlj_text p{font-size:12px;} .shljbox{height: auto;} .shljbox img{width: 100%;} .shlj li.cur{width: 50%;} .cpfl{padding: 0;} .cpfl_title img{height: 45px;} .cpfl_title p{font-size: 16px;} .cpfl_title span{padding-top: 30px;} .cpfl_top h2{font-size: 20px;} .cpfl_lb ul{margin-left:-10px;} .cpfl_lb li{width: 20%;} .cpfl_lb li{padding:0 0 13px 10px;} .cpfl_lb p{font-size:12px;line-height:20px;} .cpflbox{padding-bottom: 40px;} .jjfa_title{padding: 50px 0 30px;} .jjfa_title h2{font-size: 24px;} .jjfa_title p{font-size: 14px;} .jjfa_bt li{width: 50%;} .jjfa_bt a{font-size: 12px;} .jjfa_bottom ul li{float: none; width: 100%; padding: 0 10px;} .jjfabox h2{font-size: 20px;} .jjfabox h3 a{font-size: 14px; width: 120px;} .jjfabox dt{font-size: 14px;} .jjfabox{height:auto;} .sjyc{display:none;} .hxjs_title{padding: 50px 0 30px;} .hxjs_title p{font-size: 16px;} .hxjs_title h2{font-size: 20px; line-height: 1.6;} .hxjs_title span{font-size: 28px; top: 80px;} .hxjs_nr li{float: none; width: 100%; padding: 0 0 20px 0;} .hxjs_nr li.cur{width: 100%;} .hzjsbox{height: auto;} .hzjsbox img{width: 100%;} .hzjs_text{top: 20px; right: 20px;width: 50px;} .hzjs_text h2{font-size: 30px;} .hzjs_text h3{font-size: 14px; margin: 10px 0;} .hxjs_nr li.cur .hzjs_text{width: 100%; } .hxjs_nr li.cur .hzjs_text p{font-size: 12px;line-height:18px;} .hxjs_nr li.cur span{font-size: 14px;padding: 5px 10px;} .hzjs_text span{font-size: 12px;width: 20px;top: 12px;padding: 5px 0; line-height: 1.4;} .sssh_title{padding: 40px 0 30px;} .sssh_title h2{font-size: 24px;} .sssh_title span{font-size: 30px; top: 30px;} .sssh_title p{font-size: 14px;} .ssshtop ul{margin-left: -10px;} .ssshtop li{width: 33.33%; padding: 0 0 10px 10px;} .ssshtop span{font-size: 13px;} .spbox ul{margin-left: -20px;} .spbox li{width: 50%; padding: 0 0 20px 20px;} .spnr p{font-size: 12px; line-height: 30px;} .spnr span{width: 40px;height: 40px;} .qypz_title{padding: 50px 0 10px;} .qypz_title h2{font-size: 24px;} .qypz_title p{font-size: 14px;} .qypz_nr p{font-size: 14px;} .qypz_nr li{padding: 0 10px 20px 10px;} .qypz_nr p{margin-top: 10px;} .qypz_nr ul{padding: 30px 0;} .gsxx_title span{width: 35px;height: 35px;} .gsxx_title img{height: 30px;} .gsxx_title ul{padding: 30px 0;} .jsxxtext h2{font-size: 18px;margin: 5px 0;} .jsxxtext p{font-size: 12px;} .gsxx_nr ul{margin-left: -10px;} .gsxx_nr li{width: 50%; padding: 0 0 15px 10px;} .gsxx_nr p{font-size: 14px;} .news_tv{width: 100%; float: none;} .news_tv p{font-size: 16px;} .news_xw{float: none; width: 100%;} .news_xwd{float: none; width: 100%;} .newsbox{padding:18px;} .newsbox li{font-size: 14px; line-height: 32px;} .news{padding-bottom: 30px;} .news_right li{float: none; width: 100%; padding-bottom: 15px;} .fwhqbox{display: none;} .fwal{width: 150px;height: 150px;} .fwaltext p{font-size: 12px;} .fwaltext h2{font-size: 18px;} .foot_left{display: none;} .fwal_3{right: 10%;} .bj6{height: 500px;} .fwal_1{top: 30px; right: auto;left: 30px;} .fwqq{height: 500px;} .footerbox{padding: 30px 0;} .frwm{padding: 0; float: none; margin: 0 auto;} .bqxx p{font-size: 12px; line-height: 1.5;} .fixed-swt{display:none;} .tsfw_title{position: static; padding: 30px 0;} .tsfw_title p{font-size: 14px;} .tsfw_title h2{font-size: 24px; padding: 20px 0 40px;} .tsfw_title h2:before{bottom: 20px;} .tsfw_nr{padding: 0;} .tsfw_nr ul{overflow: auto;white-space: nowrap;} .tsfw_nr ul::-webkit-scrollbar {width:0px; height:0px} .tsfw_nr ul li{} .tsfw_nr li.cur .tsbox{width:100%;} .tsfw_nr ul li:nth-child(1){padding: 0;width:100%;float:left;} .tsfw_nr ul li:nth-child(2){padding: 0;width:100%;float:left;} .tsfw_nr ul li:nth-child(3){padding: 0;width:100%;float:left;} .tsfw_nr ul li:nth-child(4){padding: 0;width:100%;float:left;} .tsfw_nr ul li:nth-child(5){padding: 0;display:none;} .tsfw_nr ul li:nth-child(6){padding: 0;display:none;} .tsxq{position: relative; width: 300px;height: 300px; margin: 30px auto;right: auto; bottom: auto;} .tshw{width: 280px;height: 280px;border-radius: 50%;} .tshwbox{width: 100%;} .tshwbox h2{font-size: 20px;padding-bottom: 25px;} .tshwbox h2:before{bottom: 10px;} .tshwbox p{font-size: 14px; padding: 0 20px;line-height: 1.5;} .bj4{padding: 30px 0; height: auto;} .tsfw_nr{height: auto;} .tsbox span{display: none;} .banner2{height: 280px;} .bannetext h2{font-size: 24px;} .bannetext p{font-size: 14px;line-height: 1.5;} .alxq{padding: 50px 0;} .al_left{float: none; width: 100%;} .al_left .swiper-button-next{width: 30px;height: 60px; margin-top: -30px;} .al_left .swiper-button-prev{width: 30px;height: 60px; margin-top: -30px;} .al_right{float: none; width: 100%;padding: 0;} .xgsb h2{padding: 40px 0; font-size: 24px;} .xg_nr li{float: none; width: 100%;padding-bottom: 15px;} .xg_nr span{height: auto;} .xgsb_nr li{float: none; width: 100%; padding-bottom: 15px;} .xgsb_nr span{height: auto;} .fabj_title{padding: 50px 0 30px;} .fabj_title h2{font-size: 24px;} .fabj_title p{font-size: 14px; line-height: 1.6;} .fabj{padding-bottom: 50px;} .fabj_nr li{width: 100%;float: none;padding-bottom: 10px;} .fabj_nr ul li:nth-child(3){width: 100%;} .btn6{font-size: 14px; line-height: 40px; width: 120px;} .fabj_nr ul{padding-bottom: 20px;} .cpll li{width: 100%;padding-bottom: 20px;} .cpll span{height: auto;} .cpll{padding: 50px 0 30px;} .banner1{background: url(../image/banner12.png) no-repeat center center;height:280px;background-size: 100%;} .wlcz_title{padding: 50px 0 30px;padding-top:10px;} .wlcz_title h2{font-size: 24px;} .wlcz_nr p{height:52px;} .wlcz_nr span{font-size:12px;} .wlcz_nr ul{margin-left: -10px;height:280px;} .psxg_nr ul{margin-left:-10px;} .wlcz_nr li{padding: 0 0 10px 5px;width: 25%;} .wlcz_nr a{width: 100%;} .wlcz_nr img{width: auto; height: 85px;max-width:unset;} .psxg_nr li{width: 50%;} .psxg_nr li{padding:0 0 40px 10px;} .psxgbox{padding:0px 5px 0 5px;} .psxg_nr{height:450px;overflow:hidden;} .zyjx_title h2{font-size: 14px;} .cpzj a{font-size: 16px;line-height: 45px;} .cpcp_title{padding: 0px 0 30px;padding:10px;} .cpcp_title h2{font-size: 24px; float: none; width: 100%;padding-bottom:14px;padding-top:15px;} .cpcp_title p{width: 100%; float: none;padding: 20px 0 0; font-size: 14px;} .cpcp_nr li{float: none; width: 100%;padding-bottom: 15px;} .alxc_title{padding: 50px 0 30px;} .alxc_title h2{font-size: 24px;} .alxc_title span{font-size: 30px; top: 45px;} .alxc_title p{font-size: 14px;} .cpsp_nr ul{margin-left: -10px;padding-bottom:0px;} .cpsp_nr li{ width: 50%;padding: 0 0 10px 10px;} .spbox ul{padding: 0;} .pcspbtn{width: 35px;height: 35px;} .fajj_text{height:auto;} .banner8{height: 280px;} .banner_text2{ padding-top: 80px;} .banner_text2 h2{font-size: 24px;} .wlyy ul{margin-left: -10px;} .wlyy li{width: 20%; padding: 0 0 10px 10px;} .fajj_left{float: none; width: 100%;} .fajj_right{float: none; width: 100%;padding: 30px 0 0px;} .fajj_right h2{font-size: 20px;} .fajj_right p{font-size: 14px; line-height: 1.6;} .fajj_right ul{padding-top: 0;display:none;} .fajj_right a{font-size: 14px; line-height: 40px; width: 120px;} .fajj_right ul li:nth-child(2) a{height: 42px; width: 180px;} .fajj_right h3{font-size: 16px; }