body{ font-size: 14px; font-family:"jxzt"; color: #000; padding: 0px; margin: 0 auto; overflow-x: hidden; } body a { color: #000; text-decoration: none; transition: all ease 0.3s; } body li { list-style-type: none; } p, ul, li,h5,h4,h3,h2,h1 { padding: 0px; margin: 0 auto; list-style-type: none; } img, a img { border: 0px; padding: 0px; margin: 0px; vertical-align: middle; } input{outline:none} /*mianbaoxie------------------------------------------------*/ .dede_pages {text-align:center;margin-bottom:50px;} .dede_pages ul {display:inline-block;margin-top:40px;} .dede_pages ul li {width:auto;padding:0px;border:0px;background:#f9f9f9;color:#999;margin:0px;margin:0px 3px;border:solid 1px #f9f9f9;padding:4px 8px;float:left;} .dede_pages ul li.thisclass {background:#fc6701;color:#FFF;} .dede_pages ul li a {color:#999;} .dede_pages ul li:hover {background:#fc6701;} .dede_pages ul li:hover a {display:block;background:#fc6701;color:#FFF;} /*mianbaoxie------------------------------------------------*/ /*daohang------------------------------------------------*/ .header { top: 0%; width: 100%; z-index: 99; position: relative; } .headerw {} .headerwa {display: flex;justify-content: space-between;width: 1200px;margin: 0 auto;padding: 30px 0px;} .headerwa_logo{ display: flex; width: 490px; align-items: center; justify-content: space-between; } .headerwa_logo img{ width: 72px; } .headerwa_logo h1{font-size: 30px;color: #0092ee;font-weight: bold;} .headerwa_logo h4{ color: #666; margin-top: 1%; } .headerwa_tel{display: flex;align-items: center;justify-content: space-between;width: 248px;} .headerwa_tel img{ padding-right: 0px; } .headerwa_tel h2{ font-size: 26px; font-weight: bold; color: #0092f6; } .headerwa_tel h2 span{ font-size: 14px; color: #333; font-weight: 500; } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; display: none; } .headerwb {background: #fff;border-top: solid 1px #e2e2e2;height: 60px;} .headerwb ul { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; } .headerwb ul li {margin: 0%;width: 100%;text-align: center;border-left: solid 1px #e2e2e2;position: relative;} .headerwb ul li a { color: #333; font-size: 16px; display: block; height: 60px; line-height: 60px; border-bottom: rgb(53 171 181 / 0%) solid 5px; } .headerwb ul li:hover a{ background: #008fef; color: #fff; } .headerwb ul li:hover ul{ display: block; position: absolute; width: 140%; top: 99%; z-index: 999; left: -20%; } .headerwb ul li ul{ display: none; } .headerwb ul li:hover ul li{} .headerwb ul li:hover ul li a{ background: #f8f8f8; color: #333; font-size: 14px; border: 0px; height: 48px; line-height: 48px; border-bottom: solid 1px #eee; } .headerwb ul li:hover ul li a:hover{ background: #0090f5; color: #fff; } /*daohang------------------------------------------------*/ /*banner-------------------------------------------------*/ .banner{width:100%;position: relative;} .swiper-paginationx{ position: absolute; z-index: 99; text-align: center; } .banner a{ display: flex; justify-content: center; align-items: center; width: 100%; overflow: hidden; } .banner img{ width: 100%; } /*banner-------------------------------------------------*/ /*fudongkefu------------------------------------------------*/ .fh_kf{ position: fixed; right: 1%; bottom: 16%; z-index: 99; } .fh_kf .tba{ width: 70px; background: #0059a9; text-align: center; border-radius: 5px; margin-bottom: 4%; padding: 9px 0px; position: relative; } .dhnr{ position: absolute; width: 160px; height: 70px; top: 0%; right: 73px; background: #0059a9; border-radius: 5px; line-height: 70px; color: #fff; font-size: 16px; font-weight: bold; display: none; } .fh_kf .tba:hover .dhnr{ display: block; } .fh_kf .tba img{ } .fh_kf .tba span{ display: block; text-align: center; color: #fff; font-size: 12px; } .tba .gzhwx { top: 0%; right: 70px; position: absolute; z-index: 99; display: none; width: 140px; } .tba .gzhwx img{ width: 100%; } .tba:hover .gzhwx { display: block; } .tba:hover .gzhwx { display: block; } .fh_kf .tbb{ background: #2b4695; width: 70px; font-size: 14px; color: #fff; text-align: center; padding: 15px 20px; border-radius: 5px; margin-bottom: 4%; } .fh_kf .tbc{ background: #f01a22; width: 70px; font-size: 14px; color: #fff; text-align: center; padding: 15px 20px; border-radius: 5px; margin-bottom: 4%; } /*fudongkefu------------------------------------------------*/ @media (max-width: 768px){ .headerw { padding: 5% 0%; } .headerwa { float: left; width: 34%; } .headerwa img { width: 100%; } .navbar-toggler { background: #ffffff; display: inline-block; float: right; color: #35a3ab; font-size: 18px; outline: none; padding: 7px 10px; } .headerwb { display: none; } .headerwb ul { flex-direction: row; display: inline-block; width: 100%; height: 100vh; overflow: hidden; overflow-y: scroll; padding-bottom: 20px; } .headerwb ul li { width: 100%; display: block; height: auto; border-bottom: 1px solid hsl(0deg 0% 93% / 38%); float: left; position: relative; margin: 0; } } /*chanpinxiangqing------------------------------------------------*/ .ym_title{ text-align: center; width: 70%; margin: 0 auto; margin-top: 5%; margin-bottom: 5%; } .ym_title h2{ margin: 0%; font-weight: bold; color: #00aca6; } .ym_title p{ margin: 0%; line-height: 2; color: #666; font-size: 16px; margin-top: 2%; } .pro_xq{ width: 1200px; margin: 0 auto; margin-top: 80px; } .pro_xqw{ overflow: hidden; } .pro_xqwl{ float: left; width: 550px; } .pro_xqwl img{ width: 100%; } .pro_xqwr{ float: right; width: 600px; margin-top: 40px; } .pro_xqwr h2{ font-weight: 500; font-size: 24px; margin-bottom: 15px; } .pro_xqwr p{ background: #f9f9f9; border: solid 1px #eee; padding: 28px; color: #666; font-size: 15px; line-height: 2; } .lx{ overflow: hidden; margin-top: 20px; } .lxl{ float: left; width: 48%; background: #2999ee; text-align: center; font-size: 16px; height: 48px; line-height: 48px; color: #fff; } .lxr{ float: right; width: 48%; background: #333; text-align: center; font-size: 14px; height: 48px; line-height: 48px; color: #fff; } .lxr a{ color: #fff; } .pro_xqb{ width: 1200px; margin: 0 auto; margin-top: 60px; margin-bottom: 60px; } #nava{ background: #f9f9f9; overflow: hidden; } #nava li{ float: left; width: 16.6666%; text-align: center; padding: 19px 0px; } #nava li.on{ background: #0158a8; color: #fff; } .pro_xqbt{ background: #eee; } .pro_xqbt h2{ display: inline-block; background: #25acc9; font-weight: 500; font-size: 20px; color: #fff; padding: 13px 32px; } .pro_xqbb{ border: solid 1px #eee; padding: 40px; font-size: 15px; line-height: 1.8; color: #666; } .pro_xqbb li.active{ display: block; } .pro_xqbb li{ display: none; } .pro_xqbb li table{ width: 100%; } .pro_xqbb li table tr td{ background: #fff; text-align: center; border-bottom: solid 1px #eee; border-right: solid 1px #eee; padding: 10px 0px; } .pro_xqbb li table tr:nth-of-type(1) td{ background: #25aeca; color: #fff; } .pro_xqbb li table tr td:nth-of-type(1){ background: #0260a3; color: #fff; border-bottom: solid 1px #fff; border-right: solid 1px #fff; } /*chanpinxiangqing------------------------------------------------*/ /*xinwenxiang------------------------------------------------*/ .mianrbottom{ width: 1200px; margin: 60px auto; } .newsxqnya { text-align: center; border-bottom: #ededed 1px solid; padding-bottom: 20px; margin-bottom: 20px; } .newsxqnya h2 { font-size: 24px; color: #333; font-weight: 500; margin: 0px; } .newsxqnya p{ margin-top: 1%; } .newsxqnya p span { display: inline-block; padding: 0px 10px; color: #c1c1c1; font-size: 12px; } .bshare-custom { font-size: 13px; line-height: 16px !important; } .newsxqnyb { padding: 20px; line-height: 200%; font-size: 15px; line-height: 1.8; min-height: 290px; } .newsxqnyc { line-height: 2; color: #666; } .newsxqnyc p {margin: 0px;} .newsxqnyc a { color: #333; } /*xinwenxiang------------------------------------------------*/ /*jinchangxiaoguo----------------------------------------------*/ .frtop{ opacity: 0; transform: translatey(100%); transition: all .5s ease-out; } .started .frtop { opacity: 1; transform: none; } .frleft{ transform: translate(-200%); opacity: 0; transition: all .75s ease-out; } .frright{ transform: translate(200%); opacity: 0; transition: all .75s ease-out; } .started .frleft { opacity: 1; transform: none; } .started .frright { opacity: 1; transform: none; } /*jinchangxiaoguo----------------------------------------------*/ .k1200{ width: 1200px; margin: 0 auto; overflow: hidden; } .dflexa { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; } .p100{ padding: 100px 0px; } .top_nr{ background: #282b2f; height: 40px; } .top_nrw{ height: 40px; } .top_nr p{ color: #999; } .top_nr .yyqh{ display: flex; align-items: center; justify-content: space-between; } .top_nr .yyqh a{ color: #999; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-left: 30px; } .top_nr .yyqh a span{ padding-left: 8px; } .plate_pro{} .plate_prow{ display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row; } .plate_prow .left{ width: 276px; } .plate_prow .right{ width: 890px; } .plate_bt{} .plate_bt h2{ font-weight: bold; color: #111; font-size: 36px; } .plate_bt span{ display: inline-block; width: 40px; height: 2px; background: #000; margin: 20px 0; } .plate_bt h4{ font-size: 13px; color: #999; text-transform: uppercase; } .plate_prowfl{ padding: 100px 0px; } .plate_prowfl a{ display: block; width: 100%; background: #f8f8f8; border: solid 1px #eee; margin-bottom: 20px; padding: 13px 20px; border-radius: 50px; font-size: 18px; } .plate_prowfl a:hover{ background: #0297f1; color: #fff; } .ckgd{ display: flex; align-items: center; width: 140px; height: 40px; background: #0092f1; text-align: center; justify-content: center; color: #fff; border-radius: 50px; } .ckgd:hover{} .ckgd span{ background: url(../images/ckgd.jpg); display: inline-block; width: 13px; height: 12px; margin-left: 10px; } .ckgd:hover span{} .pro_list{display: flex;flex-wrap: wrap;justify-content: flex-start;} .pro_list li{ margin: 0%; } .pro_list li a{ background: #fff; display: block; margin: 4%; text-align: center; border: solid 1px #eee; } .pro_list li img{ width: 100%; } .pro_list li h4{ font-size: 16px; color: #666; margin-top: 3%; border-top: solid 1px #eee; padding: 12px 0px; } .pro_list li:hover{} .pro_list li:hover a { box-shadow: 0 0 10px rgb(0 0 0 / 13%); } .pro_list li:hover h4{ font-weight: bold; color: #000; } .plate_zxwm{ display: flex; width: 100%; justify-content: space-between; align-items: center; background: #0092f1; position: relative; } .plate_zxwml{ width: 50%; } .plate_zxwmr{ width: 50%; } .plate_zxwmlw{ position: absolute; width: 100%; top: 0%; height: 100%; } .plate_zxwmlw_k1200{ width: 1200px; height: 100%; margin: 0 auto; display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; padding: 100px 0px; } .plate_zxwmlw_k1200 .plate_bt h2{ font-weight: bold; color: #fff; font-size: 36px; } .plate_zxwmlw_k1200 .plate_bt span{ display: block; width: 40px; height: 2px; background: #fff; margin: 4% 0%; } .plate_zxwmlw_k1200 .plate_bt h4{ font-size: 13px; color: #fff; } .plate_zxwmlw_k1200 .nr{} .plate_zxwmlw_k1200 .nr h4{ color: #fff; line-height: 2; } .plate_zxwmlw_k1200 .nr h5{ color: #8ad9ff; font-size: 13px; margin-bottom: 9px; } .plate_fwlc{} .plate_fwlcw{ display: flex; flex-wrap: wrap; justify-content: space-between; } .fwlcnr{ width: 46%; border-bottom: solid 1px #eee; padding: 32px 0px; display: flex; align-items: center; } .fwlcnr:nth-of-type(1) img{ width: 100%; } .fwlcnr img{ width: 60px; } .fwlcnr .wz{ padding-left: 12px; } .fwlcnr .wz h4{ font-weight: bold; } .fwlcnr .wz p{ font-size: 13px; margin-top: 15px; color: #666; } .plate_about{ padding-top: 0%; } .about_mian{ display: flex; justify-content: space-between; align-items: center; background: #f8f8f8; } .about_mianl{ width: 50%; } .about_mianl img{ width: 100%; } .about_mianr{ width: 50%; padding-right: 14%; padding-left: 5%; } .about_mianr .nr{ padding-top: 7%; } .about_mianr .nr h3{ font-weight: bold; color: #0092ee; } .about_mianr .nr p{ color: #666; font-size: 15px; line-height: 1.8; margin-top: 4%; } .about_mianr .nr a{ margin-top: 6%; } .about_sj{} .about_sjw{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; } .about_sj p{ font-size: 24px; text-align: center; margin: 40px 0px; } .about_sj .nr{ width: 23%; background: #0092ef; padding: 22px; color: #fff; } .about_sj .nr img{} .about_sj .nr h3{ text-align: right; margin-top: 30px; font-size: 46px; } .about_sj .nr h3 span{ font-size: 20px; padding-left: 7px; } .about_sj .nr h5{ text-align: right; font-size: 16px; margin-top: 5px; } .plate_ggy{ background: url(../images/plate_ggy.jpg) fixed center; text-align: center; padding: 100px 0px; color: #fff; } .plate_ggy h2{ font-size: 36px; font-weight: bold; } .plate_ggy h2 span{ color: #0092ef; } .plate_ggy p{ margin-top: 26px; } .plate_ggy p span{ display: inline-block; background: #0092ef; border-radius: 60px; font-size: 18px; padding: 8px 20px; margin: 0px 11px; } .plate_case { text-align: center; } .plate_case ul{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top: 60px; } .plate_case ul li:nth-of-type(1),.plate_case ul li:nth-of-type(2){ width: 47%; } .plate_case ul li{ width: 30%; margin-bottom: 3%; } .plate_case ul li .img{ overflow: hidden; } .plate_case ul li img{ width: 100%; transition: all ease 0.5s; } .plate_case ul li h4{ background: #f8f8f8; padding: 16px 0px; transition: all ease 0.5s; } .plate_case ul li:hover{} .plate_case ul li:hover h4{ background: #0092ef; color: #fff; } .plate_case ul li:hover img{ transform: scale(1.2); } .plate_gczs{ text-align: center; background: url(../images/gczsbj.jpg) center; background-repeat: no-repeat; } .plate_gczs .plate_bt h2{ font-weight: bold; color: #fff; font-size: 36px; } .plate_gczs .plate_bt span{ display: inline-block; width: 40px; height: 2px; background: #fff; margin: 20px 0; } .plate_gczs .plate_bt h4{ font-size: 13px; color: #fff; } .gczsw{ position: relative; width: 1360px; margin: 0 auto; margin-top: 60px; } .gczswnr{ overflow: hidden; } .gczswnr img{ width: 100%; } .gczswnrl{ position: absolute; width: 71px; height: 71px; background: url(../images/gdleft.png); top: 37%; left: 0%; z-index: 999; } .gczswnrr{ position: absolute; width: 71px; height: 71px; background: url(../images/gdright.png); top: 37%; right: 0%; z-index: 999; } .plate_news{} .plate_news .plate_bt{ text-align: center; } .plate_news .plate_bt span{} .plate_newsw{ display: flex; justify-content: space-between; margin-top: 60px; } .newsw_l{ width: 550px; } .newsw_l .img{ position: relative; } .newsw_l .img img{ width: 100%; } .newsw_l .img .sj{ position: absolute; bottom: 10px; left: 10px; width: 70px; height: 70px; background: #0092ef; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; } .newsw_l .img .sj h4{ font-size: 24px; } .newsw_l .img .sj h5{ font-size: 13px; padding-top: 5px; } .newsw_l .nr{} .newsw_l .nr h2{ font-size: 18px; padding-top: 30px; } .newsw_l .nr p{ color: #666; font-size: 13px; line-height: 1.8; margin-top: 14px; margin-bottom: 30px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .newsw_l .nr b{ display: flex; align-items: center; width: 140px; height: 40px; background: #0092f1; text-align: center; justify-content: center; color: #fff; border-radius: 50px; } .newsw_l .nr b span{ background: url(../images/ckgd.jpg); display: inline-block; width: 13px; height: 12px; margin-left: 10px; } .newsw_r{ width: 550px; } .newsw_rw{ padding-bottom: 34px; margin-bottom: 34px; border-bottom: solid 1px #eee; flex-direction: row; } .newsw_rw a{ display: flex; align-items: center; justify-content: space-between; } .newsw_rw .sj{ width: 70px; height: 70px; background: #f8f8f8; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; } .newsw_rw .sj h5{ color: #666; font-size: 13px; margin-top: 3%; } .newsw_rw .sj h4{ font-size: 24px; color: #333; } .newsw_rw .nr{ width: 458px; } .newsw_rw .nr h2{ font-size: 18px; } .newsw_rw .nr p{ color: #666; font-size: 13px; line-height: 1.8; margin-top: 14px; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } .plate_hzhb{ background: #f8f8f8; } .plate_hzhbw{ display: flex; justify-content: space-between; } .hzhbwl{ display: flex; flex-direction: column; justify-content: space-between; } .hzhbwr{ width: 930px; } .hzhbwr ul{ display: flex; flex-wrap: wrap; justify-content: space-between; } .hzhbwr ul li{ margin: 0%; width: 19%; margin-bottom: 0%; margin-bottom: 1%; } .hzhbwr ul li img{ width: 100%; background: #fff; } .plate_zxly{ background: url(../images/nrbj.jpg); } .plate_zxlyw{} .join_book_wrap{} .join_book_wrap .a{ display: flex; justify-content: space-between; } .join_book_wrap .a input{ width: 32.3%; border: solid 1px #727b80; background: rgb(0 0 0 / 35%); padding: 16px 23px; color: #fff; } .join_book_wrap .b{} .join_book_wrap .b textarea{ border: solid 1px #727b80; background: rgb(0 0 0 / 35%); padding: 16px 23px; color: #fff; width: 100%; } .join_book_wrap .c{ text-align: center; margin-top: 5%; } .join_book_wrap .c input{ border: 0; align-items: center; width: 140px; height: 40px; background: #0092f1; text-align: center; justify-content: center; color: #fff; border-radius: 50px; } .foot{ background: #211f23; } .footw{ display: flex; justify-content: space-between; align-items: flex-start; } .footwl{} .footwl img{} .footwl h4{ font-size: 13px; color: #999; margin-top: 24px; margin-bottom: 10px; } .footwl p{ font-size: 26px; color: #fff; } .footwr{ display: flex; } .footwrw{ padding: 0px 40px; } .footwrw h4{ color: #fff; font-size: 16px; margin-bottom: 32px; } .footwrw a{ display: block; color: #666; font-size: 13px; line-height: 2; } .footwc{ background: #fff; text-align: center; padding-bottom: 12px; } .footwc img{} .footwc p{ font-size: 13px; color: #999; } .footbq{ border-top: solid 1px #333; background: #211f23; padding: 26px 0px; } .footbqw{ display: flex; align-items: center; justify-content: space-between; color: #666; font-size: 13px; } .footbqw a{ color: #666; } .nybanner{ position: relative; } .nybanner img{ width: 100%; } .nybanner .wz{ position: absolute; top: 0%; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; } .nybanner .wz h2{ font-weight: bold; font-size: 40px; margin-bottom: 1%; } .nybanner .wz h3{ color: #fff; font-size: 20px; font-weight: 500; } .ejdh{ height: 70px; margin-top: -70px; position: relative; z-index: 99; border-top: 1px solid #fff; } .ejdhw{ display: flex; justify-content: space-between; flex-direction: row; flex-wrap: nowrap; } .ejdhw a{display: block;color: #fff;width: 100%;height: 70px;line-height: 70px;text-align: center;} .ejdhw a:hover{ background: url(../images/ejdhbj.png); color: #fff; border-top: solid 4px #0092ee; } .ejdhw a::after { content: ''; display: block; width: 1px; height: 30px; background: #fff; position: absolute; top: 50%; margin-top: -15px; } .products{ } .productsw{} .productsw ul{overflow: hidden;} .productsw ul li{ margin: 0; border: solid 1px #eee; margin-bottom: 16px; width: 270px; float: left; margin-right: 23px; margin-bottom: 21px; } .productsw ul li a{} .productsw ul li .nr{ width: 100%; background: #f5f5f5; padding: 9%; } .productsw ul li .nr .hx{ display: block; width: 100%; height: 2px; background: #eee; margin-bottom: 10%; position: relative; display: none; } .productsw ul li .nr .hx::after{ width: 60px; background: #0096ed; z-index: 3; content: ''; height: 3px; display: block; transition: all ease 0.5s; } .productsw ul li:hover .nr .hx::after{ width: 100%; content: ''; } .productsw ul li:hover .nr{ background: #0092ee; } .productsw ul li:hover .nr h2{ color: #fff; } .productsw ul li:hover .nr p{ color: #fff; } .productsw ul li .nr h2{ font-weight: bold; font-size: 18px; } .productsw ul li .nr p{ font-size: 13px; color: #666; line-height: 2; overflow: hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top: 4%; margin-left: 0%; } .productsw ul li .nr h3{ font-size: 14px; color: #666; margin-top: 2%; display: none; } .productsw ul li .img{ width: 100%; } .productsw ul li .img img{ width: 100%; padding: 2% 10%; } .productsw ul li .nr h6{ display: inline-block; clear: both; font-size: 14px; color: #999999; font-weight: normal; margin: 30px 0 0; padding-right: 25px; background: url(../images/right1.png) right center no-repeat; display: none; } .palte_nylx { text-align: center; } .palte_nylxw{ text-align: left; display: flex; align-items: center; justify-content: space-between; margin-top: 60px; } .palte_nylxw .left{ width: 55%; } .palte_nylxw .right{ width: 38%; } .content-way { overflow: hidden; } .content-way li { list-style: none; float: left; width: 33%; margin-bottom: 20px; position: relative; } .content-way li:last-child { width: 99%; } .content-way li i { width: 38px; height: 38px; border: 2px solid #1a1a1a; border-radius: 100%; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 10px; opacity: .7; } .content-way li i.c1 { background: url(../images/c1.png) center no-repeat; } .content-way li i.c2 { background: url(../images/c2.png) center no-repeat; } .content-way li i.c3 { background: url(../images/c2.png) center no-repeat; } .content-way li:nth-child(3) i.c3 { background: url(../images/c31.png) center no-repeat; } .contact-section .content .left .content-way li i.c4 { background: url(../images/c4.png) center no-repeat; } .content-way li i.c4 { background: url(../images/c4.png) center no-repeat; } .content-way li:nth-child(3) i { border: 2px solid #0096ed; opacity: 1; } .content-way li span { display: inline-block; vertical-align: middle; } .content-way li span h6 { font-size: 14px; color: #999999; font-weight: normal; margin: 0; } .content-way li span h5 { font-size: 14px; color: #666; margin: 5px 0 0 0; font-weight: bold; } .content-way li span h5 a { color: #333; } .content-way li:nth-child(3) span h5 a { color: #0096ed; } .palte_nylxbd{} .palte_nylxbd .a{ margin: 0%; } .palte_nylxbd .a input{ background: #eee; display: block; border: 1px solid #ededed; background: #f5f5f7; padding: 10px 20px; width: 100%; height: 60px; font-size: 14px; font-weight: normal; box-sizing: border-box; margin-bottom: 10px; } .palte_nylxbd .b{ margin: 0%; } .palte_nylxbd .b textarea{ width: 100%; height: 130px; font-size: 14px; border: 1px solid #ededed; background: #f5f5f7; padding: 20px 20px; box-sizing: border-box; } .palte_nylxbd .c{} .palte_nylxbd .c input{ background: #0096ed; color: #fff; font-size: 14px; width: 100%; height: 58px; cursor: pointer; border: 0px; } .fly{ text-align: right; margin: 0 auto; margin-bottom: 47px; } .page-status,.page-index,.page-last{ display: none; } .page-pre,.page-next{ display: inline-block; padding-right: 20px; padding-left: 20px; height: 30px; background-color: #ddd; line-height: 30px; } .page-pre:hover,.page-next:hover{ background-color: #0096ed; } .page-pre:hover a,.page-next:hover a{ color: #fff; } .page-pre a,.page-next a{ display: block; color: #fff; } { display: inline-block; } .page-next a{} .page-numbar{ display: inline-block; margin: 0px 3px; } .page-numbar a{ width: 30px; height: 30px; display: inline-block; text-align: center; margin: 0px 2px; background: #f9f9f9; line-height: 30px; color: #999; } .page-numbar a:hover{ background-color: #0096ed; color: #fff; } .slogo { width: 200px; height: 110px; position: absolute; left: 76%; top: 18%; margin-left: -232.5px; text-align: center; animation: icons 4s linear infinite; -webkit-animation: icons 4s linear infinite; } .about_gsjj{ background: url(../images/about4.jpg); background-size: cover; } .about_gsjjw{ display: flex; align-items: center; justify-content: space-between; } .about_gsjjw .nr{ width: 50%; } .about_gsjjw .nr h5{ font-size: 16px; line-height: 24px; color: #999999; } .about_gsjjw .nr h2{ text-transform: uppercase; font-size: 34px; line-height: 60px; margin: 8px 0 20px 0; color: #1a1a1a; font-weight: bold; } .about_gsjjw .nr .hx{ width: 80px; height: 4px; background: #0794d9; margin: 10px 0; } .about_gsjjw .nr p{ font-size: 13px; color: #666; line-height: 28px; margin-top: 20px; } .about_gsjjw .nr .sz{ margin-top: 40px; display: flex; justify-content: space-between; } .about_gsjjw .nr .szw{} .about_gsjjw .nr .szw b{ font-size: 40px; line-height: 26px; color: #0493d9; margin: 10px 0; } .about_gsjjw .nr .szw span{ display: block; font-size: 12px; color: #666; margin-top: 5%; } .about_gsjjw .img{ width: 41%; position: relative; } .about_gsjjw .img .slogo{} .about_gsjjw .img .slogo img{ width: 100%; display: inline-block; } .about_gsjjw .img img{ width: 100%; } .about_gszz{ background: url(../images/about-3-1.png); background-size: cover; } .gszzw{ display: flex; align-items: center; justify-content: space-between; } .gszzwl{ width: 34%; overflow: hidden; } .gszzwl img{ width: 100%; } .gszzwr{ width: 60%; } .gszzwr h2{ text-transform: uppercase; font-size: 34px; line-height: 60px; margin: 8px 0 20px 0; color: #fff; font-weight: bold; } .gszzwr .hx{ width: 80px; height: 4px; background: #0794d9; margin: 10px 0; } .gszzwr p{ font-size: 13px; color: #fff; line-height: 28px; margin-top: 20px; } .about_hxjz{ background: url(../images/about7.jpg); background-size: cover; text-align: center; } .about_hxjzw{ display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; margin-top: 60px; } .about_hxjzw .nr{ text-align: center; width: 100%; } .about_hxjzw .nr:nth-of-type(2n){ border-left: solid 1px #d9dbdb; border-right: solid 1px #d9dbdb; padding: 0% 5%; margin: 0% 5%; } .about_hxjzw .nr img{} .about_hxjzw .nr h2{ font-size: 16px; color: #1a1a1a; margin: 20px 0; font-weight: bold; } .about_hxjzw .nr p{ font-size: 14px; line-height: 22px; opacity: .6; font-weight: normal; color: #1a1a1a; margin: 0 auto; min-height: 100px; } .news_ny{ background: #eee; } .news_nyw{} .news_nyw ul{} .news_nyw ul li{ background: #fff; transition: all ease 0.5s; margin: 1%; margin-bottom: 34px; padding: 2% 3%; } .news_nyw ul li a{ display: flex; align-items: center; justify-content: space-between; } .news_nyw ul li .img{ width: 25%; } .news_nyw ul li .img img{ width: 100%; } .news_nyw ul li .nr{ width: 75%; padding-left: 5%; } .news_nyw ul li .nr h2{ font-size: 22px; display: flex; justify-content: space-between; align-items: center; } .news_nyw ul li .nr h2 b{ } .news_nyw ul li .nr h2 span{ font-size: 13px; color: #999; } .news_nyw ul li .nr p{ font-size: 14px; color: #666; line-height: 2; margin-top: 2%; } .news_nyw ul li .nr h6{ display: inline-block; clear: both; font-size: 14px; color: #999999; font-weight: normal; margin: 30px 0 0; padding-right: 25px; background: url(../images/right1.png) right center no-repeat; transition: all ease 0.5s; } .news_nyw ul li:hover{ box-shadow: 0 0 5px rgb(0 0 0 / 35%); } .news_nyw ul li:hover .nr h2{ color: #008ee7; } .news_nyw ul li:hover .nr h6{ color: #008ee7; } .gczs_ny { border-bottom: solid 1px #eee; } .gczxwz { margin-bottom: 54px; } .gczxwz h2{color: #429bee;font-weight: bold;margin-bottom: 1%;} .gczxwz h3{ line-height: 1.8; font-size: 22px; } .gczxwz p{ font-size: 16px; line-height: 2; } .gczxwz span{ display: block; width: 60px; height: 4px; background: #0391db; margin: 2% 0%; } .gczs_nyw{} .gczs_nyw ul{ display: flex; flex-wrap: wrap; justify-content: flex-start; } .gczs_nyw ul li{ width: 31.3%; position: relative; margin: 0%; margin-bottom: 2%; margin-right: 2%; } .gczs_nyw ul li .img{ overflow: hidden; } .gczs_nyw ul li img{ width: 100%; transition: all ease 0.5s; } .gczs_nyw ul li h2{ position: absolute; bottom: 0%; background: rgb(0 0 0 / 28%); margin: 0%; width: 100%; text-align: center; color: #fff; height: 14%; font-size: 16px; transition: all ease 0.5s; line-height: 3; } .gczs_nyw ul li:hover img{ transform: scale(1.2); } .gczs_nyw ul li:hover h2{ height: 100%; display: flex; align-items: center; justify-content: center; } .case_ny{ background: #eee; } .case_ny .plate_bt{ text-align: center; margin-bottom: 40px; } .case_nyw{} .case_nyw ul{} .case_nyw ul li{ margin-bottom: 4%; position: relative; overflow: hidden; } .case_nyw ul li a{ display: flex; overflow: hidden; } .case_nyw ul li .img{ width: 50%; } .case_nyw ul li .img img{ width: 100%; } .case_nyw ul li .nr{ position: absolute; right: 0%; width: 50%; height: 100%; background: #fff; top: 0%; padding: 5%; display: flex; flex-direction: column; justify-content: center; } .case_nyw ul li:nth-of-type(2n) a{display: flex;flex-direction: row-reverse;} .case_nyw ul li:nth-of-type(2n) .nr{ left: 0%; } .case_nyw ul li .nr h2{ display: flex; justify-content: space-between; align-items: center; margin: 0%; } .case_nyw ul li .nr h2 b{ font-size: 22px; } .case_nyw ul li .nr h2 span{ font-size: 14px; color: #999; } .case_nyw ul li .nr h6{ display: inline-block; clear: both; font-size: 14px; color: #999999; font-weight: normal; margin: 30px 0 0; padding-right: 25px; background: url(../images/right1.png) right center no-repeat; } .case_nyw ul li .nr p{ font-size: 14px; line-height: 1.8; color: #666; margin: 0%; margin-top: 6%; } .zxly_ny{} .zxly_nyw{ display: flex; align-items: flex-start; justify-content: space-between; } .zxly_nywl{ width: 240px; } .zxly_nywl h2{ font-size: 50px; line-height: 50px; color: #26334c; position: relative; text-transform: uppercase; font-weight: bold; margin-top: 6%; border-bottom: solid 2px #eee; padding-bottom: 10%; margin-bottom: 10%; } .zxly_nywl p{ line-height: 1.8; color: #999; } .zxly_nywl h4{ font-size: 30px; color: #26334c; } .zxly_nywl h6{ display: block; font-size: 18px; color: #26334c; margin-top: 7%; font-weight: bold; } .zxly_nywr{ width: 700px; } .zxly_nywbg{} .zxly_nywbg .a{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0%; } .zxly_nywbg .a input{ width: 49%; margin-bottom: 3%; border: solid 1px #eee; background: #fff; padding: 3% 2%; } .zxly_nywbg .b{ margin: 0%; } .zxly_nywbg .b textarea{ width: 100%; margin-bottom: 3%; border: solid 1px #eee; background: #fff; padding: 2% 2%; } .zxly_nywbg .c{} .zxly_nywbg .c input{ border: 0; align-items: center; width: 145px; height: 46px; background: #0092f1; text-align: center; justify-content: center; color: #fff; } .pro_xq{} .pro_xq_top{ width: 1200px; margin: 0 auto; overflow: hidden; margin-top: 30px; } .pro_xq_topl{ float: left; width: 600px; } .gallery-top{ border: solid 1px #ddd; } .pro_xq_topl img{ width: 100%; } .gallery-thumbs{ border: solid 1px #ddd; margin-top: 12px; padding: 10px 40px!important; } .gallery-thumbs .swiper-slide{ border: solid 2px #eee; height: 70px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border: solid 2px #ff8c00; } .gallery-thumbs .swiper-slide img{} .gallery-thumbsl{ position: absolute; left: 10px; width: 27px; height: 70px; top: 10px; background: url(../images/leftg.png); } .gallery-thumbsr{ position: absolute; right: 10px; width: 27px; height: 70px; background: #000; top: 10px; background: url(../images/rightg.png); } .pro_xq_topr{ float: right; width: 550px; margin-top: 40px; } .pro_xq_topr h2{ color: #2999ee; font-size: 30px; font-weight: bold; border-bottom: dashed 1px #eee; padding-bottom: 10px; margin-bottom: 30px; } .pro_xq_topr .nr{ line-height: 1.7; } .pro_xq_cpsx{ width: 1200px; margin: 0 auto; margin-top: 40px; border: 1px solid rgba(221,221,221,1); } .pro_xq_cpsx h2{ height: 38px; width: 100%; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; cursor: pointer; background: rgba(225,225,225,1); color: rgba(51,51,51,1); font-size: 14px; text-align: center; line-height: 30px; } .pro_xq_cpsx p{ border-bottom: 1px solid rgba(221,221,221,1); } .pro_xq_cpsx p b{ background: #f9f9f9; display: inline-block; width: 20%; text-align: right; border-right: 1px solid rgba(221,221,221,1); padding: 8px; font-weight: 500; color: #999; } .pro_xq_cpsx p span{ padding: 8px; color: #666; } .pro_xq_nrsj{ width: 1200px; margin: 0 auto; margin-top: 60px; border: solid 1px #eee; } .nrsj_bt{border-bottom: solid 1px #eee;} .nrsj_bt span{ display: inline-block; background: #f1f1f1; text-align: center; font-size: 16px; height: 52px; line-height: 52px; padding: 0px 62px; color: #999; } .nrsj_bt span.on{ background: #2999ee; color: #fff; } .nrsj_bt span:hover{ color: #fff; background: #f60; } .nrsj_nr{ padding: 35px; font-size: 16px; line-height: 2; } .nrsj_nrw{ display: none; } .nrsj_nrw.active{ display: block; } .lxwm_ny{ display: flex; align-items: center; justify-content: space-between; } .lxwm_nyl{ width: 50%; } .lxwm_nyr{ width: 50%; padding: 0% 5%; } .lxwm_nyr h2{ font-size: 36px; color: #1a1a1a; margin: 0; font-weight: bold; } .lxwm_nyr h6{ font-size: 16px; color: #0092ee; margin: 0; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; } .lxwm_nyr .hx{ border-bottom: 4px solid #000; padding-bottom: 20px; margin-bottom: 30px; } .content-way .item { border-bottom: 1px solid #dcdcde; overflow: hidden; padding: 40px 0 40px 0; } .contact-bottom .right .content-way .item { border-bottom: 1px solid #dcdcde; overflow: hidden; padding: 40px 0 40px 0; } .content-way .item.item2 li { float: left; width: 45%; margin-right: 5%; } .content-way .item.item2 li::after { content: ''; display: block; width: 1px; height: 100%; background: #dedfe4; position: absolute; right: 10%; top: 0; } .proxq_yskd{ text-align: center; border-bottom: solid 1px #eee; } .proxq_yskdw{} .proxq_ys{ display: flex; flex-wrap: nowrap; justify-content: space-between; margin-top: 3%; } .proxq_ysw{ width: 17%; } .proxq_ysw img{ width: 60px; } .proxq_ysw .wz{ padding-left: 12px; } .proxq_ysw .wz h4{ font-weight: bold; margin-top: 15px; } .proxq_ysw .wz p{ font-size: 13px; margin-top: 15px; color: #666; line-height: 1.8; } .ny_hzhbwnr li{ padding: 1%; } .ny_hzhbwnr img{ width: 100%; border: solid 1px #eee; } .plate_prony { padding: 100px 0px; padding-bottom: 0%; } .plate_pronyl{ float: left; width: 300px; } .plate_pronylt h2{ font-size: 24px; font-weight: bold; background: #0092ee; padding-top: 30px; } .plate_pronylt h4{ font-size: 14px; padding-top: 5px; background: #0092ee; padding-bottom: 30px; } .plate_pronylt p{ border-top: solid 1px #eee; margin: 0%; } .plate_pronylt p span{ line-height: 2; text-align: left; display: block; background: #0092ee; font-size: 16px; padding: 21px 24px; } .plate_pronylt p a{ display: block; color: #fff; text-align: left; line-height: 3; transition: all ease 0.5s; background: #0092ee; padding: 0px 22px; margin-top: 7px; font-size: 16px; border: solid 2px #0092ee; } .plate_pronylt p a:hover{ border: solid 2px #084d78; background: #0367a7; } .plate_pronylt p a.cur{ border: solid 2px #084d78; background: #0367a7; } .plate_pronyr{ float: right; width: 879px; } .plate_pronylt{text-align: center;color: #fff;margin-bottom: 60px;}