body { font-family: "微软雅黑"; font-size: 14px; color: #666; margin: 0; background: #fafafa; overflow-x: hidden; } img { border: 0; } a { color: #666; font-size: 14px; text-decoration: none; } h2, h3, h4, h5 { font-weight: normal; } ol, ul { list-style: none; } ol, ul, li, table, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; border-collapse: collapse; } input, textarea { font-family: '微软雅黑'; } .clear { clear: both; } * { margin: 0; padding: 0; /* for ie 5+ */ outline: none; /* for firefox 1.5 + */ } .clearfix:after { clear: both; display: block; height: 0; content: "\200B"; } .clearfix { *zoom: 1; } .fl { float: left; } .fr { float: right; } .container { width: 1260px; height: auto; margin: 0 auto } .container1 { width: 1200px; margin: 0 auto; } .begin { background: #f9f9f9; line-height: 47px; color: #99999a; font-size: 16px; border-bottom: 1px solid #ebebeb; min-width: 1200px; } .top_right a { display: inline-block; padding: 0 15px; position: relative; } .top_right a:last-child::after { display: none; } .top_right a::after { position: absolute; content: ''; background: url(img/xt.png)no-repeat; width: 1px; height: 14px; right: 0; top: 50%; margin-top: -7px; z-index: 999; } .banner { min-width: 1200px; } .banner .banner_img { min-width: 1200px; background: url(img/banner.png)no-repeat; height: 600px; } .next1 { background: url(img/r_anniu.png)no-repeat center center; width: 48px; height: 48px; right: 93px; } .prev1 { background: url(img/r_anniu.png)no-repeat center center; transform: rotate(180deg); width: 48px; height: 48px; left: 93px; } .bannner_pation .swiper-pagination-bullet-active { background: #fff !important; } .bannner_pation .swiper-pagination-bullet { background: #5165a6; opacity: 1; } .logo { min-width: 1200px; background: #fff; } .nav { background: #5165a6; min-width: 1200px; } .nav ul li { float: left; width: 156px; height: 60px; line-height: 60px; text-align: center; cursor: pointer; position: relative; z-index:111111111111111111; } .nav ul li .erji{ display:none} .nav ul li a { color: #fefefe; font-size: 16px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .nav ul li div.erji a{ background:#5165a6;} .nav ul li:hover div.erji{ display:block} .nav ul li.index img { margin-right: 8px; vertical-align: sub; } .index { background: #c8ac5d !important; } .nav ul li:hover .nav2{ opacity: 1; visibility: visible; transition: all ease-in-out .3s; } .nav2 { z-index: 999; position: absolute; top: 75px; left: 0; opacity: 0; visibility: hidden; transition: all ease-in-out .3s; } .nav2 li { border-bottom: 1px solid #2a334f; background: #5165a6; } .none { background: rgba(0, 0, 0, 0) !important; } .nav2 li:first-child::after { position: absolute; content: ''; background: url(img/sanjiao.png)no-repeat; width: 19px; height: 11px; right: 50%; top: -11px; margin-right: -10px; } .nav2 li:last-child { border-bottom: 0; } .seach { line-height: 80px; border-bottom: 1px solid #d4d4d4; } .gj h3 { font-size: 15px; color: #666666; } .gj h3 span { font-weight: bold; color: #2e2e2e; font-size: 16px; margin-right: 15px; } .input { width: 362px; height: 43px; border: 1px solid #d4d4d4; padding: 0 30px; border-radius: 50px; line-height: 43px; margin-top: 20px; } .input input { float: left; height: 43px; border: none; font-size: 16px; } .input button { float: right; border: none; background: none; } .link { padding-top: 35px; background: url(img/shuxian.png)no-repeat top left; padding-bottom: 35px; } .link_lf { margin-top: 15px; } .link_lf span { color: #445187; font-size: 22px; } .link_lf a { font-size: 16px; color: #666666; } .link_ri a { width: 135px; height: 54px; background: #445187; line-height: 54px; font-size: 16px; display: inline-block; text-align: center; color: #fff; } .index_contact { background: #32353f; border-bottom: 1px solid #494e5e; padding: 20px 0; } .index_contact ul li { float: left; width: 25%; margin-right: 157px; } .index_contact ul li:nth-child(2) { text-align: center; } .index_contact ul li:nth-child(3n) { margin-right: 0; text-align: right; } .index_contact ul li a { color: #fff; font-size: 16px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .index_contact ul li img { vertical-align: middle; margin: 0 15px 0 0; } .last { padding: 50px 0; background: #32353f; } .beian { background: #292c33; text-align: center; font-size: 16px; color: #a2a2a2; line-height: 50px; } /*.footer_product{ margin-right: 50px; }*/ .product_list { width: 450px; margin-left: 55px; } .product_list li { float: left; width: 50%; } .product_list li:nth-child(2n) { margin-right: 0; } .product_list li a { color: #8d909b; font-size: 16px; display: block; margin-bottom: 8px; padding-left: 20px; background: url(img/fk.png)no-repeat left center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .footer_product h3 { color: #fff; font-weight: bold; font-size: 16px; margin-bottom: 30px; } .footer_lianxi { margin-left: 30px; } .footer_lianxi h3 { color: #fff; font-weight: bold; font-size: 16px; margin-bottom: 30px; } .contact_list { margin-left: 20px; width: 500px; } .contact_list li { margin-bottom: 16px; font-size: 16px; color: #8d909b; } .contact_list li a { color: #8d909b; font-size: 16px; display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 89%; } .contact_list li img { vertical-align: middle; margin-right: 20px; } .footer_erweima { background: #c8ac5d; width: 186px; height: 211px; margin: 0 auto; text-align: center; } .footer_erweima img { width: 140px; margin: 15px auto; } .footer_erweima p { font-size: 16px; color: #fff; } /*服务项目*/ .title { margin-top: 35px; margin-bottom: 45px; text-align: center; background: url(img/xm.png)no-repeat bottom center; padding-bottom: 20px; } .title h3 { font-size: 30px; color: #2e2e2e; } .title span { text-transform: uppercase; font-size: 16px; color: #666666; } .index_sevice_title { width: 750px; margin: 0 auto; } .index_sevice_title ul li { float: left; width: 180px; text-align: center; background: #445187; margin-right: 10px; height: 50px; line-height: 50px; margin-bottom: 35px; position: relative; transition: all ease-in-out .3s; cursor: pointer; } .index_sevice_title ul li::after { position: absolute; content: ''; background: url(img/y_sanjiao.png)no-repeat center center; width: 15px; height: 8px; bottom: -8px; left: 50%; opacity: 0; visibility: hidden; transition: all ease .3s; } .index_sevice_title ul li:hover { background: #c8ac5d; transition: all ease-in-out .3s; } .index_sevice_title ul li:hover::after { opacity: 1; visibility: visible; transition: all ease .3s; } .index_sevice_title ul li:nth-child(4n) { margin-right: 0; } .index_sevice_title ul li a { font-size: 16px; color: #fff; } .sevice_text { padding: 74px 47px 65px; background: #f6f6f6; } .sevice_container { width: 1170px; margin: 0 auto; } .sevice_container ul { width: 965px; margin: 0 auto; } .sevice_introduce { width: 370px; } .sevice_introduce h3 { font-size: 30px; color: #c5a241; font-weight: bold; padding-top: 14px; padding-bottom: 24px; border-bottom: 1px solid #d2d2d2; margin-bottom: 40px; } .sevice_introduce h3 span { color: #222222; } .sevice_introduce p { line-height: 24px; color: #666666; line-height: 30px; } .sevice_introduce button { background: #5165a6; width: 188px; height: 50px; line-height: 50px; font-size: 16px; color: #fefefe; transition: all ease-in-out .3s; border-radius: 50px; border: none; cursor: pointer; margin-top: 40px; } .sevice_introduce button:hover { background: #c8ac5d; width: 188px; height: 50px; line-height: 50px; font-size: 16px; color: #fefefe; transition: all ease-in-out .3s; } .sevice_photo { width: 502px; } .sevice_photo img { width: 100%; } .next2 { background: url(img/huise2.png)no-repeat; width: 36px; height: 60px; opacity: 1 !important; } .next2:hover { background: url(img/zise2.png)no-repeat; transition: all ease-in-out .3s; } .prev2:hover { background: url(img/zise.png)no-repeat; transition: all ease-in-out .3s; } .prev2 { background: url(img/huise.png)no-repeat; width: 36px; height: 60px; opacity: 1 !important; transition: all ease-in-out .3s; } .index_show { background: url(img/b1.jpg)no-repeat center top; height: 320px; } .success { margin: 30px 0 29px; } .success_title { margin-bottom: 45px; } .cg_title_left { color: #46547a; font-size: 30px; font-weight: bold; } .cg_title_left img { vertical-align: middle; } .success_list_img img { vertical-align: middle; transition: all ease-in-out .5s; width:100%; height:160px; } .success_list_img { overflow: hidden; } .cg_title_right { margin-top: 20px; } .cg_title_right a { font-size: 16px; color: #666666; } .success_list_text { height:41px; transition: all ease-in-out .5s; } .success_list_text h3 { color: #fff;background: #5165a6; font-size: 16px; padding: 10px 0 10px; text-align: center; margin: 0 auto; font-weight: bold; transition: all ease-in-out .5s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .success_list_img { vertical-align: bottom; } .success_list_text p { color: #666; font-size: 14px; line-height: 24px; overflow: hidden; transition: all ease-in-out .5s; width: calc(100% - 40px); margin: 0 auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .succcess_list ul li { float: left; width: 228px; margin-right: 30px; margin-bottom:20px; } .succcess_list ul li:nth-child(5n) { margin-right: 0; } .succcess_list ul li:hover .success_list_img img { transform: scale(1.2); transition: all ease-in-out .5s; } .succcess_list ul li:hover .success_list_text { background: #c8ac5d; transition: all ease-in-out .5s; } .succcess_list ul li:hover .success_list_text h3 { transition: all ease-in-out .5s; color: #fff;background: #5165a6; } .succcess_list ul li:hover .success_list_text p { transition: all ease-in-out .5s; color: #fff; } .sevice { background: url(img/zi_bg.png)no-repeat center center; height: 585px; position: relative; } .flot_sevice { width: 84%; background: url(img/shuxian2.png) #fff no-repeat top left; padding: 40px 0 60px; position: absolute; right: 0; top: -90px; } .flot_sevice_title { color: #46547a; font-size: 30px; font-weight: bold; margin-bottom: 23px; } .flot_container { width: 90%; margin: 0 auto; } .flot_sevice_title img { vertical-align: text-top; margin-right: 10px; } .flot_sevice_text{ width:1190px;} .flot_sevice_text p { line-height: 36px; color: #666666; font-size: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /*新闻资讯*/ .index_news_title { width: 370px; margin: 0 auto; } .index_news_title ul li { float: left; width: 180px; text-align: center; background: #445187; margin-right: 10px; height: 50px; line-height: 50px; margin-bottom: 35px; position: relative; transition: all ease-in-out .3s; cursor: pointer; } .index_news_title ul li::after { position: absolute; content: ''; background: url(img/y_sanjiao.png)no-repeat center center; width: 15px; height: 8px; bottom: -8px; left: 50%; margin-left:-7.5px; opacity: 0; visibility: hidden; transition: all ease .3s; } .index_news_title ul li:hover { background: #c8ac5d; transition: all ease-in-out .3s; } .index_news_title ul li:hover::after { opacity: 1; visibility: visible; transition: all ease .3s; } .index_news_title ul li:nth-child(2n) { margin-right: 0; } .index_news_title ul li a { font-size: 16px; color: #fff; } .news_text_left { width: 552px; } .index_news_text { margin-bottom: 40px; } .news_text_img { overflow: hidden; } .news_text_img img { width: 100%; vertical-align: bottom; transition: all ease-in-out .5s; height:278px; } /*.news_text_content{ width: 100%; }*/ .news_text_content h3 { color: #222222; font-size: 16px; margin: 36px 0 25px; font-weight: bold; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all ease-in-out .5s; } .news_text_left:hover .news_text_content h3 { color: #c5a241; transition: all ease-in-out .5s; } .news_text_left:hover .news_text_img img { transform: scale(1.2); transition: all ease-in-out .5s; } .news_text_content p { color: #888; font-size: 14px; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_text_right { width: 650px; padding: 10px 0; border-left: 1px solid #e5e5e5; } .news_text_right ul li { position: relative; margin-bottom: 32px; } .news_text_right ul li::after { position: absolute; content: ''; background: url(img/b_yd.png)no-repeat; width: 12px; height: 12px; left: -6px; top: calc(100% - 16px); transition: all ease-in-out .3s; } .news_text_right ul li:last-child { margin-bottom: 0; } .news_text_right .news_title_l { padding-left: 28px; width: 80%; } .news_text_right .news_title_l h3 { color: #666666; font-size: 16px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all ease-in-out .3s; } .news_text_right ul li:hover .news_title_l h3 { color: #c8ac5d; transition: all ease-in-out .3s; } .news_text_right ul li:hover::after { background: url(img/h_yd.png)no-repeat; transition: all ease-in-out .3s; } .news_text_right .news_title_r { color: #a6a6a6; font-size: 16px; width: 15%; overflow: hidden; } /*关于9159金沙游戏*/ .index_about { background: #f4f4f4; } .index_about_top { background: url(img/about.jpg)no-repeat center top; margin-top: 10px; padding: 46px 0 145px; } .index_about_left { width: 685px; } .index_about_left h3 { color: #e8e8e8; font-size: 22px; } .index_about_left p { color: #fad05a; font-size: 32px; margin-bottom: 5px; } .index_about_left span { color: #e7e7e7; font-size: 16px; text-transform: uppercase; font-family: 'Arno Pro'; } .index_about_right { width: 432px; } .about_right_top img { vertical-align: middle; margin-right: 10px; } .about_right_top h3 { color: #fbd25c; font-size: 36px; font-family: '黑体'; text-align: right; } .about_right_top h3 span { color: #fff; font-size: 16px; } .about_right_down { text-align: right; margin-top: 20px; } .about_right_down a { display: inline-block; width: 138px; height: 42px; text-align: center; color: #ffffff; line-height: 42px; border-radius: 50px; border: 1px solid #c6c6c6; font-size: 17px; margin-left: 10px; transition: all ease-in-out .3s; } .about_right_down a:hover{ background: #c8ac5d; transition: all ease-in-out .3s; } .about_us { padding: 45px 0 54px; background: #fff; } .about_us_right { width: 740px; } .about_us_right h3 { color: #445187; font-size: 22px; margin: 18px 0 20px; } .about_us_right p { color: #666; font-size: 16px; line-height: 36px; text-indent: 2em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .index_about_button { display: block; width: 187px; height: 50px; line-height: 50px; color: #fff; text-align: center; font-size: 16px; background: #5165a6; border: none; border-radius: 50px; transition: all ease-in-out .3s; cursor: pointer; margin-top: 40px; } .index_about_button:hover { background: #c8ac5d; transition: all ease-in-out .3s; } .index_about_content { width: 1170px; margin: 0 auto; background: #fff; padding: 45px; position: relative; margin-top: -100px; } .about_us_left img { vertical-align: bottom; } .index_about_us { padding-bottom: 20px; } /*产品推荐*/ .index_product { margin-top: 20px; } .product_nav { background: url(img/cp_bg.png)no-repeat; } .index_product_navlist { width: 220px; text-align: center; } .product_nav { padding: 14px 0 15px; } .product_nav h3 { color: #fdfdfd; font-size: 22px; } .product_nav a { color: #fdfdfd; font-size: 14px; text-transform: uppercase; } .index_product_navlist ul { border: 1px solid #dadada; } .index_product_navlist>ul>li { line-height: 62px; border-bottom: 1px solid #dadada; cursor: pointer; position: relative; background: #fff; } .index_product_navlist>ul>li:last-child { border-bottom: 0; } .index_product_navlist>ul>li>a { color: #666666; font-size: 15px; transition: all ease-in-out .3s; } .index_product_navlist>ul>li:hover>a { color: #c8ac5d; transition: all ease-in-out .3s; } .er_nav { position: absolute; left: 232px; width: 81%; background: #5165a6; border: 0 !important; z-index: 999; top: 17px; padding: 15px 28px; opacity: 0; visibility: hidden; transition: all ease-in-out .5s; } .index_product_navlist>ul>li:hover .er_nav { opacity: 1; visibility: visible; transition: all ease-in-out .5s; } .er_nav li { line-height: 52px; border-bottom: 1px solid #dadada; cursor: pointer; position: relative; } .er_nav li::after { position: absolute; content: ''; background: url(img/sanjiao2.png)no-repeat; width: 9px; height: 15px; left: -30px; top: 50%; margin-top: -10px; opacity: 0; visibility: hidden; transition: all ease-in-out .3s; } .er_nav li:hover::after { opacity: 1; visibility: visible; left: -36px; transition: all ease-in-out .3s; } .er_nav li a { color: #fff; font-size: 15px; transition: all ease-in-out .3s; } .er_nav>li:hover>a { color: #c8ac5d; transition: all ease-in-out .3s; } .three_nav { position: absolute; left: 225px; width: 81%; background: #5165a6; border: 0 !important; z-index: 999; top: 17px; padding: 15px 28px; opacity: 0; visibility: hidden; transition: all ease-in-out .5s; } .er_nav>li:hover .three_nav { opacity: 1; visibility: visible; transition: all ease-in-out .5s; } .three_nav li { line-height: 52px; border-bottom: 1px solid #dadada; cursor: pointer; position: relative; } .three_nav li::after { position: absolute; content: ''; background: url(img/sanjiao2.png)no-repeat; width: 9px; height: 15px; left: -30px; top: 50%; margin-top: -10px; opacity: 0; visibility: hidden; transition: all ease-in-out .3s; } .three_nav li:hover::after { opacity: 1; visibility: visible; left: -36px; transition: all ease-in-out .3s; } .three_nav li a { color: #fff; font-size: 15px; transition: all ease-in-out .3s; } .three_nav>li:hover>a { color: #c8ac5d; transition: all ease-in-out .3s; } .index_product_list { width: 1000px; } .p_list_title { padding: 24px 0 20px; border-bottom: 1px solid #dadada; margin-bottom: 40px; } .p_list_title_left { color: #445187; font-size: 30px; } .p_list_title_left img { vertical-align: middle; margin-right: 10px; } .p_list_title_left a { color: #666; font-size: 16px; } .product_list_title { line-height: 50px; background: #5165a6; transition: all ease-in-out .3s; } .product_list_title h3{ font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index_product_list ul li { width: 319px; text-align: center; margin-right: 21px; margin-bottom: 20px; float: left; transition: all ease-in-out .3s; } .index_product_list ul li:nth-child(7) { margin-bottom: 0; } .index_product_list ul li:nth-child(8) { margin-bottom: 0; } .index_product_list ul li:nth-child(9) { margin-bottom: 0; } .index_product_list ul li:nth-child(3n) { margin-right: 0; } .product_list_img { width: 100%; overflow: hidden; } .product_list_img img { width: 100%; vertical-align: bottom; transition: all ease-in-out .3s; } .index_product_list ul li:hover { transform: translateY(-10px); transition: all ease-in-out .3s; } .index_product_list ul li:hover .product_list_img img { transform: scale(1.2); transition: all ease-in-out .3s; } .index_product_list ul li:hover .product_list_title { background: #c8ac5d; transition: all ease-in-out .3s; } /*关于9159金沙游戏*/ .header { background: #5165a6; } .header-right>ul>li { float: left; line-height: 99px; margin-right: 30px; position: relative; } .header-right ul li a { color: #fefefe; font-size: 16px; } .header-right ul li:hover .content_nav2{ opacity: 1; visibility: visible; transition: all ease-in-out .3s; } .content_nav2 { z-index: 999; position: absolute; top: 130px; left: -47px; opacity: 0; visibility: hidden; transition: all ease-in-out .3s; cursor: pointer; } .content_nav2 li { border-bottom: 1px solid #2a334f; background: #5165a6; width: 157px; line-height: 60px !important; text-align: center; } .content_nav2 li:first-child::after { position: absolute; content: ''; background: url(img/sanjiao.png)no-repeat; width: 19px; height: 11px; right: 50%; top: -11px; margin-right: -10px; } .content_nav2 li:last-child { border-bottom: 0; } .nav_on a{ color: #ffb000 !important; } .nr_banner { background: url(img/about_banner.png)no-repeat center center; height: 350px; } .moment { color: #666666; font-size: 16px; padding: 45px 0 35px; } .moment a { font-size: 16px; color: #666; } .company_title { border-bottom: 1px solid #ececec; } .company_title h3 { line-height: 64px; color: #5165a6; position: relative; width: 133px; text-align: center; border-right: 1px solid #ececec; } .company_title h3::after { position: absolute; content: ''; background: #5165a6; width: 133px; height: 3px; top: 0; left: 0; } .company_title h3::before { position: absolute; content: ''; background: url(img/zisanj.png)no-repeat; width: 16px; height: 63px; top: 0; right: -16px; } .conpany_us { padding: 47px 50px 0px; min-height: 930px; overflow-y: auto; } .conpany_us p { line-height: 50px; font-size: 15px; font-size: 15px; } .conpany_us img { margin: 25px 0; } .conpany_introduce_left { margin-bottom: 100px; width: 840px; background: #fff; } .conpany_introduce_left2 { margin-bottom: 100px; width: 840px; } .conpany_introduce_right { width: 328px; } .introduce_top input { width: 249px; display: block; height: 60px; line-height: 60px; text-indent: 2em; border: none; font-size: 15px; } .introduce_top button { display: block; width: 79px; height: 60px; border: 0; cursor: pointer; } .introduce_top button img { width: 100%; } .introduce_product { margin-top: 30px; } .left_b { margin-top: 30px; padding: 10px 36px 24px; background: #fff; } .zc_title h5 span { color: #c6c6c6; font-size: 14px; display: inline-block; margin-left: 10px; text-transform: uppercase; } .zc_title h5 { position: relative; font-size: 20px; line-height: 52px; color: #333; border-bottom: 1px solid #eff0f3; } .zc_title h5::after { content: ''; background: #5165a6; width: 80px; height: 3px; position: absolute; bottom: -2px; left: 0; } .xw_fenlei { margin-top: 20px; } .xw_fenlei ul li { height: 45px; line-height: 45px; font-size: 15px; text-indent: 2em; color: #666666; background: url(img/baidu.png)no-repeat left center; } .news_fenlei { margin-top: 24px; } .news_fenlei ul a { display: block; margin-bottom: 20px; } .news_fenlei ul a:hover .news_bg { background: url(img/hong.png)no-repeat center center; transition: all ease-in-out .3s; } .news_bg { width: 20px; height: 21px; background: url(img/hui.png)no-repeat center center; transition: all ease-in-out .3s; color: #fff; text-indent: .4em; font-size: 12px; line-height: 21px; } .news_title { width: 90%; } .news_title h3 { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_fenlei ul li { color: #666666; font-size: 14px; } .bglast { text-indent: .1em; } /*联系9159金沙游戏*/ .contact_us { margin-top: 20px; line-height: 35px; } .contact_us ul li { line-height: 35px; font-size: 15px; color: #666666; } .contact_us_top p { color: #666; font-size: 15px; line-height: 35px; } .contact_us_xq { padding: 47px 50px 0px; min-height: 930px; overflow-y: auto; } .contact_us_top span { display: block; color: #222222; font-size: 26px; padding-left: 106px; margin: 24px 0 60px; } .contact_us_xq ul li { margin-bottom: 35px; font-size: 15px; color: #666666; } .contact_map { margin-top: 60px; } /*.conpany_introduce{ background: #fafafa }*/ .gallery_moment { margin-bottom: 100px; width: 840px; } .company_title_p { border-bottom: 1px solid #ececec; background: #fff; } .company_title_p { border-bottom: 1px solid #ececec; } .company_title_p h3 { line-height: 64px; color: #5165a6; position: relative; width: 133px; text-align: center; border-right: 1px solid #ececec; } .company_title_p h3::after { position: absolute; content: ''; background: #5165a6; width: 133px; height: 3px; top: 0; left: 0; } .company_title_p h3::before { position: absolute; content: ''; background: url(img/zisanj.png)no-repeat; width: 16px; height: 63px; top: 0; right: -16px; } .gallery_moment ul li { float: left; width: 269px; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; margin-right: 16px; margin-top: 32px; } .gallery_moment ul li:hover { transform: translateY(-10px); } .gallery_moment ul li:nth-child(3n) { margin-right: 0; } .gallery_img { width: 100%; overflow: hidden; } .gallery_moment ul li:hover .gallery_img img { transform: scale(1.2); -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .gallery_img img { vertical-align: bottom; vertical-align: bottom; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; width:269px; height:240px; } .gallery_moment ul li:hover .gallery_text { background: #c8ac5d; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .gallery_text { background: #5165a6; text-align: center; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .gallery_text h3 { color: #fff; line-height: 43px; width: 100%; text-overflow: ellipsis; white-space: nowrap; } .page { text-align: center; margin-top: 48px; margin-bottom: 50px; } .page a { display: inline-block; padding: 14px 20px; background: #fff; color: #666666; font-size: 16px; transition: all ease-in-out .3s; } .page a:hover { background: #5165a6; color: #fff; transition: all ease-in-out .3s; } .bule { background: #5165a6 !important; color: #fff !important; } .three { margin: 0 15px; } .page i { font-style: normal; } .page input { width: 50px; height: 50px; background: #fff; text-align: center; border: none; } /*公司新闻*/ .news_title1 { border-bottom: 1px solid #ececec; background: #fff; } .news_title1 { border-bottom: 1px solid #ececec; } .news_title1 h3 { line-height: 64px; position: relative; width: 133px; text-align: center; border-right: 1px solid #ececec; float: left; } .color { color: #445187; } .color a { color: #445187; } .news_title1 h4 { line-height: 65px; color: #222222; position: relative; width: 133px; text-align: center; float: left; border-right: 1px solid #ececec; } .news_title1 h3::after { position: absolute; content: ''; background: #5165a6; width: 133px; height: 3px; top: 0; left: 0; } .news_title1 h3::before { position: absolute; content: ''; background: url(img/zisanj.png)no-repeat; width: 16px; height: 63px; top: 0; right: -16px; } .news_show { padding: 35px 46px; margin-top: 20px; background: #fff; margin-bottom: 25px; } .news_show_left { width: 127px; background: #5165a6; text-align: center; padding: 10px 0; } .news_show_left h3 { width: 91px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; font-size: 22px; padding-bottom: 8px; border-bottom: 1px solid #a4b9ff; } .news_show_left h4 { width: 91px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; font-size: 25px; padding-top: 7px; } .news_show_right { width: 80%; } .news_show_right h3 { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; font-size: 16px; font-weight: bold; margin: 10px 0 15px; } .news_show_right p { color: #666666; line-height: 25px; font-size: 14px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news_show_list { color: #666666; font-size: 16px; background: #fff; padding: 45px 50px; height: 502px; } .news_show_list ul li { margin-bottom: 29px; } .news_show_list ul li:last-child { margin-bottom: 0; } .show_title { width: 85%; } .show_data { width: 15%; font-size: 16px; color: #666; } .news_show_list ul li:hover .show_title h3 { color: #fad05a; transition: all ease-in-out .3s; padding-left: 10px; } .show_title h3 { color: #666; font-size: 16px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all ease-in-out .3s; } /*新闻详情*/ .news_cotent{ padding: 50px; background: #fff; min-height:874px; } .news_cotent_title{ text-align: center; border-bottom: 1px solid #ececec; } .news_cotent_title h3{ color: #222222; font-size: 22px; } .news_cotent_title span{ color: #a1a1a1; font-size: 15px; display: block; margin: 20px 0; } .news_nr{ padding-top: 40px; min-height:600px; overflow-y: auto; } .news_nr p{ line-height: 50px; font-size: 15px; color: #666666; text-indent: 2em; } .news_page ul li{ height: 70px; line-height: 70px; border-bottom: 1px solid #ececec; } .news_page ul li a{ font-size: 15px; color: #666666; transition: all ease-in-out .3s; } .news_page ul li:hover a{ color: #c8ac5d; transition: all ease-in-out .3s; } .news_page ul li img{ vertical-align: middle; } .show_moment { margin-bottom: 100px; width: 840px; } .show_img_list{ padding: 50px; background: #fff; min-height: 877px; overflow-y: auto; } .show_content_img { width: 600px; margin: 0 auto; } .show_img{ width: 735px; margin: 0 auto; position: relative; } .left_button{ position: absolute; width: 48px; height: 80px; display: block; left: 0; top: 175px; } .right_button{ position: absolute; width: 48px; height: 80px; display: block; right: 0; top: 175px; } .show_img h3{ font-size: 22px; color: #222222; text-align: center; margin-top: 30px; } .show_text{ line-height: 50px; text-indent: 2em; color: #666; font-size: 15px; margin-top: 70px; } .guanyu1 { width: 100%; padding: 45px 0 90px 0; } .gaunyu1-con { color: #2e2e2e; line-height: 30px; margin-top: 30px; box-sizing: border-box; } .layui-form-item { margin-bottom: 23px; clear: both; } .layui-form-label { font-size: 14px; float: left; position: relative; display: block; padding: 9px 15px; font-weight: 400; line-height: 25px; text-align: center; color: #666666; } .layui-input-block { margin-left:60px; position: relative; min-height: 36px; } .layui-input { font-size: 16px; display: block; padding-left: 10px; height: 38px; line-height: 1.3; border-width: 1px; border-style: solid; background-color: #fff; border: 1px solid #e3e3e3; border-radius: 2px; width: 281px; } .layui-textarea { font-size: 16px; min-height: 154px; height: auto; line-height: 20px; border: 1px solid #e3e3e3; width: 600px; text-indent: 2em; } .layui-textarea { display: block; resize: none; } .layui-btn { display: inline-block; height: 46px; line-height: 46px; padding: 0 60px; background: #5165a6; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; cursor: pointer; outline: 0; -webkit-appearance: none; transition: all .3s; -webkit-transition: all .3s; box-sizing: border-box; vertical-align: middle; } .layui-btn+.layui-btn { margin-left: 10px; } .layui-btn-primary { border: 1px solid #C9C9C9; background-color: #fff; color: #555; } .message_input{ padding: 60px 48px 80px; background: #fff; margin-bottom: 30px; } .message_liuyan{ padding: 40px 48px 75px; background: #fff; } .message_liuyan>h3{ color: #222222; font-size: 22px; margin-bottom: 26px; } .message_left h5{ color: #666666; font-size: 14px; margin-bottom: 15px; } .message_left h5:last-child{ margin-bottom: 0; } .message_left h5 span{ color: #666666; font-size: 14px; font-weight: bold; margin-right: 10px; } .message_right h5{ color: #666666; font-size: 14px; margin-bottom: 15px; } .message_right h5 span{ color: #666666; font-size: 14px; font-weight: bold; } .replay{ color: #cf3836 !important; } .replay span{ color: #cf3836 !important; } .message_list ul li{ border: 1px solid #cdcdcd; padding: 15px 30px; margin-bottom: 20px; } .message_moment { margin-bottom: 100px; width: 840px; } /*服务项目*/ .view{ background: #f6f6f6; margin-bottom: 90px; position: relative; } .pc-slide { width: 100%; margin: 0 auto; } .view .swiper-container { width: 1100px; height: auto; } .view .arrow-left { background: url(img/index_tab_l.png) no-repeat left top; position: absolute; left:40px; top: 50%; margin-top: -25px; width:36px; height: 60px; z-index: 10; } .view .arrow-right { background: url(img/index_tab_r.png) no-repeat left bottom; position: absolute; right: 40px; top: 50%; margin-top: -25px; width: 36px; height: 60px; z-index: 10; } .preview { width: 100%; margin-top: 10px; position: relative; } .preview .swiper-container { width: 596px; height: 82px; } .preview .swiper-slide { width: 140px; height: 44px; line-height: 44px; cursor: pointer; text-align: center; margin-right: 12px; background: #445187; color: #fff; font-size: 16px; } .preview .swiper-slide:nth-child(4) { margin-right: 0; } .preview .slide6 { width: 82px; } .preview .arrow-left { background: url(images/feel3.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; } .preview .arrow-right { background: url(images/feel4.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; } .preview img { padding: 1px; } .preview .active-nav { padding: 0; background: #c8ac5d; text-align: center; position: relative; font-size: 16px; } .preview .active-nav::after { position: absolute; content: ''; background: url(img/y_sanjiao.png)no-repeat; width: 15px; height: 8px; bottom: -8px; left: 50%; margin-left: -7.5px; }