@charset "utf-8"; ul, li { list-style: none } ul { padding: 0 } li { zoom: 1; vertical-align: middle } .pic1 { width: 100%; overflow: hidden; position: relative } .pic1 img { transition: .5s } .pic1:after { content: ''; display: block; padding-bottom: 100% } .middlecenter { position: absolute; top: 0; bottom: 0; left: 0; right: 0; max-width: 100%; max-height: 100%; display: block; vertical-align: middle; text-align: center; margin: auto } #czcontainer { overflow: hidden; position: relative; max-width: 1920px; margin: 0 auto; background: #fff } .top1 { position: absolute; top: 0; left: 0; width: 100%; z-index: 121; transition: .7s } .header { transition: .5s; z-index: 100; width: 100%; height: 100px; border-bottom: 1px solid rgba(255,255,255,0.2) } .header .container { width: 100% } .header .logo { float: left; z-index: 4; transition: .5s; padding-top: 20px; margin-left: 72px } .header .logo a { float: left; position: relative } .header .logo a img { transition: .5s; display: block } .header .header-right { float: right; transition: .5s } .header .header-right .header-search { position: relative; float: right; margin-right: 50px } .header .header-right .header-search .pull-right { width: 40px; height: 100px } .header .header-right .header-search .pull-right a { display: block; width: 40px; height: 100px; line-height: 100px; text-align: center } .header .header-right .header-search .pull-right a svg { width: 22px; fill: #fff; vertical-align: middle; display: inline-block } .header .header-right .header-search .search { z-index: 9; position: relative } .header .header-right .header-search .search .btn-search-max { z-index: 2; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; position: relative } .header .header-right .header-search .search .btn-search-max * { display: inline-block; vertical-align: middle } .header .header-right .header-search .search .search-main { top: 0; right: 0; z-index: 9; width: 340px; display: none; padding: 0; position: absolute } .header .header-right .header-search .search-container { background-color: #fff; padding-left: 0; overflow: hidden; position: relative; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1) } .header .header-right .header-search .search-container .form-control { text-align: left; border: 0; width: 100%; font-size: 14px; color: #999; line-height: 20px; height: 42px; vertical-align: top; padding: 10px 86px 10px 70px; -webkit-appearance: none; background-color: #fff } .header .header-right .header-search .search-container .btn { top: 0; right: 0; color: #043b83; width: 42px; height: 42px; line-height: 42px; text-align: center; position: absolute; cursor: pointer; border-radius: 0; border: 0; background: no-repeat center center #fe8d09; background-size: 20px } .header .header-right .header-search #search-closed { right: 0; top: 15px; max-width: 30px; position: absolute; cursor: pointer } .header .header-right .phone { float: right; font-size: 35px; font-family: "dinpro-regular"; font-weight: bold; padding-right: 26px } .header .header-right .phone a { background: no-repeat center left; padding-left: 48px; display: block; color: #fff; line-height: 98px; letter-spacing: 1px } .header .header-right .nav { float: right; padding-right: 33px; position: relative; margin-right: 44px } .header .header-right .nav:after { content: ''; display: block; width: 1px; height: 14px; background: rgba(255,255,255,0.6); position: absolute; top: 50%; margin-top: -7px; right: 0 } .header .header-right .nav ul li { float: left; position: relative; margin-left: 51px } .header .header-right .nav ul li a { display: block; color: #fff; font-size: 16px; line-height: 98px; padding: 0 5px; text-align: center; position: relative; transition: .5s; height: 100px } .header .header-right .nav ul li .subnav { position: absolute; top: 90px; left: 50%; width: 160px; margin-left: -80px; white-space: nowrap; display: none; text-align: center; z-index: 6; padding: 10px 0 } .header .header-right .nav ul li .subnav ul { background: #fff; padding: 10px 0; box-shadow: 0 0 20px 0 rgba(0,0,0,0.15) } .header .header-right .nav ul li .subnav ul li { float: none; margin: 0; padding: 0; background: 0; position: relative } .header .header-right .nav ul li .subnav ul li a { line-height: 50px; font-size: 14px; color: #333; height: 50px; padding: 0 15px; transition: .5s; border: 0 !important } .header .header-right .nav ul li .subnav ul li a:after { display: none } .header .header-right .nav ul li .subnav ul li a:hover { background: #fe8d09; color: #fff; padding-left: 25px } .header .header-right .nav ul li .subnav ul li:hover ul { display: block } .header .header-right .nav ul li .subnav ul ul { position: absolute; top: 0; left: 100%; width: 160px; display: none } .header .header-right .nav ul li:hover a { border-bottom: 2px solid #fe8d09 } .header .header-right .nav ul li:hover .subnav { display: block } .header .header-right .nav ul li:nth-child(1) { background: 0 } .header .header-right .nav ul .active a { border-bottom: 2px solid #fe8d09 } .headerfixed { box-shadow: 0 0 20px 0 rgba(0,0,0,0.15) } .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } @-webkit-keyframes myfirst04 { 0% { opacity: .5; -webkit-transform: translatey(-30px); transform: translatey(-30px) } 100% { opacity: 1; -webkit-transform: translatey(0); transform: translatey(0) } } @keyframes myfirst04 { 0% { opacity: .5; -webkit-transform: translatey(-30px); transform: translatey(-30px) } 100% { opacity: 1; -webkit-transform: translatey(0); transform: translatey(0) } } @keyframes slideindown2 { from { -webkit-transform: translate3d(0,-70px,0); transform: translate3d(0,-70px,0); visibility: visible } to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0) } } .slideindown2 { -webkit-animation-name: slideindown2; animation-name: slideindown2 } @keyframes fadeinup2 { from { opacity: 0; transform: translate3d(0,100px,0) } to { opacity: 1; transform: translate3d(0,0,0) } } .fadeinup2 { animation-name: fadeinup2 } @keyframes fadeindown2 { from { opacity: 0; transform: translate3d(0,-50px,0) } to { opacity: 1; transform: translate3d(0,0,0) } } .fadeindown2 { animation-name: fadeindown2 } @keyframes fadeinleft2 { from { opacity: 0; transform: translate3d(-100px,0,0) } to { opacity: 1; transform: translate3d(0,0,0) } } .fadeinleft2 { animation-name: fadeinleft2 } @keyframes fadeinright2 { from { opacity: 0; transform: translate3d(100px,0,0) } to { opacity: 1; transform: translate3d(0,0,0) } } .fadeinright2 { animation-name: fadeinright2 } @keyframes jump { 0% { -webkit-transform: translatey(-40px); transform: translatey(-40px) } 100% { -webkit-transform: translatey(0); transform: translatey(0) } } @keyframes jump1 { 0% { -webkit-transform: translatey(40px); transform: translatey(40px) } 100% { -webkit-transform: translatey(0); transform: translatey(0) } } .banner1 { overflow: hidden; position: relative; height: 100vh } .banner1 .pic { background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; height: 100vh; -webkit-transition: all 4s; transition: all 4s } .banner1 .pic:after { content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.1); position: absolute; top: 0; left: 0; z-index: 2 } .banner1 .pro-info { position: absolute; top: 50%; left: 0; width: 100%; z-index: 3; text-align: center; transform: translatey(-50%) } .banner1 .pro-info .text .bt { margin: 0 auto; text-align: center; margin-bottom: 22px } .banner1 .pro-info .text .bt img { display: block; margin: 0 auto; text-align: center } .banner1 .pro-info .text .span { text-align: center; font-size: 24px; overflow: hidden; color: #dfdfdf; margin-bottom: 76px; letter-spacing: .5px } .banner1 .pro-info .text .span:after { content: ''; display: block; width: 52px; height: 1px; background: #a5a5a5; margin: 38px auto 0 auto } .banner1 .swiper-slide-active .pic { animation: 4s mymove4 alternate } .banner1 .swiper-slide-active .pro-info .text .bt { animation: 2s fadeindown2 alternate } .banner1 .swiper-slide-active .pro-info .text .jsh { animation: 2s fadeindown2 alternate } .banner1 .swiper-slide-active .pro-info .text .span { animation: 2.5s fadeinup2 alternate } .banner1 .swiper-slide-active .pro-info .text .p { animation: 3s fadeinup2 alternate } .anniu123 { width: 34px; margin-left: -17px; position: absolute; left: 50%; bottom: 10px; z-index: 95; cursor: pointer } .anniu123 img { -webkit-animation: myfirst04 1.5s linear infinite; animation: myfirst04 1.5s linear infinite } .xin-title { text-align: center; background: no-repeat top center; padding-top: 33px } .xin-title h3 { font-size: 40px; color: #222; font-weight: normal; margin-bottom: 9px } .xin-title p { font-size: 15px; color: #666 } .xin-title.x1 { background: no-repeat top center } .xin-title.x1 h3 { color: #fff } .xin-title.x1 p { color: #fff } .section { overflow: hidden; position: relative } .fp-section { z-index: 2 } .fp-section.fp-table, .fp-slide.fp-table { overflow: hidden !important } .active { position: relative; z-index: 24 } .service-wrap { position: relative } .xin-service { padding: 92px 0 93px 0 } .xin-service .xin-bottom { padding-top: 77px } .xin-service .xin-bottom ul { margin: 0 -11px; padding-bottom: 84px } .xin-service .xin-bottom ul li { width: 25%; float: left; padding: 0 11px } .xin-service .xin-bottom ul li .box { border: 1px solid #eee; border-radius: 10px; padding-top: 22%; padding-bottom: 22%; background: #fff; position: relative } .xin-service .xin-bottom ul li .box .img { width: 170px; position: relative; height: 170px; border-radius: 50%; overflow: hidden; margin: 0 auto; background: #f1f1f1 } .xin-service .xin-bottom ul li .box .img .pic { width: 100%; position: absolute; top: 0; left: 0 } .xin-service .xin-bottom ul li .box .img .pp { display: none } .xin-service .xin-bottom ul li .box .text { padding-top: 50px } .xin-service .xin-bottom ul li .box .text .bt { font-size: 48px; color: #fe8d09; font-family: "dinpro-regular"; font-weight: bold; text-align: center; line-height: 50px; margin-bottom: 9px } .xin-service .xin-bottom ul li .box .text .bt sup { font-size: 18px; color: #888; font-weight: normal } .xin-service .xin-bottom ul li .box .text .jsh { font-size: 18px; color: #555; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 36px; padding: 0 10px; text-align: center; margin-bottom: 35px } .xin-service .xin-bottom ul li .box .text .xmore p { width: 154px; height: 39px; line-height: 37px; border: 1px solid #a0a0a0; font-size: 15px; color: #666; margin: 0 auto; padding: 0 20px; background: no-repeat 86% center } .xin-service .xin-bottom ul li:hover .box { background: no-repeat top center; background-size: cover; box-shadow: 0 0 10px 0 rgba(6,0,1,0.15) } .xin-service .xin-bottom ul li:nth-child(1):hover .box{ background: no-repeat top center; } .xin-service .xin-bottom ul li:nth-child(2):hover .box{ background: no-repeat top center; } .xin-service .xin-bottom ul li:nth-child(3):hover .box{ background: no-repeat top center; } .xin-service .xin-bottom ul li:nth-child(4):hover .box{ background: no-repeat top center; } .xin-service .xin-bottom ul li:hover .box .text .jsh{ color:#fff; } .xin-service .xin-bottom ul li:hover .box:after { content: ''; display: block; width: 36px; height: 12px; position: absolute; top: 20px; right: 20px; border-radius: 30px; background: #fe8d09; z-index: 3 } .xin-service .xin-bottom ul li:hover .box .img { background: #fe8d09 } .xin-service .xin-bottom ul li:hover .box .img .p { display: none } .xin-service .xin-bottom ul li:hover .box .img .pp { display: block } .xin-service .xin-bottom ul li:hover .box .text .xmore p { border: 1px solid #19518e; color: #fff; background: #19518e no-repeat 86% center } .xin-service .xin-bottom ul .slick-dots { z-index: 10; line-height: 0; width: 100%; height: auto; bottom: 0; padding: 0 } .xin-service .xin-bottom ul .slick-dots li { margin: 0 5px; padding: 0; width: 14px; height: 14px; float: none; display: inline-block; vertical-align: top; border-radius: 50% } .xin-service .xin-bottom ul .slick-dots li button { width: 14px; height: 14px; padding: 0; display: block; background: #c6c6c6; border-radius: 50% } .xin-service .xin-bottom ul .slick-dots li button:before { content: "" } .xin-service .xin-bottom ul .slick-dots .slick-active { width: 32px } .xin-service .xin-bottom ul .slick-dots .slick-active button { background: #fe8d09; width: 32px; border-radius: 30px } .xin-service .xin-bottom ul .slick-dots .slick-active button:before { color: transparent } .xin-kecheng { padding: 90px 0 95px 0 } .xin-kecheng .xin-bottom { padding-top: 42px } .xin-kecheng .se-nav { position: relative } .xin-kecheng .se-nav:after { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: rgba(214,214,214,0.65); position: absolute; top: 50%; left: 0; margin-top: -2.5px; z-index: 2 } .xin-kecheng .se-nav:before { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: rgba(214,214,214,0.65); position: absolute; top: 50%; right: 0; margin-top: -2.5px; z-index: 2 } .xin-kecheng .se-nav ul { font-size: 0; text-align: center; position: relative } .xin-kecheng .se-nav ul:before { content: ''; display: block; width: 100%; height: 1px; border-radius: 50%; background: rgba(214,214,214,0.65); position: absolute; top: 50%; z-index: 1; right: 0; margin-top: -0.5px } .xin-kecheng .se-nav ul li { display: inline-block; vertical-align: top; padding: 0 20px; position: relative; z-index: 2 } .xin-kecheng .se-nav ul li a { display: block; width: 170px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; background: #fe8d09 } .xin-kecheng .se-nav ul .on a { background: #d87800; font-weight: bold } .xin-kecheng .se-show { padding-top: 53px } .xin-kecheng .se-show1 { /*display: none;*/ } .xin-kecheng .se-show .se-info ul { margin: 0 -12px; padding-bottom: 64px } .xin-kecheng .se-show .se-info ul li { width: 33.333333333333336%; float: left; padding: 0 12px } .xin-kecheng .se-show .se-info ul li .pic1:after { padding-bottom: 69.44% } .xin-kecheng .se-show .se-info ul li .pic1 .hover { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(254,145,9,0.8); opacity: 0; transition: .5s } .xin-kecheng .se-show .se-info ul li .pic1 .hover:after { width: 90%; height: 90%; border: 1px solid rgba(255,255,255,0.5); position: absolute; top: 5%; left: 5%; z-index: 2; content: ''; display: block } .xin-kecheng .se-show .se-info ul li .pic1 .hover .info { color: #fff; width: 100%; text-align: center; padding: 20px 82px; position: absolute; top: 50%; left: 0; z-index: 4; transform: translatey(-50%) } .xin-kecheng .se-show .se-info ul li .pic1 .hover .info .bt { font-size: 26px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px } .xin-kecheng .se-show .se-info ul li .pic1 .hover .info .bt:after { content: ''; display: block; width: 20px; height: 1px; background: #1a5392; margin: 16px auto 15px auto } .xin-kecheng .se-show .se-info ul li .pic1 .hover .info .jsh { font-size: 14px; line-height: 26px; height: 78px; overflow: hidden; margin-bottom: 26px } .xin-kecheng .se-show .se-info ul li .pic1 .hover .info .xmore { width: 42px; height: 42px; margin: 0 auto; background: no-repeat center center; background-size: cover } .xin-kecheng .se-show .se-info ul li .h3 { text-align: center; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; color: #fff; margin-top: 38px } .xin-kecheng .se-show .se-info ul li:hover .pic1 img { transform: scale(1.04) } .xin-kecheng .se-show .se-info ul li:hover .pic1 .hover { opacity: 1 } .xin-kecheng .se-show .se-info ul .slick-dots { z-index: 10; line-height: 0; width: 100%; height: auto; bottom: 0; padding: 0 } .xin-kecheng .se-show .se-info ul .slick-dots li { margin: 0 5px; padding: 0; width: 14px; height: 14px; float: none; display: inline-block; vertical-align: top; border-radius: 50% } .xin-kecheng .se-show .se-info ul .slick-dots li button { width: 14px; height: 14px; padding: 0; display: block; background: #fff; border-radius: 50% } .xin-kecheng .se-show .se-info ul .slick-dots li button:before { content: "" } .xin-kecheng .se-show .se-info ul .slick-dots .slick-active { width: 32px } .xin-kecheng .se-show .se-info ul .slick-dots .slick-active button { background: #fe8d09; width: 32px; border-radius: 30px } .xin-kecheng .se-show .se-info ul .slick-dots .slick-active button:before { color: transparent } .xin-fengcai { padding: 71px 0 69px 0 } .xin-fengcai .xin-bottom { padding-top: 36px } .xin-fengcai .se-nav { position: relative } .xin-fengcai .se-nav:after { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #e4e4e4; position: absolute; top: 50%; left: 0; margin-top: -2.5px; z-index: 2 } .xin-fengcai .se-nav:before { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background: #e4e4e4; position: absolute; top: 50%; right: 0; margin-top: -2.5px; z-index: 2 } .xin-fengcai .se-nav ul { font-size: 0; text-align: center; position: relative } .xin-fengcai .se-nav ul:before { content: ''; display: block; width: 100%; height: 1px; border-radius: 50%; background: #e4e4e4; position: absolute; top: 50%; z-index: 1; right: 0; margin-top: -0.5px } .xin-fengcai .se-nav ul li { display: inline-block; vertical-align: top; padding: 0 10px; position: relative; z-index: 2 } .xin-fengcai .se-nav ul li a { display: block; width: 180px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; background: #fe8d09 } .xin-fengcai .se-nav ul .on a { background: #19518e; font-weight: bold } .xin-fengcai .se-show .se-info { display: none } .xin-fengcai .se-show .se-info ul { margin: 0 -12px } .xin-fengcai .se-show .se-info ul li { width: 33.333333333333336%; float: left; padding: 0 12px; margin-top: 37px } .xin-fengcai .se-show .se-info ul li .pic1:after { padding-bottom: 64.05531546% } .xin-fengcai .se-show .se-info ul li .h3 { padding: 0 18px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; color: #111; line-height: 63px; background: #f3f3f3; border-bottom: 2px solid #f3f3f3 } .xin-fengcai .se-show .se-info ul li:hover .pic1 img { transform: scale(1.04) } .xin-fengcai .se-show .se-info ul li:hover .h3 { border-bottom: 2px solid #fe8d09; font-weight: bold; color: #19518e; background: #fff; box-shadow: 0 0 5px 0 rgba(6,0,1,0.06) } .xin-jiaoguan { padding: 85px 0 122px 0 } .xin-jiaoguan .xin-bottom { padding-top: 50px } .xin-jiaoguan .xin-bottom ul { margin: 0 -6px; padding-bottom: 60px } .xin-jiaoguan .xin-bottom ul li { width: 16.666666666666668%; float: left; padding: 20px 6px } .xin-jiaoguan .xin-bottom ul li .box { position: relative; transition: .5s } .xin-jiaoguan .xin-bottom ul li .pic1 { z-index: 1 } .xin-jiaoguan .xin-bottom ul li .pic1:after { padding-bottom: 170.96774193548387% } .xin-jiaoguan .xin-bottom ul li .pic1 .hover { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(254,145,9,0.9); opacity: 0; transition: .5s } .xin-jiaoguan .xin-bottom ul li .pic1 .hover:after { width: 90%; height: 94%; border: 1px solid rgba(255,255,255,0.5); position: absolute; top: 3%; left: 5%; z-index: 2; content: ''; display: block } .xin-jiaoguan .xin-bottom ul li .pic1 .hover .info { color: #fff; width: 100%; text-align: center; padding: 20px 25px; position: absolute; top: 50%; left: 0; z-index: 4; transform: translatey(-50%) } .xin-jiaoguan .xin-bottom ul li .pic1 .hover .info .bt { font-size: 25px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px } .xin-jiaoguan .xin-bottom ul li .pic1 .hover .info .bt:after { content: ''; display: block; width: 20px; height: 1px; background: #1a5392; margin: 16px auto 15px auto } .xin-jiaoguan .xin-bottom ul li .pic1 .hover .info .jsh { font-size: 14px; line-height: 26px; height: 78px; overflow: hidden; margin-bottom: 26px } .xin-jiaoguan .xin-bottom ul li .pic1 .hover .info .xmore { width: 42px; height: 42px; margin: 0 auto; background: no-repeat center center; background-size: cover } .xin-jiaoguan .xin-bottom ul li .h3 { text-align: center; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 18px; color: #333; margin-top: 38px; position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 2; line-height: 69px } .xin-jiaoguan .xin-bottom ul li:hover .box { transform: scale(1.07) } .xin-jiaoguan .xin-bottom ul li:hover .pic1 .hover { opacity: 1 } .xin-jiaoguan .xin-bottom ul li:hover .h3 { display: none } .xin-jiaoguan .xin-bottom ul .slick-dots { z-index: 10; line-height: 0; width: 100%; height: auto; bottom: 0; padding: 0 } .xin-jiaoguan .xin-bottom ul .slick-dots li { margin: 0 5px; padding: 0; width: 14px; height: 14px; float: none; display: inline-block; vertical-align: top; border-radius: 50% } .xin-jiaoguan .xin-bottom ul .slick-dots li button { width: 14px; height: 14px; padding: 0; display: block; background: #fff; border-radius: 50% } .xin-jiaoguan .xin-bottom ul .slick-dots li button:before { content: "" } .xin-jiaoguan .xin-bottom ul .slick-dots .slick-active { width: 32px } .xin-jiaoguan .xin-bottom ul .slick-dots .slick-active button { background: #fe8d09; width: 32px; border-radius: 30px } .xin-jiaoguan .xin-bottom ul .slick-dots .slick-active button:before { color: transparent } .xin-jidi { padding: 90px 0 112px 0 } .xin-jidi .xin-bottom { padding-top: 56px } .xin-jidi #focus_box { position: relative; width: 1360px; height: 630px } .xin-jidi #focus_box:after { content: ""; width: 729px; height: 2px; position: absolute; bottom: 193px; left: 234px; z-index: 10 } .xin-jidi #focus_box:before { content: ""; width: 729px; height: 2px; position: absolute; top: 0; left: 234px; z-index: 10 } .xin-jidi #focus_box ul { position: relative; width: 1360px; height: 630px } .xin-jidi #focus_box li { z-index: 0; position: absolute; width: 0; background: #f5f5f5; height: 0; top: 146px; cursor: pointer; left: 235px; overflow: hidden } .xin-jidi #focus_box li:hover .txt span a { color: #fe8d09 } .xin-jidi #focus_box li .pic { position: relative; width: 100%; overflow: hidden } .xin-jidi #focus_box li .pic img { width: 100% } .xin-jidi #focus_box li .txt { padding: 25px 60px 14px 50px } .xin-jidi #focus_box li .txt span { display: block; height: 24px; line-height: 24px; font-size: 20px; margin: 5px 0 0; overflow: hidden } .xin-jidi #focus_box li .txt span a { color: #333 } .xin-jidi #focus_box li .txt p { display: block; max-height: 56px; margin: 20px 0 15px; line-height: 28px; font-size: 14px; overflow: hidden; color: #666 } .xin-jidi #focus_box li .txt .more { display: inline-block; background: #fe8d09 url(/uploads/image/ixin/more1.png) no-repeat 86% center; color: #fff; font-size: 15px; overflow: hidden; padding: 0 20px; width: 160px; height: 42px; line-height: 42px } .xin-jidi #focus_box .prev, .xin-jidi #focus_box .next { display: block; z-index: 100; overflow: hidden; cursor: pointer; position: absolute; width: 60px; height: 40px; top: 295px } .xin-jidi #focus_box .prev { background: #fe8d09 no-repeat center center; left: -20px } .xin-jidi #focus_box .next { background: #fe8d09 no-repeat center center; right: -20px } .xin-jidi #focus_box .prev:hover { background: #19518e no-repeat center center } .xin-jidi #focus_box .next:hover { background: #19518e no-repeat center center } .xin-jidi #focus_box a.imgs-scroll-btn { display: block; position: absolute; z-index: 110; top: 7px; right: 15px; width: 51px; height: 23px; overflow: hidden; text-indent: -999px } .xin-news { padding: 78px 0 111px 0 } .xin-news .xin-bottom { padding-top: 63px } .xin-news .xin-bottom ul { margin: 0 -12px } .xin-news .xin-bottom ul li { float: left; width: 33.333333333333336%; padding: 0 12px } .xin-news .xin-bottom ul li:hover .pic1 img { transform: scale(1.04) } .xin-news .xin-bottom ul li:hover .txt1 span a { color: #fe8d09 } .xin-news .xin-bottom ul li .pic1 { display: block } .xin-news .xin-bottom ul li .pic1:after { padding-bottom: 45.662100456621005% } .xin-news .xin-bottom ul li .pic1 .hot { position: absolute; top: 0; left: 0; width: 70px; height: 52px; line-height: 52px; color: #fff; font-size: 16px; text-transform: uppercase; text-align: center; background: #fe8d09 } .xin-news .xin-bottom ul li:nth-child(2n) .pic1 .hot { background: #19518e } .xin-news .xin-bottom ul li .txt1 { padding: 28px 0 18px; border-bottom: 1px dashed rgba(178,178,178,0.7) } .xin-news .xin-bottom ul li .txt1 span { display: block; height: 24px; line-height: 24px; overflow: hidden; font-size: 20px } .xin-news .xin-bottom ul li .txt1 span a { color: #333; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .xin-news .xin-bottom ul li .txt1 p { display: block; height: 50px; margin: 12px 0 0; line-height: 25px; overflow: hidden; font-size: 14px; color: #555 } .xin-news .xin-bottom ul li ul li { width: 100%; padding: 0; border-bottom: 1px dashed rgba(178,178,178,0.7) } .xin-news .xin-bottom ul li ul li a { font-size: 16px; color: #777; display: block; background: no-repeat center left; padding-left: 15px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 49px } .xin-news .xin-bottom ul li ul { width: 100%; margin: 0 } .xin-news .xin-bottom ul li ul li a:hover { color: #fe8d09 } .xin-news .xin-bottom .textz { color: #999; font-size: 14px; margin: 25px 0 45px 0 } .home-title1 { text-align: center; background: no-repeat center center; padding: 21px 0 23px 0; position: relative } .home-title1:after { content: ''; display: block; width: 38px; height: 6px; position: absolute; bottom: -2px; z-index: 4; left: 50%; margin-left: -19px; background: #19518e } .home-title1 .bt { font-size: 30px; color: #333 } .home-title1 .bt span { font-weight: bold; color: #4e4e4e } .home-title1 .bt span b { color: #19518e } .home-title1 .jsh { font-size: 14px; color: #999; font-family: arial; text-transform: uppercase } .xin-partner { padding: 81px 0 34px 0; background: #fff } .xin-partner .home-bottom { padding: 51px 0 50px 0; position: relative } .xin-partner ul { margin: 0 -9px; padding-bottom: 43px } .xin-partner ul li { padding: 0 9px; width: 20%; float: left } .xin-partner ul li a { display: block; border: 1px solid #d2d2d2; background: #fff; transition: .5s; margin-bottom: 26px } .xin-partner ul li a .pic1 { transition: .5s } .xin-partner ul li a .pic1 img { transition: .5s } .xin-partner ul li a .pic1:after { padding-bottom: 50.78125% } .xin-partner ul li a:hover { border: 1px solid #fe8d09; box-shadow: 0 0 20px 0 rgba(0,0,0,0.16) } .xin-partner .slick-dots { z-index: 10; line-height: 0; width: 100%; height: auto; bottom: 0; padding: 0 } .xin-partner .slick-dots li { margin: 0 5px; padding: 0; width: 14px; height: 14px; float: none; display: inline-block; vertical-align: top; border-radius: 50% } .xin-partner .slick-dots li button { width: 14px; height: 14px; padding: 0; display: block; background: #c6c6c6; border-radius: 50% } .xin-partner .slick-dots li button:before { content: "" } .xin-partner .slick-dots .slick-active { width: 32px } .xin-partner .slick-dots .slick-active button { background: #fe8d09; width: 32px; border-radius: 30px } .xin-partner .slick-dots .slick-active button:before { color: transparent } @font-face { font-family: "kankin"; src: format("woff2"), format("woff"), format("truetype"), format("embedded-opentype"), format("svg"); font-weight: normal; font-style: normal } .xin-footer { border-top: 6px solid #19518e; padding: 76px 0 0 0; background: no-repeat top center; background-size: cover; margin-bottom:90px; } .xin-footer2 { margin-bottom:90px; } .xin-footer a:hover { color: #fff !important; text-decoration: underline } .xin-footer .xin-ft { overflow: hidden; padding-bottom: 57px } .xin-footer .xin-ft ul { width: 78%; float: left } .xin-footer .xin-ft ul li { width: 15%; float: left; padding-right: 43px } .xin-footer .xin-ft ul li a { display: block; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px; padding-bottom: 18px; margin-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,0.2) } .xin-footer .xin-ft ul li ul { width: 100% } .xin-footer .xin-ft ul li ul li { width: 100% !important; padding-right: 0; float: none } .xin-footer .xin-ft ul li ul li a { border-bottom: 0; font-size: 15px; color: rgba(255,255,255,0.5); line-height: 32px; margin: 0; padding: 0; background: no-repeat center left; padding-left: 28px } .xin-footer .xin-ft ul li .footer-contact { padding-top: 7px } .xin-footer .xin-ft ul li .footer-contact .tel { background: no-repeat top left; padding-left: 60px; margin-bottom: 10px } .xin-footer .xin-ft ul li .footer-contact .tel h3 { font-size: 14px; font-weight: normal; color: rgba(255,255,255,0.6) } .xin-footer .xin-ft ul li .footer-contact .tel p { font-size: 24px; color: #fff; font-family: "kankin" } .xin-footer .xin-ft ul li .footer-contact .p { font-size: 14px; color: #fff; line-height: 24px } .xin-footer .xin-ft ul li:nth-last-child(1) { width: 38% } .xin-footer .xin-ft .footer-gz { float: right; width: 20% } .xin-footer .xin-ft .footer-gz .item { width: 50%; float: left; text-align: center; color: #fff; padding-left: 10px } .xin-footer .xin-ft .footer-gz .item img { max-width: 100% } .xin-footer .xin-ft .footer-gz .item .t { font-size: 15px; margin-top: 18px } .xin-footer .xin-link { color: #fff; padding-bottom: 18px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.2) } .xin-footer .xin-link span { color: #fff; display: inline-block; vertical-align: top; position: absolute; top: 0; left: 0; font-size: 14px; opacity: .8; line-height: 24px } .xin-footer .xin-link ul { display: inline-block; vertical-align: top; font-size: 0; min-height: 24px; padding-left: 70px } .xin-footer .xin-link ul li { display: inline-block; vertical-align: top } .xin-footer .xin-link ul li a { color: rgba(255,255,255,0.5); display: block; position: relative; margin-right: 4px; padding-right: 4px; font-size: 14px; line-height: 24px } .xin-footer .xin-link ul li a:after { content: ''; display: block; width: 1px; height: 14px; background: rgba(255,255,255,0.4); position: absolute; top: 50%; right: 0; margin-top: -7px } .xin-footer .xin-copyright { color: rgba(255,255,255,0.5); padding: 25px 0; font-size: 15px; text-align: center } .xin-footer .xin-copyright a{ color: rgba(255,255,255,0.5); } .dibu { width: 100%; padding-top: 10px; font-size: 15px; color: #fff; z-index: 99999; overflow: hidden; padding-bottom: 10px; background: #fe8d09; position:fixed; bottom:0 } .dibu img { display: inline-block; vertical-align: middle } .dibu a:hover { color: #fff !important; text-decoration: underline } .dibu .right { width: 66%; float: right; position: relative; padding-right: 133px } .dibu .right ul li { width: 17%; float: left; padding-right: 8px } .dibu .right ul li:last-child { width: 31%; } .dibu .right input { height: 41px; border: 0; background: #fff; float: left; font-size: 15px; display: block; padding: 0 22px; color: #333; width: 100% } .dibu .right .input4 { width: 40% } .dibu .right input::-webkit-input-placeholder { color: #555 } .dibu .right input:-moz-placeholder { color: #555; opacity: 1 } .dibu .right input::-moz-placeholder { color: #555; opacity: 1 } .dibu .right input:-ms-input-placeholder { color: #555 } .dibu .right .submit { font-size: 16px; color: #fff !important; width: 133px; height: 41px; line-height: 41px; background: #19518e; position: absolute; top: 0; right: 0; text-align: center } .dibu .right .submit:hover { background: #023369 } .dibu p { padding-top: 10px } .dibu p span { float: right; font-size: 14px } .dibu p span a { color: rgba(255,255,255,0.5) } .xin-lxfx { position: fixed; width: 75px; height: auto; top: 200px; right: 0; z-index: 11 } .xin-lxfx li { width: 75px; height: 70px; background: #5e5e5e; margin-bottom: 1px; margin-left: 0; overflow: inherit !important; position: relative; list-style: none } .xin-lxfx li:hover p { color: #fff } .xin-lxfx li a { color: #fff; margin: 0; display: block; height: 70px; width: 300px } .xin-lxfx .fewm { width: 130px; height: 130px; position: absolute; left: -145px; top: -30px; z-index: 9999; display: none } .xin-lxfx .fewm span { display: block; width: 104px; height: 104px; margin: 12px auto 5px; position: relative } .xin-lxfx .f_phnoe { width: 160px; height: 70px; line-height: 70px; font-family: "avantgarde_bk_btbook"; position: absolute; left: -175px; background: #fe8d09; top: 0; z-index: 9999; color: #fff; font-size: 22px; text-align: center; display: none } .xin-lxfx .f_phnoe:after { content: ""; position: absolute; width: 12px; height: 18px; right: -6px; top: 50%; margin-top: -9px; background: no-repeat } .xin-lxfx .leftlx { float: left; width: 75px; height: 70px; padding: 13px 5px 5px } .xin-lxfx .leftlx p { text-align: center; color: #fff; font-size: 13px; margin: 3px auto 0; height: 24px; overflow: hidden; line-height: 24px } .xin-lxfx .leftlx i { display: block; width: 27px; height: 25px; margin: 0 auto; text-align: center } .xin-lxfx .leftlx .icon_zx { background: no-repeat center } .xin-lxfx .leftlx .icon_qq { background: no-repeat center } .xin-lxfx .leftlx .icon_tel { background: no-repeat center } .xin-lxfx .leftlx .icon_baoming { background: no-repeat center } .xin-lxfx .leftlx .icon_wx { background: no-repeat center } .xin-lxfx .leftlx .icon_top { background: no-repeat center } .iscrollindicator { display: none } .xin-huodong { padding: 106px 0 81px 0 } .xin-huodong .xin-bottom { padding-top: 56px } #certify { position: relative; margin: 0 -50px } #certify .swiper-slide { width: 700px } #certify .swiper-slide .pic1 { display: block } #certify .swiper-slide .pic1:after { padding-bottom: 67.08860759493672% } #certify .swiper-slide .pic1 .video-btn { position: absolute; top: 0; width: 100%; height: 100%; display: none; background: rgba(26,83,146,0.65) no-repeat center center } #certify .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #111; font-size: 20px; margin: 0; opacity: 0 } #certify .swiper-slide-active .pic1 .video-btn { display: block } #certify .swiper-slide-active p { opacity: 1 } #certify .swiper-button-prev { left: 0; width: 60px; height: 40px; margin-top: -45px; background: #19518e no-repeat no-repeat center center } #certify .swiper-button-prev:hover { background-color: #fe8d09 } #certify .swiper-button-next { right: 0; width: 60px; height: 40px; margin-top: -45px; background: #19518e url(/uploads/image/ixin/more1.png) no-repeat no-repeat center center } #certify .swiper-button-next:hover { background-color: #fe8d09 } .transparent { position: fixed; top: 0; left: 0; z-index: 9999999999999999; width: 100%; height: 100%; background: repeat; background: rgba(0,0,0,0.7); display: none } .video-popup { position: fixed; z-index: 9999999999999999999; width: 780px; height: 500px; left: 50%; top: 50%; margin: -250px 0 0 -390px; text-align: center; display: none; background: #fff; padding: 20px } .video-popup .box { height: 100%; background: #f1f1f1; text-align: center } .video-popup .box img { max-height: 100%; display: block; margin: 0 auto } .video-popup .close { display: block; width: 35px; height: 35px; position: absolute; right: -35px; top: -35px; background: url(/uploads/image/images/closeds.png) no-repeat center center; background-size: 20px } .section { overflow: hidden; position: relative } .fp-section { z-index: 2 } .fp-section.fp-table, .fp-slide.fp-table { overflow: hidden !important } .section:nth-child(1) { z-index: 666 } .section.active { position: relative; z-index: 24 } .section.active .banner1 .pro-info .text .bt { -webkit-animation: fadeinleft 1s alternate; animation: fadeinleft 1s alternate } .section.active .banner1 .pro-info .text .span { -webkit-animation: fadeinleft 1.5s alternate; animation: fadeinleft 1.5s alternate } .section.active .xin-title { -webkit-animation: fadeindown 2s alternate; animation: fadeindown 2s alternate } .section.active .xin-bottom { -webkit-animation: fadeinup 2s alternate; animation: fadeinup 2s alternate } .section.active .xin-kecheng .se-show { -webkit-animation: fadeinup 2.5s alternate; animation: fadeinup 2.5s alternate } @media(max-width:1660px) { .header .header-right .nav ul li { margin-left: 35px } .xin-jiaoguan .xin-bottom ul li .pic1 .hover .info .bt { font-size: 20px } } @media(max-width:1440px) { .header .container { width: 1260px; padding: 0 10px } .header .logo { padding-top: 20px; margin-left: 0 } .header .header-right .header-search { margin-right: 0 } .header .header-right .phone { font-size: 22px; padding-right: 13px } .header .header-right .nav ul li { margin-left: 18px } .xin-jidi #focus_box { width: 1200px; margin: 0 auto; height: 520px } .xin-jidi #focus_box li .txt { padding: 13px 20px 14px 20px } .xin-jidi #focus_box ul { width: 1200px; height: auto } .xin-footer .xin-ft ul li .footer-contact .tel p { font-size: 21px } #certify .swiper-slide { width: 600px } } #choose { position: absolute; height: 42px; text-align: center; background: none; color: #b0b4bb; } .xin-kecheng .se-showsss1 { height:0; overflow:hidden; padding:0; margin:0; } .xin-jiaoguan .pic1 img{ width:100%; } #certify .pic1 img{ width:100%; } .xin-kecheng ul .pic1 img{ width:100%; } .xin-fengcai .pic1 img{ height:100%; } .xin-news .pic1 img{ height:100% } #newbridge .icon-right-bottom{ bottom:95px !important; }