@charset "utf-8" @font-face { font-family: 'iconfont'; src: url('//at.alicdn.com/t/font_2978235_fciih5myno9.woff2?t=1639636396284') format('woff2'), url('//at.alicdn.com/t/font_2978235_fciih5myno9.woff?t=1639636396284') format('woff'), url('//at.alicdn.com/t/font_2978235_fciih5myno9.ttf?t=1639636396284') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .index-tit h3{font-size:26px} .index-tit.center{text-align:center; padding:30px 0;} .index-tit.black h3{color:#000} /* .index-tit.color h3{color:#666; font-weight:500;text-align: center;} .index-tit.color h3:before{display:block;overflow:hidden;margin-bottom:-15px;height:0;border-top:1px solid #dbdbdb;content:' '} .index-tit.color h3 span{padding:0 20px;background-color:#fff;text-transform:uppercase;font-weight:500;font-size:20px}*/ .index-tit.color h3 span{color:#666;font-size:26px;font-weight:700;width:100%;height:auto;text-align:center;position:relative;padding-bottom:10px;margin-bottom:50px} .index-tit.color h3 span:after {width: 50px; height: 3px; position: absolute; left: 50%;bottom: 0;background: #FA6652;margin-left: -25px; content: ''} /*.index-tit.color h3:before{display:block;overflow:hidden;margin-bottom:-15px;height:0;border-top:1px solid #dbdbdb;content:' '} .index-tit.color h3 span{padding:0 20px;background-color:#fff;text-transform:uppercase;font-weight:500;font-size:20px}*/ @media screen and (max-width:768px){.index-tit h3,.gotop_case_page_3 .item span{font-size:20px} .gotop_case_page_3 .item h3{font-size:16px} } .clearfix:after,.clearfix:before{display:table;content:"";line-height:0} .clearfix:after{clear:both} i{font-style:normal} p+p{margin-top:0} .pw2{width:1200px;margin:0 auto} .pbtxts{position:absolute;left:0;right:0;top:35%;color:#fff;text-align:center} .pbtxts .ch{font-size:30px;font-weight:700} .pbtxts .en{font-family:Arial;font-size:36px;font-weight:700;text-transform:uppercase;margin-top:15px} .pbtxts .line{width:50px;height:4px;background:#fff;margin:13px auto 0 auto} .ptbox{position:relative} .listpage-nav{padding:0 60px;position:absolute;left:0;right:0;bottom:0} .listpage-nav ul{background:#fff} /*.listpage-nav ul li{width:50%;float:left}*/ .title{text-align:center;margin:2rem 0;} .title h3{font-size:2rem;color:#1c50a1;font-weight:700;margin-bottom:8px} .title h5{font-size:15px;color:#275cab;text-transform:uppercase} .title .box{display:inline-block;position:relative} .index-products-serice .title{text-align:center;margin:2rem 0;} .index-products-serice .title h3{font-size:1.875rem;color:#275cab;font-weight:700;margin-bottom:8px} .index-products-serice .title h5{font-size:12px;color:#275cab;text-transform:uppercase} .index-products-serice .title .box{display:inline-block;position:relative} .home_case .title{text-align:center;margin:2rem 0;} .home_case .title h3{font-size:1.875rem;color:#275cab;font-weight:700;margin-bottom:8px} .home_case .title h5{font-size:12px;color:#275cab;text-transform:uppercase} .home_case .title .box{display:inline-block;position:relative} .gotop_home_m_logo_bg .title{text-align:center;margin:2rem 0;} .gotop_home_m_logo_bg .title h3{font-size:1.875rem;color:#275cab;font-weight:700;margin-bottom:8px} .gotop_home_m_logo_bg .title h5{font-size:12px;color:#275cab;text-transform:uppercase} .gotop_home_m_logo_bg .title .box{display:inline-block;position:relative} .listpage-nav ul li:nth-last-child(2),.listpage-nav ul li:nth-last-child(2)~li{float:left;width:50%} .listpage-nav ul li:nth-last-child(3),.listpage-nav ul li:nth-last-child(3)~li{float:left;width:33.33%} .listpage-nav ul li:nth-last-child(4),.listpage-nav ul li:nth-last-child(4)~li{float:left;width:25%} .listpage-nav ul li:nth-last-child(5),.listpage-nav ul li:nth-last-child(5)~li{float:left;width:20%} .listpage-nav ul li:nth-last-child(6),.listpage-nav ul li:nth-last-child(6)~li{width:16.66%} .white{ color:#FFF} .listpage-nav ul li a{display:block;color:#333;text-align:center;border-right:1px solid #e9e9e9;font-size:14px;line-height:10px;padding:20px 5px} .listpage-nav ul li a.act,.listpage-nav ul li a:hover{background:#275cab;color:#fff} .culbg{background:#f5f5f5} .pager{background:#e3aeae;padding:11px 0;margin-top:45px;position:relative} .pager a{width:35px;height:32px;font-family:Arial;font-size:15px;font-weight:700;color:#fff;line-height:32px;text-align:center} .pager a.act{background:#fff;color:#c33} .pager .next,.pager .prev{display:block;position:absolute;top:0;height:auto;bottom:0;width:86px;background:#ce8989} .pager .next .aw,.pager .prev .aw{height:100%;width:100%} .pager .prev{left:0} .pager .prev .aw{background-image:url("../bg/ppaw.png")} .pager .next{right:0} .pager .next .aw{background-image:url("../bg/pnaw.png")} .nwbox{padding:70px 0 10px 0} .nwtList a{display:block;border:2px solid #fff;height:54px;background:#fff;color:#666;font-size:16px;line-height:54px;position:relative;margin-bottom:3px} .nwtList .nowti{padding-left:135px;padding-right:35px;line-height:54px} .nwtList .d{position:absolute;top:0;left:35px;color:#999;font-size:14px} .nwtList a:hover{border-color:#275cab;box-shadow:0 0 8px rgba(0,0,0,.1)} .abopanel{padding:102px 0 133px 0} .abobox{margin:0 auto;padding:62px 0 54px 0;background:#fff} .abobox .pa{padding:0 70px 0 70px} .nwdbox .t{padding:0 0px 5px 0px;border-bottom:1px solid #e2e2e2; text-align:center} .nwdbox .t .ti{margin-bottom:10px;color:#424141;font-size:26px; font-weight:500} .nwdbox .t .d{font-size:12px; line-height:30px; color:#999;letter-spacing:2px; padding-top:15px;} .nwdbox .bn{padding:30px 70px 0 70px} @media screen and (max-width:1199px) { .nwdbox .t .ti{margin-bottom:10px;color:#333;font-size: 20px;} .nwdbox .t{padding:0 10px 25px 10px;border-bottom:1px solid #e2e2e2} .nwdbox .bn{padding:30px 10px 0 10px} } .freeTx img{display:block;margin:0 auto;max-width:100%;height:auto!important} @media screen and (min-width:1153px){.transY{transform:translateY(80px);-webkit-transform:translateY(80px);opacity:0} .transX{transform:translateX(80px);-webkit-transform:translateX(80px);opacity:0} .transX2{transform:translateX(-80px);-webkit-transform:translateX(-80px);opacity:0} .transShow{transform:translate(0);-webkit-transform:translate(0);opacity:1} .pager a:hover{background:#fff;color:#c33} .pager .next:hover,.pager .prev:hover{background:#c33} } @media screen and (max-width:1440px){.listpage-nav{padding:0 42px; height:50px;} .pbtxts{top:30%} } @media screen and (max-width:1366px){.pw2{width:1000px} } @media screen and (max-width:1240px){.listpage-nav{padding:0 5%} .pw2{width:90%} .listpage-nav ul li{width:50%;float:left} .listpage-nav ul li:nth-last-child(2),.listpage-nav ul li:nth-last-child(2)~li{float:left;width:50%} .listpage-nav ul li:nth-last-child(3),.listpage-nav ul li:nth-last-child(3)~li{float:left;width:50%} .listpage-nav ul li:nth-last-child(4),.listpage-nav ul li:nth-last-child(4)~li{float:left;width:50%} .listpage-nav ul li:nth-last-child(5),.listpage-nav ul li:nth-last-child(5)~li{float:left;width:50%} .listpage-nav ul li:nth-last-child(6),.listpage-nav ul li:nth-last-child(6)~li{width:16.66%} } @media screen and (max-width:1024px){.listpage-nav{position:relative;padding:0} .pbtxts{top:35%} } @media screen and (max-width:861px){.listpage-nav ul li a{padding:10px 5px;font-size:14px} .pbtxts .ch{font-size:22px} .pbtxts .en{font-size:28px;margin-top:5px} .pbtxts .line{display:none} } @media screen and (max-width:641px){.pbtxts .ch{font-size:18px} .pbtxts .en{font-size:24px} .nwtList .d{left:15px} .nwtList .nowti{padding-left:115px;padding-right:15px} } @media screen and (max-width:481px){.pbtxts .ch{font-size:14px} .pbtxts .en{font-size:16px} .listpage-nav ul li{width:50%} .listpage-nav ul li a{border-bottom:1px solid #e9e9e9} .pager .next,.pager .prev{display:none} .nwtList .nowti{padding-left:90px} .nwtList a{font-size:14px;line-height:44px;height:44px} .nwtList .d{font-size:12px} .nwtList .nowti{line-height:44px} .nwbox{padding:40px 0} .pager{margin-top:30px} } .col-index-news{} .col-index-news .col-news-box{transform:translateY(100px)} .col-index-news .box{padding:40px 50px 50px} .col-index-news .box1{background:#275cab;color:#fff} .col-index-news .box2{background:#fff} .col-index-news .box h2{font-size:24px;margin-bottom:25px} .col-index-news .box ul li{line-height:45px;border-bottom:1px solid rgba(255,255,255,.12);position:relative} .col-index-news .box ul li a{color:#c0d5e8;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis; padding-right:100px;} .col-index-news .box ul li span{position:absolute;top:0;right:0;font-family:'瀹嬩綋'} .col-index-news .box ul li:last-child{border-bottom:none} .col-index-news .box2 h2{color:#292929} .col-index-news .box2 ul li{border-bottom:1px solid rgba(0,0,0,.12)} .col-index-news .box2 ul li a{color:#727272} @media (min-width:1200px){.container{width:1200px} } @media (max-width:1200px){.container{width:100%;padding:0 10px} } @media (max-width:768px){.col-index-news .col-news-box{transform:translateY(20px)} .col-index-news .box{width:100%;padding:20px 25px 25px} } /*棣栭〉3涓骇鍝佷笌鏈嶅姟*/ .mangmang img:hover{transform:scale(1.05)} .mangmang img{-moz-transition:all .9s ease-in-out;-webkit-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;transition:all .9s ease-in-out} .box_table{display:table;table-layout:fixed;text-align:center;width:100%;height:100%} .box_table_cell{display:table-cell;vertical-align:middle} .box_table_cell *{white-space:normal;word-wrap:break-word} .img_toubu{position:relative} .img_toubu .img_peitu{padding-bottom:100%!important} .img_toubu>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover} .gotop_cpyfw{padding:1rem 0} .gotop_cpyfw ul li{margin-bottom:1.25rem} .gotop_cpyfw ul li a{display:block;position:relative} .gotop_cpyfw ul li .img{width:56.25%;overflow:hidden} .gotop_cpyfw ul li .img .img_peitu{padding-bottom:42%!important} .gotop_cpyfw ul li a .con{position:absolute;width:43%;top:0;left:0;bottom:0;background:#f1f2f5} .gotop_cpyfw ul li a .con:before{content:"";top:0;bottom:0;right:0;width:0;transition:.6s;position:absolute} .gotop_cpyfw ul li a .con .box_table{text-align:left;padding:0 2.75rem;position:relative} .gotop_cpyfw ul li a .con h3{font-size:1.5rem;color:#275cab;line-height:1.5rem;font-family:Impact;text-transform:uppercase;margin-bottom:.75rem;transition:.6s} .gotop_cpyfw ul li a .con h4{font-size:1.5rem;color:#3f3f3f;font-weight:700;margin-bottom:1.375rem;transition:.6s} .gotop_cpyfw ul li a .con p{font-size:14px;line-height:26px;color:#7b7b7c;height:78px;overflow:hidden;margin-bottom:2.25rem;transition:.6s} .gotop_cpyfw ul li a .con h6{font-size:14px;line-height:26px;color:#7b7b7c;transition:.6s;text-transform:uppercase} .gotop_cpyfw ul li:nth-child(2n) a .con{left:auto;right:0} .j_pages{margin:0 auto 0 auto} .j_pages .box{display:inherit;width:100%;text-align:center;font-size:0} @media(min-width:768px){.gotop_cpyfw ul li a:hover .con:before{background:#275cab;left:0;width:100%} .gotop_cpyfw ul li a:hover .con h3{color:#fff} .gotop_cpyfw ul li a:hover .con h4{color:#fff} .gotop_cpyfw ul li a:hover .con h6,.gotop_cpyfw ul li a:hover .con p{color:rgba(255,255,255,.8);text-transform:uppercase} } @media(max-width:768px){.gotop_cpyfw ul li .img{width:100%} .gotop_cpyfw ul li a .con{width:100%;position:relative;padding:2rem 0} .gotop_cpyfw ul li a .con .box_table{padding:0 1.5rem} } @media (max-width:4000px){html{font-size:18px} } @media (min-width:1600px) and (max-width:1940px){html{font-size:16px} } @media (min-width:1400px) and (max-width:1600px){html{font-size:13px} } @media (min-width:640px) and (max-width:1399px){html{font-size:13px} } @media (min-width:471px) and (max-width:639px){html{font-size:12px} } @media (min-width:329px) and (max-width:470px){html{font-size:12px} } @media (max-width:328px){html{font-size:12px} } /*棣栭〉3涓骇鍝佷笌鏈嶅姟*/ /*棣栭〉鏂规鍜屾渚?/ .home_case .gotop_case_home{overflow:hidden;background:#fff;position:relative} .home_case .gotop_case_home .case_fang_an{font-size:0} .home_case .gotop_case_home .case_fang_an_left{width:50%;display:inline-block;position:relative} .home_case .gotop_case_home .case_fang_an_right{width:50%;display:inline-block;position:relative} .home_case .gotop_case_home .text{position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;margin:auto;text-align:center} .home_case .gotop_case_home .text h3{font-size:36px;color:#fff;font-weight:400;padding-top:20px} .home_case .gotop_case_home .text span{font-size:56px;color:#fff;font-weight:400;} .home_case .gotop_case_home .text p{font-size:16px;line-height:26px;color:#fff;transition:.5s;padding-top:30px;padding-bottom:60px;} .home_case .gotop_case_home .text .show p{ width:100%} .home_case .gotop_case_home .text a{font-size:14px;display:inline-block;color:#fff;padding:20px 55px;border:1px solid #fff;transition:.5s;position:relative;font-family:REGULAR;z-home_case:0} .home_case .gotop_case_home .text a:before{content:" ";position:absolute;width:100%;height:0;left:0;right:0;margin:auto;bottom:0;background:#fff;transition:.5s;z-index:-1} .home_case .gotop_case_home .case_fang_an_right .text a:hover:before{height:100%} .home_case .gotop_case_home .case_fang_an_right .text a:hover{color:#274fa1} .home_case .gotop_case_home .case_fang_an_left .text a:hover:before{height:100%} .home_case .gotop_case_home .case_fang_an_left .text a:hover{color:#274fa1} .home_case .gotop_case_home .case_fang_an_left:before{content:" ";position:absolute;width:100%;height:100%;background:rgba(39,92,171,.9);opacity:0;transition:.5s} .home_case .gotop_case_home .case_fang_an_right:before{content:" ";position:absolute;width:100%;height:100%;background:rgba(39,92,171,.9)} .home_case .gotop_case_home .case_fang_an_left .show,.home_case .gotop_case_home .case_fang_an_right .show{height:0;opacity:0;overflow:hidden;transition:.5s} .home_case .gotop_case_home .case_fang_an_left:hover .show,.home_case .gotop_case_home .case_fang_an_right:hover .show{height:206px;opacity:1;overflow:visible} @media only screen and (max-width:1600px){.home_case .gotop_case_home .text h3{font-size:32px} .home_case .gotop_case_home .case_fang_an_left:hover p,.home_case .gotop_case_home .case_fang_an_right .text p{padding-top:20px;padding-bottom:40px} .home_case .gotop_case_home .case_fang_an_left:hover .show,.home_case .gotop_case_home .case_fang_an_right:hover .show{height:174px} } @media only screen and (max-width:1440px){.home_case .gotop_case_home .text a{padding:15px 40px} .home_case .gotop_case_home .text h3{font-size:30px} .home_case .gotop_case_home .case_fang_an_left:hover .show,.home_case .gotop_case_home .case_fang_an_right:hover .show{height:164px} } @media only screen and (max-width:1366px){.home_case .gotop_case_home .text .img{width:6%;margin:0 auto} .home_case .gotop_case_home .text h3{font-size:26px} .home_case .gotop_case_home .case_fang_an_left:hover p,.home_case .gotop_case_home .case_fang_an_right .text p{padding-top:10px;padding-bottom:25px} .home_case .gotop_case_home .text a{padding:10px 30px;font-size:14px} .home_case .gotop_case_home .text h3{font-size:22px} .home_case .gotop_case_home .case_fang_an_left:hover .show,.home_case .gotop_case_home .case_fang_an_right:hover .show{height:130px} } @media only screen and (max-width:1200px){.home_case .gotop_case_home .case_fang_an_left:hover .show,.home_case .gotop_case_home .case_fang_an_right:hover .show{height:130px} } @media only screen and (max-width:992px){.home_case .gotop_case_home .case_fang_an_left:hover .show,.home_case .gotop_case_home .case_fang_an_right:hover .show{height:85px} .home_case .gotop_case_home .text h3{font-size:20px;padding-top:5px} .home_case .gotop_case_home .case_fang_an_left:hover p,.home_case .gotop_case_home .case_fang_an_right .text p{padding-top:10px;padding-bottom:15px} .home_case .gotop_case_home .case_fang_an_left:hover p,.home_case .gotop_case_home .case_fang_an_right .text p{padding:0 15px;padding-top:5px;padding-bottom:5px;font-size:14px;line-height:22px} .home_case .gotop_case_home .text a{padding:6px 20px;font-size:12px} .home_case .gotop_case_home .text{padding:10px 0} .home_case .gotop_case_home .text h3{font-size:18px;padding-top:10px;line-height:100%} } @media only screen and (max-width:640px){.home_case .gotop_case_home .case_fang_an_left{width:100%} .home_case .gotop_case_home .case_fang_an_right{width:100%} .home_case .gotop_case_home .case_fang_an_left:before{opacity:0} .home_case .gotop_case_home .text p{font-size:14px;line-height:24px;padding:0} .home_case .gotop_case_home .text h3{font-size:16px} .home_case .gotop_case_home .case_fang_an_left .show,.home_case .gotop_case_home .case_fang_an_right .show{height:auto;opacity:1;visibility:visible} } @media only screen and (max-width:767px){.home_case .gotop_case_home .text a{margin-top:15px} .home_case .gotop_case_home .text p{line-height:20px} .home_case .gotop_case_home .case_fang_an_left:hover p{padding-top:0;padding-bottom:0} } /*棣栭〉鏂规鍜屾渚?/ /*鏂伴椈鍒楄〃椤垫湁鎻忚堪1210*/ .flex{display:flex} .flex-item{flex:1} .news-list-gotop{min-height:200px} .news-list-gotop .list-item{border-bottom:1px solid #e2e2e2;padding:30px 0;align-items:center} .news-list-gotop .list-item .time{width:10%;border-right:1px solid #e2e2e2;color:#999;font-size:32px;min-width:135px;padding:25px 0;margin-right:25px;align-items:center;line-height:1} .news-list-gotop .list-item .time .d{font-size:32px;color:#333;font-style:italic;font-weight:700} .news-list-gotop .list-item .time .m{font-size:16px;color:#333;line-height:20px} .news-list-gotop .list-item .time span{margin:0 5px} .news-list-gotop .list-item .info .tit{font-size:18px;color:#333;max-height:50px;line-height:20px;margin-bottom:10px} .news-list-gotop .list-item .info .desc{font-size:14px;line-height:24px} .news-list-gotop .list-item a{color:#333} .news-list-gotop .list-item .desc a{color:#666} .news-list-gotop .list-item a:hover{color:#008fd5!important} .news-list-gotop .list-item .time2{display:none;font-size:18px;margin-bottom:10px;color:#008fd5} @media only screen and (max-width:768px){.news-list-gotop .list-item{flex-direction:column;align-items:flex-start} .news-list-gotop .list-item .time{display:none} .news-list-gotop .list-item .time2{display:block} } /*鏂伴椈鍒楄〃椤垫湁鎻忚堪1210*/ .home-news-list-gotop{min-height:150px} .home-news-list-gotop .list-item{border-bottom:1px solid #e2e2e2;padding:20px 0;align-items:center} .home-news-list-gotop .list-item:nth-child(3){border-bottom:0px solid #e2e2e2;padding:20px 0;align-items:center} .home-news-list-gotop .list-item .time{width:10%;border-right:1px solid #e2e2e2;color:#999;font-size:32px;min-width:135px;padding:25px 0;margin-right:25px;align-items:center;line-height:1} .home-news-list-gotop .list-item .time .d{font-size:32px;color:#333;font-style:italic;font-weight:700} .home-news-list-gotop .list-item .time .m{font-size:16px;color:#333;line-height:20px} .home-news-list-gotop .list-item .time span{margin:0 5px} .home-news-list-gotop .list-item .info .tit{font-size:18px;color:#333;max-height:50px;line-height:20px;margin-bottom:10px} .home-news-list-gotop .list-item .info .desc{font-size:14px;line-height:24px} .home-news-list-gotop .list-item a{color:#333} .home-news-list-gotop .list-item .desc a{color:#666} .home-news-list-gotop .list-item a:hover{color:#008fd5!important} .home-news-list-gotop .list-item .time2{display:none;font-size:18px;margin-bottom:10px;color:#008fd5} @media only screen and (max-width:768px){.home-news-list-gotop .list-item{flex-direction:column;align-items:flex-start} .home-news-list-gotop .list-item .time{display:none} .home-news-list-gotop .list-item .time2{display:block} } /*鍐呴〉瀵艰埅pc*/ .n_title{position:relative;height:50px;line-height:50px;z-index:2;background:#fff} .n_title dl{width:25%;float:left;position:relative;display: block;} .n_title dt a{font-size:15px; font-weight:400;text-align:center;display:block;color:#424141;margin-bottom:0;line-height:50px; } .n_title dl dd{position:absolute;width:100%;display:none;overflow:hidden;background:#fff} .n_title dl dd a{font-size:15px;font-weight:300;width:100%;text-align:center;display:block;olor:#30353a;line-height:50px;display:block;border-bottom:1px solid #dcdcde;position:relative} .n_title dl dd a:hover{color:#275cab;} .n_title dt i{display:none;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)} .n_title dl.title_nav dt i{display:inline-block} .n_title dl:hover dt{background:#275cab} .n_title dl:hover dt a,.n_title dl:hover dt a i{color:#fff} .n_title dl.title_nav:hover dd{box-shadow:0 5px 10px #ccc} .n_title dt.on{background:#275cab; } .n_title dl dt.on a,.n_title dl dt.on a i{color:#fff} #m_n_nav{background:#275cab;display:none;line-height:51px; height:51px;position:relative;z-index:6} #bnt_back{position:absolute;left:1rem;top:0;color:#fff;font-size:26px} #m_n_nav h1{font-size:18px;line-height:50px; color:#fff;text-align:center} #bnt_sub_nav{position:absolute;right:1rem;top:0;cursor:pointer;color:#fff;font-size:26px} #sub_nav_content{background:#f0f3f5;display:none;box-shadow:0 0 5px #999;z-index:9} #sub_nav_content dt{height:40px;line-height:40px;position:relative;background:#fff;border-top:1px solid #e7e7e7;z-index:999} #sub_nav_content dt a{margin:0 20px;display:block;color:#5b5349;height:40px;font-size:14px;font-weight:400} #sub_nav_content dt a i{position:absolute;right:15px;top:0;opacity:0} #sub_nav_content dt.title{background:#fafafb; margin:0} #sub_nav_content dt.title i{opacity:1} #sub_nav_content dt.on a{color:#275cab} #sub_nav_content dd{display:none} #sub_nav_content dd .box{padding:0} #sub_nav_content dd a{padding:0 25px;line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px} #n_main_box{margin-bottom:60px} /*鍐呴〉瀵艰埅pc*/ /*鍐呴〉瀵艰埅绉诲姩*/ @media(max-width:1360px){.main_box{width:96%} .n_title{display:none} #m_n_nav{display:block} } @media (max-width:922px){.main_box{width:96%} } @media (max-width:640px){#bnt_back{font-size:20px} #m_n_nav h1{font-size:18px} #bnt_sub_nav{font-size:20px} #n_main_box{margin-bottom:0} } /*鍐呴〉瀵艰埅绉诲姩*/ /*浼佷笟鏂囧寲*/ .gotop_28wenhua .one{ padding-top:30px; text-align:center} .gotop_28wenhua .table{display:table;table-layout:fixed;text-align:center;width:100%;height:100%} .gotop_28wenhua .table_cell{display:table-cell;vertical-align:middle} .gotop_28wenhua img{pointer-event:none;-webkit-user-select:none;-moz-user-select:none;user-select:none} .gotop_28wenhua{padding:0.75rem 0 0;color:#606060;} .gotop_28wenhua .first_div{text-align:center;overflow:hidden} .gotop_28wenhua .first_div .box{position:relative} .gotop_28wenhua .first_div .box .wenzi{position:absolute;left:0;top:0;width:100%;height:100%} .gotop_28wenhua .first_div .box .wenzi h5{font-size:1.875rem;color:#606060;font-weight:700;margin-top:1.25rem} .gotop_28wenhua .first_div .con h3{font-size:1.75rem;color:#606060;margin-bottom:1.5rem;font-weight:700} .gotop_28wenhua .first_div .con p{font-size:16px;color:#606060;line-height:32px} .gotop_28wenhua .first_div .con01{position:absolute;left:50%;margin-left:18%;top:7rem;text-align:left} .gotop_28wenhua .first_div .con02{position:absolute;right:50%;margin-right:18%;top:7rem;text-align:right} .gotop_28wenhua .first_div .con03 h3{padding:1.25rem 0 0} @media(max-width:992px){.gotop_28wenhua .first_div .box>img{height:25rem} .gotop_28wenhua .one{ text-align:left} } @media(max-width:768px){.gotop_28wenhua{padding:2.5rem 0} .gotop_28wenhua .first_div .box>img{height:15rem} .gotop_28wenhua .first_div .box .wenzi h3 img{height:2.5rem} .gotop_28wenhua .first_div .box .wenzi h5{font-size:16px} .gotop_28wenhua .first_div .con h3{font-size:1.25rem;text-align:left} .gotop_28wenhua .first_div .con p{font-size:16px;line-height:24px;text-align:left} .gotop_28wenhua .first_div .con01{top:2rem;position:relative;left:0;margin-left:0;margin-bottom:2rem} .gotop_28wenhua .first_div .con02{top:2rem;margin-right:16%;position:relative;text-align:left;margin-right:0;right:0;margin:3rem 0 2rem} .gotop_28wenhua .first_div .con{transition-delay:0!important} } @media(max-width:456px){.gotop_28wenhua .first_div .con h3{font-size:1.5rem} .gotop_28wenhua .first_div .con p{font-size:1.3rem;line-height:20px} } .j_tab{display:table;width:100%;height:100%} .j_tab_cel{display:table-cell;vertical-align:middle;width:100%;height:100%} a{color:inherit} a:focus{outline:0!important} #gotop_qywenhua h3,#gotop_qywenhua h4,#gotop_qywenhua h5,#gotop_qywenhua p{margin:0} #gotop_qywenhua .m h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #gotop_qywenhua .m{max-width:1700px;height:100%;margin:0 auto;padding:0 100px;display:block;position:relative} #gotop_qywenhua .m .box .one{ padding-top:30px; text-align:center} .pad_top{padding-top:4.5rem} .pad_bot{padding-bottom:5rem} .shuzi_box{padding-top:5rem} #gotop_qywenhua{width:100%;overflow:hidden} #gotop_qywenhua .tt{position:relative} #gotop_qywenhua .tt span{font-size:3rem;color:#fff;margin-bottom:.75rem} #gotop_qywenhua .tt p{font-size:1.2rem;color:#fff;margin-bottom:.75rem;text-transform: uppercase} #gotop_qywenhua .tt h3{font-size:1.75rem;color:#fff} #gotop_qywenhua .box{position:relative} #gotop_qywenhua .center{text-align:center;position:relative;font-size:0;width:25rem;height:25rem;margin:0 auto;border-radius:50%} #gotop_qywenhua ul li{position:absolute} #gotop_qywenhua ul li font{position:absolute;display:block;width:4.6875rem;height:4.6875rem;line-height:4.6875rem;text-align:center;right:-6rem;top:-.875rem;background:#626262; color:#FFF;border-radius:50%} #gotop_qywenhua ul li font .iconfont{ font-size:30px;} #gotop_qywenhua ul li:hover font{background:#275cab} #gotop_qywenhua ul li .txt h5{font-size:1.5rem;color:#343434;margin-bottom:.75rem} #gotop_qywenhua ul li .txt p{font-size:.9375rem;color:#555;line-height:1.5rem;height:3rem} #gotop_qywenhua ul li.li_1{text-align:right;right:70%;top:3.5rem} #gotop_qywenhua ul li.li_2{text-align:left;left:70%;top:3.5rem} #gotop_qywenhua ul li.li_3{text-align:right;right:50%;bottom:2rem} #gotop_qywenhua ul li.li_3{position:absolute} #gotop_qywenhua ul li.li_3 font{position:absolute;display:block;width:4.6875rem;height:4.6875rem;line-height:4.6875rem;text-align:center;background:#626262; color:#FFF;border-radius:50%} #gotop_qywenhua ul li.li_3 font .iconfont{ font-size:30px;} #gotop_qywenhua ul li.li_3:hover font{background:#275cab} #gotop_qywenhua ul li.li_3 .txt h5{font-size:1.5rem;color:#343434;margin-bottom:.75rem; text-align:center} #gotop_qywenhua ul li.li_3 .txt p{font-size:.9375rem;color:#555;line-height:1.5rem;height:3rem;text-align:center} #gotop_qywenhua ul li.li_4{text-align:left;left:70%;bottom:8rem} #gotop_qywenhua ul li.li_2 font{left:-6rem} #gotop_qywenhua ul li.li_4 font{left:-6rem} .circle{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%} .circle span{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:50%;background-color:#275cab;-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)} .circle span:nth-of-type(2){-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7);-webkit-animation:circleScale 3s linear infinite;-moz-animation:circleScale 3s linear infinite;-ms-animation:circleScale 3s linear infinite;animation:circleScale 3s linear infinite} .circle span:nth-of-type(3){-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9);border:1px solid #dadada;background:0 0;animation-delay:2s;-webkit-animation:circleScale1 3s linear infinite;-moz-animation:circleScale1 3s linear infinite;-ms-animation:circleScale1 3s linear infinite;animation:circleScale1 3s linear infinite} @keyframes circleScale{0%{opacity:.35;-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)} 100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} } @keyframes circleScale1{0%{opacity:.35;-webkit-transform:scale(.9);-moz-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)} 60%{opacity:.35} 100%{opacity:0;-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)} } @media (min-width:1601px){html{font-size:16px} } @media (min-width:1400px) and (max-width:1600px){html{font-size:15px} } @media (min-width:640px) and (max-width:1399px){html{font-size:14px} } @media (min-width:471px) and (max-width:639px){html{font-size:12px} } @media (min-width:329px) and (max-width:470px){html{font-size:11px} } @media (max-width:328px){html{font-size:10px} } @media (max-width:1280px){#gotop_qywenhua .center{width:20rem;height:20rem} } @media (max-width:1200px){#gotop_qywenhua.m{padding-left:100px;padding-right:100px} } @media (max-width:992px){#gotop_qywenhua ul li{position:relative;left:0!important;top:0!important;right:0!important;bottom:0!important;text-align:left!important;margin-left:6rem;margin-top:1rem} #gotop_qywenhua ul li font{left:-6rem;right:auto!important} #gotop_qywenhua ul li font img{max-width:2.5rem;max-height:1.75rem} #n_shuzi ul li p span{font-size:5.5rem} #gotop_qywenhua .tt span{font-size:2rem;color:#fff;margin-bottom:.75rem} #gotop_qywenhua .tt p{font-size:1rem;color:#fff;margin-bottom:.75rem;text-transform: uppercase} #gotop_qywenhua .tt h3{font-size:1.5rem;color:#fff} } @media (max-width:767px){.pad_top{padding-top:3rem} .pad_bot{padding-bottom:3rem} #gotop_qywenhua.m{padding-left:30px;padding-right:30px} } @media (max-width:480px){.pad_top{padding-top:3rem} .pad_bot{padding-bottom:3rem} #gotop_qywenhua.m{padding-left:15px;padding-right:15px} .shuzi_box{padding-top:3rem} #gotop_qywenhua ul li font img{max-height:1.5rem} } .qywh-title h2{font-size:78px;color: #e3e3e3;font-weight:normal; margin:-50px 0 0 0;} .qywh-title h4{ font-size:22px; color:#275cab; margin-top:-60px; margin-bottom:26px;} .qywh-title h6{ height:3px; position:relative; margin-bottom:38px;} .qywh-title h6:before{content:"";position:absolute;left:0;top: 0;width:15px;height:3px;background:#275cab;} @media screen and (max-width:992px) {.qywh-title h2{margin:50px 0 0 0;}} /*浼佷笟鏂囧寲鍐呭*/ /*浼佷笟鏂囧寲鍐呭*/ /*浼佷笟鏂囧寲*/ /*棣栭〉logo*/ video::-internal-media-controls-download-button{display:none} .gotop_home_m_logo_bg{display:block;overflow:hidden} .gotop_home_m_logo_bg .pic{display:block;overflow:hidden;position:relative} .gotop_home_m_logo_bg .pic img{display:block;width:100%;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s; background-image:'../images/home-logo-big.jpg'} .gotop_home_m_logo_bg .pic .tt{position:absolute;top:0;right:0;width:42%;height:100%;background:rgba(39,92,171,.0);transition:all .6s} .gotop_home_m_logo_bg .pic .tt .p{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);left:70px;width:calc(100% - 120px)} .gotop_home_m_logo_bg .pic .tt .p span{display:block;font-size:32px;color:#fff;letter-spacing:2px;line-height:1em;font-weight:700} .gotop_home_m_logo_bg .pic .tt .p font{display:block;color:#fff;font-size:16px;line-height:32px;margin:20px 0 0 0;font-weight:400;letter-spacing:2px} .gotop_home_m_logo_bg .pic .tt .p .to-a{margin:60px 0 0 0} .gotop_home_m_logo_bg .pic:hover .tt{width:40%} .gotop_home_m_logo_bg .pic:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)} .gotop_home_m_logo_bg .pic .tt .p font .sjbr{display:none} .to-a{margin:0 auto;display:block;width:240px;height:50px;border:1px solid #fdd000;text-align:center;position:relative;border-radius:4px;overflow:hidden;box-shadow:0 0 12px 0 rgba(0,0,0,.1)} .to-a .t{display:block;line-height:50px;color:#fdd000;font-size:15px;letter-spacing:2px;position:relative;z-index:3} .to-a .b{position:absolute;width:100%;top:0;left:-100%;background:#fdd000;height:100%;z-index:1;transition:all .5s} .to-a:hover .t{color:#fff} .to-a:hover .b{left:0} *{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent} @media only screen and (max-width:1400px){.gotop_home_m_logo_bg .pic .tt{width:38%} .gotop_home_m_logo_bg .pic .tt .p{left:50px;width:calc(100% - 50px)} .gotop_home_m_logo_bg .pic .tt .p span{font-size:30px} .gotop_home_m_logo_bg .pic .tt .p font{font-size:16px;line-height:36px} } @media only screen and (max-width:550px){.to-a .t{line-height:36px;font-size:14px} } @media only screen and (min-width:900px) and (max-width:1024px){.to-a{width:200px;height:46px} .to-a .t{line-height:46px;font-size:14px} .gotop_home_m_logo_bg .pic .tt{width:50%} .gotop_home_m_logo_bg .pic:hover .tt{width:55%} .gotop_home_m_logo_bg .pic .tt .p{left:40px;width:calc(100% - 60px)} .gotop_home_m_logo_bg .pic .tt .p span{font-size:32px} .gotop_home_m_logo_bg .pic .tt .p font{font-size:20px} .to-a .t{height:46px} } @media screen and (max-width:1199px) { .gotop_home_m_logo_bg .pic .tt{position:absolute;top:0;right:0;width:58%;height:100%;background:rgba(39,92,171,1);transition:all .6s} .gotop_home_m_logo_bg .pic .tt .p font{ text-align:center} } @media only screen and (min-width:750px) and (max-width:1000px){.to-a{width:160px;height:38px} .to-a .t{line-height:38px;font-size:14px} .gotop_home_m_logo_bg .pic{height:400PX;position:relative} .gotop_home_m_logo_bg .pic img{width:auto;height:100%;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);top:0} .gotop_home_m_logo_bg .pic:hover img{transform:translateX(-50%) scale(1.1);-webkit-transform:translateX(-50%) scale(1.1)} .gotop_home_m_logo_bg .pic .tt{width:55%} .gotop_home_m_logo_bg .pic:hover .tt{width:65%} .gotop_home_m_logo_bg .pic .tt .p{left:40px;width:calc(100% - 60px)} .gotop_home_m_logo_bg .pic .tt .p span{font-size:28px} .gotop_home_m_logo_bg .pic .tt .p font{font-size:17px;letter-spacing:0;margin-top:20px} .gotop_home_m_logo_bg .pic .tt .p .to-a{margin-top:30px} .to-a .t{height:38px} } @media only screen and (max-width:760px){body{font-family:Arial!important} .to-a .t{line-height:34px;font-size:13px} .to-a{width:140px;height:34px} .gotop_home_m_logo_bg .pic{width:100%;height:auto} .gotop_home_m_logo_bg .pic img,.gotop_home_m_logo_bg .pic:hover img{width:auto;height:238px;position:relative;top:0;left:80%;transform:translateX(-50%);-webkit-transform:translateX(-50%)} .gotop_home_m_logo_bg .pic .tt .p span{font-size:22px;padding-bottom:25px;position:relative} .gotop_home_m_logo_bg .pic .tt .p span:after{content:'';display:block;width:50px;height:2px;background:#b3b3b5;position:absolute;bottom:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)} .gotop_home_m_logo_bg .pic .tt .p font{font-size:16px;line-height:28px;letter-spacing:0;margin-top:20px} .gotop_home_m_logo_bg .pic .tt .p .to-a{margin:auto;margin-top:30px} .gotop_home_m_logo_bg .pic .tt{width:100%;padding:0;position:relative} .gotop_home_m_logo_bg .pic .tt .p{width:100%;left:0;box-sizing:border-box;padding:0;margin-left:0;position:relative;transform:none;-webkit-transform:none;padding:60px 30px;text-align:center} .gotop_home_m_logo_bg .pic:hover .tt{width:100%} .gotop_home_m_logo_bg .pic .tt .p font .sjbr{display:block} .gotop_home_m_logo_bg .pic .tt .p font br{display:none} } /*棣栭〉logo*/ /*onepage 鍐呭鏍峰紡*/ .onepage_article div{color:#606060;line-height:2.2;margin-bottom:1.1rem;text-align:justify;/*text-indent:2em;*/} .onepage_article p img,.onepage_article div img{/*margin-left:-2em;*/ text-align:center;} .onepage_article td,.onepage_article th{padding:15px 10px;border:1px solid #ededed;vertical-align:middle} .onepage_article td p,.onepage_article th p{padding-bottom:0;margin-bottom:0} .onepage_article table{border-collapse:collapse;border-right:1px solid #ededed;border-bottom:1px solid #ededed;width:100%} .onepage_article table td{border-left:1px solid #ededed;border-top:1px solid #ededed} .onepage_article{font-size:16px;color:#606060;line-height:30px;margin-bottom:30px} .onepage_article ol { margin-left:30px;} .onepage_article ol li strong{font-size:15px;color:#606060;line-height:30px;margin-bottom:30px} .onepage_article p{color:#606060;line-height:2.2;/*margin-bottom:1.1rem;*/text-align:justify;/*text-indent:2em;*/} .onepage_article strong{font-weight:700} .onepage_article img{max-width:100%} .onepage_article a{color:#717173} .onepage_article h1,.onepage_article h2,.onepage_article h3,.onepage_article h4,.onepage_article h5{font-weight:700} .onepage_article h1{font-size:2.25rem;margin-bottom:1.25rem;color:#275cab;} .onepage_article h2{font-size:1.875rem;margin-bottom:.875rem;color:#275cab;} .onepage_article h3{font-size:1.3rem;margin-bottom:.9375rem;color:#275cab;} /*.onepage_article .color {color:#808285;} .onepage_article .color {color:#808285;}*/ .onepage_article h4{font-size:1.125rem;margin-bottom:.875rem;color:#275cab;} .onepage_article h5{font-size:.875rem;margin-bottom:.75rem;color:#275cab;} .onepage_article h6{font-size:.75rem;margin-bottom:.75rem;color:#275cab;} .onepage_article ol li,.onepage_article ul li{padding-bottom:0!important;margin-bottom:0!important;margin-left:2rem;list-style:inherit!important} .onepage_article ol li p,.onepage_article ul li p{padding-bottom:0;margin-bottom:3px!important} .onepage_article ol,.onepage_article ul{margin-bottom:.9375rem} .onepage_article sub{vertical-align:sub;font-size:smaller} .onepage_article sup{vertical-align:super;font-size:smaller} .onepage_article img{display:inline-block} @media(max-width: 768px){ .onepage_article p{ font-size:1.2rem; line-height:26px;} /*.onepage_article p img{margin-left:0;}*/ .onepage_article p img{/*margin-left: -2em;*/} } /*鍙戝睍鎴樼暐*/ .w1200 { max-width: 62.75%; margin: 0 auto;} .n_about .fl02{padding:1.375rem 0 4.375rem;background:#f6f6f6} .n_about .fl02 ul{font-size:0;margin:0 -2rem} .n_about .fl02 ul li{display:inline-block;width:20%;text-align:center} .n_about .fl02 ul li a{display:block} .n_about .fl02 ul li .ico{display:inline-block;transition:.6s} .n_about .fl02 ul li .ico .box_table{position:relative;z-index:2} .n_about .fl02 ul li .ico .box_table img{display:inline-block;transition:.9s;max-height:9.0625rem} .n_about .fl02 ul li h5{font-size:1.375rem;color:#434343;margin-top:2rem;margin-bottom:.875rem;position:relative;font-weight:700} .n_about .fl02 ul li p{font-size:1rem;color:#585858;line-height:1.75rem;font-family:Roboto;text-transform:uppercase} @media(min-width:768px){.n_about .fl02 ul li a:hover .ico{transform:rotateY(180deg)} } @media(max-width:1830px){.w1200{max-width:72%} } @media(max-width:1630px){.w1200{max-width:80%} } @media(max-width:1200px){.w1200{max-width:100%;padding:0 15px} } @media(max-width:768px){.n_about .fl02 ul li{width:50%;margin:1rem 0} .titile001{margin-bottom:2rem} .titile001 h3{font-size:1.75rem} .titile001 h4{font-size:1.5rem} } /*鍙戝睍鎴樼暐*/ /*about-3*/ .aboutC2{float:left;width:100%;margin:0;padding:40px} .aboutC2 .cont{float:right;width:50%;background:#163c8b;background:rgba(22,60,139,.8);text-align:center;color:#fff;font-size:18px;line-height:36px;padding:40px} .aboutC2 .cont .p1{float:left;width:100%;margin:36px 0 62px 0; text-align:left;} .aboutC2 .cont .p0{float:left;width:100%;line-height:0} @media screen and (max-width:1200px){.aboutC1{padding:0} .aboutC2 .cont{width:60%} } @media screen and (max-width:992px){.abouTit1{font-size:18px;line-height:28px;padding-bottom:12px} .abouTit1:after{width:44px;margin-left:-22px} .aboutC2{margin:20px 0 0 0;padding:20px} .aboutC2 .cont{font-size:16px;line-height:30px;padding:20px} .aboutC2 .cont .p1{float:left;width:100%;margin:13px 0 15px 0} .aboutC2 .cont .p0 img{width:36px} } @media screen and (max-width:768px){.aboutC2{padding:15px} .aboutC2 .cont{width:100%;font-size:14px;line-height:26px;padding:15px} .aboutC2 .cont .p1{margin:5px 0} .aboutC2 .cont .p0 img{width:26px} } /*about-3*/ /*鑱旂郴鎴戜滑鍦板浘*/ .contact-page .contact-info{width:48%;margin:0 auto;padding:37px 0 48px} .contact-page .contact-info h2{font-size:24px;color:#333;line-height:44px;padding-bottom:20px} @media (max-width:1440px){.contact-page .contact-info h2{font-size:20px} } @media (max-width:767px){.contact-page .contact-info h2{font-size:16px} } .contact-page .contact-info ul{display:flex;flex-wrap:wrap;flex-direction:column} .contact-page .contact-info ul li{line-height:45px;color:#666} @media (max-width:767px){.contact-page .contact-info ul li{line-height:35px;font-size:13px} } .contact-page .contact-info ul li .iconfont{font-size:24px;vertical-align:middle;margin-right:10px} @media (max-width:767px){.contact-page .contact-info ul li .iconfont{font-size:18px} } #map{height:33vmin;width:45%} #map1{height:33vmin;width:45%} #map2{height:33vmin;pointer-events:none;width:45%} .map-box{display:flex;align-items:center;justify-content:space-between} .map-box .common-name{opacity:.7;font-size:28px} @media (max-width:1440px){.map-box .common-name{font-size:24px} } @media (max-width:1024px){.map-box{padding:50px;flex-direction:column;justify-content:center} .map-box #map{width:100%;height:40vmin;flex-direction:column;justify-content:center} .map-box #map1{width:100%;height:40vmin;flex-direction:column;justify-content:center} .map-box #map2{width:100%;height:40vmin;flex-direction:column;justify-content:center} .map-box .contact-info{width:100%;padding:40px 0 0} } @media (max-width:768px){.map-box{padding:5vw} } @media (max-width:767px){.map-box{padding:5vw 15px 10vw} .map-box #map{height:300px} .map-box #map1{height:300px} .map-box #map2{height:300px} } /*鑱旂郴鎴戜滑鍦板浘*/ /*onepage 鍐呭鏍峰紡*/ /*home-news*/ .home-gotop-news{margin:0 auto} @media (max-width:1920px){html{font-size:16px} } @media (min-width:1400px) and (max-width:1600px){html{font-size:15px} } @media (min-width:640px) and (max-width:1399px){html{font-size:14px} } @media (min-width:471px) and (max-width:639px){html{font-size:13px} } @media (min-width:329px) and (max-width:470px){html{font-size:12px} } @media (max-width:328px){html{font-size:12px} } .home-gotop-news span::before{width:24px;height:2px;background-color:#2c343b;backface-visibility:hidden;border-radius:0} .home-gotop-news{/*background:url(../bg/home-gotop-news_bg.jpg) center no-repeat;*/background-size:cover; background-color:#f3f3f3;} .home-gotop-news .title{text-align:center;margin-bottom:4rem} .home-gotop-news .title h3{font-size:2rem;color:#275cab;font-weight:700;margin-bottom:8px} .home-gotop-news .title h5{font-size:15px;color:#275cab;text-transform:uppercase} .home-gotop-news .title .box{display:inline-block;position:relative} .home-gotop-news .content{padding:0 4.6875rem} .home-gotop-news .left{/*width:49.5%;*/width:100%;background:#fff;padding:3rem 4.375rem 0} .home-gotop-news .right{width:50%;background:#fff;padding:3rem 4.375rem 0} .home-gotop-news .bottom{margin-bottom:2rem;overflow:hidden} .home-gotop-news .bottom ul li{font-size:1rem;color:#4f4f4f;line-height:3.125rem;border-bottom:#e0e0e1 1px solid} .home-gotop-news .bottom ul li a{display:block;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .home-gotop-news .bottom ul li a b{padding-right:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:80%;font-weight:400;vertical-align:top;color:#333;transition:.36s} .home-gotop-news .bottom ul li a span{font-size:.875rem;color:#8d8d8f;float:right} .home-gotop-news .title01{margin-bottom:2.5rem} .home-gotop-news .title01 big{font-size:1.5rem;color:#275cab;font-weight:700} .home-gotop-news .title01 small{font-size:12px;color:#275cab;text-transform:uppercase;margin-left:3px} .home-gotop-news .title01 a{font-size:1rem;color:#275cab;float:right} .home-gotop-news .title01 a img{margin:-3px 0 0 .875rem;transition:.36s;position:relative} .home-gotop-news .box .img{width:10.625rem} .home-gotop-news .box ul{width:calc(100% - 11.875rem);position:relative;top:-.375rem} .home-gotop-news .box ul li{font-size:1rem;color:#4f4f4f;line-height:2.5rem;border-bottom:#e0e0e1 1px solid;height:2.5rem} .home-gotop-news .box ul li a{display:block;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .home-gotop-news .box ul li a b{padding-right:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;max-width:65%;font-weight:400;vertical-align:top;color:#333;transition:.36s} .home-gotop-news .box ul li a span{font-size:.875rem;color:#8d8d8f;float:right} @media(min-width:768px){.home-gotop-news .bottom li:hover a b{color:#275cab;padding-left:5px} .home-gotop-news .title01 a:hover img{transform:translateX(10px);opacity:0} .home-gotop-news .box ul li:hover a b{color:#275cab;padding-left:5px} } @media(max-width:1600px){.home-gotop-news .title{margin:2rem 0} .home-gotop-news .left{height:28rem;margin-bottom:50px} .home-gotop-news .right{height:28rem;margin-bottom:50px} } @media(max-width:1200px){.home-gotop-news .content{padding:0} } @media(max-width:992px){.home-gotop-news .layui-col-xs12{padding:3rem 0} .home-gotop-news .left{width:100%;margin-bottom:1rem} .home-gotop-news .right{width:100%} } @media(max-width:768px){.home-gotop-news .right{padding:2rem 1rem;height:auto} .home-gotop-news .left{padding:2rem 1rem;height:auto} .home-gotop-news .bottom ul li a b{width:75%;font-size:13px} .home-gotop-news .box .img{display:none} .home-gotop-news .box ul{width:100%} .home-gotop-news .box ul li a b{width:75%;font-size:13px} body{overflow-x:hidden!important} } .layui-container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box;max-width:1630px} .layui-row:after,.layui-row:before{content:'';display:block;clear:both} .layui-col-xs12{position:relative;display:block;box-sizing:border-box} .layui-col-xs12{float:left} .layui-col-xs12{width:100%} .layui-img-responsive{max-width:100%} /*home-news*/ /*home-news_one*/ .news_one{padding:20px 0 53px 0} .news_one .home_news_one_body{width:100%;float:left;margin-top:16px} .news_one .home_news_one_body .img{float:left;width:31.9%;height:400px} .news_one .home_news_one_body ul{float:right;width:63.6%;border-top:solid 0px #ddd} .news_one .home_news_one_body ul li{width:100%;float:left;border-bottom:solid 1px #ddd} .news_one .home_news_one_body ul li a{display:block;width:100%;float:left;padding:33px 168px 33px 33px;position:relative} .news_one .home_news_one_body ul li a .time{position:absolute;right:28px;top:33px;font-size:24px;color:#a7a7a7;line-height:26px;padding-bottom:58px;font-family:OPENSANS-LIGHT;;background:url(../home_news_one_time_bg.png) no-repeat center bottom} .news_one .home_news_one_body ul li a .title{width:100%;position:relative;font-size:16px;color:#333;line-height:26px; margin:1px 0;text-align:left} .news_one .home_news_one_body ul li a .p{width:100%;margin-top:14px;font-size:14px;color:#a7a7a7;line-height:26px;height:52px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all} .news_one .home_news_one_body ul li a:hover{box-shadow:0 6px 27px rgba(0,0,0,.11);background:#fff} .news_one .home_news_one_body ul li a:hover .title{color:#005397} .news_one .home_news_one_body ul li a:hover:before{background:#005397} @media screen and (max-width:1360px){ .news_one .home_news_one_body ul li a{padding:33px 80px 33px 23px} .news_one .home_news_one_body ul li a .time{right:10px} .news_one .home_news_one_body ul li a:before{left:8px} } @media screen and (max-width:1200px){ .news_one .home_news_one_body .img{height:420px} .news_one .home_news_one_body ul li a{padding:23px 78px 23px 33px} .news_one .home_news_one_body ul li a .time{right:0;top:23px} .news_one .home_news_one_body ul li a:before{left:0;top:34px} } @media screen and (max-width:992px){ .news_one{padding:40px 0 50px 0} .news_one .home_news_one_body .img{height:310px} .news_one .home_news_one_body{margin-top:26px} .news_one .home_news_one_body ul li a{padding:13px 78px 13px 23px} .news_one .home_news_one_body ul li a .time{right:0;top:13px;font-size:20px;padding-bottom:28px} .news_one .home_news_one_body ul li a .title{font-size:14px;line-height:24px} .news_one .home_news_one_body ul li a:before{width:4px;height:4px;top:24px} .news_one .home_news_one_body ul li a .p{margin-top:8px;font-size:12px;line-height:22px;height:42px} } @media screen and (max-width:768px){ .news_one{padding:20px 0 25px 0} .news_one .home_news_one_body .img{height:260px} .news_one .home_news_one_body{margin-top:16px} .news_one .home_news_one_body .img{width:100%} .news_one .home_news_one_body ul{width:100%;margin-top:15px} .news_one .home_news_one_body ul li a{padding:13px 68px 13px 0} .news_one .home_news_one_body ul li a .time{right:0;top:13px;font-size:16px;padding-bottom:28px;background-size:30px auto} .news_one .home_news_one_body ul li a .title{font-size:14px;line-height:24px} .news_one .home_news_one_body ul li a:before{display:none} .news_one .home_news_one_body ul li a .p{margin-top:8px;font-size:12px;line-height:22px;height:42px} } /*home-news_one*/ /*璧勮川鑽h獕*/ .gotop_zzry .table{display:table;table-layout:fixed;text-align:center;width:100%;height:100%} .gotop_zzry .table_cell{display:table-cell;vertical-align:middle} .gotop_zzry img{pointer-event:none;-webkit-user-select:none;-moz-user-select:none;user-select:none} .gotop_zzry .title{text-align:center;margin-bottom:2.75rem} .gotop_zzry .title h3{font-size:1.75rem;color:#333;margin-bottom:.5rem;font-weight:700} .gotop_zzry .title h4{font-size:2rem;color:#c9c9ca;text-transform:uppercase;font-family:Impact} .gotop_zzry .fl01{padding:0rem 0 3rem} .gotop_zzry .fl01 ul{font-size:0;margin:0 -2rem} .gotop_zzry .fl01 ul li{display:inline-block;width:25%;text-align:center;padding:0 2rem} .gotop_zzry .fl01 ul li a{display:block;position:relative} .gotop_zzry .fl01 ul li a .top_img img{width:100%} .gotop_zzry .fl01 ul li a .img{position:absolute;top:0;width:100%;left:0;height:91%} .gotop_zzry .fl01 ul li a .img img{max-width:78%;/*max-height:34%*/} .gotop_zzry .fl02{background:#f3f3f3;padding:4rem 0 3rem} .gotop_zzry .fl02 ul{font-size:0;margin:0 -2rem} .gotop_zzry .fl02 ul li{display:inline-block;width:25%;text-align:center;padding:0 2rem} .gotop_zzry .fl02 ul li a{display:block;position:relative} .gotop_zzry .fl02 ul li a .top_img img{width:100%} .gotop_zzry .fl02 ul li a .img{position:absolute;top:0;width:100%;left:0;height:84%} .gotop_zzry .fl02 ul li a .img img{max-width:64%;max-height:140px;display:inline-block} @media(max-width:1200px){.gotop_zzry .fl02 ul li a .img img{height:120px} } @media(max-width:992px){.gotop_zzry .fl02 ul li a .img img{height:80px} } @media(max-width:768px){.gotop_zzry .fl01 ul li{width:33.333333%;margin-bottom:2rem;padding:0 0} .gotop_zzry .fl02 ul{margin:0 0} .gotop_zzry .fl01 ul{margin:0 0} .gotop_zzry .fl02 ul li{width:33.333333%;margin-bottom:2rem;padding:0 0} .gotop_zzry .fl01 ul li a .img img{max-height:34%} .gotop_zzry .fl02 ul li a .img img{max-height:12%} } @media(max-width:540px){.gotop_zzry .fl01 ul li{width:50%;margin-bottom:2rem;padding:0 0} .gotop_zzry .fl02 ul li{width:50%} } .layui-container02{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box;max-width: 1230px;}.layui-row:after,.layui-row:before{content:'';display:block;clear:both}.layui-col-xs12{position:relative;display:block;box-sizing:border-box}.layui-col-xs12{float:left}.layui-col-xs12{width:100%}.layui-img-responsive{ max-width:100%;} .gotop_zzry_noimg .title{text-align:center;margin-bottom:0rem} .gotop_zzry_noimg .title h3{font-size:1.75rem;color:#666;margin-bottom:.5rem;font-weight:700} .gotop_zzry_noimg .title h4{font-size:2rem;color:#c9c9ca;text-transform:uppercase;font-family:Impact} /*璧勮川鑽h獕*/ /*鏃犲浘鐗囪瘉涔﹁崳瑾?/ .rongyu_wutu li a .box .img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%} .top .box_table{display:table;table-layout:fixed;text-align:center;width:100%;height:100%} .top .box_table_cell{display:table-cell;vertical-align:middle} .top .box_table_cell *{white-space:normal;word-wrap:break-word} .rongyu_wutu{margin:0 -.625rem;padding-bottom:6.25rem} .rongyu_wutu li{float:left;width:25%;padding:0 .625rem;margin-top:4.375rem; } .rongyu_wutu li a{display:block} .rongyu_wutu li a .box{position:relative;transition:.5s} .rongyu_wutu li a .box .img_zd .img_hezi{padding-bottom:31.32%!important} .rongyu_wutu li a .box .img_zd img{-webkit-filter:grayscale(40%);-moz-filter:grayscale(40%);-ms-filter:grayscale(40%);-o-filter:grayscale(40%);filter:grayscale(40%);filter:gray;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;transition:.5s} .rongyu_wutu li a .box .ico{position:absolute;width:4.8125rem;left:50%;transform:translateX(-50%);margin-top:-2.75rem;z-index:1;background:url(../images/ronyu-wutu_ico_bg.png) center no-repeat;transition:.5s;background-size:100% 100%!important} .rongyu_wutu li a .box .ico img{width:100%;opacity:0;visibility:hidden;transition:.5s} .rongyu_wutu li a .box .top{position:absolute;top:0;right:0;bottom:0;left:0} .rongyu_wutu li a .box .top h5{font-size:.9375rem;color:#3d4043;line-height:22px;padding:0 3rem;margin:1.25rem 0 0;transition:.5s} .list_box62 li:nth-child{box-shadow:-2.091px 19.89px 29.76px 2.24px rgba(203,211,231,.14)} @media(min-width:768px){.rongyu_wutu li a:hover .box .ico img{opacity:1;visibility:visible} .rongyu_wutu li a:hover .box .img_zd img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none;opacity:1;-moz-opacity:1;-khtml-opacity:1} .rongyu_wutu li a:hover .box{transform:translateY(-.5rem)} .rongyu_wutu li a:hover .box .top h5{font-size:.9375rem;color:#745316} .rongyu_wutu li a:hover .box .ico{background:0 0!important} .rongyu_wutu li a .box .img_zd{position:relative;width:100%; } .rongyu_wutu li a .box .img_zd .img_hezi{padding-bottom:60%!important} .rongyu_wutu li a .box .img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%} .box_table{display:table;table-layout:fixed;text-align:center;width:100%;height:100%} .box_table_cell{display:table-cell;vertical-align:middle} .box_table_cell *{white-space:normal;word-wrap:break-word} .rongyu_wutu .miso-slide{float:left;height:100%;min-height:1px;display:none;-moz-user-select:text;-khtml-user-select:text;user-select:text} .rongyu_wutu .miso-slide img{display:block} } @media(max-width:1200px){.rongyu_wutu li{width:50%} } @media(max-width:768px){.rongyu_wutu li{width:100%;margin-top:3.5rem} } /*鏃犲浘鐗囪瘉涔﹁崳瑾?/ /*妗堜緥鍒楄〃*/ .gotop_case_list .img-hover{-webkit-background-size:cover;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1,1);transform:translateZ(0) scale(1,1)} .gotop_case_list .img-hover:hover{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03)} .gotop_case_list .img{-webkit-background-size:cover;background-size:cover;background-position:50% 50%;background-repeat:no-repeat} .gotop_case_list .inner-row:after,.inner-row:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden} .gotop_case_list h3{font-weight:300} .gotop_case_list a{color:#666;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s} .gotop_case_list a:hover{color:#0d386b} .gotop_case_list .inner-row{padding:5% 0} .gotop_case_list{margin:0 -.8%} .gotop_case_list li{float:left;padding:.8%;width:50%} .gotop_case_list a{display:block;overflow:hidden} .gotop_case_list .img{padding-top:56.25%;position:relative;display:block} .gotop_case_list .img:after{position:absolute;width:100%;bottom:0;left:0;height:80px;content:'';background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.65)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.15) 100%)} .gotop_case_list h3{position:absolute;padding:2% 5%;z-index:10;color:#fff;font-size:30px;left:0;bottom:0;text-transform:capitalize} @media screen and (max-width:1460px){.gotop_case_list h3{font-size:20px} } @media screen and (max-width:760px){.gotop_case_list li{width:100%;float:none;margin-bottom:5%} .inner-row{padding:8% 0} .gotop_case_list h3{font-size:16px} } /*妗堜緥鍒楄〃*/ /*妗堜緥鍐呴〉*/ .gotop_beijing_1{padding:2.25vw 0;font-size:0} .gotop_beijing_1 .img-box{display:inline-block;vertical-align:middle;width:50%;overflow:hidden} .gotop_beijing_1 .img-box img{display:block;width:100%;transition:transform .6s ease} @media screen and (min-width:1025px){.gotop_beijing_1 .img-box:hover img{transform:scale(1.1)} } .gotop_beijing_1 .txt-box{display:inline-block;vertical-align:middle;width:50%;padding-left:2vw} .gotop_beijing_1 .para{font-size:18px;line-height:2;color:#606060;margin-top:20px} .gotop_case_page_3{position:relative;font-size:0;padding:1.25vw 0 6.25vw 0;background-position:center;background-repeat:no-repeat; background-color:#f3f3f3;z-index:3} .gotop_case_page_3 .items{margin-top:2vw} .gotop_case_page_3 .item{position:relative;display:inline-block;vertical-align:top;width:calc((100% - 74px)/ 4);margin-right:24px;margin-top:24px;transition:transform .3s ease;box-shadow: 0 0 0.200000rem rgba(175,175,175,.2);border:0px solid;border-color:#ccc;} @media screen and (min-width:769px){.gotop_case_page_3 .item:nth-of-type(1),.gotop_case_page_3 .item:nth-of-type(2),.gotop_case_page_3 .item:nth-of-type(3),.gotop_case_page_3 .item:nth-of-type(4){margin-top:0} .gotop_case_page_3 .item:nth-of-type(4n){margin-right:0} } .gotop_case_page_3 .item:before{content:'';z-index:1} .gotop_case_page_3 .item:nth-of-type(odd):before{top:-4px} .gotop_case_page_3 .item:nth-of-type(even):before{bottom:-4px} .gotop_case_page_3 .item .box{padding:2vw 1.5vw 3.125vw} .gotop_case_page_3 .item span{display:block;font-size:36px;line-height:1;} .gotop_case_page_3 .item h3{font-size:24px;margin-top:1vw} .gotop_case_page_3 .item h3:after{content:'';display:block;width:24px;height:4px;margin-top:15px} .gotop_case_page_3 .item .para{font-size:14px;line-height:26px;margin-top:15px} .gotop_case_page_3 .item .show-2{position:relative;background-color:#fff;z-index:2;} .gotop_case_page_3 .item .show-2 span{color:#e5e5e5} .gotop_case_page_3 .item .show-2 h3{color:#000} .gotop_case_page_3 .item .show-2 h3:after{background-color:#275cab} .gotop_case_page_3 .item .show-2 .para{color:#606060;height:78px;overflow:hidden} .gotop_case_page_3 .item .hide-2{position:absolute; min-height:300px;left:0;right:0;top:0;background-color:#275cab;z-index:3;opacity:0;visibility:hidden;transition:all .3s ease} .gotop_case_page_3 .item .hide-2 span{color:#fff} .gotop_case_page_3 .item .hide-2 h3{color:#fff} .gotop_case_page_3 .item .hide-2 h3:after{background-color:#fff} .gotop_case_page_3 .item .hide-2 .para{color:#fff} @media screen and (min-width:1025px){.gotop_case_page_3 .item:hover{transform:translateY(-1vw)} .gotop_case_page_3 .item:hover:before{background-color:#e10115} .gotop_case_page_3 .item:hover .hide-2{opacity:1;visibility:visible} } @media screen and (max-width:1600px){.gotop_case_page_3 .item span{font-size:80px} .gotop_case_page_3 .item h3,.industry-detail-s5 .item.active .show-2 h3{font-size:20px} .industry-detail-s5 .item .show-2 h3{font-size:18px} .gotop_beijing_1 .para{font-size:16px} } @media screen and (max-width:1366px){.gotop_case_page_3 .item span{font-size:26px} .gotop_case_page_3 .item h3{font-size:18px} .gotop_beijing_1 .para{font-size:15px} .gotop_case_page_3 .item .para{line-height:24px} .gotop_case_page_3 .item .show-2 .para{height:72px} } @media screen and (max-width:768px){ .gotop_beijing_1 .para{font-size:1.3rem;line-height:26px;} .gotop_beijing_1{padding:40px 0} .gotop_beijing_1 .img-box{width:100%} .gotop_beijing_1 .txt-box{width:100%;padding:0;margin-top:20px} .gotop_beijing_1 .para{line-height:24px;margin-top:15px} .gotop_case_page_3{padding:40px 0} .gotop_case_page_3 .items{margin-top:20px} .gotop_case_page_3 .item{width:100%;margin:20px 0 0} .gotop_case_page_3 .item:nth-of-type(1){margin-top:0} .gotop_case_page_3 .item .box{padding:20px} .gotop_case_page_3 .item h3{margin-top:15px} .gotop_case_page_3 .item .show-2 .para{height:auto} .gotop_case_page_3 .item .hide-2{display:none} .gotop_case_page_3 .item:before{width:40px;height:40px} } /*妗堜緥鍐呴〉*/ /*瑙e喅鏂规鍒楄〃*/ .gotop_jjfa_list a{text-decoration:none;color:#333;cursor:pointer;transition:all .5s linear;-moz-transition:all .5s linear;-webkit-transition:all .5s linear;-o-transition:all .5s linear;-webkit-tap-highlight-color:rgba(0,聽0,聽0,聽0);-webkit-tap-highlight-color:transparent} .gotop_jjfa_list a:active,a:focus,a:hover,a:link,a:visited{outline:0} .gotop_jjfa_list a:hover{color:#333;cursor:pointer} .gotop_jjfa_list img{border:0;max-width:100%; transition: transform .6s ease} .gotop_jjfa_list h2{margin:0;font-weight:400;} .gotop_jjfa_list h2{font-size:24px} .gotop_jjfa_list{float:left;width:100%;padding:0 0 3.48% 0} .gotop_jjfa_list li{float:left;width:100%;padding:50px 0} .gotop_jjfa_list li.double{background:#f3f3f3} .gotop_jjfa_list li a{float:left;width:100%;overflow:hidden} .gotop_jjfa_list li .pic1{float:left;width:47.857%;overflow:hidden;line-height:0} .gotop_jjfa_list li.double .pic1{float:right} .gotop_jjfa_list li .pic1 img{-webkit-transition:all .6s linear;-moz-transition:all .6s linear;-o-transition:all .6s linear;transition:all .6s linear;transition:-webkit-transform 2s;-ms-interpolation-mode:bicubic; transition: transform .6s ease} .gotop_jjfa_list li .pic1:hover img{transform:scale(1.09,1.09);-ms-transform:scale(1.09,1.09);-webkit-transform:scale(1.09,1.09);-o-transform:scale(1.09,1.09);-moz-transform:scale(1.09,1.09)} .gotop_jjfa_list li .tx1{float:left;width:52.143%;padding:0 0 0 77px;position:relative} .gotop_jjfa_list li.double .tx1{padding:0 77px 0 0;text-align:right} .gotop_jjfa_list li .tx1 .l1{float:left;width:100%;margin:5.76% 0 3.69% 0;position:relative} .gotop_jjfa_list li .tx1 .l1::after{float:left;width:50px;height:1px;background:#b2b2b2;position:absolute;left:-77px;top:50%;content:''} .gotop_jjfa_list li.double .tx1 .l1::after{left:auto;right:-77px} .gotop_jjfa_list li .tx1 h2{float:left;width:100%;color:#333;font-size:30px;line-height:1.2} .gotop_jjfa_list li:hover .tx1 h2{color:#275cab} .gotop_jjfa_list li .tx1 p{float:left;width:100%;color:#666;font-size:15px;line-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .gotop_jjfa_list li .tx1 .discr{float:left;width:100%;color:#666;font-size:15px;line-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .gotop_jjfa_list li .tx1 .discr p{width:100%;color:#666;font-size:15px;line-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical} .gotop_jjfa_list li .tx1 span{float:left;margin-top:4.46%;border:#275cab solid 1px;padding:0 17px 0 19px;color:#275cab;font-size:16px;line-height:35px} .gotop_jjfa_list li.double .tx1 span{float:right} .gotop_jjfa_list li .tx1 span:hover{background-color:#275cab;color:#fff} @media screen and (max-width:1429px){.gotop_jjfa_list li{padding:44px 0} .gotop_jjfa_list li .tx1{padding:0 0 0 65px} .gotop_jjfa_list li.double .tx1{padding:0 65px 0 0} .gotop_jjfa_list li .tx1 .l1::after{width:42px;left:-65px} .gotop_jjfa_list li.double .tx1 .l1::after{left:auto;right:-65px} .gotop_jjfa_list li .tx1 h2{font-size:34px} .gotop_jjfa_list li .tx1 p{height:84px;font-size:14px;line-height:28px} .gotop_jjfa_list li .tx1 .discr{height:84px;font-size:14px;line-height:28px} } @media screen and (max-width:1229px){.gotop_jjfa_list li{padding:34px 0} .gotop_jjfa_list li .tx1{padding:0 0 0 52px} .gotop_jjfa_list li .tx1 .l1{margin:6.76% 0 3.69% 0} .gotop_jjfa_list li.double .tx1{padding:0 52px 0 0} .gotop_jjfa_list li .tx1 .l1::after{width:34px;left:-52px} .gotop_jjfa_list li.double .tx1 .l1::after{left:auto;right:-52px} .gotop_jjfa_list li .tx1 h2{font-size:28px} .gotop_jjfa_list li .tx1 span{padding:0 12px 0 12px;font-size:14px;line-height:32px} } @media screen and (max-width:767px){.gotop_jjfa_list li{padding:20px 0} .gotop_jjfa_list li .pic1{width:100%} .gotop_jjfa_list li.double .pic1{float:left} .gotop_jjfa_list li .tx1{padding:0 0 0 36px;width:100%} .gotop_jjfa_list li .tx1 .l1{margin:4.76% 0 3.69% 0} .gotop_jjfa_list li.double .tx1{padding:0 0 0 36px;text-align:left} .gotop_jjfa_list li .tx1 .l1::after{width:25px;left:-36px} .gotop_jjfa_list li.double .tx1 .l1::after{left:-36px;right:0} .gotop_jjfa_list li .tx1 h2{font-size:22px} .gotop_jjfa_list li .tx1 p{height:72px;line-height:24px} .gotop_jjfa_list li .tx1 .discr{height:72px;line-height:24px} .gotop_jjfa_list li.double .tx1 span{float:left} } .gotop_jjfa_list.elli{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} /*瑙e喅鏂规鍒楄〃*/ /*钖祫绂忓埄*/ .fuli .currency h2{font-size:30px;line-height:50px;color:#275cab;text-align:center} .fuli .welfare{padding:10px 0 20px 0;} .fuli .welfare ul{overflow:hidden;margin:5px 0 45px} .fuli .welfare ul li{float:left;width:50%;padding:0 25px;box-sizing:border-box;overflow:hidden;height:100px;position:relative;top:0;transition:all .3s} .fuli .welfare ul li:hover{top:-5px} .fuli .welfare .img{float:left;width:75px;height:75px;overflow:hidden;border:1px solid #c3c3c3;border-radius:50%;box-sizing:border-box;position:relative;margin-top:20px} .fuli .welfare .img img{display:block;position:absolute;left:0;right:0;top:50%;margin:0 auto;transform:translateY(-50%);width:47px;height:47px;overflow:hidden} .fuli .welfare .text{padding-top:22px;width:400px;float:left;margin-left:27px;height:160px;} .fuli .welfare .text h4{font-size:17px;color:#275cab;line-height:28px} .fuli .welfare .text h5{font-size:15px;color:#717070;line-height:26px; font-weight:500} .fuli .welfare img{max-width:100%} @media only screen and (max-width:1240px){ .wrap{width:auto} .fuli .welfare{padding: 0} .fuli .currency h2{font-size:26px;line-height:1;padding:20px 0} .fuli .welfare ul li{float:none;width:auto;height:auto} .fuli .welfare .text h4{font-size:17px;line-height:1.7} .fuli .welfare .text h5{font-size:15px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;} .fuli .welfare .text{height:auto;width:calc(100% - 140px);margin-top:15px;padding:0} .fuli .welfare .img{width:100px;height:100px} } /*钖祫绂忓埄*/ /*鎷涜仒寮€濮 寮€濮?/ .miso-slide { float: left; height: 100%; width:100%; min-height: 1px; -moz-user-select:text; -khtml-user-select: text; user-select:text;} .miso-initialized .miso-slide{ display: block;} .n_join ul{margin-bottom:2rem} .n_join ul li{margin-bottom:10px} .n_join ul li .top{position:relative;height:70px;line-height:70px;background:#f3f3f7;padding:0 25px;box-sizing:border-box;margin-bottom:-1px;cursor:pointer} .n_join ul li .top i{position:absolute;right:2.5rem;top:50%;margin-top:-9px;width:18px;height:18px;background:url(../bg/arrow-down.svg) center no-repeat;background-size:18px 18px!important} .n_join ul li .top h5{font-size:16px;color:#262527;float:left;width:40%;background:url(../bg/ren.svg) left center no-repeat;padding-left:28px; line-height:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .n_join ul li .top h6{font-size:.875rem;line-height:70px;color:#262527;float:left;width:40%} .n_join ul li .ar_article{padding:25px 25px 5px;display:none;margin:0;border:#e5e5e5 1px solid;width:100%} .n_join ul li .ar_article h3 { font-size:18px;} .n_join ul li .ar_article ol li{color:#666;padding-bottom: 5px !important; margin-left: 2rem; list-style: inherit !important } .n_join ul li .ar_article ul li{color:#666;padding-bottom: 5px !important; margin-left: 2rem; list-style:disc; } .n_join ul li .ar_article p{font-size:14px;line-height:24px;margin-bottom:24px;color:#5c5c5d} .n_join ul li .ar_article p strong{font-size:18px;line-height:24px;margin-bottom:24px;color:#275cab} .n_join ul li .ar_article .more{text-align:right;margin:-5rem 0 2rem} .n_join ul li .ar_article .more a{display:inline-block;width:6rem;height:2.5rem;line-height:2.5rem;border:#275cab 1px solid;text-align:center;transition:.6s;color:#275cab;padding:0} .n_join ul li .ar_article .more a:hover{background:#275cab;color:#fff;border:#275cab 1px solid} .n_join ul li.on .a .top{background:#275cab} .n_join ul li.on .a .top i{background:url(../bg/arrow-up.svg) center no-repeat} .n_join ul li.on .a .top h5{color:#fff;background:url(../bg/ren_on.svg) left center no-repeat;background-size:18px 18px!important} .n_join ul li.on .a .top h6{color:#fff} .ar_article{margin-bottom:0} /*鎷涜仒寮€濮 缁撴潫*/ /*浜у搧鍒 寮€濮?/ .products-service-list { float: left; height: 100%; width:100%; min-height: 1px; -moz-user-select:text; -khtml-user-select: text; user-select:text;} .miso-initialized .products-service-list{ display: block;} .n_products ul{margin-bottom:2rem} .n_products ul li{margin-bottom:10px} .n_products ul li .top{position:relative;height:70px;line-height:70px;background:#f3f3f7;padding:0 25px;box-sizing:border-box;margin-bottom:-1px;cursor:pointer} .n_products ul li .top i{position:absolute;right:2.5rem;top:50%;margin-top:-9px;width:18px;height:18px;background:url(../bg/arrow-down.svg) center no-repeat;background-size:18px 18px!important} .n_products ul li .top h5{font-size:16px;color:#262527;float:left;width:40%;background:url(../bg/daimamoshi.svg) left center no-repeat;padding-left:28px; line-height:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .n_products ul li .top h6{font-size:.875rem;line-height:70px;color:#262527;float:left;width:40%} .n_products ul li .ar_products{padding:25px 25px 5px;display:none;margin:0;border:#e5e5e5 1px solid;width:100%} .n_products ul li .ar_products h3 { font-size:18px;} .n_products ul li .ar_products ol li{color:#666;padding-bottom: 5px !important; margin-left: 2rem; list-style: inherit !important } .n_products ul li .ar_products ul li{color:#666;padding-bottom: 5px !important; margin-left: 2rem; list-style:disc; } .n_products ul li .ar_products p{font-size:16px;line-height:26px;margin-bottom:26px;color:#5c5c5d} .n_products ul li .ar_products p strong{font-size:18px;line-height:24px;margin-bottom:24px;color:#275cab} .n_products ul li .ar_products .more{text-align:right;margin:-2rem 0 1rem} .n_products ul li .ar_products .more a{display:inline-block;width:6rem;height:2.5rem;line-height:2.5rem;border:#275cab 1px solid;text-align:center;transition:.6s;color:#275cab;padding:0} .n_products ul li .ar_products .more a:hover{background:#275cab;color:#fff;border:#275cab 1px solid} .n_products ul li.on .a .top{background:#275cab} .n_products ul li.on .a .top i{background:url(../bg/arrow-up.svg) center no-repeat} .n_products ul li.on .a .top h5{color:#fff;background:url(../bg/daimamoshi_on.svg) left center no-repeat;background-size:28px 28px!important} .n_products ul li.on .a .top h6{color:#fff} .ar_products{margin-bottom:0} /*浜у搧鍒 缁撴潫*/ /*鍒嗛〉*/ .k_pagelist {width:100%;text-align:center;margin:20px 0;padding:10px;;word-break : break-all; overflow:hidden; 聽 clear: both;} .k_pagelist *{font-size:15px;padding:5px 12px; margin:5px;} .k_pagelist strong{background:#006FCB;font-weight:normal;color:#FFF;} .k_pagelist a {text-decoration:none;color:#3875D7;} .k_pagelist a:hover {text-decoration:none;background:#006FCB;color:#FFF;} .k_pagelist span{color:#999;} .k_pagelist input{border:1px solid;border-color:#7A7728;width:40px; display:none} /*鍒嗛〉*/ /*浜у搧鏈嶅姟鍒楄〃*/ .gotop_productslist_1 .items{margin-top:2vw} .gotop_productslist_1 .item{margin-top:3px} .gotop_productslist_1 .item:nth-of-type(1){margin-top:0} .gotop_productslist_1 .item .show_gotop{position:relative;padding:0 1.125vw;background-color:#f3f3f7;cursor:pointer;transition:all .3s ease} .gotop_productslist_1 .item .show_gotop h3{font-size:16px;font-weight:500;line-height:60px;color:#606060;padding:0 30px;margin-top:0;position:relative;transition:all .3s ease} .gotop_productslist_1 .item .show_gotop h3:before{content:'';width:27px;height:25px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../bg/daimamoshi.svg);position:absolute;left:0;top:50%;margin-top:-12px;} .gotop_productslist_1 .item .show_gotop:after{content:'';position:absolute;right:3.125vw;top:50%;margin-top:-13px;width:17px;height:27px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../bg/icon-right.png);transition:all .3s ease} .gotop_productslist_1 .item .hide_gotop{padding:2vw 3.125vw;background-color:#fff;display:none} .gotop_productslist_1 .item .para{font-size:16px;line-height:2;color:grey} .hide_gotop .more{text-align:right;margin:0rem 0 1rem} .hide_gotop .more a{display:inline-block;width:6rem;height:2.5rem;line-height:2.5rem;border:#7e67e5 1px solid;text-align:center;transition:.6s;color:#7e67e5;padding:0} .hide_gotop .more a:hover{background:linear-gradient(90deg,#7e67e5,#02cbdf);color:#fff;border:#7e67e5 1px solid} .gotop_productslist_1 .item.active{box-shadow:0 10px 30px rgba(0,0,0,.1)} .gotop_productslist_1 .item.active .show_gotop{/*background-color:#275cab*/background:linear-gradient(90deg,#7e67e5,#02cbdf)} /*.gotop_productslist_1 .item.active .show_gotop{background:linear-gradient(90deg,#02cbdf,#02cbdf)} .gotop_productslist_1 .item.active .show_gotop{background:linear-gradient(90deg,#1c50a1,#ef3f29)}*/ .gotop_productslist_1 .item.active .show_gotop h3{color:#fff;font-size:24px} .gotop_productslist_1 .item.active .show_gotop h3:before{background-image:url(../bg/daimamoshi_on.svg)} .gotop_productslist_1 .item.active .show_gotop:after{background-image:url(../bg/icon-right-on.png);transform:rotate(90deg)} @media screen and (max-width:1600px){ .gotop_productslist_1 .item.active .show_gotop h3{font-size:18px} .gotop_productslist_1 .item .show_gotop h3{font-size:18px; margin-bottom:0} .gotop_productslist_1 .item .para{font-size:15px} .gotop_productslist_1 .item .para ul li{ list-style:disc; margin:0 0 0 30px;} .gotop_productslist_1 .item .para h3{font-size:16px} .gotop_productslist_1 .item .show_gotop:after{width:12px;height:20px;margin-top:-10px} } @media screen and (max-width:1366px){ .gotop_productslist_1 .item.active .show_gotop h3{font-size:18px} .gotop_productslist_1 .item .show_gotop h3{font-size:16px} .gotop_productslist_1 .item .para{font-size:14px} .gotop_productslist_1 .item .para{line-height:24px} } @media screen and (max-width:768px){.index-tit h3{font-size:20px} .gotop_productslist_1 .item.active .show_gotop h3{font-size:16px} .gotop_productslist_1 .item .show_gotop h3{font-size:15px} .gotop_productslist_1{padding:40px 0} .gotop_productslist_1 .items{margin-top:20px} .gotop_productslist_1 .item .show_gotop h3{line-height:1.5} .gotop_productslist_1 .item .show_gotop{padding:10px 20px} .gotop_productslist_1 .item .show_gotop:after{right:20px} .gotop_productslist_1 .item .hide_gotop{padding:15px 20px} } /*浜у搧鏈嶅姟鍒楄〃*/ /*浜烘墠鎷涜仒鍒楄〃*/ .gotop_rczp_1 .items{margin-top:2vw} .gotop_rczp_1 .item{margin-top:3px} .gotop_rczp_1 .item:nth-of-type(1){margin-top:0} .gotop_rczp_1 .item .show_gotop{position:relative;padding:0 1.125vw;background-color:#f3f3f7;cursor:pointer;transition:all .3s ease} .gotop_rczp_1 .item .show_gotop h3{font-size:16px; font-weight:500;line-height:60px;color:#606060;padding:0 30px;margin:0;position:relative;transition:all .3s ease} .gotop_rczp_1 .item .show_gotop h3:before{content:'';width:27px;height:25px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../bg/ren.svg);position:absolute;left:0;top:50%;margin-top:-12px;} .gotop_rczp_1 .item .show_gotop:after{content:'';position:absolute;right:3.125vw;top:50%;margin-top:-13px;width:17px;height:27px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(../bg/icon-right.png);transition:all .3s ease} .gotop_rczp_1 .item .hide_gotop{padding:2vw 3.125vw;background-color:#fff;display:none} .gotop_rczp_1 .item .para{font-size:16px;line-height:2;color:grey} .hide_gotop .more{text-align:right;margin:0rem 0 1rem} .hide_gotop .more a{display:inline-block;width:6rem;height:2.5rem;line-height:2.5rem;border:#7e67e5 1px solid;text-align:center;transition:.6s;color:#7e67e5;padding:0} .hide_gotop .more a:hover{background:linear-gradient(90deg,#7e67e5,#02cbdf);color:#fff;border:#7e67e5 1px solid} .gotop_rczp_1 .item.active{box-shadow:0 10px 30px rgba(0,0,0,.1)} .gotop_rczp_1 .item.active .show_gotop{/*background-color:#275cab*/background:linear-gradient(90deg,#7e67e5,#02cbdf)} .gotop_rczp_1 .item.active .show_gotop h3{color:#fff;font-size:24px} .gotop_rczp_1 .item.active .show_gotop h3:before{background-image:url(../bg/ren_on.svg)} .gotop_rczp_1 .item.active .show_gotop:after{background-image:url(../bg/icon-right-on.png);transform:rotate(90deg)} @media screen and (max-width:1600px){ .gotop_rczp_1 .item.active .show_gotop h3{font-size:18px} .gotop_rczp_1 .item .show_gotop h3{font-size:18px} .gotop_rczp_1 .item .para{font-size:15px} .gotop_rczp_1 .item .para strong{font-size:18px;line-height:24px;margin-bottom:24px;color:#275cab} .gotop_rczp_1 .item .para strong{font-size:18px;line-height:24px;margin-bottom:24px;color:#275cab} .gotop_rczp_1 .item .para ol li{color:#666;padding-bottom:5px!important;margin-left:2rem;list-style:inherit!important} .gotop_rczp_1 .item .para ul li{color:#666;padding-bottom:5px!important;margin-left:2rem;list-style:disc} .gotop_rczp_1 .item .para ol li strong{font-size:16px;color:#666; font-weight:500;} .gotop_rczp_1 .item .para h3{font-size:16px} .gotop_rczp_1 .item .show_gotop:after{width:12px;height:20px;margin-top:-10px} } @media screen and (max-width:1366px){ .gotop_rczp_1 .item.active .show_gotop h3{font-size:18px} .gotop_rczp_1 .item .show_gotop h3{font-size:16px} .gotop_rczp_1 .item .para{font-size:14px} .gotop_rczp_1 .item .para{line-height:24px} } @media screen and (max-width:768px){.index-tit h3{font-size:20px} .gotop_rczp_1 .item.active .show_gotop h3{font-size:16px} .gotop_rczp_1 .item .show_gotop h3{font-size:15px} .gotop_rczp_1{padding:40px 0} .gotop_rczp_1 .items{margin-top:20px} .gotop_rczp_1 .item .show_gotop h3{line-height:1.5} .gotop_rczp_1 .item .show_gotop{padding:10px 20px} .gotop_rczp_1 .item .show_gotop:after{right:20px} .gotop_rczp_1 .item .hide_gotop{padding:15px 20px} } /*浜烘墠鎷涜仒鍒楄〃*/ /* 鍙充晶鍥哄畾 */ .fixed-right-box{position:fixed;right:2px;bottom:100px;z-index:11} .fixed-right-box .block{margin-top:2px;width:60px;height:60px;position:relative} .fixed-right-box .block a{position:absolute;right:0;top:0;display:block;width:60px;height:60px;text-align:center;border-radius:3px;background-color:#275cab;white-space:nowrap;transition:width .3s ease} .fixed-right-box .block i{display:inline-block;vertical-align:middle;width:60px;height:60px;background-position:center;background-repeat:no-repeat;transition:width .3s ease} .fixed-right-box .block span{display:inline-block;vertical-align:middle;width:60px;font-size:14px;color:#fff;margin-left:10px;text-align:left;white-space:normal} .fixed-right-box .block:nth-of-type(1){margin-top:0} .fixed-right-box .block.tel i{background-image:url("../bg/fixed-tel.png")} .fixed-right-box .block.top i{background-image:url("../bg/fixed-top.png")} .tel a.cart:hover .pic{display:block;} .tel .cart .pic {display:none;position: absolute;left: -173px;top: -60px;width: 170px;height: 200px;background:url(/images/wechat.jpg);} /* 鍙充晶鍥哄畾 */ /* footer */ .footer{box-shadow: 0 -2px 2px rgba(0, 0, 0, .1);} .footer .top-block{border-top:1px solid #e6e6e6;background-position:center top;background-repeat:no-repeat;background-size:100% auto; /*margin-top:35px;*/} .footer .top-box{padding:4vw 0 3vw;display:flex;justify-content:space-between;align-items:center} .footer .mid-box{border-top:0px solid #e6e6e6;padding:1vw 0 5vw;justify-content:space-between} .footer .mid-box .box{ float:left} .footer .mid-box h3{font-size:16px;color:#666; font-weight:bold} .footer .mid-box h3 a{font-size:18px;color:#666; font-weight:bold} .footer .mid-box h3:after{content:'';display:block;width:90%;height:1px;background-color:#275cab;margin:9px 0 22px 0} .footer .mid-box h4{font-size:16px;color:#808285} .footer .mid-box h4 a{font-size:16px;color:#808285} .footer .mid-box h4:after{content:'';display:block;margin:15px 0} .footer .mid-box ul{margin:0 20px 0 0} .footer .mid-box ul li{display:block;font-size:14px;color:grey;width:95%;margin-top:10px;padding:0 0 0 15px} .footer .mid-box ul li i{position:absolute;margin-left:-18px;line-height:20px} .footer .mid-box ul li span{ font-size:14px; font-family:Arial,Helvetica,sans-serif; color:#888;line-height:26px;} .footer .mid-box .link a{display:block;font-size:14px;color:#666;margin-top:20px;transition:color .3s ease} @media screen and (min-width:1025px){.footer .mid-box .link a:hover{color:#275cab} } @media screen and (max-width:1199px) { .bot-block span { display:inline-block} .footer .bot-block .flex .copyright{ display:block} } .foot-pc_show{} .foot-phone_show{ display: none;} @media screen and (max-width:1199px) { .foot-pc_show{ display:none;} .foot-phone_show{ display: block;} } @media screen and (max-width:992px) { .footer .mid-box{display:none} } @media screen and (max-width: 1024px) { .footer .mid-box{display:none} .footer .bot-block{padding:20px 0;text-align:center} .footer .bot-block .link{display:none} } .footer .bot-box{padding:2vw 0;border-top:1px solid #e6e6e6;display:flex;justify-content:space-between;align-items:center} .footer .bot-box .info{padding-left:60px;position:relative;margin-top:1vw} .footer .bot-box .info:nth-of-type(1){margin-top:0} .footer .bot-box .info:before{content:'';width:38px;height:38px;background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;left:0} .footer .bot-box .info p{font-size:16px;line-height:26px;color:#333} .footer .bot-box .info span{font-size:18px;} .footer .bot-block{background-color:#275cab;padding:2vw 0} .footer .bot-block .flex{display:flex;justify-content:space-between} .footer .bot-block a,.footer .bot-block span{font-size:14px;line-height:24px;color:#fff} .footer .bot-block a:before,.footer .bot-block span:before{content:'';width:1px;height:12px;background-color:#fff;display:inline-block;vertical-align:middle;margin:0 15px} .footer .bot-block a:nth-of-type(1):before,.footer .bot-block span:nth-of-type(1):before{display:none} .footer .bot-block a{transition:color .3s ease} .footer .bot-block a:hover{color:#fff} /* footer */