body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; } body { background: #fff; color: #555; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif; font-family: "微软雅黑", arial; } td, th, caption { font-size: 14px; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } a { color: #555; text-decoration: none; } a:hover { text-decoration: none; } img { border: none; } ol, ul, li { list-style: none; } input, textarea, select, button { font: 14px verdana, helvetica, arial, sans-serif; } table { border-collapse: collapse; } html { overflow-y: scroll; } img { max-width: 100%;} /* css common */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; } .owidth{ width: 1220px; margin: auto; } /*公用头部-底部样式 head-foot*/ header{ width: 100%; height: 91px; line-height: 91px; background: rgba(0,0,0,.2); position: absolute; border-bottom: 1px solid rgba(255,255,255,.3); z-index: 10; } .head_body{ width: 1220px; margin: auto; } .head_body img{ float: left; padding-top: 25px; } .head_body ul{ float: right; } .head_body li{ float: left; padding-right: 35px; } .head_body li a{ display: block; height: 100%; color: #fff; } #foot{ /* height: 392px; */ background: #181818; } .foot_top_foot{ /*height: 61px;*/ line-height: 61px; background: #000; padding: 10px 0; } .foot_top_foot li{ float: left; color: #5f5f5f; margin-right: 30px; font-size: 14px; line-height: 28px; } .foot_top_foot li a{ float: right; color: #5f5f5f; line-height: 28px; } .foot_top_boxfoot{ line-height: 105px; } .foot_top_boxfoot ul{ float: right; } .foot_top_boxfoot li{ float: left; margin-right: 20px; color: #3c3c3c; } .foot_top_boxfoot li a{ margin-left: 20px; color: #fff; } .foot_top_boxfoot img{ margin-top: 41px; } .foot_down_boxfoot{ height: 148px; } .foot_down_ul1{ width: 210px; font-size: 13px; color: #a8a8a8; margin-right: 75px; } .foot_down_ul1 li{ line-height: 20px; } .foot_down_ul1 li:nth-child(2){ font-size: 16px; color: #d3d3d3; height: 51px; margin: 8px 0 5px; } .foot_down_ul1 span{ font-size: 26px; color: #fff; } .foot_down_ul1 li:nth-child(2) p{ margin-left: 35px; font-size: 20px; color: #fff; } .foot_down_boxfoot ul{ float: left; } .foot_down_ul2,.foot_down_ul3{ font-size: 13px; width: 394px; line-height: 20px; color: #a8a8a8; margin-right: 50px; } .foot_down_ul2 li:first-child{ font-size: 14px; color: #fff; font-weight: 600; margin-bottom: 14px; } .foot_down_ul3{ margin:30px 48px 0 0 ; width: 351px; } .foot_down_boxfoot img{ float: right; } .foot_bottom{ background: #181818; height: 70px; border-top: 1px solid rgba(255,255,255,.3); } .foot_bottom span,.foot_bottom p{ display: block; float: left; margin-top: 30px; } .foot_box_foot{ height: 280px; } .foot_bottom{ color: #a9a8a8; } .foot_bottom p:last-child{ float: right; } /*首页 index*/ .index_banner{ text-align: center; /*height: 980px;*/ max-width: 1920px; width: 100%; margin: 0 auto; } .index_banner_lunbo .swiper-button-prev{ background: url(/uploads/image/tdimages/index_banner_btnl.png); left: 80px; } .index_banner_lunbo .swiper-button-next{ background: url(/uploads/image/tdimages/index_bganner_btnr.png); right: 80px; } .index_banner_lunbo .swiper-button-prev,.index_banner_lunbo .swiper-button-next{ width: 52px; height: 52px; } .index_banner .index_banner_lunbo .swiper-pagination{ bottom: 58px; left: -405px; } .index_banner .index_banner_lunbo .swiper-pagination span{ width: 53px; } .index_banner_lunbo .swiper-pagination-bullet{ background: rgba(255,255,255,.8); } .index_under_banner{ height: 152px; background: #292929; } .index_under_ul{ float: left; height: 105px; margin-top: 24px; } .index_under_ul li{ float: left; height: 100%; border-right: 1px solid #313131; margin-right: 50px; } .index_under_ul li{ width: 210px; } .index_under_ul img:nth-child(1){ margin: 29px 10px 0 5px; } .index_under_ul img{ float: left; } .index_under_ul p{ float: left; font-size: 16px; color: #fff; } .index_under_ul .index_under_p{ font-size: 18px; color: #9e9e9e; margin-top: 9px; margin-right: 10px; } .index_under_ul .index_under_p span{ font-size: 30px; color: #ff9d10; } .index_under_ul .index_under_li3{ margin-right: 0; width: 219px; border-right: none; } .index_under{ position: relative; height: 100%; } .index_under_box{ width: 440px; height: 234px; background: #ff9d10; color: rgba(255,255,255,.4); position: absolute; right: 0; bottom: 0; box-sizing: border-box; padding: 35px 45px 40px 35px; z-index: 10; } .index_under_box img{ position: absolute; top: 0; right: 0; } .index_under_box div{ color: rgba(255,255,255,.4); } .index_underbox_p{ font-size: 26px; font-weight: 600; } .index_under_box .index_underbox_p2{ color: #fff; font-size: 19px; } .index_under_lb{ line-height: 25px; margin-top: 15px; font-size: 13px; } .index_under_lb a{ color: rgba(255,255,255,.5); } .index_under_lb a:hover{ color: #fff; } .index_under_lb .swiper-slide span{ float: right; } .index_under_btn{ top: 70px; right: 45px; } .index_under_box .index_under_btn span{ width: 10px; height: 10px; border-radius: 50%; background:#fff; margin-right: 5px; } .index_fuwu{ text-align: center; } .index_fuwu img:first-child{ margin: 46px auto 15px; } .index_fuwu p:nth-child(2){ font-size: 15px; color: #666; margin-bottom: 30px; } .index_kaiye{ height: 211px; } .index_kaiye_left{ float: left; height: 100%; width: 505px; box-sizing: border-box; padding: 47px 29px 0 40px; position: relative; text-align: left; } .index_ky{ font-size: 18px; color: #ff9d10; font-weight: 600; width: 165px; float: left; height: auto; } .index_ky p:last-child{ font-size: 10px; color: #fff; font-weight: 500; } .index_ky_more{ width: 140px; height: 33px; border: 1px solid #fe9500; float: right; text-align: center; line-height: 33px; transition: all .3s; } .index_ky_more a{ color:#fe9500 ; display: block; height: 100%; transition: all .5s; } .index_ky_more:hover{ background:#fe9500 ; border-color: #fff; } .index_ky_more:hover a{ color: #fff; } .index_ky_fonts{ float: left; font-size: 13px; color: #fff; } .index_kaiye_right{ display: flex; float: right; height: 100%; width: 100%; } .index_kaiye_right div{ flex: 1; height: 100%; border-right: 1px solid #5a5a5a; position: relative; } .index_ky_rights{ background: #333; } .index_ky_right{ background: #3b3b3b; } .index_ky_rights .index_ky_rp1 a,.index_ky_right .index_ky_rp1 a{ font-size: 15px; color: #fff; } .index_kaiye_right .index_ky_rights .index_ky_rp1,.index_kaiye_right .index_ky_right .index_ky_rp1{ margin-top: 7px; margin-bottom: 0; } .index_ky_rp2 a{ font-size: 10px; color: #606060; } .index_kaiye_right .index_ky_right :nth-child(2) { margin-top: 7px; } .index_kaiye_right .index_ky_right .index_ky_rpp1{ margin-top: 7px; } .index_kaiye{ margin-bottom: 46px; } .index_kaiye_rightt .index_ky_jiao{ border: 8px solid rgba(0,0,0,0); border-top: 8px solid #1a1a1a; position: absolute; bottom: -16px; left: 50%; } .index_new{ font-size: 18px; font-weight: 600; margin-bottom: 48px; } .index_new span{ color: #666; font-size: 15px; font-weight: 500; } .index_new_anli{ position: relative; height: 345px; margin-bottom: 75px; } .index_tab{ width:99%; height: 345px; position: absolute; left: 0px; top: 0px; display: none; } .index_tab1{ display: block; } .index_new_anli .index_new_swiper img{ margin-top: 0; margin-bottom: 0; } .index_new_swiper{ transition: all 1s; } .index_new_font{ height: 85px; width: 100%; background: #f4f4f4; box-sizing: border-box; padding: 16px 25px 0 25px; float: left; color: #666; text-align: left; transition: all 1s; position: relative; overflow: hidden; } .index_new_img{ width: 100%; height: 265px; float: left; } .index_new_font p:first-child{ font-size: 17px; color: #333; } .index_new_font p{ float: left; width:80%; } .index_new_go{ width: 33px; height: 33px; border: 2px solid #8f8f8f; float: right; position: absolute; top: 50%; right: 10px; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%);; transition: all 1s; } .index_new_go img{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);; } .index_new_font a{ display: block; width: 80%; height: 100%; position: absolute; left: 0; top: 0; } .index_new_go2{ display: none; } .index_new_p2{ display: none; } .index_new_p2,.index_new_p{ transition: all 1s; } .index_new_font:hover{ background: #ffa011; color: #fff; width: 90%; transform: translate(5%,-50%); } .index_new_font:hover .index_new_p{ color: #fff; } .index_new_font:hover .index_new_p2{ display: none; color: #fff; } .index_new_font:hover .index_new_go{ border-color: #fff; } .index_new_font:hover .index_new_go1{ display: none; } .index_new_font:hover .index_new_go2{ display: block; } .index_new_slide { width: 392.6666px !important; box-sizing: border-box; margin-right: 10px; overflow: hidden; } .index_jd_imgbox{ overflow: hidden; } .index_new_slide img,.index_jd_imgbox img{ transition: all .8s; } .index_new_slide img:hover,.index_jd_imgbox img:hover{ -webkit-transform:scale(1.1); -moz-transform: scale(1.1); -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; transform: scale(1.1); } .index_new_anli .swiper-button-prev{ left: -50px; background: url(/uploads/image/tdimages/index_new_btnl.png) no-repeat; } .index_new_anli .swiper-button-next{ right: -50px; background: url(/uploads/image/tdimages/index_new_btnr.png)no-repeat; } .index_new_anli .swiper-button-prev,.index_new_anli .swiper-button-next{ width: 29px; height: 51px; } .index_jingdian{ height: 943px; background: url(/uploads/image/tdimages/index_beijing.png) no-repeat center center; background-size: 100% 100%; } .index_jd_p1{ font-size: 28px; font-weight: 600; color: #fff; padding: 79px 0 5px; } .index_jd_p2{ font-size: 15px; color:#b9b9b9; margin-bottom: 45px; } .index_jd_p1,.index_jd_p2{ text-align: center; } .index_jd_imgbox{ float: left; height: 687px; width: 401px; margin-right: 8px; } .index_jd_imgbox2{ margin-right: 0px; } .index_jd_imgbox2 img:nth-child(1){ margin-bottom: 11px; } .index_jd_imgfont{ height: 417px; box-sizing: border-box; background: #ffa011; padding: 69px 45px 0 49px; color: #fff; width: 401px; } .index_imgfont_p1{ font-size: 18px; font-weight: 600; } .index_img_gang{ width: 42px; height: 2px; background: rgba(255,255,255,.4); margin: 15px 0 30px; } .index_img_p2 a{ line-height: 25px; color: #fff; } .index_jd_imgfont img{ margin-top: 50px; } .index_jd_imgbox img{ transition: all .4s; float: left; } .index_jd_imgbox div{ float: left; } .index_jd_imgbox img:hover { opacity: .8; } .index_huodong{ height: 680px; background: url(/uploads/image/tdimages/index_03.jpg) no-repeat center bottom; } .index_hd_p1{ font-size: 28px; font-weight: 600; padding-top: 90px; } .index_hd_p1 span{ color: #ffa011; } .index_hd_p2{ font-size: 15px; color: #9e9e9e; } .index_huodong p{ margin-left: 75px; } .index_hd_p3{ font-size: 46px; color: #333; margin-top: 105px; font-family: arial; } .index_hd_p4{ font-size: 26px; color:#ffa011; font-weight: 600; margin-top: 15px; } .index_hd_p5{ font-size: 18px; color: #fff; } .index_hd_p6{ font-size: 15px; color: #a3a3a3; width: 580px; margin-top: 10px; } .index_liucheng{ height: 640px; background: url(/uploads/image/tdimages/index_02.jpg); text-align: center; } .index_lc_p1{ font-size: 28px; color: #ffa011; padding-top: 35px; font-weight: 600; } .index_lc_p2{ font-size: 15px; color: #bbb; margin-top: 5px; margin-bottom: 112px; } .index_lc_imgs{ height: 240px; } .index_lc_img{ background: url(/uploads/image/tdimages/index_tuoyuan_03.jpg) no-repeat center center; width: 77px; height: 92px; position: relative; margin: auto; } .index_lc_img img{ position: absolute; top: 45%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .index_lc_yuan{ width: 26px; height: 26px; background: #545454; opacity: .8; border-radius: 50%; margin: 20px auto 30px; } .index_lc_yuan div{ width: 8px; height: 8px; border-radius: 50%; background: #fff; opacity: 1; position: absolute; top: 51%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); transition: all 1s; } .index_lc_lb_p1{ font-size: 26px; font-weight: 600; color: #ffa011; font-family: arial; margin-bottom: 5px; } .index_lc_lb_p2{ font-size: 17px; color: #fff; } .index_lc_lb_p3{ font-size: 12px; color: #888888; } .index_lc .swiper-slide:hover .index_lc_img{ background: url(/uploads/image/tdimages/index_tuoyuan_05.jpg); } .index_lc .swiper-slide:hover .index_lc_yuan{ background: #dd8c12; } .index_lc .swiper-slide:hover .index_lc_yuan div{ -webkit-transform: scale(1.3) translate(-3px,-2px); -moz-transform: scale(1.3) translate(-3px,-2px); -ms-transform: scale(1.3) translate(-3px,-2px); -o-transform: scale(1.3) translate(-3px,-2px); transform: scale(1.3) translate(-3px,-2px); } .index_zixun{ height: 673px; } .index_zx{ text-align: center; margin-top: 40px; margin-bottom: 20px; } .index_zx img{ -webkit-transform: translatey(50%); -moz-transform: translatey(50%); -ms-transform: translatey(50%); -o-transform: translatey(50%); transform: translatey(50%); margin-right: 6px; } .index_zx span{ font-size: 28px; font-weight: 600; color: #000; } .index_zixun .index_jd_p2{ margin-bottom: 45px; } .index_zx_bottom{ height: 424px; } .index_zx_img{ width: 632px; height: 100%; background: url(/uploads/image/tdimages/index_06.jpg) no-repeat center center; background-size: cover; position: relative; float: left; } .index_zximg_font{ height: 97px; background: rgba(0,0,0,.6); box-sizing: border-box; padding: 25px 23px 0 30px; position: absolute; bottom: 0; } .index_zximg_font a{ display: block; float: left; color: #fff; font-size: 16px; } .index_zximg_font span{ float: right; font-size: 16px; color: #c8cbcf; } .index_zximg_font a:last-child{ font-size: 13px; opacity: .8; margin-top: 10px; } .index_zx_lb{ width: 588px; float: right; height: 398px; margin-top: 26px; position: relative; } .index_zx_swiper .swiper-slide{ height: 92px; box-sizing: border-box; padding: 24px 35px 0 40px; } .index_zx_swiper{ height: 365px; } .index_zx_one{ background: #f3f3f3; } .index_zx_two{ background: #fbfbfb; } .index_zx_left{ float: left; border-right: 1px solid #c1c1c1; height: 44px; width: 125px; position: relative; } .index_zx_left span{ font-size: 50px; color:#525252; font-weight: 300; position: absolute; top:-12px; } .index_zx_left p{ width: 35px; height: 100%; float: right; margin-right: 25px; color: #525252; text-align: center; } .index_zx_left b{ width: 4px; height: 4px; display: block; background: #525252; margin: 3px auto; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .index_zx_right{ width: 365px; height: 100%; margin-left: 20px; float: left; } .index_right_p1{ margin-bottom: 5px; } .index_right_p1 a{ font-size: 16px; color: #4e4e4e; } .index_right_p2 a{ color: #757575; } .index_zx_lb div.index_zx_btn{ width: 293px; line-height: 45px; color: #505050; box-sizing: border-box; top: 94.5%; } .index_zx_lb .swiper-button-prev{ background: #f2f2f2; margin-right: 2px; left: 0; text-align: right; padding-right: 70px; color: #9d9d9d; } .index_prev{ width: 8px; height: 8px; border-top: 3px solid #c4c4c4; border-left: 3px solid #c4c4c4; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); float: right; margin-top: 21px; margin-left: 15px; } .index_zx_lb .swiper-button-next{ right: 0; padding-left: 70px; background: #ebebeb; } .index_zx_lb .swiper-button-next .index_prev{ float: left; margin-top: 16px; margin-right: 15px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); } /*服务项目 fuwu_*/ .fuwu_banner{ height: 563px; background: url(/uploads/image/tdimages/fuwu_01.jpg) no-repeat center center; background-size: cover; } .fuwu_family{ height: 563px; } .fuwu_jia_p1{ color: #666; margin-bottom: 45px; } .fuwu_family_box{ height: 379px; } .fuwu_family_boxes{ float: left; width: 278px; height: 100%; transition: all .6s; box-shadow: 0px 0px 8px -3px #999; text-align: center; margin-right: 30px; } .fuwu_family_box_p1 a{ font-size: 18px; color: #666; margin-bottom: 20px; } .fuwu_family_box_p2 a{ display: block; width: 190px; color: #999999; line-height: 20px; font-size: 14px; margin: auto; } .fuwu_family_box .fuwu_family_boxes:last-child{ margin-right: 0; } .fuwu_new{ height: 681px; background: url(/uploads/image/tdimages/fuwu_03.jpg); } .fuwu_new_anli{ font-size: 28px; font-weight: 600; color: #fff; text-align: center; padding-top: 71px; } .fuwu_family_boxes img{ margin: 100px auto 45px; } .fuwu_family_img{ display: none; } .fuwu_new_anli span{ color: #ff9110; } .fuwu_family_boxes:hover{ background: url(/uploads/image/tdimages/fuwu_jia_bg_03.jpg); } .fuwu_family_boxes:hover .fuwu_family_img1{ display: none; } .fuwu_family_boxes:hover .fuwu_family_img{ display: block; } .fuwu_family_boxes:hover .fuwu_family_box_p1 a{ color: #fff; } .fuwu_family_boxes:hover .fuwu_family_box_p2 a{ color: #fff; } .fuwu_new .fuwu_jia_p1{ color: #b7b7b7; margin: 5px 0 45px; } .fuwu_anli_box{ height: 351px; } .fuwu_anli_imgs{ width: 390px; margin-right: 24px; float: left; } .fuwu_anli_box .fuwu_anli_imgs:last-child{ margin-right: 0; } .fuwu_anli_more{ width: 166px; height: 52px; line-height: 52px; font-size: 19px; margin:60px auto 0; float: none; } .fuwu_go{ width: 1300px; height: 438px; margin: auto; box-shadow: 0px 0px 8px -3px #999; margin-top: 40px; box-sizing: border-box; padding: 30px 40px 0; } .fuwu_go_top{ font-size: 28px; font-weight: 600; color:#000; text-align: center; } .fuwu_go_top span{ color: #ff9110; } .fuwu_go .fuwu_jia_p1{ margin-top: 5px; margin-bottom: 30px; } .fuwu_go_img{ width: 293px; float: left; margin-right: 16px; } .fuwu_go_img img{ width: 100%; } .fuwu_go_img p a{ display: block; font-size: 16px; color: #666; margin-top: 15px ; } .fuwu_go .fuwu_go_img:last-child{ margin-right: 0; } .fuwu_luo{ height: 737px; background: url(/uploads/image/tdimages/fuwu_luo_bg_02.jpg) no-repeat top ; } .fuwu_jia_p1{ margin-top: 5px; } .fuwu_luo .fuwu_new_anli{ padding-top: 55px; } .fuwu_luo .fuwu_jia_p1{ margin-bottom: 50px; } .fuwu_luo_huodong{ display: flex; margin-bottom: 10px; } .fuwu_luo_hd{ flex:1; text-align: left; color: #c6c6c6; } .fuwu_luo_huodong .fuwu_luo_hd:first-child{ color: #ff9110; } .fw_haun{ width: 1220px; height: 20px; border-radius: 10px; background-color: #535353; margin-bottom: 35px; } .fw_haun11{ float: left; width: 406px; height:20px; border-radius: 10px; } .fw_haun11:first-child{ background-color:#ff9110 ; } .fuwu_luo .owidth{ position: relative; height: 737px; } .fuwu_luo .fuwu_luo_img3{ position: absolute; bottom: -50px; right: 0; } .fuwu_guandian{ height: 810px; } /*初始化样式*/ .gdzx_banner { width: 100%; height: 560px; background: url(/uploads/image/tdimages/guandianzx_banner.png) no-repeat center center; background-size: cover; position: relative; } .gdzx_banner1 { width: 400px; height: 50px; position: absolute; left: 50%; top: 62%; background: url(/uploads/image/tdimages/guandianzx_logo.png) no-repeat left center; background-size: contain; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #ffffff; font-size: 34px; font-weight: 700; text-indent: 195px; line-height: 26px; } .gdzx_main { width: 1220px; margin: auto; margin-top: 57px; height: 1781px; } .gdzx_left { width: 875px; height: 300px; border: 1px solid #e5e5e5; box-shadow: 2px 2px 2px #ededed; margin-bottom: 25px; } .gdzx_left1 { width: 405px; float: left; height: 100%; } .gdzx_left1 img { display: block; height: 100%; } .gdzx_left2 { width: 460px; float: right; box-sizing: border-box; padding: 40px; } .gdzx_left3 { font-size: 22px; color: #333; font-weight: 700; margin-bottom: 10px; } .gdzx_left4 { font-size: 14px; color: #999; margin-bottom: 20px; line-height: 25px; } .gdzx_left5 { font-size: 14px; color: #666; margin-bottom: 10px; } .gdzx_left6 { width: 35px; height: 35px; float: right; border: 2px solid #8f8f8f; background: url(/uploads/image/tdimages/guandianzx_j.png) no-repeat center center; background-size: 60%; } .gdzx_right { width: 320px; float: right; position: relative; z-index: 2; } .gdzx_right_wzfl { width: 100%; height: 54px; font-size: 18px; color: #ffffff; line-height: 54px; text-indent: 20px; background: #565656 url(/uploads/image/tdimages/guandianzx_bj.png) no-repeat center center; } .gdzx_right1 { width: 6px; height: 54px; float: left; background-color: #ff9110; } .gdzx_right_wzfl2 li { width: 320px; height: 50px; font-size: 18px; color: #999999; border-bottom: 1px solid #eaeaea; text-align: center; line-height: 50px; } .gdzx_right_wzfl2 li:last-child { border: none; margin-bottom: 30px; } .gdzx_right_rmtj { width: 290px; margin: auto; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; } .gdzx_right_rmtj img { display: block; margin-top: 20px; margin-bottom: 20px; } .gdzx_left_ye { width: 875px; height: 50px; } .gdzx_left_ye li { width: 35px; height: 35px; float: right; border: 1px solid #cfcfcf; border-radius: 3px; text-align: center; line-height: 35px; margin-left: 5px; font-size: 16px; color: #646464; cursor: pointer; } li.gdzx_left_ye1 { background: #ff9110; color: #ffffff; } /*互联网 服务*/ .hf_banner { width: 100%; height: 730px; background: url(/uploads/image/tdimages/hf_banner1.png) no-repeat center center; } .hf_jjfa { width: 100%; height: 475px; position: relative; } .hf_jjfa1 { width: 1220px; height: 615px; position: absolute; left: 50%; top: -140px; -webkit-transform: translatex(-50%); -moz-transform: translatex(-50%); -ms-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); background: url(/uploads/image/tdimages/hf_bannerbj.png) no-repeat center center; box-sizing: border-box; padding-top: 80px; } .hf_jjfa2 { font-size: 26px; text-align: center; color: #222222; } .hf_jjfa2 span { color: #ff9110; } .hf_jjfa3 { font-size: 18px; color: #666666; text-align: center; margin-bottom: 65px; } .hf_jjfa4 { width: 1132px; height: 300px; margin: auto; } .hf_jjfa4 li { float: left; position: relative; width: 355px; height: 300px; } .hf_jjfa5 { margin-left: 32px; margin-right: 32px; } .hf_jjfa4 img { display: block; } .hf_jjfa6 { width: 350px; height: 110px; background-color: #ffffff; position: absolute; left: -15px; bottom: -20px; box-sizing: border-box; padding: 26px; } .hf_jjfa7 { width: 60px; height: 60px; font-size: 50px; color: #ff9110; float: left; } .hf_jjfa8 { width: 235px; height: 60px; float: right; font-size: 14px; color: #9d9d9d; } .hf_jjfa9 { width: 0px; border-bottom: 7px solid #373737; border-right: 0px solid #373737; border-left: 13px solid transparent; position: absolute; left: 2px; top: -7px; } .hf_jjfa6:hover { cursor: pointer; background-color: #ff9110; } .hf_jjfa6:hover .hf_jjfa7 { color: #ffffff; } .hf_jjfa6:hover .hf_jjfa8 { color: #ffffff; } .hr_jiej { width: 100%; height: 530px; background: url(/uploads/image/tdimages/hf_nei.png) no-repeat center center; box-sizing: border-box; position: relative; padding-top: 90px; } .hr_jiejue_yuan{ width:1220px; height: 50px; margin: auto; position: relative; right: 30px; bottom:-430px; } .hr_jiej1 { color: #ffffff; } .hr_jiej2 { color: #ffffff; } .hr_jiej3 { width: 1220px; height: 505px; position: absolute; top: 215px; left: 50%; -webkit-transform: translatex(-50%); -moz-transform: translatex(-50%); -ms-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); } .hr_1>div { float: left; } .hr_1{ position: absolute; left: 0px; top: 0px; } .hr_1:first-child{ display: block; } .hr_jiej4 { width: 835px; } .hr_jiej4 img { display: block; width: 835px; } .hr_jiej5 { width: 385px; height: 505px; background: #363636 url(/uploads/image/tdimages/hr_nagebeijing.png) no-repeat center center; box-sizing: border-box; padding: 30px; } .hr_jiej5 p { font-size: 14px; color: #979797; } .hr_jiej5 p:first-child { font-size: 22px; color: #ffffff; margin-bottom: 20px; } .hr_jiej6 { height: 260px; } .hr_jiej7 { width: 300px; height: 70px; line-height: 70px; font-size: 14p; color: #979797; margin: auto; border-bottom: 1px solid #555555; margin-bottom: 25px; } .hr_jiejue_yuan1 { display: inline-block; position: relative; width: 40px; height: 40px; border-radius: 40px; border: 2px solid #686868; cursor: pointer; float: right; } .hr_jiejue_yuan2 { width: 40%; height: 40%; border: 2px solid #686868; border-bottom-color: transparent; border-left-color: transparent; -webkit-transform: translate(-50%, -50%) rotatez(45deg); -moz-transform: translate(-50%, -50%) rotatez(45deg); -ms-transform: translate(-50%, -50%) rotatez(45deg); -o-transform: translate(-50%, -50%) rotatez(45deg); transform: translate(-50%, -50%) rotatez(45deg); position: absolute; left: 35%; top: 50%; } .hr_jiejue_yuan3 { width: 40%; height: 40%; border: 2px solid #686868; border-top-color: transparent; border-right-color: transparent; -webkit-transform: translate(-50%, -50%) rotatez(45deg); -moz-transform: translate(-50%, -50%) rotatez(45deg); -ms-transform: translate(-50%, -50%) rotatez(45deg); -o-transform: translate(-50%, -50%) rotatez(45deg); transform: translate(-50%, -50%) rotatez(45deg); position: absolute; left: 60%; top: 50%; } .hr_jiejue_yuan4 { margin-right: 40px; border-color: #ff9110; } .hr_jiejue_yuan3 { border: 2px solid #ff9110; border-top-color: transparent; border-right-color: transparent; } .hr_gdzx { width: 1220px; padding-top: 190px; margin: auto; } .hr_gdzxtop { width: 100%; hyphenate-character: 150px; box-sizing: border-box; padding-top: 50px; } .hr_gdzxtop1 { width: 350px; height: 50px; margin: auto; background: url(/uploads/image/tdimages/hr_logo.png) no-repeat left center; font-size: 32px; color: #222222; line-height: 30px; text-indent: 180px; } .hr_gdzxtop p { color: #666666; font-size: 16px; text-align: center; margin-top: 15px; margin-bottom: 20px; } .hr_gdzxcen { width: 1220px; height: 600px; } .hr_gdzxcen li { float: left; } .hr_gdzxcen1 { width: 400px; height: 100%; overflow: hidden; box-sizing: border-box; } .hr_gdzxcen1 img { display: block; width: 400px; } .hr_gdzxcen2 { width: 100%; height: 60px; font-size: 18px; color: #666666; line-height: 60px; } .hr_gdzxcen3 { display: block; width: 100%; height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; line-height: 50px; text-indent: 30px; } .hr_gdzxceny1 { display: inline-block; position: absolute; top: 50%; left: 0px; width: 15px; height: 15px; border-radius: 40px; border: 2px solid #686868; cursor: pointer; -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -ms-transform: translatey(-50%); -o-transform: translatey(-50%); transform: translatey(-50%); ; } .hr_jgdzxceny2 { width: 40%; height: 40%; border: 2px solid #686868; border-bottom-color: transparent; border-left-color: transparent; -webkit-transform: translate(-50%, -50%) rotatez(45deg); -moz-transform: translate(-50%, -50%) rotatez(45deg); -ms-transform: translate(-50%, -50%) rotatez(45deg); -o-transform: translate(-50%, -50%) rotatez(45deg); transform: translate(-50%, -50%) rotatez(45deg); position: absolute; left: 30%; top: 50%; } .hr_gdzxcen3:hover { background-color: #222222; color: #ffffff; text-decoration: none; } .hr_gdzxcen3:hover .hr_gdzxceny1 { border: 2px solid #ffffff; } .hr_gdzxcen3:hover .hr_jgdzxceny2 { border: 2px solid #ffffff; border-bottom-color: transparent; border-left-color: transparent; } .hr_gdzxcen4 { width: 128px; height: 40px; border: 1px solid #ff9110; color: #ff9110; text-align: center; line-height: 40px; cursor: pointer; margin-top: 20px; } .hr_gdzxcen11 { margin-left: 9px; margin-right: 9px; } /*联系我们*/ .gywm_banner { width: 100%; height: 600px; background: url(/uploads/image/tdimages/lwm_banner.png) no-repeat center center; padding-top: 250px; box-sizing: border-box; } .gywm_banner1 { width: 500px; height: 80px; font-size: 36px; color: #ffffff; font-weight: 700; background: url(/uploads/image/tdimages/lxwm_bal.png) no-repeat 80px center; margin: auto; line-height: 55px; } .gywm_liu { width: 1220px; height: 300px; margin: auto; position: relative; } .gywm_main { width: 1220px; height: 700px; position: absolute; top: -100px; left: 0px; } .gywm_main1 { width: 100%; height: 340px; margin-bottom: 10px; } .gywm_main1 li { width: 400px; height: 340px; float: left; box-sizing: border-box; padding: 37px; cursor: pointer; margin-bottom: 10px; } .gywm_mainbj11 { margin-left: 10px; margin-right: 10px; } .gywm_mainbj3 { background: #222222 url(/uploads/image/tdimages/lxwm_lu.png) no-repeat center center; } .gywm_mainbj1 { background: #222222 url(/uploads/image/tdimages/lxwm_qi.png) no-repeat center center; } .gywm_mainbj2 { background: #222222 url(/uploads/image/tdimages/lxwm_bans.png) no-repeat center center; } .gywm_main2 { font-size: 34px; color: #484747; text-transform: uppercase; } .gywm_main3 { width: 34px; height: 1px; background-color: #ffa011; margin: 30px 0px 50px 0px; } .gywm_main4 { width: 100%; height: 40px; font-size: 22px; color: #ffa011; line-height: 10px; position: relative; text-indent: 100px; } .gywm_main4_1, .gywm_main4_2 { position: absolute; left: 0px; top: -4px; } .gywm_main4_2 { display: none; } .gywm_main5 { font-size: 14px; color: #999999; } .gywm_main6 { margin-top: 10px; font-size: 12px; color: #999999; } .gywm_main1 li:hover { background-color: #ffa011; } .gywm_main1 li:hover .gywm_main2 { color: #ec870f; } .gywm_main1 li:hover .gywm_main3 { background-color: #ffffff; } .gywm_main1 li:hover .gywm_main4_1 { display: none; } .gywm_main1 li:hover .gywm_main4_2 { display: block; } .gywm_main1 li:hover .gywm_main7 { color: #ffffff; } .gywm_san { width: 1220px; height: 133px; margin: auto; display: flex; border: 1px solid #dadada; } .gywm_san li { height: 100%; flex: 1; text-indent: 125px; line-height: 133px; color: #696262; font-size: 16px; } .gywm_san1 { border-left: 1px solid #dadada; border-right: 1px solid #dadada; } .gywm_san2 { background: url(/uploads/image/tdimages/lxwm_dianhua.png) no-repeat 50px center; } .gywm_san1 { background: url(/uploads/image/tdimages/lxwm_wx.png) no-repeat 50px center; } .gywm_san3 { background: url(/uploads/image/tdimages/lxwm_xinfeng.png) no-repeat 50px center; } .gywm_map { width: 1220px; height: 510px; margin: auto; margin-bottom: 30px; } .gywm_map li { width: 600px; float: left; } .gywm_map p { margin-top: 20px; color: #353535; font-size: 20px; margin-bottom: 20px; } .gywm_map2 { margin-left: 20px; } /*客户案例*/ .khan_banner { width: 100%; height: 560px; background: url(/uploads/image/tdimages/khan_banner.png) no-repeat center center; box-sizing: border-box; padding-top: 300px; } .khan_banner1 { width: 500px; height: 80px; font-size: 36px; color: #ffffff; font-weight: 700; background: url(/uploads/image/tdimages/hr_logo.png) no-repeat 80px center; margin: auto; line-height: 55px; text-indent: 222px; } .khnav { width: 70%; height: 50px; margin: auto; margin-top: 60px; } .khnav li { float: left; position: relative; cursor: pointer; } .khnav1 { padding: 0 20px; height: 50px; text-align: center; line-height: 50px; color: #212121; font-size: 18px; } .khnav2 { width: 20px; height: 50px; line-height: 50px; } .khnav11 { background-color: #ff9110; color: #fff; } .khnav1 span { display: block; width: 0px; border: 10px solid transparent; border-bottom: 10px solid #ff9110; border-left: 10px solid #ff9110; -webkit-transform: rotatez(-45deg); -moz-transform: rotatez(-45deg); -ms-transform: rotatez(-45deg); -o-transform: rotatez(-45deg); transform: rotatez(-45deg); position: absolute; bottom: -5px; left: 55px; display: none; } .khnav22 { color: #ffffff; } .khnav11 span { display: block; } .khan_main { width: 100%; } .khan_mainleft { width: 50%; float: left; position: relative; box-sizing: border-box; padding-bottom: 10px; } .khan_mainleft img{ max-height: 750px; } .khan_mainleft .khan_mainleft1{ bottom: 9px; } .khan_mainlefttop { width: 100%; height: 80px; line-height: 80px; text-align: center; font-size: 16px; color: #999999; } .khan_mainleft img { display: block; width: 100%; } .khan_mainleft1 { width: 100%; height: 110px; position: absolute; left: 0px; bottom: 0px; background: rgba(0, 0, 0, .4); box-sizing: border-box; padding: 35px; font-size: 14px; color: #999999; overflow: hidden; } .khan_mainleft1 p,.khan_mainleft1 h3 { font-size: 18px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .khan_mainright { width: 50%; float: right; } .khan_mainright1 { width: 50%; box-sizing: border-box; float: left; position: relative; padding-left: 10px; margin-bottom: 10px; overflow: hidden; } .khan_mainright1 img { display: block; width: 99%; margin-left: 1%; } .khan_mainright1 .khan_mainleft1 { width: 96%; box-sizing: border-box; padding: 12px; height: 60px; left: 15px; } .khan_mainleftbot{ width: 100%; height: 75px; background-color: #333333; color: #c6c6c6; font-size: 20px; text-align: center; line-height: 75px; } .khan_mainright11{ margin-bottom: 0px; } .khan_mainleftbot span{ cursor: pointer; } .khan_mainone{ display: none; } .khan_mainone1{ display: block; } /*关于我们真*/ .gy_banner{ width: 100%; height: 750px; box-sizing: border-box; background: url(/uploads/image/tdimages/gy_banner01.png) no-repeat center center; padding-top: 360px; text-align: center; } .gy_banner1{ margin-top: 20px; margin-bottom: 10px; font-size: 20px; color:#ffffff; } .gy_banner2{ font-size: 16px; color: #e2e2e2; } .gy_ppwh{ width: 330px; height: 50px; margin:0 auto; background: url(/uploads/image/tdimages/hr_logo.png) no-repeat left center; font-size: 30px; font-weight: 700; text-indent:175px; line-height:28px; margin-top: 50px; margin-bottom: 10px; } .gy_ppwh1{ font-size: 16px; color: #666666; text-align: center; } .gy_ppwh2{ width: 1220px; margin: auto; display: flex; margin-bottom: 140px; margin-top: 110px; } .gy_ppwh21{ font-size: 22px; color: #666666; margin-top: 60px; margin-bottom: 10px; } .gy_ppwh2 li{ flex: 1; text-align: center; } .gy_ppwh22{ font-size: 18px; color: #999999; } .gy_why{ width: 310px; height: 50px; margin:0 auto; background: url(/uploads/image/tdimages/hr_logo.png) no-repeat 125px center; font-size: 30px; font-weight: 700; line-height:28px; margin-top: 50px; margin-bottom: 10px; } .gy_why1{ font-size: 16px; color: #666666; text-align: center; margin-top: 20px; margin-bottom: 30px; } .gy_why span{ float:right; } .gu_wsm{ width: 100%; height:795px; background: url(/uploads/image/tdimages/gy_whybj_02.png) no-repeat center top; background-size:100% auto; } .gu_wsm1{ width: 1220px; margin: auto; position: relative; } .gu_wsmright1{ position: absolute; left:585px; top: 50px; } .gu_wsmright11{ width: 37px; height: 37px; border-radius: 37px; background-color: rgba(255,145,16,.4); position: absolute; } .gu_wsmright11>div{ width:18px; height:18px; border-radius:18px; background-color: #ff9110; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 3; } .gu_wsmright12{ width: 70px; border-bottom: 1px dashed #7f7f7f; position: absolute; left: 37px; top: 18px; } .gu_wsmright13{ width: 502px; height: 30px; position: absolute; left:140px; top: 0px; color: #ff9110; font-size: 18px; text-indent: 40px; } .gu_wsmright113{ background: url(/uploads/image/tdimages/gyicon1.png) no-repeat left center; } .gu_wsmright13 p{ color: #999999; font-size: 16px; text-indent: 40px; } .gu_wsmright14{ margin-top: 15px; } .gu_wsmright23{ background:url(/uploads/image/tdimages/gyicon3.png) no-repeat left center; } .gu_wsmright2{ top: 227px; } .gu_wsmright33{ background:url(/uploads/image/tdimages/gyicon5.png) no-repeat left center; } .gu_wsmright3{ top: 397px; } .gu_wsmright43{ background:url(/uploads/image/tdimages/gyicon7.png) no-repeat left center; } .gu_wsmright4{ top:570px; } /*左边*/ .gu_wsmleft1{ position: absolute; right:635px; top:139px; } .gu_wsmleft11{ width: 37px; height: 37px; border-radius: 37px; background-color: rgba(255,145,16,.4); position: absolute; } .gu_wsmleft11>div{ width:18px; height:18px; border-radius:18px; background-color: #ff9110; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 3; } .gu_wsmleft12{ width: 70px; border-bottom: 1px dashed #7f7f7f; position: absolute; right: 0px; top: 18px; } .gu_wsmleft13{ width: 502px; height: 35px; position: absolute; right:90px; top: 0px; color: #ff9110; font-size: 18px; padding-right: 40px; text-align: right; } .gu_wsmleft213{ background: url(/uploads/image/tdimages/gyicon2.png) no-repeat right center; } .gu_wsmleft223{ background: url(/uploads/image/tdimages/gyicon4.png) no-repeat right center; } .gu_wsmleft233{ background: url(/uploads/image/tdimages/gyicon6.png) no-repeat right center; } .gu_wsmleft243{ background: url(/uploads/image/tdimages/gyicon8.png) no-repeat right center; } .gu_wsmleft13 p{ color: #999999; font-size: 16px; text-indent: 40px; } .gu_wsmleft14{ margin-top: 15px; } .gu_wsmleft2{ top: 310px; } .gu_wsmleft3{ top: 486px; } .gu_wsmleft4{ top: 656px; } .gy_team{ width:280px; height: 50px; margin:0 auto; background: url(/uploads/image/tdimages/heilogo.png) no-repeat left center; font-size: 30px; font-weight: 700; text-indent:175px; line-height:28px; margin-top: 50px; margin-bottom: 10px; color: #ff9110; } .gy_team1{ font-size: 16px; color: #999; text-align: center; margin-bottom: 60px; } .gy_teammain{ width: 1220px; height: 470px; margin: auto; box-sizing: border-box; background-color: efeeee; margin-bottom: 50px; } .gy_teammain li{ float: left; width: 395px; height: 470px; box-sizing: border-box; padding: 18px; background-color: #ffffff; border: 1px solid #ebeaea; box-shadow: 0px 0px 15px 10px #ededec; } .gy_teammain2{ width: 92px; height: 50px; text-align: left; line-height: 50px; border-bottom: 3px solid #ff9110; margin-bottom: 20px; font-size: 18px; color: #666; } .gy_teammain li p{ font-size: 14px; color: #999; } .gy_teammain1{ margin-left: 17px; margin-right: 17px; } .gy_hezuo{ width: 100%; height: 710px; background: url(/uploads/image/tdimages/gydi_02.png) no-repeat center center; box-sizing: border-box; padding-top: 60px; } .gy_hezuotop{ width: 330px; height: 50px; margin:0 auto; background: url(/uploads/image/tdimages/hr_logo.png) no-repeat left center; font-size: 30px; font-weight: 700; text-indent:175px; line-height:28px; margin-bottom: 10px; color: #ffffff; } .gy_hezuotop1{ font-size: 16px; color: #666666; text-align: center; margin-bottom: 40px; } .gy_hezuo_logo{ width: 1220px; height: 490px; margin: auto; background-color: #f6f6f6; } .cooperation{ background: #fff; } .gy_hezuologo1{ width: 100%; height:122px; } .gy_hezuologo1 li{ text-align: center; cursor: pointer; box-sizing: border-box; float: left; width: 20%; height: 100px; margin-bottom: 20px; } .cooperation_box{ width: 1220px; margin: auto; } .gy_hezuologo1 li:hover{ box-shadow: 0px 0px 5px 5px #e2e2e2; } .gy_hezuologo1 li img{ margin-top:10px; } .gy_gaundian{ padding-top: 0px; } .khan_main{ height: auto; } /*翻页*/ .fanye { margin-top:85px; margin-bottom: 70px; text-align: center; } .pagination { display: inline-block;} .pagination li {float: left; margin-right: 8px; width: 40px; height: 31px; list-style: none; text-align: center; line-height: 30px; font-size: 16px; color: #888686; cursor: pointer; border: 1px solid #d6d6d6; background-color: #ffffff;} .pagination li a { display: block; height: 100%; color: inherit;} .pagination li a:hover, .pagination li.thisclass a { background: #cdaa6a; color: #ffffff; text-decoration: none;} .oclick { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; background: rgba(0, 0, 0, .5); display: none; } .oclick_box { width: 1200px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); box-sizing: border-box; padding: 20px 50px 40px; } .aclick { width: 35px; height: 35px; border: 1px solid #ec870f; color: #ec870f; font-size: 30px; text-align: center; line-height: 35px; position: absolute; left: 100%; top: 0px; } .oclick_p1 { color: #fab000; font-size: 24px; margin-bottom: 15px; } .oclick_lb { height: 535px; } .oclick_left { width: 903px; height: 100%; position: relative; overflow: hidden; float: left; } .oclick_left li { width: 100%; height: 535px; list-style: none; } .oclick_left img { width: 100%; } .oclick_left ul { position: absolute; left: 0; top: 0; transition: all 1s; width: 100%; } .oclick_right { width: 184px; height: 100%; float: right; background: #f5f5f5; border: 1px solid #e5e5e5; position: relative; } .oclick_right ul { position: absolute; top: 0; left: 0; transition: all 1s; width: 100%; } .oclick_right li { list-style: none; width: 135px; height: 80px; margin: 10px auto; overflow: hidden; } .oclick_right img { width: 100%; } .oright_box { height: 460px; position: relative; margin-top: 40px; overflow-y: auto; } .oclick_p2,.oclick_p3{ font-size: 18px; } .oclick_p2{ margin: 20px 0 10px; } .nextpagelist .khan_mainright1{ width: 25%; padding-left: 10px; } .nextpagelist{ width: 100%; } .index_banner_lunbo img{ float: left; } .obox:hover{ width: 570px; flex: inherit; } .index_kaiye_right .index_ky_jiao{ flex: inherit; height: 0; width: 0; } .index_kaiye_right .index_ky_fonts{ flex: inherit; height: auto; border: none; } .index_fuwu .abox img{ margin-top: 32px; } .fuwu_neirong{ position: relative; display: none; } .gdzx_qh { display: none; } .gdzx_qh:first-child { display: block; } .gdzx_left_ye { position: relative; } .gdzx_left_ye li { float: right; display: inline-block; } .gdzx_left_ye ul { position: absolute; right: 0px; bottom: 0px; } .gdzx_qiehuan { position: relative; /*z-index: -99;*/ margin-bottom: 80px; } .gdzx_qh { position: absolute; left: 0px; top: 0px; } /*首页的哪个轮播不*/ .index_tzlu{ width: 100%; } .index_tzlu .swiper-slide{ width: 12.5%; box-sizing: border-box; text-align:center; } .fuxl { position: relative; } .xits{ width: 8px; height: 8px; border: 1px solid transparent; border-left-color: #fff; border-bottom-color: #fff; transform: rotatez(-45deg); position: absolute; right:16px; top:38px; transition: all .3s; } .fuxl:hover .xits{ top: 43px; transform: rotatez(-225deg); transform-origin: center center; } .xlw{ width: 170px; height: 240px; position: absolute; top: 92px; left: -60%; } .fw_xl { width: 170px; height: 230px; position: absolute; top: 10px; background-color: #000000; left: 0%; z-index: 9; display: none; border: 1px solid #46425b; } .fw_xlj { width: 15px; height: 15px; position: absolute; top: -9px; left: 50%; background-color: #000000; border-left: 1px solid #46425b; border-top: 1px solid #46425b; -webkit-transform:translatex(-50%) rotatez(45deg); -moz-transform:translatex(-50%) rotatez(45deg); -ms-transform:translatex(-50%) rotatez(45deg); -o-transform:translatex(-50%) rotatez(45deg); transform:translatex(-50%) rotatez(45deg); z-index: -2; } .fw_xl1 li { width: 100%; height: 46px; text-align: center; font-size: 14px; color: #ffffff; line-height: 46px; margin-left: 0px; padding: 0px; } .fw_xl1 li:hover { background-color: #666565; } .fuxl:hover .fw_xl { display: block; } /*动画*/ .animate div,.animate p,.animate img{ transition: all 1s; opacity: 0; -webkit-transform: translatey(100px); -moz-transform: translatey(100px); -ms-transform: translatey(100px); -o-transform: translatey(100px); transform: translatey(100px); } .index_kaiye_right div,.index_kaiye_right p,.animate .index_kaiye_right,.index_ky_right div{ transition: all 0s; opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } div.index_ky_right { opacity: 0; transition: all 1s; -webkit-transform: translatey(100px); -moz-transform: translatey(100px); -ms-transform: translatey(100px); -o-transform: translatey(100px); transform: translatey(100px); } .animate .oanimated{ opacity: 1; -webkit-transform: translatey(0); -moz-transform: translatey(0); -ms-transform: translatey(0); -o-transform: translatey(0); transform: translatey(0); } .animate .index_new_font{ transition: all .5s; } .index_new_font:hover{ background: #ffa011; color: #fff; width: 90%; transform: translate(3%,-50%); } .index_kaiye_right .index_ky_more{ flex: inherit; height: 33px; border: 1px solid #fe9500; -webkit-transform: translatey(-40px); -moz-transform: translatey(-40px); -ms-transform: translatey(-40px); -o-transform: translatey(-40px); transform: translatey(-40px); } .index_lc_img .oanimated,.index_lc_yuan .oanimated{ -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .index_zx_btn .oanimated{ -webkit-transform: translatey(0) rotate(45deg); -moz-transform: translatey(0) rotate(45deg); -ms-transform: translatey(0) rotate(45deg); -o-transform: translatey(0) rotate(45deg); transform: translatey(0) rotate(45deg); } /*首页轮播修改*/ .index_banner_lunbo .awidth{ position: relative; width: 1220px; margin: auto; } .index_banner_lunbo .awidth img{ position: absolute; transition: all .8s; } .index_banner1_img{ top: 337px; left: 219px; } .index_banner1_font1{ top: 435px; left: 285px; } .index_banner1_font2{ top: 530px; left: 470px; } .index_banner2_img{ top: 128px; left: 30px; } .index_banner2_font2{ top: 534px; left: 300px; } .index_banner3_font1{ top: 345px; left: 254px; } .index_banner3_font2{ top: 455px; left: 335px; } .index_banner4_font1{ top: 258px; left: -30px; } .index_banner4_img{ top: 45px; right: -100px; } .index_banner2_font1{ top: 305px; left: 135px; } /*.opact,.lanimate,.ranimate{ opacity: 0; } .lanimate{ -webkit-transform: translatex(-200px); -moz-transform: translatex(-200px); -ms-transform: translatex(-200px); -o-transform: translatex(-200px); transform: translatex(-200px); } .ranimate{ -webkit-transform: translatex(200px); -moz-transform: translatex(200px); -ms-transform: translatex(200px); -o-transform: translatex(200px); transform: translatex(200px); }.index_animate{ opacity: 1; -webkit-transform: translatex(0); -moz-transform: translatex(0); -ms-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); }*/ .gy_ppwh2 li { flex: 1; text-align: center; height: 348px; box-shadow: 0px 0px 6px 0px #dddddd; margin-right: 34px; padding-top: 64px; box-sizing: border-box; } .gy_ppwh2 li:last-child{ margin-right: 0; } .index_zx_img{ position: relative; } .index_zx_img_a{ position: absolute; left: 0; display: block; height: 100%; width: 100%; } .index_right_p1{ text-overflow : ellipsis; white-space : nowrap; overflow : hidden; } .gy_hezuo_logo{ background: #fff; } .gy_hezuo{ position: relative; } .gy_hezuo .gy_hezuo_btnl,.gy_hezuo .gy_hezuo_btnr{ top: 60%; } .gy_hezuo .gy_hezuo_btnl{ left: 270px; background: url(/uploads/image/tdimages/hezuo_btnl.png) no-repeat center center; background-size: cover; } .gy_hezuo .gy_hezuo_btnr{ right: 270px; background: url(/uploads/image/tdimages/hezuo-btnr.png)no-repeat center center; background-size: cover; } #newbridge #nb_icon_wrap{ display: none; } .return_top { width: 60px; position: fixed; right: 0; top: 50%; /*transform: translatey(-50%);*/ } .return_top a { font-family: "微软雅黑"; position: relative; background: #fff; float: left; display: block; width: 60px; height: 60px; border: 1px solid #e7e7e7; position: relative; } .return_top a .rx_div{ display: none; position: absolute; left: -238px; top: -63px; width: 205px; height: 92px; border: 1px solid #e7e7e7; background: #fff; padding-left: 30px; padding-top: 30px; } .return_top a .rx_div:before{ content: ""; position: absolute; right: -5px; top: 87px; width: 5px; height: 8px; background: no-repeat center center; } .return_top a .rx_div .t{ color: #666666; font-size: 15px; line-height: 26px; } .return_top a .rx_div .d{ margin-top: 10px; color: #666666; font-size: 15px; line-height: 24px; } .return_top a .rx_div .con{ margin-top: 10px; width: 154px; height: 26px; border: 1px solid #d2d2d2; } .return_top a .rx_div .con .in_p{ width: 99px; height: 24px; float: left; border: none; background: none; font-size: 12px; padding: 0 5px; } .return_top a .rx_div .con .in_btn{ width: 44px; height: 28px; float: right; position: relative; top: -1px; right: -1px; border: none; background: no-repeat center center; } .return_top a .rx_div .s{ padding-top: 10px; color: #a5a5a5; font-size: 12px; } .return_top a i{ display: block; width: 60px; height: 36px; } .return_top a.zixun i{ background: url(/uploads/image/tdimages/gl_icon1.gif) no-repeat center top; } .return_top a.rexian i{ background: url(/uploads/image/tdimages/gl_icon2.jpg) no-repeat center top; } .return_top a.back i{ background: no-repeat center top; } .return_top a span{ margin-top: 2px; display: block; color: #888888; font-size: 12px; text-align: center; } .return_top a:hover span { color: #fff; } .return_top a:hover{ background: #3f7ed2; border: 1px solid #3f7ed2; } .return_top a.rexian:hover i{ background: url(/uploads/image/tdimages/gl_icon2_2.jpg) no-repeat center top; } .return_top a.zixun:hover i{ background: url(/uploads/image/tdimages/gl_icon1_1.jpg) no-repeat center top; } .return_top a.back:hover i{ background: no-repeat center top; } .return_top a:hover .rx_div{ display: block; } .return_top .back { display: none; } .foot_down_boxfoot img{ width: 92px; height: 92px; }