/*reset*/ body, dl, dd, dt, input, h1, h2, p, ul { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { list-style: none; } h1, h2 { font-weight: bold; text-transform: uppercase; } input { border: none; } ul { display: block; } ul, li { list-style-type: none; } i, em { font-style: normal; } * { /*box-sizing: border-box;*/ margin: 0; } body { font-family: "Microsoft Yahei", Helvetica, sans-serif; font-size: 14px; line-height: 22px; padding: 0; background: #f8f8f8; } a { color: #666; text-decoration: none;/* transition: 0.8s all ease-in-out; */ } a:visited { text-decoration: none; } a:active { text-decoration: none; } a:hover { text-decoration: none; } div, p, dl, dd, dt { display: block; } input, textarea { color: #999; border: none; outline: none; font-size: 14px; -webkit-appearance: none; } .fl { float: left; } .fr { float: right; } .container-fluid { position: relative; width: 100%; margin: 0 auto; padding: 0px; overflow: hidden; } .container { padding: 0; margin: 0 auto; width: 1200px; } .z-color { color: #df4634; } .y-color { color: #3187cf; } .c-color { color: #205da5; } /*----------------header-------------------------*/ .header { background: #fff; z-index: 10; overflow: initial; } .header-title { height: 90px; position: relative; } .header-title ul { overflow: hidden; } .header-title .logo { position: absolute; left: 50%; right: 0; top: 0; width: 181px; height: 184px; z-index: 99; transform: translateX(-50%); } } .header-title .logo img { margin: 0 auto; } .header-title li { float: left; width: 43%; padding: 16px 0;/* margin-top: 10px; */ } .header-title li h2 { margin-left: 0; width: 90%; color: #333333; font-size: 16px; margin-top: 10px; } .header-title li h2 strong { color: #205da5 } .header-title li p { font-size: 16px; text-align: left; color: #333333; height: 32px; } .header-title .header-title-right { float: right; width: 343px; padding-left: 92px;/* background: url(../images/refer.png) no-repeat left center; *//* margin-top: -10px; */ } /*2021.6.29 新增*/ .clearfix { zoom: 1; } .topbar { line-height: 34px; background-color: #f2f2f2; font-size: 14px; } .topbar ul { float: right; } .topbar li { float: left; margin-left: 15px; } .container { width: 1200px; margin: 0 auto; } /*--------banner-----------*/ .ban_p { z-index: 1; } .ban_p, .ban_p ul { position: relative; width: 100%; } .ban_p li, .ban_p li a { float: left; display: block; width: 100%; overflow: hidden; position: relative; margin: 0 auto; height: 645px; } .ban_p li img { width: 100%; } .ban_t { width: 600px; height: 50px; bottom: 0; left: 50%; margin-left: -300px; position: absolute; text-align: center; z-index: 3; } .ban_t em { width: 50px; height: 10px; /* border-radius: 16px; */ margin-right: 16px; display: inline-block; background: #969696; cursor: pointer; } .ban_t em.on { background: #0a72c7; } .ban_p .prev, .ban_p .next { position: absolute; display: block; left: 0px; top: 32%; width: 56px; height: 80px; background: url(../images/icons.png) left 0px no-repeat; filter: alpha(opacity=10); opacity: 0.5; } /*banner 开始*/ .yunu-slideBox { height: 600px; position: relative; overflow: hidden; } .yunu-slideBox .hd { position: absolute; bottom: 90px; font-size: 0; left: 0; width: 100%; text-align: center; z-index: 2; } .yunu-slideBox .hd li { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background-color: #333; cursor: pointer; border-radius: 50%; } .yunu-slideBox .hd li.on { background-color: #0890e1; } .yunu-slideBox .bd, .yunu-slideBox .bd ul, .yunu-slideBox .bd li { width: 100% !important; height: 100% !important; } .yunu-slideBox .bd li { background: no-repeat center; } .yunu-slideBox .bd li a { display: block; width: 100%; height: 100%; } /*AD 广告*/ .in-total { background-color: #0890e1; color: #fff; margin-top: -70px; position: relative; z-index: 3; text-align: center; } .in-total li { float: left; width: 25%; padding: 40px 0; } .in-total li span { display: block; line-height: 1; font-size: 18px; } .in-total li strong { font-size: 50px; position: relative; display: inline-block; } .in-total li strong:before { position: absolute; content: '+'; right: -16px; top: 0; font-size: 24px; } .in-total li p { margin: 10px 0 0; font-size: 18px; } /*产品 开始*/ .section { padding: 90px 0; } .section-title { margin-bottom: 40px; text-align: center; font-size: 48px; } .section-title p { margin: 0; font-size: 0; position: relative; } .section-title p:before { position: absolute; left: 0; top: 50%; content: ''; width: 100%; height: 1px; background-color: #eee; } .section-title span { display: inline-block; vertical-align: middle; position: relative; padding: 0 30px; } .section-title span:before { position: absolute; left: 0; top: 50%; content: ''; width: 100%; height: 3px; background-color: #0890e1; margin-top: -1px; } .section-title i { font-size: 24px; display: inline-block; vertical-align: middle; position: relative; z-index: 1; font-style: normal; background-color: #fff; padding: 0 15px; } .section-title small { display: block; font-size: 16px; text-transform: uppercase; color: #999; } .section-title-1 i { font-size: 28px; } /*产品展示*/ .bg1 { background: url(../images/cpbg.jpg) no-repeat center; } .bg1 .section-title i { background-color: #f9f9f9; } .in-prd-menu .n { } .in-prd-menu .n li { float: left; width: 20%; } .in-prd-menu .n li a { display: block; background-color: #242d34; color: #fff; line-height: 46px; position: relative; font-size: 18px; text-align: center; border-left: 1px solid #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .in-prd-menu .n li a:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; content: ''; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #0890e1; } .in-prd-menu .n li span { position: relative; z-index: 1; } .in-prd-menu .n li.on a:before { height: 100%; } .in-prd-menu .b { font-size: 0; background-color: #fff; } .in-prd-menu .b li { display: none; } .in-prd-menu .b li a { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 41px; border-bottom: 1px solid #f9f9f9; background: url(../images/cpico.png) no-repeat 20px center; padding-left: 35px; } .in-prd-list { margin-top: 40px; overflow: hidden; } .in-prd-list li { float: left; width: 353px; margin-left: 30px; } .in-prd-list li a { display: block; margin-top: 10px; -webkit-transition: all 0.5s; transition: all 0.5s; } .in-prd-list li .img-center { height: 265px; line-height: 265px; -webkit-transition: all 0.5s; transition: all 0.5s; } .in-prd-list li .text { margin-top: 20px; text-align: center; } .in-prd-list li .text h4 { margin: 0; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .in-prd-list li .text p { margin: 10px 0 0; color: #888; height: 60px; overflow: hidden; } .in-prd-list li .text span { display: inline-block; margin-top: 10px; background-color: #0890e1; color: #fff; line-height: 40px; width: 150px; } .in-prd-list li a:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .in-prd-list li a:hover .img-center { box-shadow: 0 0 5px rgba(0,0,0,0.2); } /*我们优势*/ .in-dzsc { } .in-dzsc .hd { position: relative; bottom: -50px; z-index: 2; margin-top: -50px; } .in-dzsc .hd li { float: left; width: 95px; height: 103px; font-size: 22px; font-weight: bold; color: #fff; background: no-repeat 0 0; text-align: center; line-height: 142px; margin: 0 52px; cursor: pointer; } .in-dzsc .hd li:nth-child(1) { background: url(../images/ysico1.png); } .in-dzsc .hd li:nth-child(2) { background: url(../images/ysico2.png); } .in-dzsc .hd li:nth-child(3) { background: url(../images/ysico3.png); } .in-dzsc .hd li:nth-child(4) { background: url(../images/ysico4.png); } .in-dzsc .hd li:nth-child(5) { background: url(../images/ysico5.png); } .in-dzsc .hd li:nth-child(6) { background: url(../images/ysico6.png); } .in-dzsc .hd li.on:nth-child(1) { background: url(../images/ysico1cur.png); } .in-dzsc .hd li.on:nth-child(2) { background: url(../images/ysico2cur.png); } .in-dzsc .hd li.on:nth-child(3) { background: url(../images/ysico3cur.png); } .in-dzsc .hd li.on:nth-child(4) { background: url(../images/ysico4cur.png); } .in-dzsc .hd li.on:nth-child(5) { background: url(../images/ysico5cur.png); } .in-dzsc .hd li.on:nth-child(6) { background: url(../images/ysico6cur.png); } .in-dzsc .bd li { position: relative; } .in-dzsc .bd li .text { position: absolute; left: 60px; top: 110px; width: 390px; height: 350px; background-color: rgba(255,255,255,0.95); padding: 30px 25px 0; } .in-dzsc .bd li .text h4 { margin: 0 0 30px; padding-top: 45px; font-size: 30px; background: no-repeat center 0; } .in-dzsc .bd li:nth-child(1) .text h4 { background-image: url(../images/01.png); } .in-dzsc .bd li:nth-child(2) .text h4 { background-image: url(../images/02.png); } .in-dzsc .bd li:nth-child(3) .text h4 { background-image: url(../images/03.png); } .in-dzsc .bd li:nth-child(4) .text h4 { background-image: url(../images/04.png); } .in-dzsc .bd li:nth-child(5) .text h4 { background-image: url(../images/05.png); } .in-dzsc .bd li:nth-child(6) .text h4 { background-image: url(../images/06.png); } .in-dzsc .bd li p { line-height: 1.8; margin: 20px 0 0; font-size: 15px; background: url(../images/yspico.jpg) no-repeat 0 10px; padding-left: 18px; } .in-dzsc .bd li p strong { color: red; } .bg2 { background: url(../images/jzbg.jpg) no-repeat center 0; } .bg2 .section-title i { background-color: #f2f2f2; } .ban_p .prev:hover, .ban_p .next:hover { opacity: 1; } .ban_p .next { left: auto; right: 0px; background-position: -64px 0px; } .banner-ab { position: relative; display: block !important; margin: 0 auto; } .banner-ab-left { width: 220px; height: 460px; overflow: hidden; position: absolute; padding: 0 17px 0px; z-index: 1; background: url(../images/banner-back.png); } .banner-ab-left ul { overflow: hidden; padding: 15px 0 20px; border-bottom: 1px solid #8f8baa; } .banner-ab-left ul:last-child { border-bottom: none; } .banner-ab-left h3, .banner-ab-left li a, .banner-ab-left p, .banner-ab-left .ewm span { width: 100%; color: #fff; } .banner-ab-left h3 { font-weight: normal; margin: 10px 0; padding-left: 30px; background: url(../images/zg.png) no-repeat left 5px center; } .banner-ab-left li { overflow: hidden; width: 50%; float: left; padding-right: 5%; } .banner-ab-left li a { line-height: 28px; transition: 0.8s all ease-in-out; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #ddd; } .banner-ab-left li a:hover { margin-left: 6px; transition: 0.8s all ease-in-out; } .banner-ab-left .ewm span { } .banner-ab-left .ewm { margin: 30px 5px; overflow: hidden; } .banner-ab-left p { width: auto; overflow: hidden; margin: 0 20px; text-align: center; } .banner-ab-left .ewm p img { width: 100%; } .banner-ab-left .ewm span { display: block; text-align: center; } /*--------------banner-ab-right---------------------*/ .banner-ab-right { right: 0; width: 359px; height: 549px; overflow: hidden; position: absolute; padding: 20px 0px 0px; z-index: -1; background: url(../images/banner-back.png); } .banner-ab-right h2, .banner-ab-right li a, .banner-ab-right li { text-align: center; color: #fff; } .banner-ab-right h2, .banner-ab-right ol { margin: 0px auto; width: 100%; padding: 0 5px; } .banner-ab-right h2 { font-size: 20px; margin-bottom: 8px; } .banner-ab-right ol:hover li { animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate; display: inline-block; transform: translate3d(0, 0, 0); padding-top: 10px; text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em; color: #df4634; } .banner-ab-right ol li:nth-child(1) { animation-delay: 0s; } .banner-ab-right ol li:nth-child(2) { animation-delay: 0.0833333333s; } .banner-ab-right ol li:nth-child(3) { animation-delay: 0.1666666667s; } @keyframes bounce { 0% { transform: translate3d(0, 0, 0); text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em; } 100% { transform: translate3d(0, -1em, 0); text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em; } } .banner-ab-right ol li { width: 33.33%; height: 44px; line-height: 44px; float: left; border-bottom: 1px dashed rgba(255, 255, 255, 0.1); } .banner-ab-right-ol { padding: 0px; overflow: hidden; background: url(../images/banner-back.png); } .banner-ab-right-ol li { border: none !important; } .content { width: 1200px; margin: auto; padding: 10px 0; overflow: hidden; } .content-title { text-align: center; line-height: 30px; color: #000; } .content-title h1 { line-height: 80px; } .content-left .t-img { border-bottom: 1px solid #1a9bcd; padding: 25px 0 20px 17px; } .content-left { width: 330px; margin: 20px 0 0 0; background: #205da5; } .content-left ul { background: #e5e5e5; overflow: hidden; padding: 20px 0; } .content-left ul li::before { content: "·"; width: 30px; display: inline-block; text-align: center; color: #205da5; font-weight: bold; } .content-left ul li { width: 50%; float: left; line-height: 40px; } .content-left ul li a { display: inline; color: #000; } .content-left ul li a:hover { color: #205da5; } .content-left .s-title { line-height: 54px; color: #fff; font-size: 18px; font-weight: bold; padding-left: 20px; } .content-left .contect { height: 395px; border-top: 10px solid #fff; position: relative; background: url(../images/connect.png) no-repeat; } .content-left .contect .ser { position: absolute; top: 55px; left: 105px; } .content-left .contect h3 { color: #fff; display: inline; font-weight: bold; margin-left: 10px; } .content-left .contect .phone { position: absolute; top: 100px; left: 70px; font-size: 27px; } .content-right { width: 852px; margin: 20px -11px 0 0; overflow: hidden; } .content-right .t-img { text-align: center; height: 244px; background: #fff; } .content-right .detal { background: #205da5; padding: 20px 38px; color: #fff; } .content-right .detal div { line-height: 50px; font-size: 25px; font-weight: bold; } .content-right .detal p { font-size: 14px; line-height: 28px; } .content-right .detal a { margin: 15px 0; color: #205da5; font-size: 18px; border-radius: 25px; line-height: 38px; background: #fff; width: 180px; text-align: center; padding: 6px 10px 6px 10px; } .content-right .detal a span { display: inline-block; border-radius: 100%; background: #c3262a; color: #ffff; width: 20px; height: 21px; line-height: 18px; font-weight: bold; } .content-right .fbox { width: 273px; text-align: center; border: 1px solid #ccc; margin: 11px 11px 0 0; background: #fff; } .content-right .fbox .pp { color: #000; font-size: 18px; line-height: 52px; background: #e0e0e0; } .content-right .fbox a:hover .pp { color: #fff; background: #205da5; } .buju { position: relative; height: 100%; } .buju .pan { position: absolute; width: 310px; height: 310px; background: url(../images/pan.png) no-repeat center; left: 50%; top: 19%; margin-left: -155px; } .buju .circle { position: absolute; width: 453px; height: 453px; background: url(../images/circle.png) no-repeat center; left: 50%; top: 10%; margin-left: -226.5px; animation: zhuan 15s linear infinite; } @keyframes zhuan { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .buju .b-box { position: absolute; width: 440px; } .buju .b-box .num { width: 75px; height: 75px; border: 6px solid #205da5; background: #008daa; border-radius: 100%; font-size: 35px; text-align: center; line-height: 63px; font-weight: bold; color: #fff; float: left; } .buju .b-box:hover .num { animation: fan 1s linear; } @keyframes fan { 0% { transform: translateZ(0); } 50% { transform: rotateY(180deg); } 100% { transform: rotateY(360deg); } } .buju .b-box .nd { margin: 0 0 0 88px; } .buju .b-box .nd h3 { margin: 12px 0 5px 0; font-weight: bold; color: #205da5; } .buju .b-box .nd p { font-size: 18px; } .buju .b-box ul { margin: 32px 0 0 0; font-size: 16px; width: 370px; clear: both; } .buju .b-box ul li::before { content: "·"; width: 18px; display: inline-block; color: #205da5; font-weight: bold; font-size: 33px; vertical-align: sub; } .buju .b-box ul li span { font-weight: bold; } .buju .b-box ul li { margin: 10px 0; } .buju .box1 { top: 0px; left: 0px; background: url(../images/box1.png) no-repeat center 80px; } .buju .box2 { top: 0px; right: 0px; background: url(../images/box2.png) no-repeat center 80px; } .buju .box3 { top: 444px; left: 0px; background: url(../images/box3.png) no-repeat center 30px; } .buju .box4 { top: 440px; right: 0px; background: url(../images/box4.png) no-repeat center 30px; } .buju .box2 div, .buju .box4 div { float: right !important; text-align: right; } .buju .box2 .nd, .buju .box4 .nd { margin: 0 10px 0 0; } .buju .box2 ul, .buju .box4 ul { margin: 100px 0 0 86px; } .ind-hzyx { width: 100%; padding-bottom: 10px; } .ind-hzyx-b { width: 100%; } .ind-hzyx-b ul { overflow-x: auto; overflow-y: hidden; } .ind-hzyx-b ul li { float: left; overflow: hidden; margin-top: 0px !important; margin-right: 22px; } .ind-hzyx-b ul li a { overflow: hidden; } .ind-hzyx-b ul li img { max-width: none; width: -webkit-calc(100% + 5px); width: calc(100% + 5px); -webkit-transition: opacity .35s, -webkit-transform .35s; transition: opacity .35s, transform .35s; -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } .news_c img { width: 363px !important; } .linyu img { width: 288px !important; } .plist img { width: 238px; } .ind-hzyx-b ul li:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ind-hzyx-b ul li p { width: 100%; line-height: 54px; text-align: center; background: #205da5; color: #fff; font-size: 15px; } .ind-hzyx ol { position: relative; z-index: 9; } .ind-hzyx ol div { position: absolute; top: 150px; left: -20px; background: #000; color: #fff; font-weight: bold; border-radius: 100%; font-size: 35px; width: 40px; height: 40px; line-height: 34px; text-align: center; cursor: pointer; } .ind-hzyx ol .next { left: 1180px; } .yansf li { margin-right: 52px !important; } .yansf li p { color: #000 !important; background: none !important; } .walk { padding: 40px 0 0 0; overflow: hidden; } .walk .about { overflow: hidden; padding: 15px 0 20px 0; font-weight: bold; border-bottom: 2px solid #0f4f68; } .walk .about span { float: right; font-size: 40px; width: 150px; line-height: 40px; text-align: right; } .walk .about h3 { width: 322px; text-align: center; margin: 1px 0 15px; font-weight: bold; } .walk .about p { background: #0f4f68; display: inline-block; border-radius: 30px; line-height: 42px; color: #fff; width: 333px; font-size: 19px; text-align: center; } .walk .text { font-size: 16px; line-height: 25px; padding: 15px 0 0 0; letter-spacing: 1px; } .support { text-align: center; width: 100%; } .support .mam { overflow: hidden; } .support .mam ul { margin: 25px 0 0; } .support .mam li { float: left; margin: 0 20px 0 0; width: 278px; } .support .mam li img { border: 1px solid #205da5; } .ind-news { width: 100%; padding: 50px 0 0; overflow: hidden; } .ind-news .newti { width: 527px; margin: 5px 20px 30px 425px; overflow: hidden; } .ind-news .newti div { width: 155px; line-height: 42px; border: 1px solid #000; text-align: center; font-size: 22px; float: left; margin: 0 10px; cursor: pointer; } .ind-news .newti div:hover { color: #205da5; border: 1px solid #205da5; } .ind-news .newti div.on { color: #205da5; border: 1px solid #205da5; } .news { width: 100%; margin-top: 10px; margin-bottom: 60px; padding: 30px 15px; height: 424px; } .news-left { float: left; width: 700px; margin-right: 20px; padding-right: 20px; border-right: 1px solid #eee; } .news-right { overflow: hidden; } .news .newti ul, .news .newti { width: 100%; overflow: hidden; } .news .newti li { position: relative; float: left; color: #000; background-color: #fff; margin: 0 13px 30px 0; cursor: pointer; padding: 15px 50px; text-align: center; font-size: 24px; } .news ul .news-lid { background-color: #205da5; color: #fff; } .news .newti2 li { border-top: 1px solid #000; border-bottom: 1px solid #000; font-size: 20px; padding: 20px 0; } .news .newti2 li span { color: #999; font-size: 18px; } .news .newti2 li a { width: 28px; height: 28px; background: url(../images/more.png) no-repeat center; float: right; } .news-left .news_c, .news-left .news_c ul, .news-left .news_c ul ol, .news-left .news_c ul>div, .news-left .news_c ul ol a { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; } .news-left .news_c ul ol, .news-left .news_c ul>div, .news-left .news_c ul ol li, .news-left .news_c ul>div dl, .news-left .news_c ul>div dd { float: left; display: block; overflow: hidden; } .news-left .news_c ul>div { margin: 20px auto; } .news-left .news_c ul>div dd { width: 387px; float: left; padding-left: 40px; } .news-left .news_c ul>div dd h4 { line-height: 30px; color: #000; } .news-left .news_c ul>div dd p { color: #000; letter-spacing: 2px; } .news-left .news_c ul>div dd span { color: #999; } .news-left .news_c ul>div dl img { width: 100%; } .hotpic img { width: 286px !important; height: 210px; } .news-left .news_c ul ol li { background: #000; color: #fff; float: none; overflow: hidden; padding: 8px 16px; margin: 5px 0 25px; } .news-left .news_c ul ol li .tiem { float: left; width: 70px; } .news-left .news_c ul ol li .tiem div { font-size: 27px; padding: 10px 0; } .news-left .news_c ul ol li:hover { background: #205da5; } .news-left .news_c ul ol li a { color: #fff; text-align: center; } .news-left .news_c ul ol li .ctx { border-left: 1px solid #fff; font-size: 16px; float: left; margin: 12px 0 0 15px; padding: 10px 0 10px 23px; } .news-right .news_b { margin-top: 10px; overflow: hidden; height: 590px; padding: 15px 10px; position: relative; } .news-right .news_b li { padding: 10px 0 30px 50px; background: url(../images/search.png) no-repeat 10px 10px; } .news-right .news_b li a { font-size: 18px; color: #205da5; } .news-right .news_b li a p { color: #333; font-size: 16px; margin: 15px 0; letter-spacing: 2px; } .card { background: #205da5; border-radius: 10px; margin: 80px 0 0; padding: 20px; color: #fff; font-size: 18px; } .card .hang { display: inline-block; border-bottom: 1px solid #fff; width: 30%; margin: 0 16px; padding: 5px 0; } .card .hang input { width: 288px; background: transparent; margin: 0 0 0 15px; font-size: 18px; color: #fff; } .card .tsss { margin: 60px 16px 20px; border-bottom: 1px solid #fff; } .card .tsss textarea { margin: 0 0 0 20px; background: transparent; color: #fff; font-size: 18px; } .card .free { margin: 20px auto 40px; width: 96%; } .card .free a { display: inline-block; border-radius: 20px; font-size: 18px; font-weight: bold; background: #fff; color: #205da5; padding: 15px 50px; } .card .free .fphone { float: right; background: url(../images/pph.png) no-repeat 0 center; padding: 15px 0 15px 60px; color: #fff; font-weight: bold; font-size: 40px; } .card .free .fphone span { font-size: 19px; display: inline-block; padding: 0 10px 0 0; vertical-align: bottom; } .friend { margin: 40px 0 0; } .friend h4 { color: #205da5; border-bottom: 1px solid #999; padding: 15px 0; } .friend h4 span { color: #999; } .friend a { display: inline-block; margin: 10px 20px 20px 0; } /*foot*/ .yunu-footer { background-color: #194593; padding-top: 50px; color: #aaacae; } .yunu-footer a { color: #aaacae; } .yunu-footer a:hover { color: #0890e1; } .yunu-footer-info { float: left; width: 400px; } .yunu-footer-info .logo { margin-bottom: 30px; } .yunu-footer-info .logo img { display: block; height: 68px; width: auto; } .yunu-footer-info h4 { margin: 0 0 30px; font-size: 20px; color: #fff; } .yunu-footer-info p { font-size: 16px; margin: 10px 0 0; padding-left: 38px; background: no-repeat 0 center; line-height: 1.8; } .yunu-footer-info p.i1 { background-image: url(../images/fico1.png); } .yunu-footer-info p.i2 { background-image: url(../images/fico2.png); } .yunu-footer-info p.i3 { background-image: url(../images/fico3.png); } .yunu-footer-info p.i4 { background-image: url(../images/fico4.png); } .yunu-footer dl { float: left; width: 160px; margin: 20px 0 0 40px; } .yunu-footer dt { font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 15px; } .yunu-footer dd { margin: 0; } .yunu-footer .item li { line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .yunu-footer .code a { display: block; padding: 10px 20px; background-color: #fff; margin-bottom: 30px; border-radius: 5px; position: relative; } .yunu-footer .code .pic { float: left; height: 38px; width: 38px; line-height: 38px; } .yunu-footer .code .text { margin-left: 48px; } .yunu-footer .code .text h4 { margin: 0; color: #333; } .yunu-footer .code .text small { display: block; font-size: 12px; line-height: 18px; color: #999; } .yunu-footer .code .sub { position: absolute; right: 100%; top: 0; width: 130px; display: none; margin-right: 5px; z-index: 2; } .yunu-footer .code a:hover .sub { display: block; } .yunu-footer .code a:nth-child(even) { background-color: #0890e1; color: #fff; } .yunu-footer .code a:nth-child(even) .text h4 { color: #fff; } .yunu-footer .code a:nth-child(even) .text small { color: #cacaca; } .yunu-footer .sns { font-size: 0; margin-left: -28px; } .yunu-footer .sns a { display: inline-block; vertical-align: middle; background: no-repeat center / contain; width: 34px; height: 34px; margin-left: 28px; position: relative; } .yunu-footer .sns a.i1 { background-image: url(../images/ft1.png); } .yunu-footer .sns a.i2 { background-image: url(../images/ft2.png); } .yunu-footer .sns a.i3 { background-image: url(../images/ft3.png); } .yunu-footer .sns .img-center { position: absolute; bottom: 100%; left: 50%; margin: 0 0 5px -65px; width: 130px; display: none; } .yunu-footer .sns a:hover .img-center { display: block; } .yunu-footer-copy { margin-top: 30px; padding: 20px 0; border-top: 1px solid #3a4249; } .foot { background: #222222; height: 310px; } .foot-lf { margin: -15px 0 0 0; } .foot-lf div { background: #18617f; color: #fff; padding: 24px 28px; font-size: 25px; } .foot-lf ul { padding: 40px 18px 23px; background: #fff; font-size: 15px; color: #333; } .foot-lf li { padding: 5px 10px; } .final { width: 720px; margin: 0 0 0 50px; position: relative; } .final ul { border-bottom: 1px solid #666; overflow: hidden; padding: 25px 0; margin-bottom: 30px; } .final ul li { float: left; margin: 0 15px 0 0; } .final ul li a { color: #fff; font-size: 18px; } .final p { display: inline-block; width: 47%; color: #999; font-size: 15px; margin: 15px 0; } .final .code { display: inline-block; background: #fff url(../images/code.png) no-repeat 15px center; padding: 8px 30px 8px 60px; margin: 20px 25px 0 0; border-radius: 50px; line-height: 15px; } .final .code p { color: #000; font-size: 14px; display: block; margin: 0; width: 100%; } .final .code span { color: #ccc; font-size: 12px; } .erxian { display: none; position: absolute; min-width: 120px; top: 97px; left: 225px; } .erxian img { width: 100%; } .erxian2 { left: 20px; } .kefu .kefu-main, .kefu-tel-main { box-sizing: content-box; background-image: -webkit-gradient(linear, right top, left top, from(rgb(51,132,195)), color-stop(52%, rgb(52 120 193)), to(rgb(41, 127, 228))); } .navroot a { display: block; } /*分页*/ .mweb-pages { margin: 20px; } .mpagination-wrapper { margin: 20px 0; } .mpagination { height: 34px; text-align: center; } .mpagination li { display: inline-block; height: 34px; margin-right: 5px; } .mpagination li a { float: left; display: block; height: 32px; line-height: 32px; padding: 0 12px; font-size: 16px; border: 1px solid #dddddd; color: #555555; text-decoration: none; } .mpagination li a:hover { background: #f5f5f5; color: #004095; } .mpagination li.active { background: #004095; color: #fff; } .mpagination li.active a, .mpagination li.active a:hover { background: transparent; border-color: #004095; color: #fff; cursor: default; } /*分页end*/ /*header_main ming*/ .w1200 { width: 1200px; margin: 0 auto; } .header_main { width: 100%; height: 130px; z-index: 100; background: #fff; } .header_main .logo { float: left; padding: 30px 0; } .header_main .logo img { display: block; height: 62px; width: auto; } .header_main .text { float: left; font-size: 18px; padding: 10px 0 10px 0px; margin: 23px 0; } .header_main .text strong { display: block; font-size: 22px; } .header_main .tel { float: right; background: url(../images/tel.png) no-repeat 0 center; padding-left: 65px; margin-top: 24px; } .header_main .tel strong { display: block; font-size: 28px; font-family: Impact; line-height: 1; } b, strong { font-weight: bolder; } .header_main .tel { position: relative; padding-left: 70px; margin-top: 30px; } .header_main .tel b { position: absolute; left: 0; top: 5px; width: 51px; height: 51px; float: left; display: block; background: url(../images/tel.png) no-repeat; } .header_main .tel p { float: right; font-size: 16px; color: #666; display: block; } .header_main .tel p i { color: #194593; } .header_main .tel p span { display: block; font-size: 36px; color: #194593; line-height: 40px; font-weight: bold; font-family: Impact; } /*导航开始*/ .nav_main { width: 100%; height: 55px; line-height: 55px; background: #194593; position: relative; z-index: 3; } .nav .list { width: 100%; margin: 0 auto; height: 55px; line-height: 55px; position: relative; } .nav_main .nav { width: 1200px; margin: 0 auto; } .nav_main .nav li { float: left; width: 150px; display: block; position: relative; z-index: 10; font-size: 16px; text-align: center; } .nav_main .nav li a { display: block; color: #fff; font-size: 16px; } .nav_main .nav li a:hover, .nav_main .nav li a.hover { background: #d22e22; } .nav_main .nav dl { width: 100%; background: #004095; left: 0; top: 55px; z-index: 12; } .nav_main .nav dl { position: absolute; filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); } .nav_main .nav li:hover dl { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .nav_main .nav dl dd { line-height: 45px; border-top: 1px solid #0f3e7a; text-align: left; position: relative; z-index: 12; display: block; width: 100%; } .nav_main .nav dl dd:first-child { border: none; } .nav_main .nav dl dd a { color: #fff; font-size: 14px; padding: 0; width: 100%; text-align: center; } .nav_main .nav dl dd a:hover, .nav_main .nav dl dd a.hover { background: #e60211; } /*header_main end*/ /*新葡亰8883ent*/ .product { padding-bottom: 30px; background: #fff; } .pro_con .pro_left { padding: 0 13px 13px 13px; background: #009946; } .pro_con .pro_left h2 { padding: 30px 0; text-align: center; position: relative; font-size: 27px; /*height: 33px;*/ background: #004095; width: 240px; } .pro_con .pro_left h2 a { color: #fff; } .pro_con .pro_left h2 i { display: block; font-size: 12px; text-transform: uppercase; color: #fff; } .pro_con .pro_left .left_con { width: 240px; background: #fff; padding: 12px; border-radius: 5px; } .pro_con .pro_left .left_con .con_p1 { height: 44px; line-height: 44px; font-size: 18px; background: #009946; color: #fff; text-indent: 12px; border-radius: 5px; margin-bottom: 10px;background: url(../images/p14-icon2.png) no-repeat right center #004095; } .pro_con .pro_left .left_con .con_p1 a { color: #fff; } .pro_con .pro_left .left_con ul { padding-bottom: 20px; } .pro_con .pro_left .left_con ul li { height: 40px; font-size: 14px; position: relative; border-bottom: 1px solid #e6e6e6; } .pro_con .pro_left .left_con ul li a { display: block; line-height: 40px; height: 40px; padding-left: 12px; } .pro_con .pro_left .left_con a.pro_more { display: block; height: 42px; line-height: 42px; font-size: 18px; border: 1px solid #009946; color: #009946; border-radius: 3px; text-align: center; } .pro_con .pro_left .left_con ul li.cur a, .pro_con .pro_left .left_con ul li:hover a { color: #009946; } .pro_con .pro_left .left_con ul li.cur, .pro_con .pro_left .left_con ul li:hover { background: #e6e6e6 url(../images/projt.png) no-repeat 190px center; } .pro_con .con_right { width: 893px; } .pro_con .con_right h3 { font-size: 25px; overflow: hidden; position: relative; margin-bottom: 20px; } .pro_con .con_right h3 a { color: #333; } .pro_con .con_right h3 em { font-size: 14px; color: #999999; margin-left: 15px; text-transform: uppercase; } .pro_con .con_right h3 a.ckgda { float: right; font-size: 13px; font-weight: normal; height: 30px; line-height: 30px; color: #666; } .pro_con .con_right .r_top { height: 346px; border: 1px solid #d8d8d8; background: url(../images/probg.png); position: relative; border-top: 5px solid #029a47; overflow: hidden; } .pro_con .con_right .r_top ul { position: relative; } .pro_con .con_right .r_top ul li { float: left; position: relative; width: 891px; height: 346px; } .pro_con .con_right .r_top ul li .top_Img { display: block; width: 891px; height: 346px; position: absolute; left: 0px; top: 0; } .pro_con .con_right .r_top ul li .top_Img img { display: block; width: 891px; height: 346px; } .pro_con .con_right .r_top ul li dl { width: 365px; background: #fff9; padding: 30px 25px; position: absolute; left: 425px; top: 74px; box-shadow: 3px 3px 10px #d1e4e6; } .pro_con .con_right .r_top ul li dl dt { font-size: 25px; color: #009946; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #d0d0d0; margin-bottom: 15px; } .pro_con .con_right .r_top ul li dl dd { font-size: 14px; line-height: 20px; } .pro_con .con_right .r_top ul li dl em { display: block; width: 14px; height: 30px; position: absolute; left: -14px; top: 30px; background: url(../images/rla.png) no-repeat center; } .pro_con .con_right .r_top .pro_btnl { display: block; width: 32px; height: 82px; background: url(../images/jtl01.png) no-repeat center; position: absolute; left: 15px; top: 130px; z-index: 2; cursor: pointer; } .pro_con .con_right .r_top .pro_btnr { display: block; width: 32px; height: 82px; background: url(../images/jtr01.png) no-repeat center; position: absolute; right: 15px; top: 130px; z-index: 2; cursor: pointer; } .pro_con .con_right .r_bot { margin-top: 0px; } .pro_con .con_right .r_bot dl { width: 288px; margin: 0 14px 18px 0; float: left; } .pro_con .con_right .r_bot dl:nth-child(3n) { margin-right: 0; } .pro_con .con_right .r_bot dl dt { /*width: 286px;*/ border: 1px solid #d8d8d8; overflow: hidden; text-align: center; background-color: #f1f1f1; } .pro_con .con_right .r_bot dl dt img { display: block; width: 286px; height: 215px; transition: all 0.5s; } .pro_con .con_right .r_bot dl dd { height: 44px; line-height: 44px; text-align: center; font-size: 16px; background: #7b7b7b; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; } .pro_con .con_right .r_bot dl dd a { color: #fff; } .pro_con .con_right .r_bot dl:hover dt img { transform: scale(1.1); } .pro_con .con_right .r_bot dl:hover dd { background: #009946; } p.p_title { font-size: 32px; text-align: center; font-weight: bold; padding-top: 50px; text-transform: uppercase; color: #cccccc; } h2.h2_title i.titl { background: url(../images/titl01.png) no-repeat right center; } h2.h2_title a { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 0 15px; color: #333; } h2.h2_title i.titr { background: url(../images/titr01.png) no-repeat left center; } h2.h2_title i { display: inline-block; width: 230px; height: 3px; } h2.h2_title { text-align: center; font-size: 32px; margin-bottom: 30px; } /*新葡亰8883ent end*/ /*网站底部*/ .wrap-footer { height: 315px; background: #333333; } .footer { height: 315px; position: relative; color: #fff; } .footer a { color: #b6b6b6; } .footer .f_left { width: 180px; height: 280px; text-align: center; background: #fff; position: absolute; left: 0; top: 0; } .footer .f_left dl dt { padding-top: 22px; margin-bottom: 10px; } .footer .f_left dl dt img { display: block; margin: 0 auto; width: 160px; height: 160px; } .footer .f_left dl dd.dd1 { font-size: 14px; color: #333; } .footer .f_left dl dd.dd2 { font-size: 13px; width: 125px; margin: 16px auto 12px auto; height: 9px; position: relative; border-bottom: 1px solid #999999; } .footer .f_left dl dd.dd2 i { display: block; width: 70px; margin: 0 auto; background: #fff; color: #333; } .footer .f_left dl dd.dd3 { font-size: 20px; color: #009946; font-weight: bold; } .footer .f_top { margin-left: 180px; height: 50px; border-bottom: 1px solid #545454; padding-left: 40px; } .footer .f_top ul.top_ul li { float: left; width: 105px; height: 50px; font-size: 14px; line-height: 50px; text-align: center; } .footer .f_top ul.top_ul li:first-child { padding-left: 0; } .footer .f_top ul.top_ul li:hover a { color: #fff; } .footer .f_bot { margin-left: 180px; padding: 32px 0 0 40px; height: 200px; overflow: hidden; } .footer .f_bot ul.bot_ul1 { padding: 0 55px 0 55px; border-left: 1px solid #545454; float: left; height: 190px; } .footer .f_bot ul.bot_ul1:first-child { padding-left: 0; border-left: none; } .footer .f_bot ul.bot_ul1 li { line-height: 28px; font-size: 13px; position: relative; color: #b6b6b6; } .footer .f_bot ul.bot_ul1 li i { display: block; height: 18px; width: 3px; background: #fff; position: absolute; left: -19px; top: 0; } .footer .f_bot ul.bot_ul1 li:first-child { font-size: 14px; font-weight: bold; margin-bottom: 15px; height: 18px; line-height: 18px; } .footer .f_bot ul.bot_ul1 li:first-child a { color: #fff; } .footer .f_bot ul.bot_ul1 li:hover a { color: #fff; } /*底部版权*/ .f_icp { text-align: center; height: 43px; line-height: 43px; background: #009946; color: #fff; font-size: 13px; } .f_icp a { color: #fff; } .f_icp img { position: relative; top: 5px; left: 5px; } .footer { margin-left: auto; margin-right: auto; width: 1200px; } /*网站底部end*/ /*悬浮客服*/ .toolbar { width: 52px; position: fixed; right: 1%; top: 50%; margin-top: -115px; z-index: 999; } .toolbar dd { width: 51px; height: 51px; margin-bottom: 1px; position: relative; -webkit-border-radius: 100%; border-radius: 100%; margin-top: 4px; border: #ebebeb solid 1px; background-color: #fff; -webkit-border-radius: 100%; border-radius: 100%; } .toolbar dd i { width: 51px; height: 51px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; -webkit-border-radius: 100%; border-radius: 100%; } .toolbar dd i span { width: 35px; height: 35px; display: block; margin: 8px 0 0 8px; background: url(../images/rightfixicon.png) no-repeat 0 0; } .toolbar dd.gottop { display: none; } .toolbar .slide-tel { display: block; width: 0; height: 53px; line-height: 53px; font-size: 24px; font-weight: bold; font-family: arial; color: #FFF; position: absolute; padding: 0 0 0 53px; top: -1px; right: -2px; -webkit-border-radius: 50px; border-radius: 50px; overflow: hidden; } .toolbar .pop { position: absolute; right: 90px; top: -65px; background: #009946; display: none; } .toolbar .pop-code { width: 160px; } .toolbar .pop-code img { width: 120px; height: 120px; display: block; padding: 20px 20px 0; } .toolbar .pop-code h3 { height: 52px; line-height: 26px; text-align: center; color: #fff; font-size: 16px; font-weight: 400; white-space: nowrap; } .toolbar .pop-code h3 b { display: block; font-size: 14px; font-weight: normal; } .toolbar .qq span { background-position: -35px -47px; } .toolbar .qq a { width: 52px; height: 52px; cursor: pointer; display: block; } .toolbar .qq:hover { background-color: #009946; border-radius: 100%; } .toolbar .qq:hover span { background-position: 0 -47px; } .toolbar .tel span { background-position: -35px 0; } .toolbar .tel:hover { background: #009946; } .toolbar .tel:hover span { background-position: 0 0; } .toolbar .code span { background-position: -35px -95px; } .toolbar .code:hover { background-color: #009946; border-radius: 100%; } .toolbar .code:hover span { background-position: 0 -95px; } .toolbar .top span { background-position: -35px -142px; } .toolbar .top:hover { background-color: #009946; border-radius: 100%; } .toolbar .top:hover span { background-position: 0 -142px; } .toolbar dd:hover { } /*悬浮客服end*/ /*我们承诺*/ .zxzx { height: 264px; background: #009946; } .zxzx .container { height: 264px; position: relative; } .zxzx .zxzxbg { width: 238px; height: 288px; background: url(../images/zxzxbg01.png) no-repeat center; position: absolute; left: 0; top: -24px; } .zxzx .conleft { margin-left: 238px; padding-top: 30px; color: #fff; } .zxzx .conleft .zxzx_p1 { margin-bottom: 15px; } .zxzx .conleft .zxzx_p2 { overflow: hidden; position: relative; margin-bottom: 10px; } .zxzx .conleft .zxzx_p2 span { float: left; margin-right: 15px; padding-left: 12px; font-size: 16px; background: url(../images/zxzx02.png) no-repeat left center; } .zxzx .conleft .zxzx_p3 { width: 440px; height: 42px; line-height: 42px; text-align: center; font-size: 22px; color: #4b440d; background: #fde200; border-radius: 25px; box-shadow: 3px 3px 10px #00803a; margin-bottom: 15px; } .zxzx .conleft .zxzx_tel { padding-left: 55px; height: 50px; background: url(../images/zxzx_tel.png) no-repeat left center; } .zxzx .conleft .zxzx_tel .p1 { font-size: 14px; height: 20px; line-height: 20px; } .zxzx .conleft .zxzx_tel .p2 { font-size: 28px; font-weight: bold; height: 30px; line-height: 30px; } .zxzx .conright { width: 401px; padding: 24px 32px; background: #e60211; height: 216px; color: #fff; } .zxzx .conright h4 { font-size: 30px; font-weight: normal; margin-bottom: 15px; } .zxzx .conright h4 span { display: block; font-size: 20px; } .zxzx .conright .info_p1 { height: 40px; background: #fff; position: relative; margin-bottom: 8px; } .zxzx .conright .info_p1 span.ico { float: left; width: 40px; height: 40px; border-right: 1px solid #dddddd; background: url(../images/zxzx03.png) no-repeat center; } .zxzx .conright .info_p1 input { float: right; width: 355px; height: 40px; border: none; line-height: 40px; text-indent: 12px; font-size: 14px; color: #666; } .zxzx .conright .info_p2 { height: 40px; background: #fff; position: relative; margin-bottom: 8px; } .zxzx .conright .info_p2 span.ico { float: left; width: 40px; height: 40px; border-right: 1px solid #dddddd; background: url(../images/zxzx04.png) no-repeat center; } .zxzx .conright .info_p2 input { float: right; width: 355px; height: 40px; border: none; line-height: 40px; text-indent: 12px; font-size: 14px; color: #666; } .zxzx .conright .ljtja { display: block; width: 100%; height: 40px; font-size: 21px; text-align: center; line-height: 40px; color: #413b0c; background: #fde200; border: 0; cursor: pointer; } /*我们的承诺end*/ /*产品优势*/ #floor_3_main { background: #fff; } #floor_3_main .in_title3 { position: relative; width: 100%; height: 140px; } #floor_3_main .in_title3 .bg { width: 1200px; height: 60px; margin-top: 50px; border: 3px solid #d9d9d9; box-sizing: border-box; } #floor_3_main .in_title3 p { position: absolute; width: 845px; top: -35px; left: 125px; height: 50px; } #floor_3_main .in_title3 .p1 { color: #413F40; font-size: 24px; padding: 0 5px; background-color: #FFFFFF; } #floor_3_main .in_title3 .p2 { font-size: 40px; color: #B1B1B1; padding-right: 10px; background-color: #FFFFFF; } #floor_3_main .in_title3 .p3 { position: absolute; font-size: 50px; color: #e60211; line-height: 1.0; height: 58px; width: 700px; font-weight: bold; display: block; top: 29px; left: 35px; text-align: center; background-color: #FFFFFF; } #floor_3_main .proAdvant { margin-top: 0; } #floor_3_main .proAdvant .list { width: 100%; } #floor_3_main .proAdvant .list li { width: 100%; margin-bottom: 20px; } #floor_3_main .proAdvant .list li a { display: block; } #floor_3_main .proAdvant .list li .img { width: 530px; height: 300px; margin-left: 0; margin-right: 20px; } #floor_3_main .proAdvant .list li:nth-child(2n) .img { margin-left: 20px; margin-right: 0; } #floor_3_main .proAdvant .list li .title { width: 650px; } #floor_3_main .proAdvant .list li .title .shu { border-bottom: 1px dashed #b2b2b2; padding-bottom: 20px; text-align: center; } #floor_3_main .proAdvant .list li .title .shu span { display: inline-block; width: 60px; height: 60px; background: #e60211; border-radius: 10px; color: #fff; font-size: 46px; line-height: 60px; } #floor_3_main .proAdvant .list li .tit { font-size: 28px; color: #e60211; line-height: 1.5; padding-top: 20px; font-weight: bold; text-align: center; } #floor_3_main .proAdvant .list li .cont { font-size: 16px; color: #666; padding-top: 20px; text-align: justify; } /*产品优势end*/ /*滚动*/ .mr_t1{background:url(../images/mr_1px.jpg) repeat-x left bottom;height:40px;padding-right:16px;} .mr_t1name{font:bold 16px/40px "微软雅黑";color:#FFF;background:#2257A2 url(../images/mr_t1bg.jpg) no-repeat right top;height:40px;width:120px;padding-left:21px;float:left;} .mr_t1name img{float:left;margin-top:9px;margin-right:6px;display:inline;} .mr_frbox{height:140px;border-top:1px solid #DEDEDE;border-right:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;border-left:1px solid #DEDEDE;padding:16px 22px 0px;} .mr_frBtnL{float:left;margin:38px 22px 0px 0px;cursor:pointer;display:inline;} .mr_frUl{float:left;height:130px;width:540px;} .mr_frBtnR{float:right;margin-top:28px;cursor:pointer;} .mr_frUl ul li{display:inline;float:left;height:87px;width:235px;margin-right:0px;overflow:hidden;} .mr_frUl ul li img{display:block;margin-bottom:7px;border:1px solid #D8D8D8;} .mr_frUl ul li a:hover img{border:1px solid #A0C0EB;}