@charset "utf-8"; .w1200 { width: 1200px; margin: 0 auto; } .about-ry{ font-size: 20px; color: #666; margin: -24px 0; display: block; } .honour_list ul li{ float: left; width: 277px; text-align: center; margin-bottom: 30px; margin-right: 30px; } .honour_list ul li:nth-child(4n){ float: right; margin-right: 0; } .honour_list ul li .img{ width: 100%; overflow: hidden; border: 1px solid #eee; height: 300px; line-height: 300px; } .honour_list ul li .img img{ transition: all 0.5s; width: 100%; vertical-align: middle; } .honour_list ul li:hover .img img{ transform: scale(1.05); } .honour_list ul li h3{font-size: 16px;font-weight: normal;height: 40px;margin-top: 10px;} /* 面包屑 */ .bread { border-bottom: 1px solid #e9e9e9; line-height: 45px; font-size: 15px; color: #333333; } .bread a { display: inline-block; color: #333333; } .bread span { color: #00b7d3; } /**头部**/ .header { position: relative; left: 0; top: 0; width: 100%; z-index: 999; padding: 13px 30px; border-bottom: 1px solid #e9e9e9; } .logo { margin-top: 22px; width: 169px; height: 60px; overflow: hidden; line-height: 0; } .Tright { margin-top: 20px; } .Tright .stop { float: right; font-size: 15px; line-height: 16px; } .Tright .stop .search { float: left; } .Tright .stop .search .btn { width: 16px; height: 16px; background: url(../images/btn.png) no-repeat center center; float: left; border: none; position: relative; margin-right: 5px; cursor: pointer; } .Tright .stop .search .btn:before{ content: ""; position: absolute; left: -100%; top: 4px; width: 1px; height: 8px; background: none; opacity: 0.5; } .header.on .Tright .stop .search .btn:before{ background: #888888; } .Tright .stop .search .text { height: 16px; background: none; color: #fff; font-size: 13px; border: none; width: 68px; padding: 0 10px; } .Tright .stop .search input::-webkit-input-placeholder { color: #fff; } .Tright .stop a { float: left; color: #fff; position: relative; padding: 0 20px; } /* .Tright .stop .btn:before { content: ""; position: absolute; left: 0; top: 4px; width: 1px; height: 8px; background: #fff; opacity: 0.5; } */ .Tright .stop a.dh { float: right; color: #ffffff; padding-right: 0; } .Tright .stop a.dh span { font-weight: bold; } .nav { float: right; margin-top: 20px; } .nav ul li { float: left; font-size: 15px; margin-left: 50px; } .nav ul>li>a { color: #fff; display: block; padding-bottom: 26px; border-bottom: 2px solid transparent; } .nav ul>li>a>i { position: relative; top: -3px; margin-left: 5px; display: inline-block; width: 8px; height: 4px; background: url(../images/icon2.png) no-repeat center center; } .header.on .nav ul>li:hover>a, .header.on .nav ul>li.cur>a { color: #00b7d3; border-bottom: 2px solid #00b7d3; } .header.on .nav ul>li:hover>a i, .header.on .nav ul>li.cur>a i { background-image: url(../images/icon3.png); } /* .header.fixed-head { position: fixed; z-index: 9999; left: 50%; top: 0; transform: translateX(-50%); max-width: 1920px; width: 100%; background: #fff; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); box-shadow: 0 0 5px rgba(0, 0, 0, .2); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } */ .header.on { background: #f8f8f8; } .header.on .logo img { transform: translateY(-60px); -webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); -o-transform: translateY(-60px); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .header.on .nav ul li a { color: #666666; } .header.on .nav ul li a i { background-image: url(../images/icon4.jpg) } .header.on .Tright .stop .search .btn { background-image: url(../images/btn2.jpg) } .header.on .Tright .stop .search .text { color: #888888; } .header.on .Tright .stop .search input::-webkit-input-placeholder { color: #888888; } .header.on .Tright .stop a { color: #888888; } .header.on .Tright .stop a:before { background: #888; } .header.on .Tright .stop a.dh span { color: #1d2e5d; } .navbox { position: absolute; left: 0; top: 105px; width: 100%; background: #fff; border-top: 1px solid #eeeeee; display: none; } .navbox .navBtn { float: left; width: 260px; background: #00b7d3; } .navbox .navBtn p { line-height: 52px; color: #fff; font-size: 16px; padding-left: 40px; cursor: pointer; } .navbox .navBtn p i { width: 30px; height: 30px; position: relative; top: 10px; display: inline-block; margin-right: 15px; } .navbox .navBtn p i.i1 { background: url(../images/xl_icon1.png) no-repeat center center; } .navbox .navBtn p i.i2 { background: url(../images/xl_icon2.png) no-repeat center center; } .navbox .navBtn p i.i3 { background: url(../images/xl_icon3.png) no-repeat center center; } .navbox .navBtn p i.i4 { background: url(../images/xl_icon4.png) no-repeat center center; } .navbox .navBtn p i.i5 { background: url(../images/xl_icon5.png) no-repeat center center; } .navbox .navBtn p i.i6 { background: url(../images/xl_icon6.png) no-repeat center center; } .navbox .navBtn p.cur { background: #00c2f4; } .navbox .navCon { width: 940px; float: left; } .navbox .navCon .tebles_con .text { float: left; width: 25%; border-right: 1px solid #eeeeee; min-height: 312px; padding-top: 10px; } .navbox .navCon .tebles_con .text p { padding-left: 60px; } .navbox .navCon .tebles_con .text p a { color: #666666; line-height: 32px; } .navbox .navCon .tebles_con .text p a:hover { color: #00b7d3; } .navbox .navBtn2 { float: left; width: 260px; min-height: 312px; background: #00b7d3; } .navbox .navBtn2 p { line-height: 60px; color: #fff; font-size: 16px; padding-left: 35px; cursor: pointer; border-bottom: 1px solid #10c2dd; position: relative; } .navbox .navBtn2 p:before { content: ""; position: absolute; right: 30px; top: 25px; width: 8px; height: 15px; background: url(../images/jt2.png) no-repeat center center; } .navbox .navBtn2 p.cur { background: #10c2dd; } .navbox .navBtn2 p.cur::before { background-image: url(../images/jt3.png); } .navbox .navCon2 { width: 940px; float: left; } .navbox .navCon2 .tebles_con .text { float: left; width: 25%; border-right: 1px solid #eeeeee; min-height: 312px; } .navbox .navCon2 .tebles_con .text .bt { background: #f0f9ff; line-height: 60px; color: #00b7d3; font-size: 16px; /* text-align: center; */ text-align: left; padding-left: 10px; } .navbox .navCon2 .tebles_con .text .bt i { width: 30px; height: 30px; position: relative; top: 8px; display: inline-block; margin-right: 10px; } .navbox .navCon2 .tebles_con .text .bt i.i1 { background: url(../images/xl_icon7.png) no-repeat center center; } .navbox .navCon2 .tebles_con .text .bt i.i2 { background: url(../images/xl_icon8.png) no-repeat center center; } .navbox .navCon2 .tebles_con .text .bt i.i3 { background: url(../images/xl_icon9.png) no-repeat center center; } .navbox .navCon2 .tebles_con .text .bt i.i4 { background: url(../images/xl_icon10.png) no-repeat center center; } .navbox .navCon2 .tebles_con .text .t { padding-top: 12px; } .navbox .navCon2 .tebles_con .text .t p { line-height: 36px; padding-left: 30px; } .navbox .navCon2 .tebles_con .text .t p a { color: #666666; } .navbox .navCon2 .tebles_con .text .t p a:hover { color: #00b7d3; } /**底部**/ .footer { background: url(../images/foot_bg.jpg) no-repeat center center; height: 380px; padding-top: 55px; } .foot_left { width: 422px; padding-right: 20px; } .foot_left .img { line-height: 0; } .foot_left .text { margin-top: 25px; color: #000; opacity: .7; line-height: 28px; } .foot_left .gzh { margin-top: 30px; } .foot_left .gzh .gzhs { float: left; color: #fff; margin-right: 12px; padding: 0 20px; line-height: 36px; /*border: 1px solid #1f6eba;*/ border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } .foot_left .gzh .gzhs i { position: relative; top: 3px; display: inline-block; margin-right: 5px; } .foot_left .gzh .gzhs i.i1 { width: 17px; height: 14px; background: url(../images/wx.png) no-repeat center center; } .foot_left .gzh .gzhs i.i2 { width: 11px; height: 16px; background: url(../images/sj.png) no-repeat center center; } .foot_right { width: 778px; height: 250px; margin-top: 15px; } .foot_nav { float: right; } .foot_nav ul li { float: left; /* margin-left: 40px; */ margin-left: 65px; } .foot_nav ul li span { display: block; color: #e7e3e7; font-size: 15px; } .foot_nav ul li .t { margin-top: 32px; } .foot_nav ul li .t a { display: block; color: #808081; line-height: 28px; } .foot_nav ul li .t a:hover { text-decoration: underline; } .banquan { padding-top: 25px; color: #81868d; font-size: 12px; font-family: arial; } .banquan p { padding-left: 528px; } .banquan p a { display: inline-block; color: #81868d; text-decoration: underline; } .fixed_Right { position: fixed; right: 0; bottom: 20%; width: 49px; z-index: 4; } .fixed_Right ul li#t_liuyan{ z-index: 0; } .fixed_Right ul>li { float: left; width: 49px; height: 49px; background: #aabaca; margin-bottom: 1px; cursor: pointer; position: relative; z-index: 999; } .fixed_Right ul>li .liuyan { z-index: 0; transform: translateX(50px); position: absolute; left: 0; top: -150px; width: 280px; padding: 20px; background: #e8edf2; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transition: all .2s ease 0s; -webkit-transition: all .2s ease 0s; -moz-transition: all .2s ease 0s; -ms-transition: all .2s ease 0s; -o-transition: all .2s ease 0s; } .fixed_Right ul>li .liuyan:before { background: url(../images/jt.png) no-repeat center center; width: 5px; height: 8px; content: ""; position: absolute; right: -5px; bottom: 120px; } .fixed_Right ul>li .liuyan p { color: #333333; font-size: 16px; } .fixed_Right ul>li .liuyan ol { margin-top: 10px; } .fixed_Right ul>li .liuyan ol>li { float: left; width: 100%; margin-bottom: 10px; } .fixed_Right ul>li .liuyan ol>li:last-child { margin-bottom: 0; } .fixed_Right ul>li .liuyan ol>li input { background: #fff; border: none; width: 100%; float: left; height: 34px; line-height: 34px; padding: 0 15px; font-size: 12px; font-family: "微软雅黑"; } .fixed_Right ul>li .liuyan ol>li textarea { background: #fff; border: none; width: 100%; float: left; height: 100px; padding: 10px 15px; font-size: 12px; font-family: "微软雅黑"; } .fixed_Right ul>li .liuyan ol>li .btn { background: #00b7d3; color: #fff; font-size: 14px; } .fixed_Right ul>li.t_liuyan:hover { background: #00b7d3; } .fixed_Right ul>li.t_liuyan:hover .liuyan { transform: translateX(-290px); -webkit-transform: translateX(-290px); -moz-transform: translateX(-290px); -ms-transform: translateX(-290px); -o-transform: translateX(-290px); } /**banner**/ .banner { max-width: 1920px; width: 100%; position: relative; overflow: hidden; } .banner .img { position: relative; display: block; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } .banner .text { position: absolute; width: 1200px; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .banner .text .tsy { color: #ffffff; font-size: 16px; text-transform: uppercase; font-family: arial; line-height: 24px; } .banner .text i.xian { display: block; width: 62px; height: 2px; background: #fff; opacity: 0.5; margin-top: 15px; margin-bottom: 22px; } .banner .text h3 { color: #ffffff; font-size: 50px; font-weight: normal; } .banner .text p { margin-top: 10px; color: #ffffff; font-size: 18px; } .banner .text a { margin-top: 45px; display: inline-block; color: #00b7d3; font-size: 14px; background: #ffffff; font-family: Arial; padding: 0 28px; text-transform: uppercase; line-height: 52px; } .banner .text a i.iconfont { background: url(../images/icon1.png) no-repeat center center; width: 23px; height: 9px; display: inline-block; margin-left: 10px; } .banner .slick-prev, .banner .slick-next { width: 52px; height: 52px; border: none; margin-top: -26px; } .banner .slick-prev { background: url(../images/zuo.png) no-repeat center center/cover; left: 30px; } .banner .slick-next { background: url(../images/you.png) no-repeat center center/cover; right: 30px; } .banner .slick-dots { bottom: 120px; } .banner .slick-dots li { margin: 0 10px; } .banner .slick-dots li button { width: 10px; height: 10px; display: inline-block; background: #fff; opacity: 0.3; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .banner .slick-dots li.slick-active button { opacity: 1; background: #fff; } /**index**/ .home_box ol { position: relative; z-index: 3; margin-top: -85px; background: #00b7d3; padding: 40px 0 30px 40px; } .home_box ol:before { content: ""; position: absolute; right: -360px; top: 0; width: 360px; height: 383px; _background: url(../images/home_bg.jpg) no-repeat center center; } .home_box ol li { float: left; width: 357px; margin-right: 25px; } .home_box ol li:last-child { margin-right: 0; } .home_box ol li .img { width: 357px; height: 246px; overflow: hidden; } .home_box ol li .text { margin-top: 19px; } .home_box ol li .text h3 { color: #fff; font-size: 20px; margin-bottom: 8px; } .home_box ol li .text p { color: #fff; font-size: 12px; font-family: Arial; text-transform: uppercase; } .home_box2 { background: url(../images/home_bg2.jpg) no-repeat center center; height: 512px; padding-top: 65px; } .title { line-height: 30px; } .title h3 { color: #000000; font-size: 22px; } .more_btn { color: #999999; font-size: 16px; text-transform: uppercase; font-family: arial; } .home_news { width: 785px; } .home_news ol { margin-top: 20px; } .home_news ol li { float: left; width: 388px; } .home_news ol li:last-child { float: right; } .home_news ol li .img { line-height: 0; overflow: hidden; /* width: 388px; */ height: 257px; } .home_news ol li .text { padding-top: 25px; } .home_news ol li .text .date { color: #333333; font-size: 12px; font-family: arial; } .home_news ol li .text h3 { margin-top: 10px; color: #333333; font-size: 16px; line-height: 24px; height: 40px; overflow: hidden; } .home_news ol li .text p { margin-top: 5px; color: #999999; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .home_pro { width: 384px; } .home_pro .box { margin-top: 20px; position: relative; } .home_pro .box .img { width: 388px; /* height: 326px; */ height: 258px; overflow: hidden; } .home_pro .box .text { /* position: absolute; left: 0; bottom: 0; */ width: 100%; padding: 25px 0 0 0; } .home_pro .box .text .date { color: #333333; font-size: 12px; font-family: arial; } .home_pro .box .text h3 { /* margin-top: 10px; color: #333333; font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */ margin-top: 10px; color: #333333; font-size: 16px; line-height: 24px; height: 40px; overflow: hidden; } .home_pro .box .text p{ margin-top: 5px; color: #999999; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .partner { background: #f5f8fa; padding: 24px 0; } .partner .title h3 { line-height: 52px; } .partner_qh { float: right; width: 890px; margin-right: 82px; } .about_box5 .slick-slider .draggable{ margin-top: 11px; } .partner_qh a { display: block; width: 178px; height: 52px; overflow: hidden; position: relative; } .partner_qh a img { display: block; max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; /* background:#fff; */ } .partner_qh .slick-prev, .partner_qh .slick-next { width: 40px; height: 40px; border: none; margin-top: -20px; } .partner_qh .slick-prev { background: url(../images/zuo2.png) no-repeat center center/cover; left: -82px; } .partner_qh .slick-next { background: url(../images/you2.png) no-repeat center center/cover; right: -82px; } /* 产品 */ .nybanner { position: relative; } .nybanner .img { line-height: 0; overflow: hidden; width: 1920px; position: relative; left: 50%; margin-left: -960px; } .nybanner .text { position: absolute; width: 1200px; left: 50%; /* top: 295px; */ top: 320px; transform: translateX(-50%); z-index: 2; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .nybanner .text .tsy { color: #ffffff; font-size: 16px; text-transform: uppercase; font-family: arial; line-height: 24px; display: none; } .nybanner .text i.xian { display: block; width: 62px; height: 2px; background: #fff; opacity: 0.5; margin-top: 15px; margin-bottom: 22px; display: none; } .nybanner .text h3 { color: #ffffff; font-size: 32px; font-weight: normal; } .nybanner .text h3 span { font-weight: bold; } .nybanner .text p { margin-top: 10px; color: #ffffff; font-size: 18px; } .proshow { margin-top: 40px; } .proshow .w1200 { box-shadow: 0 0 5px rgba(0, 0, 0, .2); } .proshow .img { float: left; width: 600px; height: 424px; position: relative; overflow: hidden; } .proshow .img img { display: block; max-width: 100%; max-height: 100%; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .proshow .textB { float: left; width: 600px; padding: 40px; } .proshow .textB h1 { color: #333333; font-size: 22px; } .proshow .textB .text { margin-top: 15px; } .proshow .textB .text .bt { color: #333333; font-size: 16px; font-weight: bold; margin-bottom: 5px; } .proshow .textB .text .t { color: #4f4f4f; font-size: 14px; line-height: 28px; } .proshow .textB .text .t p { position: relative; padding-left: 12px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; } .proshow .textB .text .t p:before { content: ""; position: absolute; left: 0; top: 12px; width: 4px; height: 4px; background: #4f4f4f; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .proshow .textB .text .jiege { font-size: 18px; color: #00b7d3; font-family: arial; } .proshow .textB .text .jiege span { font-size: 24px; } .zx_btn { margin-top: 20px; } .zx_btn a { display: inline-block; background: #00b7d3; line-height: 42px; color: #fff; font-size: 16px; padding: 0 30px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } .zx_btn a i { display: inline-block; width: 20px; height: 22px; background: url(../images/zx.png) no-repeat center center; margin-right: 10px; position: relative; top: 5px; } .proshow2 { margin: 35px 0 60px; } .proshow2 .w1200 { border: 1px solid #ebebeb; } .proshow2 .bt { background: #f1f2f3; line-height: 50px; color: #333333; font-size: 18px; padding-left: 32px; } .proshow2 .text { float: left; min-height: 300px; } .proshow2 .text .texts { color: #4f4f4f; line-height: 18px; padding: 20px 32px; text-indent: -0.75em; margin-left: 0.75em; } .proshow2 .text3 .texts{ text-indent: initial; margin-left: 0; } .proshow2 .text .texts p{ padding: 6px 0; } .proshow2 .text .texts div{ padding: 6px 0; } .proshow2 .text .texts a:hover { color: #00b7d3; } .proshow2 .text1 { width: 390px; border-right: 1px solid #ebebeb; } .proshow2 .text2 { width: 310px; border-right: 1px solid #ebebeb; } .proshow2 .text3 { width: 498px; } .notice{width: 100%;overflow: hidden;} .notice .tab-hd {height:45px;color: #333;} .notice .tab-hd ul {} .notice .tab-hd li {float: left;height: 45px;line-height:43px;background: #d2d4d4;width: 140px;text-align: center;font-size: 16px;cursor: pointer;} .notice .tab-hd li.on { background: #00b7d3;color: #fff;} .notice .tab-bd { padding:30px;} /* 服务支持 */ .nybanner .text2 .tsy, .nybanner .text2 h3, .nybanner .text2 p { color: #1d2e5d; } .nybanner .text2 i.xian { background: #1d2e5d; } .service_box { margin-top: 72px; } .service_box .w1200 { box-shadow: 0 0 5px rgba(0, 0, 0, .2); padding: 15px; background: url(../images/service_bg.jpg) no-repeat right top; } .service_box .img { float: left; width: 676px; height: 405px; overflow: hidden; margin-top: -50px; } .service_box .textB { float: right; width: 494px; position: relative; padding-left: 38px; padding-right: 23px; } .service_box .textB .yw { position: absolute; left: 0; top: -50px; width: 509px; line-height: 0; } .service_box .textB .bt { margin-top: 10px; color: #00b7d3; font-size: 20px; font-weight: bold; } .service_box .textB .bt span { color: #cccccc; font-size: 16px; font-family: arial; display: block; margin-top: 5px; font-weight: normal; } .service_box .textB .text { padding-top: 10px; } .service_box .textB .text .t { color: #333333; font-size: 16px; margin-top: 15px; } .service_box .textB .text p { color: #4f4f4f; line-height: 28px; } .service_box2 { margin-top: 55px; background: #f6fafc; padding: 50px 0 60px; } .title i.xian { display: block; width: 60px; height: 1px; background: #999999; margin: 20px auto 15px; } .title p { /* max-width: 645px; */ width: 100%; margin: 0 auto; color: #656565; line-height: 26px; } .service_box2 .title { text-align: center; } .service_box2 ol { margin-top: 30px; } .service_box2 ol li { float: left; width: 386px; background: #fff url(../images/service_show.jpg) no-repeat center top; min-height: 325px; text-align: center; margin-right: 21px; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; } .service_box2 ol li:last-child { margin-right: 0; } .service_box2 ol li .icon { width: 82px; height: 82px; margin: 36px auto 15px; background: url(../images/service_icon5.png) no-repeat center center; } .service_box2 ol li .text h3 { color: #333333; font-size: 18px; } .service_box2 ol li .text span { font-family: arial; display: block; margin-top: 5px; } .service_box2 ol li .text i.xian { display: block; margin: 20px auto; width: 57px; height: 1px; background: #00b7d3; } .service_box2 ol li .text .t { color: #4f4f4f; line-height: 26px; } .service_box2 ol li:hover { background-image: url(../images/service_hide.jpg); } .service_box2 ol li:hover .icon { background-image: url(../images/service_icon4.png); } .service_box2 ol li:hover .text i.xian { background: #00c2f4; } .service_box3 { padding: 50px 0 60px; } .service_box3 .w1200 { box-shadow: 0 0 5px rgba(0, 0, 0, .2); } .service_box3 .textB { float: left; width: 556px; min-height: 394px; background: url(../images/service_bg.jpg) no-repeat right top; padding: 33px; } .service_box3 .textB .bt { color: #000000; font-size: 22px; position: relative; padding-bottom: 15px; font-weight: bold; } .service_box3 .textB .bt:before { content: ""; position: absolute; left: 0; bottom: 0; width: 60px; height: 1px; background: #999999; } .service_box3 .textB .text { padding-top: 5px; } .service_box3 .textB .text .t { color: #333333; font-size: 16px; margin-top: 15px; } .service_box3 .textB .text p { color: #4f4f4f; line-height: 28px; } .service_box3 .img { float: right; width: 644px; height: 394px; overflow: hidden; } /* 合作与联系 */ .contact_box { padding: 50px 0 60px; margin-top: 0; background: #fff; } .contact_box ol li { width: 386px; box-shadow: 0 0 5px rgba(0, 0, 0, .2); margin-right: 20px; min-height: 369px; background-image: url(../images/contact_show.jpg); background-size: 100% auto; } .contact_box ol li .text { padding-bottom: 20px; } .contact_box ol li:hover { background-image: url(../images/contact_hide.jpg); } .contact_box2 { background: url(../images/contact_bg.jpg) no-repeat center center; } .contact_box2 .text { float: right; width: 600px; padding-left: 80px; padding-top: 38px; } .contact_box2 .text .icon { line-height: 0; } .contact_box2 .text .bt { color: #000000; font-size: 22px; position: relative; padding-bottom: 15px; font-weight: bold; margin-top: 30px; } .contact_box2 .text .bt:before { content: ""; position: absolute; left: 0; bottom: 0; width: 60px; height: 1px; background: #999999; } .contact_box2 .text .t { margin-top: 15px; color: #333333; line-height: 28px; } .contact_box2 .text .t p { padding-left: 25px; } .contact_box2 .text .t p.d1 { background: url(../images/d1.png) no-repeat left center; } .contact_box2 .text .t p.d2 { background: url(../images/d2.png) no-repeat left center; } .contact_box2 .text .t p.d3 { background: url(../images/d3.png) no-repeat left center; } .contact_box2 .text .ewm { margin-top: 22px; } #allmap { float: left; width: 960px; margin-left: -360px; height: 500px; } .contact_box3 { padding: 50px 0 60px; } .contact_box3 .title { text-align: center; } .contact_box3 ol { margin-top: 30px; } .contact_box3 ol li { float: left; width: 32%; margin-right: 2%; margin-bottom: 20px; } .contact_box3 ol li input { float: left; width: 100%; border: 1px solid #f1f1f1; line-height: 46px; font-size: 14px; padding: 0 15px; color: #333; } .contact_box3 ol li textarea { float: left; width: 100%; border: 1px solid #f1f1f1; line-height: 46px; height: 165px; font-size: 14px; padding: 0 15px; color: #333; font-family: "微软雅黑"; max-width: 1200px; } .contact_box3 ol li:nth-child(3) { margin-right: 0; } .contact_box3 ol li:nth-child(4), .contact_box3 ol li:nth-child(5), .contact_box3 ol li:last-child { width: 100%; } .contact_box3 ol li:last-child { text-align: center; margin-bottom: 0; padding-top: 20px; } .contact_box3 ol li:last-child input { width: 225px; line-height: 52px; background: #00b7d3; color: #fff; float: none; font-size: 16px; } /* 新闻 */ .newsbox { padding: 30px 0 60px; } .news_list { float: left; width: 880px; } .news_list ol { margin-bottom: 40px; } .news_list ol li { float: left; width: 100%; padding: 15px 0; border-bottom: 1px solid #e1e1e1; } .news_list ol li:first-child { padding-top: 0; } .news_list ol li .img { float: left; width: 298px; height: 182px; overflow: hidden; } .news_list ol li .text { float: left; width: 580px; padding: 25px 28px 0; } .news_list ol li .text .data { color: #989898; font-size: 16px; font-family: arial; } .news_list ol li .text h3 { color: #474747; font-size: 16px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_list ol li .text p { color: #666666; line-height: 28px; height: 56px; overflow: hidden; } .news_list ol li .text span { color: #999999; line-height: 24px; font-family: arial; } .news_list ol li .text span i { display: inline-block; width: 22px; height: 12px; margin-left: 5px; position: relative; top: 2px; background: url(../images/jt4.jpg) no-repeat center center; } .news_list ol li:hover .text h3 { color: #003b83; } .news_list ol li:hover .text span { color: #003b83; } .news_list ol li:hover .text span i { background-image: url(../images/jt5.jpg); } .page { text-align: center; margin-top: 25px; } .page a { display: inline-block; border: 1px solid #e1e1e1; color: #666666; font-size: 16px; padding: 0 15px; line-height: 38px; margin: 0 5px; } .page a:hover, .page a.page-num-current { background: #00b7d3; border-color: #00b7d3; color: #fff; } .page-status,.page-index,.page-pre,.page-last{display: none;} .news_right { float: right; width: 285px; } .news_right .bt { background: #fafafa; line-height: 42px; font-size: 18px; font-weight: bold; border-left: 2px solid #003b83; padding-left: 12px; } .newsMenu { box-shadow: 0 0 5px rgba(0, 0, 0, .2) } .newsMenu ul li { float: left; width: 100%; line-height: 54px; border-bottom: 1px solid #eeeeee; font-size: 16px; } .newsMenu ul li a { padding: 0 14px; display: block; color: #474747; } .newsMenu ul li a i { display: inline-block; float: right; font-family: arial; } .newsMenu ul li:hover a, .newsMenu ul li:hover a i, .newsMenu ul li.cur a, .newsMenu ul li.cur a i { color: #003b83; } .newsRmwz { margin-top: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, .2) } .newsRmwz ul li { float: left; width: 100%; border-bottom: 1px solid #eeeeee; padding: 15px 14px; } .newsRmwz ul li .t { color: #474747; font-size: 16px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newsRmwz ul li .t span { color: #999999; font-size: 18px; font-family: arial; display: inline-block; margin-right: 12px; } .newsRmwz ul li p { margin-top: 5px; color: #666666; line-height: 24px; height: 48px; overflow: hidden; } .newsGz { margin-top: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, .2) } .newsGz .img { line-height: 0; overflow: hidden; } .newsGz .text { padding: 15px; } .newsGz .text h3 { color: #333333; font-size: 18px; } .newsGz .text p { color: #333333; margin-top: 4px; } .news_show { float: left; width: 880px; } .news_show h1 { color: #333333; font-size: 20px; } .news_show .data { margin-top: 10px; padding-bottom: 12px; color: #666666; line-height: 24px; border-bottom: 1px solid #f5f7fa; } .news_show .data span { display: inline-block; margin-right: 25px; } .news_show .detail { padding: 15px 0 20px; color: #666; line-height: 28px; } .news_show .detail #img{ height: 314px; } .fenye_btn ul { float: left; width: 680px; } .fenye_btn ul li { float: left; width: 100%; border-bottom: 1px solid #e9e9e9; line-height: 46px; } .fenye_btn ul li a { max-width: 100%; display: block; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fenye_btn ul li:hover a { color: #003b83; } .fenye_btn ul li:last-child { border-bottom: none; } .fenye_btn .return { margin-top: 18px; float: right; width: 175px; line-height: 54px; height: 54px; background: #f5f5f5; color: #333333; font-size: 16px; text-align: center; } /* 招聘 */ .join_box { padding: 50px 0 60px; } .join_box .title { text-align: center; } .join_box .searchBox { margin-top: 30px; } .join_box .searchBox .cbox { width: 320px; height: 48px; float: left; position: relative; margin-right: 22px; } .join_box .searchBox .cbox .ch { display: block; width: 100%; height: 48px; line-height: 46px; border: 1px solid #d9d9d9; padding: 0 10px; font-size: 16px; color: #999; overflow: hidden; cursor: pointer; position: relative; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .join_box .searchBox .cbox .ch:before { content: ""; position: absolute; right: 10px; top: 19px; width: 22px; height: 12px; background: url(../images/jt6.jpg) no-repeat center center; } .join_box .searchBox .cbox .con { display: none; z-index: 999; border: 1px solid #d9d9d9; position: absolute; left: 0; top: 100%; width: 100%; background: #FFFFFF; padding: 10px; } .join_box .searchBox .cbox .con a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #999; font-size: 14px; display: block; line-height: 26px; } .join_box .searchBox .cbox .con a:hover { color: #666; } .join_box .searchBox .textNr { float: left; width: 320px; height: 48px; line-height: 46px; border: 1px solid #d9d9d9; padding: 0 10px; font-size: 16px; color: #333; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; } .join_box .searchBox .textNr::-webkit-input-placeholder { color: #999; } .join_box .searchBox .textBtn { float: right; width: 174px; height: 48px; border: none; background: url(../images/btn3.jpg) no-repeat center center; } .joinCon { margin-top: 25px; } .joinCon .btBtn { background: #e8ecf1; line-height: 48px; } .joinCon .btBtn span, .joinNr ul li .bt span { display: block; float: left; text-align: center; color: #333333; font-size: 16px; padding: 0 25px; } .joinCon .btBtn span.s1, .joinNr ul li .bt span.s1 { width: 230px; /*text-align: left;*/ } .joinCon .btBtn span.s2, .joinNr ul li .bt span.s2 { width: 230px; } .joinCon .btBtn span.s3, .joinNr ul li .bt span.s3 { width: 230px; } .joinCon .btBtn span.s4, .joinNr ul li .bt span.s4 { width: 230px; } .joinCon .btBtn span.s5, .joinNr ul li .bt span.s5 { width: 230px; } .joinNr ul li { float: left; width: 100%; margin-bottom: 10px; } .joinNr ul li:last-child { margin-bottom: 0; } .joinNr ul li .bt { background: #f0f4fa; line-height: 48px; cursor: pointer; border-left: 2px solid #666666; } .joinNr ul li .bt span.s1 { /*width: 280px;*/ color: #00b7d3; } .joinNr ul li .text { box-shadow: 0 0 5px rgba(0, 0, 0, .1); padding: 20px 25px 30px; display: none; } .joinNr ul li .text .t { margin-bottom: 5px; color: #333333; font-size: 16px; font-weight: bold; } .joinNr ul li .text .d { margin-bottom: 20px; color: #4f4f4f; line-height: 28px; } .joinNr ul li .text .joinBottom a { text-align: center; float: left; margin-right: 15px; display: block; width: 266px; line-height: 42px; border: 1px solid #cecece; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; color: #666666; font-size: 16px; } .joinNr ul li .text .joinBottom a.zx { border-color: #00b7d3; background: #00b7d3; color: #fff; } .joinNr ul li.cur .bt { border-left-color: #003b83; } .joinNr ul li.cur .bt span { color: #003b83; } .inputerror { /*border-bottom: 1px solid #f00 !important;*/ background-color: #ffe6e6 !important;} @-webkit-keyframes inputerrors{ 0%{ background-color: #fff; } 100%{ background-color: #ffe6e6; } } .inputerror{ animation: inputerrors 0.5s 3 ease; } /* 玮驰仪器 */ .nybanner .text3 .tsy, .nybanner .text3 h3, .nybanner .text3 p { color: #333333; } .nybanner .text3 i.xian { background: #333333; } .about_box { background: #f6fafc; padding: 45px 0; } .about_box .w1200 { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .1); padding: 15px; position: relative; } .about_box .w1200::before { content: ""; position: absolute; left: 0; top: 0; width: 380px; height: 100%; background: #00b7d3; } .about_box .img { float: left; width: 576px; height: 400px; position: relative; z-index: 2; } .about_box .text { float: right; width: 570px; padding-top: 20px; } .about_box .text h4 { color: #001f34; font-size: 18px; font-family: arial; text-transform: uppercase; font-weight: normal; } .about_box .text h3 { color: #333333; font-size: 22px; font-weight: normal; } .about_box .text i.xian { background: #9d9d9d; width: 84px; height: 1px; display: block; margin: 20px 0; } .about_box .text .t { color: #4f4f4f; line-height: 30px; } .about_box2 { padding: 50px 0 60px; } .about_box2 ol li { float: left; width: 379px; background: #f6fafc; margin-right: 31px; } .about_box2 ol li:last-child { margin-right: 0; } .about_box2 ol li .img { width: 379px; height: 253px; overflow: hidden; } .about_box2 ol li .text { padding: 15px; } .about_box2 ol li .text h3 { color: #333333; font-size: 16px; font-weight: normal; margin-bottom: 5px; text-align: center; } .about_box2 ol li .text p { color: #4f4f4f; text-align: justify; } .about_box3 { background: #f6fafc; padding: 55px 0 60px; } .about_box3 .title, .about_box4 .title, .about_box5 .title { text-align: center; line-height: 74px; } .about_Partner { margin-top: 30px; } .about_Partner ol li { float: left; width: 230px; height: 99px; /* border: 1px solid #f2f2f2; */ margin-right: 12px; margin-bottom: 12px; overflow: hidden; text-align: center; line-height: 99px; } .about_Partner ol li:nth-child(5n) { margin-right: 0; } .about_Partner ol li a{ display: inline-block; } .about_Partner ol li img { /*-webkit-filter: grayscale(100%);*/ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); /*filter: grayscale(100%);*/ display: inline-block; } .about_Partner ol li:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .about_Partner .slick-dots { bottom: -25px; } .about_Partner .slick-dots li button { background: #fff; border-radius: 50px; border: 1px solid #cdcdcd; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; } .about_Partner .slick-dots li.slick-active button { border-color: #00b7d3; background: #00b7d3; } .about_box4 { padding: 55px 0; } .about_box4 ol { margin-top: 30px; text-align: center; } .about_box4 ol li { /* float: left; */ width: 292px; border: 1px solid #f4f4f4; text-align: center; margin-right: 10px; margin-bottom: 10px; display:inline-block; } .about_box4 ol li:nth-child(4n) { margin-right: 0; } .about_box4 ol li .img { width: 290px; height: 186px; overflow: hidden; text-align: center; } .about_box4 ol li p { color: #656565; line-height: 42px; } .about_box5 { background: #f6fafc; /* padding: 55px 0 15px; */ } .about_Brand { margin-top: 30px; } .about_Brand .img { width: 230px; height: 99px; /* border: 1px solid #f2f2f2; */ margin: 0 6px; overflow: hidden; text-align: center; line-height: 99px; } .about_Brand .img img { /*-webkit-filter: grayscale(100%);*/ -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); /*filter: grayscale(100%);*/ } .about_Brand .img:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); } .about_Brand .slick-prev, .about_Brand .slick-next { width: 40px; height: 40px; border: none; margin-top: -20px; } .about_Brand .slick-prev { background: url(../images/zuo2.png) no-repeat center center/cover; left: -60px; } .about_Brand .slick-next { background: url(../images/you2.png) no-repeat center center/cover; right: -60px; } .left_animate { transition: all 2s; opacity: 0; -webkit-transform: translateX(-40%); -moz-transform: translateX(-40%); -ms-transform: translateX(-40%); -o-transform: translateX(-40%); transform: translateX(-40%); } .banner_animate { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } /* 行业解决方案-列表。列表页 */ .proList { padding: 40px 0 50px; } .proList ul li { float: left; width: 293px; background: #f5f7f7; border: 1px solid #f5f7f7; text-align: center; margin-right: 9px; margin-bottom: 9px; } .proList ul li:nth-child(4n) { margin-right: 0; } .proList ul li .img { width: 291px; height: 200px; overflow: hidden; } .proList ul li h3 { color: #666666; font-size: 15px; font-weight: normal; line-height: 40px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* 行业解决方案-列表。列表页 end*/ .header.fixed-head{ /*padding: 10px 30px;*/ z-index: 999; position: fixed; top: 0; left: 0; width: 100%; background: #f8f8f8; transition: All .4s ease; -webkit-transition: All .4s ease; -moz-transition: All .4s ease; -o-transition: All .4s ease; -webkit-animation: headerFix 1s ease 1; animation: headerFix 1s ease 1; } @-webkit-keyframes headerFix { from { -webkit-transform: translateY(-100%); } to { -webkit-transform: translateY(0); } } @keyframes headerFix { from { transform: translateY(-100%); } to { transform: translateY(0); } } .header.fixed-head .nav ul li a{ color: #666666; } .header.fixed-head .Tright .stop .search .text::-webkit-input-placeholder{ color: #888888; } .header.fixed-head .Tright .stop .search .text::-moz-input-placeholder{ color: #888888; } .header.fixed-head .Tright .stop .search .text::-ms-input-placeholder{ color: #888888; } .header.fixed-head .Tright .stop a{ color: #888888; } .header.fixed-head .Tright .stop .search .btn{ background: url(../images/btn2.jpg); } .header.fixed-head .Tright .stop a:before{ background: #888; } .header.fixed-head .logo img { transform: translateY(-60px); -webkit-transform: translateY(-60px); -moz-transform: translateY(-60px); -ms-transform: translateY(-60px); -o-transform: translateY(-60px); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; } .header.fixed-head .nav ul li a i { background-image: url(../images/icon4.jpg) } /**/ .header.fixed-head .Tright{ margin-top: 0; } .header.fixed-head .Tright .stop{ display: none; } .header.fixed-head .logo{ width: 169px; /* height: 50px; */ /* padding-top: 14px; */ margin-top: 5px; } .header.fixed-head .nav ul>li>a{ padding-bottom: 16px; } .header.fixed-head .navbox{ top: 58px; } /* 2020-1-15 搜索*/ .searchText { width: 506px; position: absolute; left: 50%; top: 343px; margin-left: -253px; } .searchText .searchSS { background: #fff; width: 100%; height: 50px; } .searchText .searchSS .t { float: left; width: 370px; background: none; border: none; height: 50px; line-height: 50px; padding: 0 15px; font-size: 16px; color: #333; } .searchText .searchSS .t::-webkit-input-placeholder { color: #cccccc; } .searchText .searchSS .btn { float: right; background: url(../images/g11.jpg) no-repeat center center/cover; width: 134px; height: 50px; border: none; } .searchText .searchGJC { color: #ffffff; font-size: 14px; margin-top: 15px; text-align: center; margin-bottom: 5px; } .searchText .searchGJC a { display: inline-block; color: #fff; margin-right: 10px; margin-bottom: 5px; } .searchText .searchGJC a:hover { text-decoration: underline; } .searchImgBox { text-align: center; padding: 50px 0 60px; } .searchImgBox p { margin-top: 20px; color: #666666; font-size: 18px; } /*落地页t_0311*/ .t_luodi{ padding: 80px 0 0; } .t_luodi .t_luodi_1 ul li{ border: 1px solid #dddddd; width: 23%; margin-right: 2.666%; float: left; margin-bottom: 80px; } .t_luodi .t_luodi_1 ul li:nth-child(4n){ margin-right: 0; } .t_luodi .t_luodi_1 ul li .img{ line-height: 0; position: relative; text-align: center; } .t_luodi .t_luodi_1 ul li .img .icon{ background: url(../images/t_luodi1.png)center center/cover; /* width: 93px; */ text-align: center; width:146px; height: 25px; position: absolute; display: block; font-size: 13px; color: #fff; line-height: 25px; /* padding-left: 8px; */ padding-right: 8px; top: -10px; left: -1px; /* text-align: left; */ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .t_luodi .t_luodi_1 ul li .text{ color: #333333; font-size: 16px; text-align: center; padding: 25px 0; position: relative; margin: 0 25px; line-height: 28px; max-height: 104px; min-height: 104px; overflow: hidden; } .t_luodi .t_luodi_1 ul li .text:before{ content: ""; position: absolute; top: 0; left: auto; right: auto; width: 100%; display: block; background: #dddddd; height: 1px; } .t_luodi .t_luodi_1 ul li .text p{ max-height: 56px; overflow: hidden; /* position: absolute; top:50%; transform:translateY(-50%); */ } #jiaru{ position: relative; } .navbox_j{ width: 100%; padding: 5px 0; position: absolute; left: auto; right: auto; top: 100%; margin: 0 auto; text-align: center; } .foot_left .gzh .gzhs{ position:relative; } .foot_left .gzh .gzhs .xz_ewm_img{ position:absolute; top: -70%; left: -74%; right:auto; display:none; z-index:9; } .foot_left .gzh .gzhs:hover .xz_ewm_img{ display:block; } .join_box_2 .title{ text-align: left; float: left; width: 50%; } .join_box_2 .title p{ margin: 7px 0 10px; } .join_box_2 .t_wenzi2{ float: right; color: #656565; text-align: left; width: 51%; padding-left: 380px; } .join_box_2 .t_wenzi2 p{ margin-bottom: 5px; } .join_box_2 .t_wenzi2 p:last-child{ margin-bottom: 0; } .join_box_2 .title i.xian{ margin: 0 0 15px 0; } .join_box_2 .joinCon { margin-top: 8px; } .sqzw { display: block; float: left; text-align: center; color: #00b7d3; font-size: 16px; padding: 0 25px; width: 230px; }