/* 首页 */ .swiper-wrapper{ transition-timing-function: linear; } .swiper-button-next, .swiper-button-prev { outline: none; } .header { height: 85px; width: 100%; position: fixed; top: 0; z-index: 9999; display: block; /* background-color: rgba(0, 0, 0, 0) ; */ background: none; transition: all 3s; } .header .header_title .logo { display: block; width: 385px; height: 57px; margin-top: 14px; margin-left: 5px; } .header .header_title .logo img { display: block; width: 100%; height: 100%; } .header .header_title .header_list { height: 85px; line-height: 85px; } .header .header_title .header_list .sonlist { margin-right: 50px; position: relative; box-sizing: border-box; border-top: 1px solid rgba(255, 255, 255, .1); } /* .header .header_title .header_list .sonlist:hover { border-top: 1px solid #fff; } */ /* .header .header_title .header_list .sonlist a.ct_active{ color: #ffb400; } */ .header .son { width: 100%; background-color: rgba(51, 51, 51, .4); } .header .son .context { color: #fff; margin: 0 auto; display: none ; justify-content: center; transition: all 1s; } .header .son .context.showup { display: block; } .header .son .gis { padding-top: 15px; padding-bottom: 15px; overflow: hidden; } .header .son .gis li { margin-left: 55px; } .header .son .hangye { /* display: flex; */ overflow: hidden; padding-top: 15px; padding-bottom: 15px; } .header .son .hangye>li{ margin-right: 25px; } .header .son .fuwu { text-align: left; overflow: hidden; margin: 0 auto; padding-top: 15px; padding-bottom: 15px; } .header .son .fuwu>li { /* width: 10%; */ } .header .son .fuwu>li .second { text-align: left !important; } .header .son .guanyu { padding-top: 15px; padding-bottom: 15px; /* padding-left: 300px; */ /* display: flex; */ margin: 0 auto; overflow: hidden; text-align: left; } /* .header .son .guanyu>li { width: 12%; } */ .header .son .guanyu>li>div { text-align: left !important; } .header .son .context .first_list { margin-left:40px; padding-top: 10px; /* line-height: 0px; */ } .header .son .context .first_list:hover a { color: #fff; } .header .son .context .first_list>a { font-size: 17px; color: #fff; } .header .son .context .first_list:hover>a{ color: #00b9ef; } .header .son .context .first_list>div { margin-top: 4px; text-align: left; } .header .son .context .first_list>div>p>a { color: #fff; font-size: 14px; display: block; line-height: 25px; } .header .son .context .first_list>div>p:hover a { color: #ffb400; } .header .son .context .first_list>.second>li .third { /* text-align: center; */ width: 200px; display: none; flex-wrap: wrap; } .header .son .context .first_list>.second>li .third li { margin-left: 10px; margin-top: 5px; } .header .son .context .first_list>.second>li .third li>a { color: #fff; font-size: 14px; } .header .son .context .first_list>.second>li .third li:hover a { color: #fff; } .header .header_title .header_list .sonlist a { color: #fff; font-size: 20px; display: block; transition: all 1s; } .header .header_title .header_list .sonlist:hover a { transform: translatey(-5px); } .header .son .context .first_list>.second { margin-top: 15px; text-align: left; } .header .son .context .first_list>.second li a { color: #fff; font-size: 14px; } .header .son .context .first_list>.second li:hover a { color: #ffb400; } .header .header_title .search { position: relative; width: 24px; height: 24px; } .header .header_title .search .search_font { width: 24px; height: 24px; display: block; margin-top: 30px; } .header .header_title .search .search_font img { width: 100%; height: 100%; display: block; } .header .header_title .search .sr_input { display: none; position: absolute; top: 20px; right: 0; } .header .header_title .search .sr_input .p_search { position: relative; } .header .header_title .search .sr_input .p_search input { width: 400px; height: 40px; line-height: 40px; padding: 0 20px; } .header .header_title .search .sr_input .p_search .myfont { position: absolute; top: 10px; right: 0px; display: block; z-index: 999; } .header .header_title .search .sr_input .p_search .myfont button{ border: none; outline: none; margin-top: -2px; } .header .header_title .search .sr_input .p_search .myfont .cha { /* color: #fff; */ color: #333; display: inline-block; font-size: 50px; margin-top: -30px; margin-left: 10px; } /* 小屏幕适配 */ .header_sp { width: 100%; height: 80px; position: fixed; top: 0; /* background: repeat center; */ z-index: 999; display: none; } .header_sp .left_logo { width: 385px; height: 57px; margin-top: 10px; margin-left: 20px; } .header_sp .left_logo img { display: block; width: 100%; height: 100%; } .header_sp .logo_sp { display: none; width: 151px; height: 51px; margin-top: 13px; margin-left: 14px; } .header_sp .logo_sp img { display: block; width: 100%; height: 100%; } .header_sp .right_font .search { width: 30px; height: 30px; margin-top: 25px; margin-right: 20px; position: relative; } .header_sp .right_font .search .serch_myinput { position: absolute; top: -5px; right: 0; display: none; } .header_sp .right_font .search .serch_myinput .tetx { position: relative; } .header_sp .right_font .search .serch_myinput .tetx input { width: 300px; height: 40px; border-radius: 20px; } .header_sp .right_font .search .serch_myinput .tetx .sousuo { width: 20px; height: 20px; position: absolute; top: 10px; right: 40px; } .header_sp .right_font .search .serch_myinput .tetx .sousuo img { display: block; width: 100%; height: 100%; } .header_sp .right_font .search .serch_myinput .tetx .cha_sp { font-size: 40px; position: absolute; top: 0; right: 7px; margin-top: -13px; font-weight: 100; } .header_sp .right_font .search img { display: block; width: 100%; height: 100%; } .header_sp .right_font .main { width: 40px; height: 40px; margin-top: 17px; margin-right: 30px; position: relative; } .header_sp .right_font .main img { display: block; width: 100%; height: 100%; transform: rotatey(-50%); } .header_sp .right_font .main .vanish { font-size: 60px; color: #fff; position: absolute; top: -28px; left: 0; display: none; /* transition: all 1s; */ font-weight: 300; } .header_sp .sc_meau { width: 100%; position: absolute; top: 78px; left: 0; background: rgba(104, 85, 85, 0.4); display: none; } .header_sp .sc_meau .fr_main .ft_list { line-height: 40px; margin: 0 24px; } .header_sp .sc_meau .fr_main .ft_list>a { display: block; border-bottom: 1px solid #fff; } .header_sp .sc_meau .fr_main .ft_list:last-child>a { border-bottom: none; } .header_sp .sc_meau .fr_main .ft_list>a { color: #ffb400; font-size: 16px; font-weight: 550; } .header_sp .sc_meau .fr_main .ft_list .fr_son { width: 100%; display: none; padding-bottom: 15px; } .header_sp .sc_meau .fr_main .ft_list .fr_son .sn_list { line-height: 40px; margin-left: 40px; border-bottom: 1px #fff dashed; } .header_sp .sc_meau .fr_main .ft_list .fr_son .sn_list .tr_son { margin-top: -10px; margin-left: 40px; display: none; } .header_sp .sc_meau .fr_main .ft_list .fr_son .sn_list .tr_son .tr_list .fh_son { display: flex; flex-wrap: wrap; justify-content: space-around; margin-top: -10px; } .header_sp .sc_meau .fr_main .ft_list .fr_son .sn_list .tr_son .tr_list .fh_son .fh_list>a { color: #ffb400; font-size: 14px; font-weight: 550; } .header_sp .sc_meau .fr_main .ft_list .fr_son .sn_list .tr_son .tr_list>a { color: #fff; } .header_sp .sc_meau .fr_main .ft_list .fr_son .sn_list>a { color: #fff; font-size: 16px; display: block; } /* 轮播图 */ .swiper_box { width: 100% !important; margin-top: 85px; height:95%; position: relative; } .swiper_box .box_wraper .swiper-slide { width: 100% !important; height: 100%; } .swiper_box .box_wraper .swiper-slide a { display: block; width: 100%; height: 100%; position: relative; } .swiper_box .box_wraper .swiper-slide a img{ display: block; width: 100%; height: 100%; } .bk_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background-color: #333; */ z-index: 8; } .bk_bg canvas{ width: 100%; height: 100%; } .swiper_box .nav { font-size: 60px; color: #fff; line-height: 60px; background: none; opacity: 0; transition: all 1s; } .swiper_box .swiper-button-next { right: 8%; text-align: right; border-radius: 30px 0 0 30px; } .swiper_box .swiper-button-prev { text-align: left; left: 8%; border-radius: 0 30px 30px 0; } .swiper_box:hover .nav { display: block; opacity: 1; } /* 锚链接 */ .swiper_box .anchor { width: 100%; height: 76px; position: absolute; bottom: 0; left: 0; z-index: 100; background-color: rgba(51, 51, 51, .4); /* display: none; */ } .swiper_box .anchor .anchor_main { display: flex; height: 76px; justify-content: center; align-items: center; } .swiper_box .anchor .anchor_main li { width: 20%; border-left: rgba(255, 255, 255, .3) solid 1px; box-sizing: border-box; /* text-align: center; */ display: flex; justify-content: center; } .swiper_box .anchor .anchor_main li:last-child { border-right: rgba(255, 255, 255, .3) solid 1px; } .swiper_box .anchor .anchor_main li>a { display: block; line-height: 76px; color: #fff; font-size: 16px; font-weight: 600; margin-left: 10px; transition: all 1s; } .swiper_box .anchor .anchor_main li:hover>a { transform: translatex(5px); } .swiper_box .anchor .anchor_main li .am_one { width: 41px; height: 41px; display: block; margin-top: 17px; /* margin: 17px 0 0 54px ; */ } .swiper_box .anchor .anchor_main li .am_one img { width: 100%; height: 100%; display: block; transition: all 1s; } .swiper_box .anchor .anchor_main li:hover .am_one img { transform: rotate(360deg); } /* mapgis平台产品 */ .map_platform { width: 100%; /* margin-top: 80px; */ position: relative; background-color: #ffffff; } .map_platform .pt_content { /* text-align: center; */ padding-top: 10px; } .map_platform .pt_content .name { font-size: 36px; color: #333; line-height: 44px; display: block; text-align: center; } .map_platform .dian { width: 200px; height: 17px; margin: 20px auto 20px; } .map_platform .dian img { width: 100%; height: 100%; display: block; } .map_platform .pt_content .platform { /* height: 470px; */ padding-top: 20px; padding-bottom: 50px; } .map_platform .pt_content .platform .pt_slide { width: 333px; height: 470px; box-shadow: 0 0 20px #eee; transition: all .5s; cursor: pointer; } .map_platform .pt_content .platform .pt_slide:hover { transform: translatey(-10px); box-shadow: 0 0 20px #ccc; } .map_platform .pt_content .platform .pt_slide .slide_img { /* width: 333px; */ height: 157px; } .map_platform .pt_content .platform .pt_slide .slide_img img { width: 100%; height: 100%; } .map_platform .pt_content .platform .pt_slide .pt_title { font-size: 24px; font-weight: 400; text-align: center; margin: 37px 0 34px; color: #333; } .map_platform .pt_content .platform .pt_slide .pt_txt { font-size: 16px; line-height: 28px; margin: 0 30px; text-align: left; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .map_platform .pt_content .platform .pt_slide .seemore { width: 170px; height: 43px; display: block; border-radius: 5px; text-align: center; margin: 48px auto 0; line-height: 40px; color: #999; font-size: 16px; border: 1px solid #cccccc; transition: all .5s; position: relative; } .map_platform .pt_content .platform .pt_slide .seemore .bk { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 2s; z-index: -1; border-radius: 5px; opacity: 0; background-image: linear-gradient(to right, rgba(5, 102, 188, 0), rgba(26, 142, 245, 0)); } .map_platform .pt_content .platform .pt_slide:hover .seemore { color: #fff; border: none; } .map_platform .pt_content .platform .pt_slide:hover .seemore .bk { opacity: 1; background-image: linear-gradient(to right, rgba(5, 102, 188), rgba(26, 142, 245)); } .map_platform .pt_content .prev { position: absolute; left: 9%; top: 7%; z-index: 888; border: none; background: no-repeat center center; } .map_platform .pt_content .prev.pdprev{ top: 52%; left: 10%; } .map_platform .pt_content .pdprev { background: url(/uploads/image/wpicture1/jiantou_11.png) no-repeat center center; } .map_platform .pt_content .next { position: absolute; right: 9%; top:7%; z-index: 88; border: none; background: no-repeat center center; } .map_platform .pt_content .next.pdnext{ top:52%; right: 10%; } .map_platform .pt_content .pdnext { background: no-repeat center center; } /* mapgis技术体系 */ .map_skill { width: 100%; height: 788px; margin-top: 50px; text-align: center; padding-top: 72px; position: relative; background: no-repeat bottom; background-size: 100% 100%; } .map_skill .ms_box { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } .map_skill .skill .sk_name { font-size: 36px; color: #fff; line-height: 44px; display: block; } .map_skill .dian { width: 200px; height: 17px; margin: 20px auto 20px; } .map_skill .dian img { width: 100%; height: 100%; } .map_skill .skill_swiper { padding-bottom: 50px; /* height: 565px; */ background-color: #fff; border-radius: 10px; position: relative; } .map_skill .ct_box { position: relative; } .map_skill .ct_box .btn { position: absolute; top: 50%; left: 50%; /* width: 100%; height: 100%; */ margin-left: -720px; z-index: 99999; } .map_skill .skill .d_name { color: #333 !important; } .map_skill .skill_swiper .swiper-wrapper { display: flex; } .map_skill .skill_swiper .swiper-wrapper .sk_slide { /* width: 350px !important; */ /* height: 450px; */ cursor: pointer; padding-left: 64px; padding-right: 64px; margin-top: 87px; border-left: 1px solid #dae7ff; box-sizing: border-box; transition: all 1s; } .map_skill .skill_swiper .swiper-wrapper .sk_slide .slide_img { width: 139px; height: 139px; margin: 0 auto 0; transition: all 1s; } .map_skill .skill_swiper .swiper-wrapper .sk_slide .slide_img img { width: 100%; height: 100%; display: block; transition: all .5s; } .map_skill .skill_swiper .swiper-wrapper .sk_slide:hover { transform: translatey(-10px); } .map_skill .skill_swiper .swiper-wrapper .sk_slide:hover .slide_img img { transform: rotatey(360deg); } .map_skill .skill_swiper .swiper-wrapper .sk_slide .pt_title { font-size: 24px; line-height: 44px; margin: 40px 0 24px; } .map_skill .skill_swiper .swiper-wrapper .sk_slide .pt_txt { font-size: 16px; line-height: 28px; text-align: left; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .map_skill .skill_swiper .swiper-wrapper .sk_slide .seemore { display: block; width: 130px; height: 37px; border-radius: 18px; border: 1px solid #0965b6; text-align: center; margin: 48px auto 0; line-height: 37px; color: #0965b6; box-sizing: border-box; font-size: 16px; transition: all 1s; background: rgba(255, 255, 255, 0); position: relative; } .map_skill .skill_swiper .swiper-wrapper .sk_slide .seemore .bk { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 2s; z-index: -1; border-radius: 18px; opacity: 0; background-image: linear-gradient(to right, rgba(5, 102, 188, 0), rgba(26, 142, 245, 0)); } .map_skill .skill_swiper .swiper-wrapper .sk_slide:hover .seemore .bk { opacity: 1; background-image: linear-gradient(to right, rgba(5, 102, 188), rgba(26, 142, 245)); } .map_skill .skill_swiper .swiper-wrapper .sk_slide:hover .seemore { color: #fff; border: none; } .map_skill .swiper_button { width: 72px; height: 72px; display: block; border-radius: 50%; position: absolute; top: 50%; box-shadow: 0 0 20px #bbb; } .map_skill .sk_prev { left: -36px; z-index: -111; transition: all 1s; background: #fff url(/uploads/image/wpicture1/jiantou_44.jpg) no-repeat center center; } .map_skill .sk_prev:hover { transform: translatey(-5px); } .map_skill .sk_next { right: -36px; z-index: -111; transition: all 1s; background: #fff url(/uploads/image/wpicture1/jiantou_47.jpg) no-repeat center center; } .map_skill .sk_next:hover { transform: translatey(-5px); } .skill_list { display: none; } /* mapgis生态体系 */ .map_zoology { width: 100%; /* height: 627px; */ background-color: #fafafa; margin-top: 40px; /* padding-top: 83px; */ padding-bottom: 80px; } .map_zoology .zoology_content { display: flex; justify-content: space-between; } .map_zoology .zoology_content li:first-child { margin-left: 0; } .map_zoology .zoology_content li { width: 431px; height: 426px; background-color: #fff; border-radius: 10px; padding-left: 80px; padding-right: 80px; position: relative; margin-left: 55px; box-shadow: 0 0 20px #ddd; cursor: pointer; transition: all 1s; } .map_zoology .zoology_content li:hover { box-shadow: 0 0 40px #ccc; transform: translatey(-10px); } .map_zoology .zoology_content li .zl_img { width: 170px; height: 140px; margin-top: 52px; } .map_zoology .zoology_content li:nth-child(2) .zl_img { width: 141px; height: 140px; } .map_zoology .zoology_content li:nth-child(3) .zl_img { height: 140px; } .map_zoology .zoology_content li .zl_img img { display: block; width: 100%; height: 100%; transition: all 1s; } .map_zoology .zoology_content li:hover .zl_img img { transform: translatex(60px); } .map_zoology .zoology_content li:nth-child(2):hover .zl_img img { transform: translatex(70px); } .map_zoology .zoology_content li:nth-child(3):hover .zl_img img { transform: translatex(80px); } .map_zoology .zoology_content li .zl_name { margin-top: 20px; line-height: 56px; position: relative; margin-left: -28px; z-index: 100; } .map_zoology .zoology_content li:hover .zl_name h2 { color: #296db5; } .map_zoology .zoology_content li .zl_name h2 { margin-left: 28px; font-size: 24px; color: #333; } .map_zoology .zoology_content li .zl_name .zf { position: absolute; top: 0; left: 28px; /* text-align:none; */ margin-left: -28px; z-index: -1; width: 56px; height: 56px; border-radius: 50%; background-color: #f1f6ff; } .map_zoology .zoology_content li .zl_txt { font-size: 16px; line-height: 30px; color: #666; display: block; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .map_skill .ct_box .btn{opacity: 0;transition: all 1s;} .map_skill .ct_box:hover .btn{opacity: 1;} /* mapgis行业应用 */ .map_industry { width: 100%; padding-bottom: 40px; background-color: #ffffff; padding-bottom: 40px; overflow: hidden; margin-top: 40px; } .dh ul { position: relative; overflow: hidden; width: 102%; height: 600px; } .dh ul li { position: relative; float: left; overflow: hidden; width: 26%; height: 100%; cursor: pointer; transition: all 0.4s; } .dh ul li a { display: block; width: 100%; height: 100%; position: relative; } .dh ul li a img{ width: auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; } .dh ul li.on{width:48% !important;transition: all 0.4s;} .dh ul li.on .layer .p1{font-size: 18px;font-weight:bold;transition: all 0.4s;transform: translate(0, -55px);} .dh ul li.on .p2{transition: all 0.4s;transform: translate(0, -50px);opacity:1;} .dh ul li.on .layer a{transition: all 0.4s;opacity:1;transform: translate(0, -50px);} /*文字 */ .dh ul li .layer { position: absolute; bottom: 20px; left: 0; padding: 16px 25px 50px; width: 100%; color: #fff; } .dh ul li .layer .p1 { font-size: 24px; line-height: 28px; transition: all 1s; margin-bottom: 10px; position: absolute; left:5%; top: 0; } .dh ul li .p2 { display: block; width: 82%; line-height: 30px; font-size: 24px; font-weight: 500; color: #fff; opacity: 0; margin-bottom: 20px; transform: translate(0, -30px); transition: all 0.4s; position: absolute; left:5%; top: 30px; } .dh ul li .layer a { position: absolute; left:5%; top: 100px; display: block; width: 100px; line-height: 20px; height: 20px; background: url(/uploads/image/wpicture1/liaojie_85.png) no-repeat right center; font-size: 18px; color: #fff; opacity: 0; transition: all 0.4s; } /* 给文字套上一层蒙层 */ .index_business .dh ul li .cover { width: 100%; height: 140px; position: absolute; left: 0; bottom: 0; background: #000; background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%); ; background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* opear */ background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); /*ie10及ie10 */ } /* 小屏幕适配swiper */ .sp_swiper .swiper-wrapper .swiper-slide { width: 30%; height: 430px; position: relative; } .sp_swiper .swiper-pagination .swiper-pagination-bullet { background-color: rgba(255, 255, 255, .8); } .sp_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgba(255, 255, 255, 1); width: 36px; height: 8px; border-radius: 4px; } .sp_swiper .swiper-wrapper .swiper-slide a { display: block; width: 100%; height: 100%; } .sp_swiper .swiper-wrapper .swiper-slide a>img { display: block; width: 100%; height: 100%; } .sp_swiper .swiper-wrapper .swiper-slide .sp_ct { width: 300px; height: 60px; background-color: rgba(0, 185, 239, .6); position: absolute; bottom: 0px; left: 50%; margin-left: -150px; border-radius: 10px; text-align: center; cursor: pointer; } .sp_swiper .swiper-wrapper .swiper-slide .sp_ct .p1 { font-size: 22px; color: #fff; } .sp_swiper .swiper-wrapper .swiper-slide .sp_ct .p2 { font-size: 16px; color: #fff; line-height: 30px; } .sp_swiper .swiper-wrapper .swiper-slide .sp_ct>a { font-size: 14px; display: block; color: #666; width: 100px; height: 30px; line-height: 30px; border: 1px solid #888; margin: 0 auto; border-radius: 15px; } /* 新闻动态 */ .news { width: 100%; /* height: 794px; */ background-color: #eff3f8; padding-bottom: 40px; padding-top: 30px; } .news .news_if { /* height: 698px; */ display: flex; justify-content: space-between; } .news .news_if .left { width: 45%; } .news .news_if .left:hover .lf_tl { color: #005bac; } .news .news_if .left .news_img { display: block; width: 100%; height: 393px; overflow: hidden; } .news .news_if .left .news_img img { display: block; width: 100%; height: 100%; transition: all 1.5s; } .news .news_if .left:hover .news_img img { transform: scale(1.2); } .news .news_if .left .lf_tl { font-size: 20px; color: #333; font-weight: 550; margin: 20px 0; display: block; } .news .news_if .left .lf_txt { color: #888; font-size: 16px; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news .news_if .left .time { color: #999; font-size: 16px; line-height: 30px; } .news .news_if .right { width: 52%; } .news .news_if .right>li { padding-bottom: 10px; border-bottom: 1px solid #cedbf0; box-sizing: border-box; margin-bottom: 20px; padding-top: 7px; transition: all 1s; } .news .news_if .right>li:hover a { color: #005bac; } .news .news_if .right>li .rg_tl { color: #333; font-size: 20px; line-height: 30px; font-weight: 550; transition: all 1s; display: block; } .news .news_if .right>li:hover .rg_tl { transform: translatey(-5px); } .news .news_if .right>li .rg_txt { color: #888; font-size: 16px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news .news_if .right>li .time { font-size: 16px; color: #999; /* line-height: 20px; */ margin-top: 8px; /* padding-bottom: 10px; */ /* display: none; */ } /* 品牌活动 */ .box .box_title { font-size: 32px; line-height: 30px; color: #333; } .box .box_tu { margin-top: 33px; } .box .box_tu .zf { display: block; width: 4px; height: 4px; background-color: #00b9ef; } .box .box_tu .cf { display: block; width: 61px; height: 4px; margin-left: 4px; background-color: #005bac; } .brand { margin-top: 67px; } .brand .brand_swiper { height: 530px; margin-top: 30px; position: relative; } .brand .brand_swiper .brand_pag { position: absolute; bottom: 20px; /* left:50%; */ z-index: 999; } .brand .brand_swiper .brand_pag .swiper-pagination-bullet { width: 13px; height: 13px; background-color: rgba(255, 255, 255, .4); } .brand .brand_swiper .brand_pag .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #fff; } .brand .brand_swiper .swiper-slide a { display: block; width: 100%; height: 100%; } .brand .brand_swiper .swiper-slide a img { display: block; width: 100%; height: 100%; } /* 视频公开课 */ .video { margin-top: 70px; } .video .right_box .ve_list { display: flex; margin-right: 40px; } .video .right_box .ve_list li:nth-child(1) { border-left: none; } .video .right_box .ve_list li { padding-left: 16px; cursor: pointer; margin-left: 16px; border-left: 1px solid #c1c1c1; font-size: 16px; color: #333; font-weight: 400; } .video .right_box .ve_list li.active { color: #005bac; } .video .right_box .more { display: block; width: 120px; height: 40px; line-height: 40px; background-color: #005bac; color: #fff; font-size: 16px; text-align: center; margin-top: -10px; } .video .vedio_content { margin-top: 60px; padding-bottom: 50px; } .video .vedio_content .vedio_container { width: 100%; /* height: 565px; */ display: none; overflow: hidden; } .video .vedio_content .vedio_container.on { display: block; } .video .vedio_content .vedio_container .left_vedio { width: 706px; /* height: 527px; */ position: relative; box-shadow: 0 0 20px #eee; padding-bottom: 10px; transition: all 1s; } .video .vedio_content .vedio_container .left_vedio:hover { transform: translatey(-5px); } .video .vedio_content .vedio_container .left_vedio:hover .ve_title { color: #005bac; } .video .vedio_content .vedio_container .left_vedio .vd_img { width: 100%; height: 398px; overflow: hidden; } .video .vedio_content .vedio_container .left_vedio .vd_img img { display: block; width: 100%; height: 100%; transition: all 1s; cursor: pointer; overflow: hidden; } .video .vedio_content .vedio_container .left_vedio:hover .vd_img img { /* transform: scale(1.2); */ } .video .vedio_content .vedio_container .left_vedio .mr { margin-left: 20px; } .video .vedio_content .vedio_container .left_vedio .ve_title { display: block; font-size: 18px; color: #666; font-weight: 550; margin-top: 20px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .video .vedio_content .vedio_container .left_vedio .ve_txt { color: #999; font-size: 16px; line-height: 26px; margin-bottom: 10px; } .video .vedio_content .vedio_container .left_vedio .time { color: #999; line-height: 26px; font-size: 14px; } .video .vedio_content .vedio_container .left_vedio .ve_none { transition: all 1s; overflow: hidden; width: 100%; height: 398px; top: 0; position: absolute; cursor: pointer; } .video .vedio_content .vedio_container .left_vedio .ve_none img { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -17px; z-index: 3; } .video .vedio_content .vedio_container .left_vedio .ve_none .back { width: 70px; height: 70px; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; z-index: 1; transition: all 2s; } .video .vedio_content .vedio_container .left_vedio:hover .ve_none .back { transform: scale(13); } .video .vedio_content .vedio_container .right_vedio { width: 710px; /* height: 527px; */ display: flex; flex-wrap: wrap; justify-content: space-between; } .video .vedio_content .vedio_container .right_vedio .right_list { width: 345px; height: 263px; position: relative; transition: all 1s; } .video .vedio_content .vedio_container .right_vedio .right_list:hover { transform: translatey(-5px); } .video .vedio_content .vedio_container .right_vedio .right_list:hover .vd_title { color: #005bac; } .video .vedio_content .vedio_container .right_vedio .right_list:nth-child(3), .video .vedio_content .vedio_container .right_vedio .right_list:nth-child(4) { margin-top: 10px; } .video .vedio_content .vedio_container .right_vedio .right_list:nth-child(2n) { margin-right: 0; } .video .vedio_content .vedio_container .right_vedio .right_list .vd_img { width: 100%; height: 194px; overflow: hidden; } .video .vedio_content .vedio_container .right_vedio .right_list .vd_img img { width: 100%; height: 100%; display: block; transition: all 1s; } .video .vedio_content .vedio_container .right_vedio .right_list:hover .vd_img img { transform: scale(1.2); } .video .vedio_content .vedio_container .right_vedio .right_list .vd_none { display: block; width: 100%; height: 194px; /* margin: 52px auto 0; */ position: absolute; top: 0; overflow: hidden; cursor: pointer; } .video .vedio_content .vedio_container .right_vedio .right_list .vd_none img { display: block; width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -17px; z-index: 3; } .video .vedio_content .vedio_container .right_vedio .right_list .vd_none .back { width: 70px; height: 70px; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; transition: all 2s; z-index: 1; border-radius: 50%; } .video .vedio_content .vedio_container .right_vedio .right_list:hover .vd_none .back { transform: scale(20); } .video .vedio_content .vedio_container .right_vedio .right_list .vd_title { font-size: 18px; color: #666; line-height: 26px; display: block; margin: 10px 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 550; } .video .vedio_content .vedio_container .right_vedio .right_list .vd_time { color: #999; line-height: 26px; font-size: 14px; } /* 脚部 */ .footer { width: 100%; height: 321px; background-color: #363839; margin-top: 30px; padding-top: 40px; } .footer .logo_erweima { width: 216px; } .footer .logo_erweima .ft_logo { display: block; width: 216px; height: 80px; } .footer .logo_erweima .ft_logo img { display: block; width: 100%; height: 100%; } .footer .logo_erweima .ft_erweima { margin-top: 30px; } .footer .logo_erweima .ft_erweima .left { text-align: center; } .footer .logo_erweima .ft_erweima .left .erweima { display: block; width: 95px; height: 95px; } .footer .logo_erweima .ft_erweima .left .erweima img { display: block; width: 100%; height: 100%; } .footer .logo_erweima .ft_erweima .left .ft_tl { color: #fff; font-size: 11px; line-height: 24px; } .footer .ft_list { margin-left: 79px; display: flex; justify-content: space-between; border-right: 1px solid #484a4b; } .footer .ft_list>li>p { font-size: 16px; line-height: 30px; color: #fff; } .footer .ft_list>li .son_list { text-align: left; } .footer .ft_list>li .son_list li>a { color: #e1e1e1; line-height: 24px; font-size: 14px; } .footer .ft_list>li .son_list li>a:hover { color: #005bac; border-bottom: 1px solid #005bac; font-weight: 500; } .footer .ft_list>li:first-child { margin-right: 55px; } .footer .ft_list>li:nth-child(2) { margin-right: 49px; } .footer .ft_list>li:nth-child(3) { margin-right: 34px; } .footer .ft_list>li:nth-child(4) { margin-right: 55px; } .footer .rt_ct { margin-left: 41px; width: 564px; } .footer .rt_ct .rt_img { display: flex; /* justify-content: space-between; */ } .footer .rt_ct .rt_img li { margin-right: 50px } .footer .rt_ct .rt_img li>.list { text-align: center; display: block; } .footer .rt_ct .rt_img li>.list .img { display: block; width: 50px; height: 50px; margin: 0 auto; transition: all 1s; } .footer .rt_ct .rt_img li:hover>.list .img { transform: translatey(-5px); } .footer .rt_ct .rt_img li>.list .img img { display: block; width: 100%; height: 100%; } .footer .rt_ct .rt_img li>.list .name { display: block; color: #9d9d9d; margin-top: 10px; } .footer .rt_ct .rt_img li>.list:hover .name { color: #fff; } .footer .rt_ct .lianjie { margin-top: 25px; } .footer .rt_ct .bor { width: 65px; height: 4px; background-color: #005bac; margin-top: -4px; } .footer .rt_ct .lianjie>h3 { font-size: 16px; color: #fff; line-height: 30px; font-weight: 500; border-bottom: 1px solid #565656; padding-bottom: 8px; } .footer .rt_ct .bumen { display: flex; /* justify-content: space-between; */ flex-wrap: wrap; /* height: 100px; */ margin-top: 10px; } .footer .rt_ct .bumen li { margin-right: 17px; line-height: 25px; } .footer .rt_ct .bumen li a { color: #969696; font-size: 14px; } .footer .rt_ct .bumen li a:hover { color: #fff; } footer { width: 100%; height: 71px; background-color: #202223; } footer .foot .txt { width: 100%; display: flex; /* justify-content: space-between; */ justify-content: center; flex-wrap: wrap; } footer .foot .banquan { font-size: 14px; color: #727272; line-height: 71px; margin: 0 10px; } footer .foot .banquan a{ color: #727272; } footer .foot .tu { width: 83px; height: 29px; margin-top: 21px; margin-left: 20px; margin-right: 13px; } footer .foot .tu1 { width: 36px; height: 36px; margin-top: 17.5px; } footer .foot .tu img, footer .foot .tu1 img { width: 100%; height: 100%; display: block; } /* 右边固定定位 */ .right_fix { position: fixed; z-index: 100; right: 0; top: 50%; margin-top: -140px; } .right_fix .fix { display: block; width: 47px; height: 47px; background-color: #00b9ef; border-radius: 10px 0 0 10px; text-align: center; color: #fff; font-size: 16px; /* padding: 10px; */ margin-top:5px; } .right_fix .tel { position: relative; } .right_fix .tel .tel_icon { position: absolute; right: 77px; top: -100px; width: 243px; /* height: 46px; */ border: 1px solid #00b9ef; background: #fff; z-index: 999; border-radius: 10px; padding: 20px; display: none; transition: all 1s; } .right_fix .tel:hover .tel_icon { display: block; } .right_fix .tel .tel_icon .father { position: relative; text-align: left; } .right_fix .tel .tel_icon .father .zixun { color: #333; font-size: 16px; line-height: 20px; } .right_fix .tel .tel_icon .father .tel_number { color: #666; line-height: 20px; margin-top: 10px; } .right_fix .tel .tel_icon .father .jiantou { position: absolute; top: 100px; right: -30px; } .right_fix .tel .tel_icon .father .ft_box { padding-bottom: 14px; border-bottom: 1px dashed #dcdcdc; padding-top: 10px; } .right_fix .tel .tel_icon .father .ft_box:nth-child(4) { border-bottom: none; } .right_fix .tel .tel_icon .father .ft_box .ft_title .ftle { font-size: 16px; line-height: 20px; font-weight: 600; color: #333; } .right_fix .tel .tel_icon .father .ft_box .ft_title .ft_tel { font-size: 16px; line-height: 20px; color: #666; } .right_fix .tel .tel_icon .father .ft_box .ft_address { font-size: 14px; line-height: 20px; color: #666; margin-top: 12px; } .right_fix .phone { height: 37px; padding-top: 10px; } .right_fix .form_me .zi { margin-top: -10px; } .right_fix .form_me .icon{ margin-top: -5px; } .right_fix .lianxi { transition: all 1s; } .right_fix .lianxi .zi { display: none; } /* .right_fix .lianxi .icon{ display: block; width: 47px; height: 47px; } */ .right_fix .tel .icon { margin: 0; } .right_fix .mine .icon { padding-top: 10px; display: block; } .right_fix .rexian .zi { margin-top: -10px; } .right_fix .lianxi:hover .zi { display: block; } .right_fix .lianxi:hover .icon { display: none; } .fix_form { background-color: #fff; position: fixed; top: 15%; left: 50%; margin-left: -365px; padding: 45px 65px 69px 60px; z-index: 9999999; border-radius: 10px; display: none; /* margin-top: -209.5px; */ } .shadow { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 998; background-color: #000; opacity: 0.6; display: none; } .fix_form .fix_father { position: relative; } .fix_form .fix_father h1 { font-size: 28px; text-align: center; margin-bottom: 30px; } .fix_form .cha { width: 32px; height: 32px; position: absolute; top: -35px; right: -50px; } .fix_form .cha img { width: 100%; height: 100%; } .fix_form .form_box .fb_input { border: 1px solid #d9d9d9; padding-left: 15px; padding-top: 16px; padding-bottom: 16px; border-radius: 10px; margin-top: 10px; } .fix_form .form_box .fb_input>.xing { color: #f00; margin-right: 4px; } .fix_form .form_box .fb_input .te { font-size: 16px; color: #666; line-height: 26px; } .fix_form .form_box .fb_input input { font-size: 16px; color: #666; line-height: 26px; padding-top: 2px; margin-left: 10px; width: 500px; } .fix_form .form_box .fb_input .mn { margin-left: 10px; } .fix_form .form_box .dear_tel .tel_number { border: 1px solid #d9d9d9; padding-left: 15px; padding-top: 16px; padding-bottom: 16px; border-radius: 10px; margin-top: 10px; width: 100%; box-sizing: border-box; } .fix_form .form_box .te { font-size: 16px; color: #666; line-height: 26px; } .fix_form .form_box .jianli{ padding-left: 15px; margin-top: 20px; } .fix_form .form_box .dear_tel .tel_number input { font-size: 16px; color: #666; line-height: 26px; padding-top: 2px; margin-left: 10px; /* width: 100%; */ } .fix_form .form_box .xing { color: #f00; margin-right: 4px; } .fix_form .form_box .img_up{ position: relative; margin-left: 10px; } .fix_form .form_box .img_up img{ position: absolute; width: 100px; height: 100px; top: 0; left: 0; } .fix_form .form_box .file_up{ width: 100px; height: 100px; border: none; outline: none; opacity: 0; margin-left: 15px; } .fix_form .form_box button { width: 172px; height: 42px; border: none; outline: none; background: ; background-size: 100% 100%; background-position: center center; overflow: auto; color: #fff; font-size: 16px; margin: 45px auto 0; display: block; cursor: pointer; } /* gis平台产品 */ .content .banner .img { width: 100%; height: 100%; } .content .banner .img.news_img{ height: 300px; } .content .banner .img img { width: 100%; height: 100%; display: block; } .content .banner { position: relative; } .content .banner .banner_txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; } .content .banner .banner_txt>h3 { font-size: 42px; color: #fff; line-height: 44px; font-weight: 550; } .content .banner .banner_txt>.ban_bor { width: 86px; height: 4px; background-color: #fff; margin: 22px auto 26px; } .content .banner .banner_txt>.ban_txt { color: #fff; font-size: 22px; line-height: 44px; } .content .left_banner { position: relative; } .content .left_banner .left_txt { position: absolute; top: 50%; left: 50%; margin-top: -70px; margin-left: -600px; text-align: left; } .content .left_banner .left_txt>h3 { font-size: 42px; color: #fff; line-height: 44px; font-weight: 550; } .content .left_banner .left_txt>.lt_bor { width: 86px; height: 4px; background-color: #fff; margin: 22px 0 26px; } .content .left_banner .left_txt>.lt_txt { color: #fff; font-size: 22px; line-height: 44px; } .content .left_banner .black .black_web { color: #333; } .content .left_banner .black .black_bor { background-color: #005bac; } .about_gis { margin-top: 90px; display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 89px; } .about_gis .left_gis { width: 739px; /* height: 343px; */ } .about_gis .left_gis .lg_title { font-size: 38px; line-height: 44px; color: #333; font-weight: 300; } .about_gis .left_gis .lg_text { font-size: 16px; line-height: 36px; margin-top: 44px; } .about_gis .left_gis .seemore { display: block; width: 140px; height: 46px; border: 1px solid #005bac; text-align: center; line-height: 46px; box-sizing: border-box; color: #005bac; margin-top: 48px; font-size: 16px; transition: all 1s; } .about_gis .left_gis:hover .seemore { transform: translatey(-10px); } .about_gis .right_gis { width: 609px; /* height: 343px; */ } .about_gis .right_gis .rt_ve { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .about_gis .right_gis .rt_ve .rt_vedio { width: 100%; height: 100%; z-index: 1; } .about_gis .right_gis .rt_ve .rt_vedio img { width: 100%; height: 100%; transition: all .7s; } .about_gis .right_gis .rt_ve .rt_vedio .sl { transform: scale(1.2); } .about_gis .right_gis .rt_ve .vedio_font img { display: block; width: 34px; height: 34px; position: absolute; top: 154px; left: 288px; z-index: 9; } .about_gis .right_gis .rt_ve .vedio_font {} .about_gis .right_gis .rt_ve .vedio_font .back { position: absolute; width: 70px; height: 70px; border-radius: 50%; top: 136px; left: 265px; background-color: rgba(0, 0, 0, 0.6); transition: all .7s; /* z-index: 331; */ /* z-index: -1; */ } .about_gis .right_gis .rt_ve .vedio_font .back.b_sl { transform: scale(15); /* display: block; */ } .pd_content { background-color: #fafafa; } .duct { /* margin-top: 48px; */ margin-bottom: 48px; } .plat_duct { background: none; } .map_skill .skill_swiper .swiper-wrapper .pd_slide { /* border-right:1px solid #eee; */ border-left: none; } .sp_swiper { display: none; } .d_skill { height: 600px; } .ppd_name { margin-bottom: 57px; } .correlation { margin-bottom: 60px; } .correlation .cl_title { margin-top: 60px; } .correlation .cl_title .cl_bor { width: 4px; height: 30px; background-color: #005bac; border-radius: 18px; } .correlation .cl_title h4 { margin-left: 10px; font-size: 30px; line-height: 30px; } .correlation .cl_list { margin-top: 39px; display: flex; flex-wrap: wrap; justify-content: space-between; } .correlation .xiangguan li { width: 24% !important; } .correlation .cl_list>li { width: 19%; height: 150px; background: #f9f9f9; cursor: pointer; transition: all 1s; } .correlation .cl_list>li:hover { background-color: #f6fbff; transform: translatey(-10px); } .correlation .cl_list>li .list_ziyuan { text-align: center; } .correlation .cl_list>li .list_ziyuan .cl_img { width: 59px; height: 49px; margin: 33px auto 20px; } .correlation .cl_list>li .list_ziyuan .cl_img img { width: 100%; height: 100%; display: block; } .correlation .cl_list>li .list_ziyuan .cl_name { font-size: 18px; color: #333; } /* 平台产品概述 */ /* .summarize_list { height: 59px; border-bottom: #dddddd solid 1px; position: relative; overflow-x: scroll; overflow-y: hidden; overflow: -moz-scrollbars-none; overflow: -moz-scrollbars-none; white-space: nowrap; } */ .summarize_list { height: 59px; width: 100%; border-bottom: #dddddd solid 1px; } .summarize_list ul{ overflow: hidden; } .summarize_list ul li{ float: left; } .summarize_list ul li a{ padding: 0 30px; text-align: center; font-size: 16px; color: #666; display: block; border-right: 1px solid #ddd; line-height: 59px; } .summarize_list .swiper-container .swiper-slide{ text-align: center; border-right: 1px solid #ddd; line-height: 59px; } .summarize_list .swiper-container .swiper-slide a{ font-size: 16px; color: #666; /* float: left; */ } .summarize_list .swiper-container .swiper-slide a.active { color: #005bac; } .summarize_list .swiper-container .swiper-slide a:hover { color: #005bac; } .summarize_list .swiper-container .left_prev{ position: absolute; left: 0; top: 11px; width: 22px; height: 38px; display: block; cursor: pointer; z-index: 99999; } .summarize_list .swiper-container .right_next{ position: absolute; right: 0; top: 11px; width: 22px; height: 38px; display: block; cursor: pointer; z-index: 99999; } .summarize_list .swiper-container a img{ display: block; width: 100%; height: 100%; } .sm_content { margin-top: 45px; display: flex; flex-wrap: wrap; justify-content: space-between; } .sm_content .sm_left { width: 1147px; } .sm_content .sm_left .sl_title { background-color: #f8f8f8; } .sm_content .sm_left .sl_title .st_bor { width: 4px; height: 60px; background-color: #005bac; } .sm_content .sm_left .sl_title>h6 { font-size: 30px; line-height: 60px; font-weight: 500; margin-left: 19px; } .sm_content .sm_left .st_content .st_container { padding-top: 44px; transition: all 1s; border-bottom: 1px solid #dad9d9; cursor: pointer; } .sm_content .sm_left .st_content .st_container .stc_title { display: block; } .sm_content .sm_left .st_content .st_container .stc_title .stc_jieshao { width: 19px; height: 21px; } .sm_content .sm_left .st_content .st_container .stc_title .stc_jieshao img { display: block; width: 100%; height: 100%; margin-top: 5px; } .sm_content .sm_left .st_content .st_container .stc_title .stc_jieshao img.tu1 { display: block; transition: all 1s; } .sm_content .sm_left .st_content .st_container .stc_title .stc_jieshao img.tu2 { display: none; transition: all 1s; } .sm_content .sm_left .st_content .st_container .stc_title .stc_name { font-size: 22px; color: #333; margin-left: 18px; } .sm_content .sm_left .st_content .st_container .stc_title .stc_add { width: 28px; height: 28px; margin-right: 40px; display: none; transition: all 1s; } .sm_content .sm_left .st_content .st_container .stc_title .stc_add img { display: block; width: 100%; height: 100%; } .sm_content .sm_left .st_content .st_container .stc_txt { font-size: 16px; line-height: 30px; color: #666; margin-left: 40px; margin-top: 20px; padding-bottom: 34px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-right: 39px; } .sm_content .sm_left .st_content .st_container:hover { box-shadow: 0px 0px 13px #585858; padding-left: 15px; border-bottom: 2px solid #005bac; } .sm_content .sm_left .st_content .st_container:hover .stc_name { color: #005bac; } .sm_content .sm_left .st_content .st_container:hover .stc_title .stc_jieshao img.tu1 { display: none; } .sm_content .sm_left .st_content .st_container:hover .stc_title .stc_jieshao img.tu2 { display: block; } .sm_content .sm_left .st_content .st_container:hover .stc_title .stc_add { display: block; } .sm_content .sm_right { width: 265px; } .sm_content .sm_right .sr_title { background-color: #005bac; padding: 14px 0; } .sm_content .sm_right .sr_title .sr_bor { width: 3px; height: 23px; background-color: #fff; margin-left: 5px; } .sm_content .sm_right .sr_title .sr_name { color: #fff; font-size: 18px; font-weight: 500; line-height: 23px; margin-left: 9px; } .sm_content .sm_right .sr_main { background-color: #eeeeee; padding: 17px 0 0px; cursor: pointer; margin-top: 5px; } .sm_content .sm_right .sr_main .sr_fa { padding-bottom: 17px; } .sm_content .sm_right .sr_main .sm_zf { width: 4px; height: 4px; background-color: #666; margin-left: 9px; margin-right: 6px; margin-top: 10px; } .sm_content .sm_right .sr_main .sm_name { font-size: 16px; color: #666; } .sm_content .sm_right .sr_main .sm_zf.bg { background-color: #005bac; } .sm_content .sm_right .sr_main .sm_name.cl { color: #005bac; } .sm_content .sm_right .sr_main .right_jiantou { margin-right: 16px; transform: rotatey(-50%); transition: all 1s; } .sm_content .sm_right .sr_main .sm_son { background-color: #fff; border-bottom: 1px #eee solid; display: none; } .sm_content .sm_right .sr_main .sm_son .son_list { padding: 0 8px; } .sm_content .sm_right .sr_main .sm_son .son_list>li>a { display: block; line-height: 35px; font-size: 14px; color: #666; border-bottom: dashed 1px #dcdcdc; margin-left: 5px; } .sm_content .sm_right .sr_main .sm_son .son_list>li>a:hover { color: #005bac; } .sm_content .sm_right .sr_main .sm_son .son_list>li:last-child>a { border-bottom: none; } /* 平台产品 详情*/ .nine_content { margin-bottom: 16px; } .nine_content .left_nine { width: 597px; } .nine_content .left_nine .ln_title { font-size: 28px; color: #333; font-weight: 550; } .nine_content .left_nine .ln_bor { width: 109px; height: 3px; background-color: #cecece; margin: 30px 0; } .nine_content .left_nine .ln_txt { font-size: 16px; line-height: 30px; color: #666; } .nine_content .right_nine { width: 510px; max-height: 400px; /* background-color: rebeccapurple; */ } .nine_content .right_nine a { display: block; width: 100%; height: 100%; } .nine_content .right_nine a img { display: block; width: 100%; height: 100%; } .box .box_head { height: 26px; } .box .box_head .bh_bor1 { width: 5px; height: 26px; background-color: #005bac; } .box .box_head .bh_bor2 { width: 1px; height: 26px; margin-left: 2px; background-color: #005bac; } .box .box_head .bh_name { font-size: 26px; line-height: 26px; color: #005bac; display: block; margin-left: 12px; } .box .box_head .hengxian { width: 1005px; height: 1px; background-color: #005bac; margin-top: 12px; margin-left: 18px; } .shuju .bs_txt { font-size: 16px; line-height: 30px; color: #666; text-indent: 2em; margin-top: 28px; margin-bottom: 42px; } /* .shuju>p:nth-child(2){ font-size: 16px; line-height: 30px; color: #666; text-indent: 2em; margin-top: 28px; margin-bottom: 42px; } */ .shuju .bs_txt2 { font-size: 16px; line-height: 30px; color: #666; text-indent: 3em; } /* .shuju>p:nth-child(3){ font-size: 16px; line-height: 30px; color: #666; text-indent: 3em; } */ .shuju .bs_txt3 { font-size: 16px; line-height: 30px; color: #666; text-indent: 4em; margin-top: 39px; margin-bottom: 42px; } .shuju p{ font-size: 16px; line-height: 30px; color: #666; margin-top: 10px; /* text-indent: 4em; */ } /* .shuju p:nth-child(5){ width: 100%; height: 100%; margin: 0 auto 65px; display: block; } */ .shuju p img { margin: 0 auto; /* width: 100%; height: 100%; */ display: block; } /* .shuju p:nth-child(5) img{ width: 100% !important; height:auto !important; display: block; } */ .touying .ty_txt { font-size: 16px; line-height: 30px; color: #666; } /* .touying>p:nth-child(2), .touying>p:nth-child(3){ font-size: 16px; line-height: 30px; color: #666; } */ .touying .mg { margin-top: 24px; } /* .touying p:nth-child(4){ width:100%; height: 100%; display: block; margin: 37px auto 69px; } */ /* .touying p:nth-child(4) img{ width: 100% !important; height:auto !important; display: block; } */ .touying .ty_img { width: 558px; height: 578px; display: block; margin: 37px auto 69px; } .touying .ty_img img { width: 100%; height: 100%; display: block; } .kongjian { /* border-bottom:1px solid #efefef ; */ } .kongjian .kj_txt { font-size: 16px; line-height: 30px; color: #666; } .kongjian>p:nth-child(2), .kongjian>p:nth-child(3){ font-size: 16px; line-height: 30px; color: #666; } .kongjian .mt { margin-top: 24px; } .kongjian p:nth-child(4){ width: 100%; height: 100%; display: block; margin: 37px auto 69px; } .kongjian p:nth-child(4) img{ width: 100% !important; height:auto !important; display: block; } .kongjian .kj_img { width: 580px; height: 434px; display: block; margin: 37px auto 69px; } .kongjian .kj_img img { width: 100%; height: 100%; display: block; } .cla { border-top: 1px solid #efefef; } .app_news { width: 100%; padding-top: 53px; background-color: #eee; padding-bottom: 30px; } .app_news .app_content{ display: flex; flex-wrap: wrap; justify-content: space-between; } .app_news .app_content .an_content{ width: 48%; } .app_news .app_content .an_content ul{ margin-top: 10px; } .app_news .app_content .an_content ul li { display: flex; } .app_news .app_content .an_content ul li .app_dashded{ width: 10px; height: 10px; background-color:#ccc ; margin-top: 10px; margin-right: 10px; } .app_news .app_content .an_content ul li:hover .app_dashded{ background-color: #163361; } .app_news .app_content .an_content ul li a{ display: block; width: 95%; color: #333; font-size: 16px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .app_news .app_content .an_content ul li a:hover{ color: #163361; /* border-bottom: 1px solid #163361; */ } .app_news .an_content .ant_title .ant_bor { width: 2px; height: 20px; background-color: #005bac; } .app_news .an_content .ant_title .ant_name { font-size: 20px; line-height: 20px; color: #005bac; margin-left: 5px; } .app_news .an_content .ant_content { margin-top: 17px; } .app_news .an_content .ant_content .ant_container { width: 218px; /* height: 212px; */ margin-right: 18px; } .app_news .an_content .ant_content .ant_container:last-child { margin-right: 0; } .app_news .an_content .ant_content .ant_container>a:first-child { display: block; width: 218px; height: 143px; overflow: hidden; } .app_news .an_content .ant_content .ant_container>a img { width: 100%; height: 100%; display: block; transition: all 1s; cursor: pointer; } .app_news .an_content .ant_content .ant_container:hover>a img { transform: scale(1.2); } .app_news .an_content .ant_content .ant_container .ac_title { display: block; line-height: 36px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .app_news .an_content .ant_content .ant_container:hover .ac_title { color: #005bac; } .app_news .an_content .ant_content .ant_container .time { color: #999; /* line-height: 36px; */ font-size: 14px; } .pl_footer { margin-top: 0; } /* 生态体系——解决方案-概述 */ .content_ey{ display: none; } .content_ey.show_on{ display: block; } .ecosystem { margin-top: 50px; margin-bottom: 64px; } .ecosystem .right_ey>a { display: block; width: 510px; height: 348px; } .ecosystem .right_ey>a img { display: block; width: 100%; height: 100%; } .ecosystem .left_ey { width: 857px; } .ecosystem .left_ey .le_title { font-size: 24px; font-weight: 550; color: #005bac; } .ecosystem .left_ey .le_bor { width: 108px; height: 3px; background-color: #cecece; margin-top: 31px; margin-bottom: 29px; } .ecosystem .left_ey .le_txt { font-size: 16px; line-height: 30px; color: #666; } .ecosystem .left_ey .le_mg { margin-top: 44px; } .eystem_list .list_container { padding: 44px 0 34px; border-bottom: #e3e3e3 1px solid; box-sizing: border-box; /* border-bottom: 2px #fff solid; */ transition: all 1s; cursor: pointer; } .eystem_list .list_container:hover { border-bottom: 2px solid #005bac; } .eystem_list .list_container .lc_title { line-height: 36px; } .eystem_list .list_container .lc_title .lt_name { font-size: 22px; font-weight: 400; color: #333; } .eystem_list .list_container:hover .lc_title .lt_name { color: #005bac; } .eystem_list .list_container .lc_title .lt_time>span { font-size: 16px; color: #666; } .eystem_list .list_container:hover .lc_title .lt_time { color: #005bac; } .eystem_list .list_container:hover .lc_title .lt_time>span { color: #005bac; } .eystem_list .list_container .lc_txt { font-size: 16px; line-height: 26px; color: #666; } /* 分页器 */ .ey_paging { margin: 45px auto; display: flex; flex-wrap: wrap; } .ey_paging>span{ display: block; font-size: 14px; line-height: 30px; background-color: #f5f5f5; color: #666; margin-right: 10px; padding: 0 10px; } .ey_paging>span:hover{ background-color: #085db3; color: #fff; } .ey_paging>a{ display: block; min-width: 8px; font-size: 14px; line-height: 30px; background-color: #f5f5f5; color: #666; margin-right: 10px; padding: 0 10px; } .ey_paging>a:hover{ background-color: #085db3; color: #fff; } .ey_paging .current{ background-color: #085db3 !important; color: #fff !important; } .ey_paging>li { float: left; color: #888; background-color: #efefef; font-size: 16px; text-align: center; line-height: 40px; margin-left: 6px; cursor: pointer; } .ey_paging>li:first-child { margin-left: 0; } .ey_paging>.p_n { width: 80px; height: 40px; } .ey_paging>.number { width: 40px; height: 40px; } .ey_paging>li.n_active { background-color: #005bac; color: #fff; } .ey_paging>li:hover { background-color: #005bac; color: #fff; } /* 服务支持——区域服务支持 */ .service { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 21px; margin-bottom: 50px; } .service>li { width: 22%; margin-top: 35px; cursor: pointer; transition: all 1s; } .service>li:hover { transform: translatey(-10px); } .service>li .sesp_address { font-size: 20px; line-height: 54px; background-color: #e3edf8; color: #005bac; font-weight: 600; padding-left: 20px; transition: all 1s; } .service>li:hover .sesp_address { padding-left: 130px; } .service>li .sv_content { background-color: #f9f9f9; padding-top: 28px; padding-bottom: 30px; } .service>li .sv_content .svtxt { line-height: 30px; font-size: 14px; color: #333; margin: 0 16px; display: flex; justify-content: space-between; flex-wrap: wrap; } .service>li .sv_content .svtxt p:first-child { width: 15%; } .service>li .sv_content .svtxt .address { width: 80%; } /* 服务支持——软件服务*/ .no_mr { margin-top: 0; } .suport_form { width: 100%; padding-top: 51px; background: no-repeat center; background-size: 100% 100%; background-position: center center; overflow: auto; padding-bottom: 50px; } .suport_form .form_admin { /* margin-top: 59px; */ width: 1200px; margin: 0 auto; } .suport_form .form_admin .left_form { width: 170px; } .suport_form .form_admin .left_form .lf_main { width: 100%; height: 123px; background-color: #eeeeee; padding-top: 28px; margin-bottom: 14px; cursor: pointer; transition: all 1.5s; } .suport_form .form_admin .left_form .lf_main .iconfont { font-size: 30px; text-align: center; color: #666; } .suport_form .form_admin .left_form .lf_main .lm_name { font-size: 18px; line-height: 44px; color: #666; text-align: center; } .suport_form .form_admin .left_form .lf_main:hover { background-color: #fff; box-shadow: 0 0 10px #708aad; } .suport_form .form_admin .left_form .lf_main:hover .iconfont { color: #296db5; } .suport_form .form_admin .left_form .lf_main:hover .lm_name { color: #296db5; } .suport_form .form_admin .left_form .lf_main.lf_active { background-color: #fff; color: #296db5; box-shadow: 0 0 10px #708aad; } .suport_form .form_admin .left_form .lf_main .llftxt { color: #296db5; } .suport_form .form_admin .right_form { width: 1008px; /* margin-right: 200px; */ } .suport_form .form_admin .right_form .form_meau { display: none; } .suport_form .form_admin .right_form .form_meau.onshow { display: block; } .suport_form .form_admin .right_form .form_meau .fm_title { height: 159px; box-sizing: border-box; border: 2px solid #e1e4e8; background: no-repeat center; background-size: 100% 100%; background-position: center center; overflow: auto; } .suport_form .form_admin .right_form .form_meau .fm_title>h1 { font-size: 32px; line-height: 44px; color: #333; text-align: center; margin-top: 43px; } .suport_form .form_admin .right_form .form_meau .fm_title>p { font-size: 16px; line-height: 44px; color: #828282; text-align: center; } .suport_form .form_admin .right_form .form_meau .fm_body { background-color: #fff; border: 2px #e1e4e8 solid; border-top: none; padding-top: 45px; padding-bottom: 70px; } .suport_form .form_admin .right_form .form_meau .fm_body .form_input { margin-left: 170px; margin-top: 15px; } .suport_form .form_admin .right_form .form_meau .fm_body .form_important { margin-left: 161px; } .suport_form .form_admin .right_form .form_meau .fm_body .form_input .zhong { line-height: 56px; color: #ff0000; margin-right: 4px; } .suport_form .form_admin .right_form .form_meau .fm_body .form_input .form_name { font-size: 18px; line-height: 56px; color: #333; } .suport_form .form_admin .right_form .form_meau .fm_body .form_input .n_input { width: 564px; height: 56px; border: 2px #e1e4e8 solid; border-radius: 5px; font-size: 16px; color: #999; padding-left: 14px; padding-right: 14px; margin-left: 22px; box-sizing: border-box; font-weight:normal; } .suport_form .form_admin .right_form .form_meau .fm_body .form_input .sheng { height: 56px; width: 271px; margin-left: 22px; border: 2px #e1e4e8 solid; border-radius: 5px; font-size: 16px; color: #999; cursor: pointer; padding-left: 14px; box-sizing: border-box; } .suport_form .form_admin .right_form .form_meau .fm_body .form_input .shi { margin-left: 22px; } .suport_form .form_admin .right_form .form_meau .fm_body .form_input>textarea { width: 564px; height: 114px; border: 2px #e1e4e8 solid; border-radius: 5px; font-size: 16px; color: #999; /* cursor: pointer; */ padding-left: 14px; padding-right: 14px; box-sizing: border-box; margin-left: 22px; padding-top: 18px; font-weight:normal; outline:none; font-family:"苹方"; } textarea[class='zd_textarea']::-moz-placeholder { font-size: 16px; color: #999; } .suport_form .form_admin .right_form .form_meau .fm_body .form_btn { margin-right: 160px; margin-top: 24px; } .suport_form .form_admin .right_form .form_meau .fm_body .form_btn>input { width: 159px; height: 50px; border-radius: 5px; cursor: pointer; } .suport_form .form_admin .right_form .form_meau .fm_body .form_btn>.quxiao { background-color: #ffffff; border: 2px solid #e9ecf0; font-size: 16px; color: #848484; margin-right: 9px; } .suport_form .form_admin .right_form .form_meau .fm_body .form_btn>.queding { background-color: #005bac; color: #fff; } /* 服务支持-培训认证 */ /* .support{padding-top: 26px;} */ .support .st_title { text-align: center; font-size: 36px; line-height: 30px; font-weight: 400; margin-top: 59px; } .support .st_txt { font-size: 16px; line-height: 28px; text-indent: 2em; margin-top: 28px; } .support .table { display: block; height: 100%; width: 100%; margin-top: 29px; } .support .table img { width: 100%; height: 100%; display: block; } .support .st_zhushi { margin-top: 18px; font-size: 16px; line-height: 30px; color: #666; } .support .st_mg { margin-top: 36px; } /* 认证申请流程 */ .apply_for { margin-top: 75px; width: 100%; /* height: 605px; */ padding-bottom: 50px; background: no-repeat; background-size: 100% 100%; background-position: center center; overflow: auto; } .apply_for .af_content { padding-top: 75px; } .apply_for .af_content .af_title { font-size: 35px; color: #333; font-weight: 400; text-align: center; } .apply_for .af_content .ac_list { display: flex; margin-top: 70px; position: relative; z-index: 99; } .apply_for .af_content .ac_list .at_bor { width: 100%; height: 4px; background-color: #005bac; position: absolute; bottom: 55px; z-index: -1; } .apply_for .af_content .ac_list>li { width: 20%; text-align: center; transition: all 1s; cursor: pointer; } .apply_for .af_content .ac_list>li .img { width: 90px; height: 90px; margin: 0 auto; } .apply_for .af_content .ac_list>li .img img { width: 100%; height: 100%; display: block; transition: all 1s; } .apply_for .af_content .ac_list>li:hover { transform: translatey(-5px); } .apply_for .af_content .ac_list>li:hover .img img { transform: rotate(360deg); } .apply_for .af_content .ac_list>li .ac_bor { width: 1px; height: 21px; margin: 0 auto; background-color: #00b9ef; } .apply_for .af_content .ac_list>li .ac_number { width: 34px; height: 34px; border-radius: 50%; background-color: #005bac; color: #fff; font-size: 20px; text-align: center; margin: 0 auto; z-index: 99; transition: all 1s; } .apply_for .af_content .ac_list>li:hover .ac_number { transform: rotate(-360deg); } .apply_for .af_content .ac_list>li .ac_name { font-size: 18px; color: #333; line-height: 30px; margin-top: 10px; } .apply_for .af_content .ac_ct { display: flex; flex-wrap: wrap; margin-top: 80px; justify-content: space-between; } .apply_for .af_content .ac_ct .at_container { width: 49%; background-color: #fff; height: 74px; text-align: center; font-size: 16px; line-height: 74px; color: #333; cursor: pointer; } .apply_for .af_content .ac_ct .at_container:hover { color: #005bac; } .certificate { margin-top: 60px; margin-bottom: 45px; } .certificate .cf_title { font-size: 36px; line-height: 30px; color: #333; text-align: center; font-weight: 400; margin-bottom: 65px; } .certificate .cf_main .cm_title { width: 380px; height: 164px; line-height: 164px; background-color: #f5f7f9; border-left: 3px solid #fff; margin-bottom: 9px; transition: all 1s; box-sizing: border-box; } .certificate .cf_main .cm_title.cm_active { border-left: 3px solid #005bac; } .certificate .cf_main .cm_title .cm_txt { color: #005bac; } .certificate .cf_main .cm_title .ctft { font-size: 20px; margin-left: 20px; } .certificate .cf_main .cm_title .jiantou { width: 26px; height: 26px; margin-right: 22px; margin-top: 69px; display: none; transition: all 1s; cursor: pointer; } .certificate .cf_main .cm_title .on { display: block; } .certificate .cf_main .cm_title .jiantou img { width: 100%; height: 100%; display: block; } .certificate .cf_meau { width: 809px; height: 510px; background-color: #f5f7f9; margin-left: 9px; } .certificate .cf_meau .cm_list { width: 601px; height: 432px; margin: 39px auto 0; display: none; } .certificate .cf_meau .cm_list.on_show { display: block; } .certificate .cf_meau .cm_list img { width: 100%; height: 100%; display: block; } /* 服务支持-资源中心-资料下载 */ .data { width: 100%; /* height: ; */ background-color: #fafafa; } .data .data_list { display: flex; flex-wrap: wrap; } .data .data_list>li.dl_active { border-top: 4px solid #005bac; background-color: #fff; } .data .data_list>li { transition: all 1s; } .data .data_list>li .da_title { display: block; width: 176px; box-sizing: border-box; border-top: 4px solid #fff; height: 179px; line-height: 179px; text-align: center; } .data .data_list>li:hover { border-top: 4px solid #005bac; background-color: #fff; } .data .data_list>li .da_title .dl_img { width: 48px; height: 48px; margin: 40px auto 0; } .data .data_list>li .da_title .dl_img img { width: 100%; display: block; height: 100%; } .data .data_list>li .da_title .dl_title { font-size: 16px; line-height: 36px; color: #333; } .data_content .dv_list { padding-top: 22px; border: 1px solid #e0dfdf; padding-left: 24px; margin-top: 35px; box-shadow: 0px 0 20px #eee; cursor: pointer; transition: all 1s; } .data_content .dv_list .left_dl .dl_title .at_img { width: 23px; height: 23px; margin-right: 14px; } .data_content .dv_list .left_dl .dl_title .at_img img { width: 100%; height: 100%; display: block; } .data_content .dv_list .left_dl .dl_title .at_name { font-size: 18px; line-height: 23px; } .data_content .dv_list .left_dl .dl_title .time { font-size: 14px; line-height: 36px; color: #999999; } .data_content .dv_list .right_dl a { display: block; width: 100px; height: 34px; background-color: #efefef; color: #666; line-height: 34px; font-size: 14px; text-align: center; transition: all 1s; margin-right: 27px; } .data_content .dv_list:hover { border: 1px solid #005bac; } .data_content .dv_list .right_dl a:hover { background-color: #005bac; color: #fff; } /* gis行业应用 */ .ia_banner { position: relative; } .ia_banner .inapp_list { position: absolute; bottom: 0; width: 100%; height: 70px; background-color: rgba(0, 0, 0, 0.4); } .ia_banner .inapp_list .il_main { display: flex; justify-content: space-between; } .ia_banner .inapp_list .il_main>li { display: block; width: 25%; border-left: 1px solid #1b7cca; } .ia_banner .inapp_list .il_main>li.il_active { background-color: #00b9ef; } .ia_banner .inapp_list .il_main>li:hover { background-color: #00b9ef; } .ia_banner .inapp_list .il_main>li:last-child { border-right: 1px solid rgba(0, 185, 239, .4); } .ia_banner .inapp_list .il_main>li>a { display: block; width: 100%; font-size: 20px; line-height: 70px; text-align: center; color: #fff; } /* 行业应用 锚链接 */ .inapp_box .box_title { text-align: center; } .inapp_box .box_title>a { display: block; color: #333; font-size: 34px; line-height: 44px; margin-top: 60px; } .inapp_box .box_title>.box_txt { font-size: 16px; line-height: 44px; color: #999; } .wasdom_city .cloud_platform { margin-top: 50px; border-radius: 5px; height: 124px; box-shadow: 0 0 9px #b7cbff; background-size: 100% 100%; background-position: center center; overflow: auto; background: no-repeat center; transition: all 1s; } .wasdom_city .cloud_platform:hover { transform: translatey(-10px); } .wasdom_city .cloud_platform .cp_name { font-size: 30px; line-height: 30px; font-weight: 600; margin-left: 29px; margin-right: 15px; color: #333; margin-top: 10px; } .wasdom_city .cloud_platform .cp_txt { font-size: 16px; line-height: 30px; margin-top: 8px; color: #666; width: 80%; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .wasdom_city .cloud_platform .cp_more { display: inline-block; width: 150px; height: 40px; border: 1px solid #eee; border-radius: 20px; line-height: 40px; text-align: center; color: #717171; box-sizing: border-box; margin-top: 2px; margin-right: 50px; } .wasdom_city .cloud_platform:hover .cp_more { border: 1px solid #005bac; color: #005bac; } .wasdom_city .wasdom_list { margin-top: 22px; display: flex; justify-content: space-between; flex-wrap: wrap; } .wasdom_city .wasdom_list .wl_container { width: 31.5%; height: 645px; padding-top: 40px; box-shadow: 0 0 10px #b7cbff; transition: all 1s; } .wasdom_city .wasdom_list .wl_container:hover { /* transform: translatey(-10px); */ } .wasdom_city .wasdom_list .wl_container .wc_title { font-size: 30px; line-height: 44px; color: #fff; margin: 0px 26px; } .wasdom_city .wasdom_list .gongan { background: no-repeat; } .wasdom_city .wasdom_list .shizheng { background: no-repeat; } .wasdom_city .wasdom_list .city { background: no-repeat; } .wasdom_city .wasdom_list .wc_content { width: 22%; /* height: 574px; */ background-color: #fff; margin-top: 23px; border-radius: 0 30px 0px 0; padding-left: 30px; position: absolute; z-index: 888; } .wasdom_city .wasdom_list .wc_content .wc_list { padding-top: 26px; padding-bottom: 18px; border-bottom: #ebebeb 1px solid; margin-right: 30px; } .wasdom_city .wasdom_list .wc_content .wc_list.on_none{ display: none; } .wasdom_city .wasdom_list .wc_content .wc_list .wc_icon { width: 50px; height: 50px; transition: all 1s; } .wasdom_city .wasdom_list .wc_content .wc_list .wc_icon img { width: 100%; height: 100%; display: block; transition: all 1s; } .wasdom_city .wasdom_list .wc_content .wc_list .wc_icon .icon1 { display: block; } .wasdom_city .wasdom_list .wc_content .wc_list .wc_icon .icon2 { display: none; } .wasdom_city .wasdom_list .wc_content .wc_list:hover .wc_icon .icon1 { display: none; } .wasdom_city .wasdom_list .wc_content .wc_list:hover .wc_icon .icon2 { display: block; } .wasdom_city .wasdom_list .wc_content .wc_list:hover .wctitle { color: #005bac; } .wasdom_city .wasdom_list .wc_content .wc_list .wctitle { font-size: 18px; font-weight: 600; line-height: 44px; color: #333; } .wasdom_city .wasdom_list .wc_content .wc_list .wctxt { font-size: 16px; line-height: 24px; color: #888; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .wasdom_city .wasdom_list .wc_content .wc_more { display: block; width: 158px; height: 40px; border: 1px solid #eee; border-radius: 20px; text-align: center; color: #717171; line-height: 40px; box-sizing: border-box; font-size: 14px; margin: 25px auto; transition: all 1s; } .wasdom_city .wasdom_list .wc_content:hover .wc_more { border: #005bac 1px solid; color: #005bac; } .nr_box { width: 100%; position: relative; margin-top: 90px; } .nr_box .bg_image { width: 100%; height: 424px; position: absolute; top: 0; left: 0; z-index: -1; } .nr_box .bg_image img { width: 100%; height: 100%; display: block; } .natural_resources { /* background-color: #fbfdfd; */ padding-top: 63px; } .natural_resources .box_title>.bt_name { color: #fff; /* margin-top: 63px; */ } .natural_resources .box_title>.box_txt { color: #fff; } .natural_resources .nr_ping { height: 100px; background: ; border-radius: 5px; box-shadow: 0 0 9px #b7cbff; margin-top: 46px; background-size: 100% 100%; background-position: center center; overflow: auto; transition: all 1s; } .natural_resources .nr_ping:hover { /* transform: translatey(-10px); */ } .natural_resources .nr_ping .np_name { font-size: 30px; line-height: 30px; margin-top: 20px; font-weight: 600; margin-left: 29px; margin-right: 15px; color: #333; } .natural_resources .nr_ping .np_txt { font-size: 16px; line-height: 30px; margin-top: 5px; /* margin-top: 8px; */ float: left; color: #666; width: 80%; margin-left: 28px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .natural_resources .nr_ping .np_more { transition: all 1.5s; display: inline-block; width: 150px; height: 40px; border: 1px solid #9e9e9e; transition: all 1s; line-height: 40px; text-align: center; color: #717171; box-sizing: border-box; margin-top: 0px; margin-right: 50px; float: left; border-radius: 20px; } .natural_resources .nr_ping:hover .np_more { background-color: #005bac; color: #fff; } .natural_resources .nr_content .nr_container { margin-top: 15px; transition: all 1s; } /* .natural_resources .nr_content .nr_container:hover { transform: scale(1.02); } */ .natural_resources .nr_content .nr_container:hover .left_title .lt_more { background-color: #005bac; color: #fff; } .natural_resources .nr_content .nr_container .left_title { width: 397px; height: 218px; padding-top: 40px; padding-left: 30px; } .natural_resources .nr_content .first .left_title { background: ; background-size: 100% 100%; background-position: center center; overflow: auto; } .natural_resources .nr_content .second .left_title { background: ; background-size: 100% 100%; background-position: center center; overflow: auto; } .natural_resources .nr_content .third .left_title { background: ; background-size: 100% 100%; background-position: center center; overflow: auto; } .natural_resources .nr_content .nr_container .left_title .lt_name { font-size: 26px; line-height: 36px; font-weight: 600; color: #333; } .natural_resources .nr_content .nr_container .left_title .lt_bor { width: 38px; height: 2px; background-color: #005bac; margin: 20px 0 40px; } .natural_resources .nr_content .nr_container .left_title .lt_more { display: block; width: 136px; height: 40px; border: 1px solid #9e9e9e; color: #666666; text-align: center; line-height: 40px; transition: all 2s; } .natural_resources .nr_content .nr_container .left_title:hover .lt_more { background-color: #005bac; color: #fff; } .natural_resources .nr_content .nr_container .right_ct { /* height: 193px; */ padding: 33px 0; background-color: #fff; } .natural_resources .nr_content .nr_container .right_ct .rc_div { width: 337px; border-right: #e7e7e7 1px solid; text-align: center; cursor: pointer; box-sizing: border-box; transition: all 3s; } .natural_resources .nr_content .nr_container .right_ct .rc_div:nth-child(3) { border-right: none; } .natural_resources .nr_content .nr_container .right_ct .rc_div .rc_icon { width: 125px; height: 125px; margin-left: 104px; margin-bottom: 17px; transition: all 3s; } .natural_resources .nr_content .nr_container .right_ct .rc_div:hover .rc_icon { transform: rotate(360deg); } .natural_resources .nr_content .nr_container .right_ct .rc_div .rc_bor { width: 3px; height: 70px; background-color: #e7e7e7; margin-right: -2px; } .natural_resources .nr_content .nr_container .right_ct .rc_div .rc_icon img { width: 100%; height: 100%; display: block; transition: all 1s; } .natural_resources .nr_content .nr_container .right_ct .rc_div .rc_icon .icon1 { display: block; } .natural_resources .nr_content .nr_container .right_ct .rc_div .rc_icon .icon2 { display: none; } .natural_resources .nr_content .nr_container .right_ct .rc_div:hover .rc_icon .icon1 { display: none; } .natural_resources .nr_content .nr_container .right_ct .rc_div:hover .rc_icon .icon2 { display: block; } .natural_resources .nr_content .nr_container .right_ct .rc_div .rc_txt { display: block; font-size: 18px; line-height: 24px; color: #333; } .natural_resources .nr_content .nr_container .right_ct .rc_div:hover .rc_txt { color: #005bac; } .wasdom_geology { margin-top: 60px; padding-top: 20px; } .wisdom_img { display: flex; } .wisdom_img:first-of-type { margin-bottom: 25px; margin-top: 35px; } .wisdom_img li { overflow: hidden; margin-right: 25px; height: 380px; } .wisdom_img li:nth-child(3n) { margin-right: 0; } .wisdom_img li>a { display: block; width: 100%; height: 100%; position: relative; } .wisdom_img li>a .wd_img { width: 100%; height: 100%; overflow: hidden; } .wisdom_img li>a .wd_img img { width: 100%; height: 100%; display: block; transition: all 1s; } .wisdom_img li:hover>a .wd_img img { transform: scale(1.02); } .wisdom_img li>a .wd_txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 1s; /* background-color: rgba(51, 51, 51, .9); */ } .wisdom_img li:hover>a .wd_txt { background-color: rgba(51, 51, 51, .7); } .wisdom_img li>a .wd_txt .wd_ct { position: absolute; top: 88%; left: 5%; padding-right: 2%; transition: all 1s; } .wisdom_img li>a .wd_txt .wd_ct .wt_title { font-size: 20px; line-height: 44px; color: #fff; font-weight: 550; margin-bottom: 50px; } .wisdom_img li>a .wd_txt .wd_ct .wt_txt { font-size: 16px; color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .wisdom_img li>a .wd_txt .wd_ct .more { font-size: 16px; color: #fff; margin-top: 24px; } .wg_swiper { display: none; } .wg_swiper .swiper-wrapper .swiper-slide { height: 500px; } .wg_swiper .swiper-wrapper .swiper-slide>a img { display: block; width: 100%; height: 100%; margin: 0 auto; } .wg_swiper .swiper-wrapper .swiper-slide { position: relative; } .wg_swiper .swiper-wrapper .swiper-slide>.p_div { position: absolute; width: 100%; bottom: 0; background-color: rgba(0, 185, 239, .7); border-radius: 10px 10px 0 0; text-align: center; } .wg_swiper .swiper-wrapper .swiper-slide>.p_div h4 { line-height: 80px; color: #fff; font-size: 24px; } .wasdom_geology .wg_more { display: block; width: 230px; height: 50px; border-radius: 25px; border: 1px solid #d1d1d1; box-sizing: border-box; margin: 53px auto; line-height: 50px; text-align: center; color: #888; transition: all 1.5s; } .wasdom_geology .wg_more:hover { background-color: #00b9ef; color: #fff; } .more_box { margin-top: 80px; width: 100%; /* height: 788px; */ padding-top: 45px; background: ; background-size: 100% 100%; background-position: center center; overflow: auto; padding-bottom: 50px; } .more_industry .box_title>a { margin-top: 30px; } .more_box .mi_list { display: flex; justify-content: space-between; flex-wrap: wrap; } .more_box .mi_list>li { width: 24%; height: 244px; border: 1px solid #d8dae4; border-radius: 5px; margin-top: 25px; box-sizing: border-box; /* padding-bottom: 60px; */ transition: all 1s; } .more_box .mi_list>li>.ml_box { display: block; width: 100%; /* height: 100%; */ } .more_box .mi_list>li>.ml_box .ml_icon { width: 41px; height: 41px; margin: 63px auto 0; transition: all 1s; } .more_box .mi_list>li>.ml_box .ml_icon img { display: block; width: 100%; height: 100%; } .more_box .mi_list>li>.ml_box .ml_icon .icon1 { display: block; } .more_box .mi_list>li>.ml_box .ml_icon .icon2 { display: none; } .more_box .mi_list>li>.ml_box .ml_title { font-size: 18px; line-height: 24px; color: #333; font-weight: 530; text-align: center; margin-top: 20px; transition: all 1s; padding: 0 10px; } .more_box .mi_list>li>.ml_box .ml_txt { font-size: 14px; line-height: 14px; text-align: center; color: #999; transition: all 1s; display: none; } .more_box .mi_list>li>.ml_more { /* display: block; */ width: 116px; height: 30px; background-color: #fff; border-radius: 3px; text-align: center; font-size: 14px; line-height: 30px; color: #00b9ef; text-align: center; margin: 26px auto 30px; display: none; transition: all 1s; } .more_box .mi_list>li:hover { background-color: #00b9ef; } .more_box .mi_list>li:hover>.ml_box .ml_title { color: #fff; } .more_box .mi_list>li:hover>.ml_box .ml_txt { color: #fff; } .more_box .mi_list>li:hover>.ml_box .ml_icon { margin-top: 33px; } .more_box .mi_list>li:hover>.ml_box .ml_icon .icon1 { display: none; } .more_box .mi_list>li:hover>.ml_box .ml_icon .icon2 { display: block; } .more_box .mi_list>li:hover .ml_more { display: block; } .more_box .id_more { margin: 38px auto 0; display: block; width: 230px; height: 50px; background-color: #fff; border-radius: 25px; font-size: 16px; color: #999; line-height: 50px; text-align: center; transition: all 1.5s; } .more_box .id_more:hover { background-color: #00b9ef; color: #fff; } /*4-2-3服务支持-资源中心-技术资源 */ .product_category { padding-top: 50px; width: 100%; padding-bottom: 100px; background: ; } .product_category .pc_content .pc_title .pt { font-size: 24px; line-height: 47px; color: #333; font-weight: 600; } .product_category .pc_content .pc_title .pt_en { font-size: 16px; color: #666; font-weight: 550; } .product_category .pc_content .pc_title .pt_bor { width: 24px; height: 4px; background-color: #005bac; margin-top: 15px; } /* .product_category .pc_content .pt_row { margin-top: 40px; } .product_category .pc_content .pt_row .left_row { width: 13%; height: 420px; } .product_category .pc_content .pt_row .left_row .lr_box { width: 200px; } .product_category .pc_content .pt_row .left_row .lr_box .lr_name { cursor: pointer; } .product_category .pc_content .pt_row .left_row .lr_box .lr_name .lr_bor { width: 14px; height: 14px; border: 3px solid #e1e2e2; border-radius: 50%; margin-top: 6px; } .product_category .pc_content .pt_row .left_row .lr_box .lr_name .lr_bor.bor_active { border-color: #0965b6; } .product_category .pc_content .pt_row .left_row .lr_box .lr_name .name { font-size: 20px; color: #333; margin-left: 15px; } .product_category .pc_content .pt_row .left_row .lr_box .lr_name .name.nm_active { color: #0965b6; } .product_category .pc_content .pt_row .left_row .lr_box .lr_radio { padding-left: 7px; } .product_category .pc_content .pt_row .left_row .lr_box .lr_radio .radio { width: 4px; height: 4px; background-color: #d9dee3; border-radius: 50%; margin-top: 6px; } .product_category .pc_content .pt_row .left_row .fix_row { position: fixed; top: 85px; } .product_category .pc_content .pt_row .right_row { width: 86%; margin-left: 1%; } .product_category .pc_content .pt_row .right_row .rt_box:first-of-type { margin-top: 0; } .product_category .pc_content .pt_row .right_row .rt_box { margin-top: 52px; } .product_category .pc_content .pt_row .right_row .rt_box .rb_title { font-size: 18px; color: #163361; } .product_category .pc_content .pt_row .right_row .rt_box .rb_list { display: flex; flex-wrap: wrap; margin-top: 20px; } .product_category .pc_content .pt_row .right_row .rt_box .rb_list>li { width: 274px; margin-left: 28px; } .product_category .pc_content .pt_row .right_row .rt_box .rb_list>li>a { display: block; width: 274px; height: 88px; line-height: 88px; text-align: center; color: #163361; font-size: 18px; background: no-repeat; } .product_category .pc_content .pt_row .right_row .rt_box .rb_list>li:first-child>a { margin-left: 0; } .product_category .pc_content .pt_row .right_row .rt_box .rb_list>li .rb_jian { margin: 0 auto; width: 28px; height: 14px; display: none; transition: all 1s; } .product_category .pc_content .pt_row .right_row .rt_box .rb_list>li .rb_jian img { width: 100%; height: 100%; } .product_category .pc_content .pt_row .right_row .rt_box .container .ca_box { width: 93%; padding: 20px 36px; border: 1px solid #005bac; border-radius: 45px; display: none; transition: all 1s; } .product_category .pc_content .pt_row .right_row .rt_box .container .ca_box .ca_txt { font-size: 16px; line-height: 24px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .product_category .pc_content .pt_row .right_row .rt_box:hover .rb_list>li:first-child>a { background: no-repeat; } .product_category .pc_content .pt_row .right_row .rt_box:hover .rb_list>li:nth-child(2)>a { background: no-repeat; } .product_category .pc_content .pt_row .right_row .rt_box:hover .rb_list>li:nth-child(3)>a { background: no-repeat; } .product_category .pc_content .pt_row .right_row .rt_box:hover .rb_list>li:nth-child(4)>a { background: no-repeat; } .su_foot { margin-top: 0; } */ .product_category .pc_content .pt_row { margin-top: 40px; } .product_category .pc_content .pt_row .left_row { width: 13%; height: 420px; } .product_category .pc_content .pt_row .left_row .lr_box { width: 200px; /* height: 420px; */ /* background-color: #00b9ef; */ } .product_category .pc_content .pt_row .left_row .lr_box .lr_name { cursor: pointer; margin-bottom: 54px; position: relative; z-index: 22; } .product_category .pc_content .pt_row .left_row .lr_box .lr_name #left_bor{ position: absolute; height: 60px; left: 8px; top: 27px; z-index: 0; border-left: 3px dashed #cccccc; } .product_category .pc_content .pt_row .left_row .lr_box .lr_name .lr_bor { width: 14px; height: 14px; border: 3px solid #e1e2e2; border-radius: 50%; margin-top: 6px; } .product_category .pc_content .pt_row .left_row .lr_box .lr_name .lr_bor.bor_active { border-color: #0965b6; } .product_category .pc_content .pt_row .left_row .lr_box .lr_name .name { font-size: 20px; /* line-height: 40px; */ color: #333; margin-left: 15px; } .product_category .pc_content .pt_row .left_row .lr_box .lr_name .name.nm_active { color: #0965b6; } .product_category .pc_content .pt_row .left_row .lr_box .lr_radio { padding-left: 7px; } .product_category .pc_content .pt_row .left_row .lr_box .lr_radio .radio { width: 4px; height: 4px; background-color: #d9dee3; border-radius: 50%; margin-top: 6px; } .product_category .pc_content .pt_row .left_row .fix_row { position: fixed; top: 85px; } .product_category .pc_content .pt_row .right_row { width: 86%; margin-left: 1%; } .product_category .pc_content .pt_row .right_row .rt_box:first-of-type { margin-top: 0; } .product_category .pc_content .pt_row .right_row .rt_box { margin-top: 52px; } .product_category .pc_content .pt_row .right_row .rt_box .rb_title { font-size: 18px; color: #163361; } .product_category .pc_content .pt_row .right_row .rt_box .rb_list { display: flex; flex-wrap: wrap; margin-top: 20px; } .product_category .pc_content .pt_row .right_row .rt_box .rb_list>li { width: 274px; margin-left: 28px; } .product_category .pc_content .pt_row .right_row .rt_box .rb_list>li>a { display: block; width: 274px; height: 88px; line-height: 88px; text-align: center; color: #163361; font-size: 18px; background: no-repeat; } .product_category .pc_content .pt_row .right_row .rt_box .rb_list>li:first-child>a { margin-left: 0; } .product_category .pc_content .pt_row .right_row .rt_box .rb_list>li .rb_jian { margin: 0 auto; width: 28px; height: 14px; display: none; transition: all 1s; } .product_category .pc_content .pt_row .right_row .rt_box .rb_list>li .rb_jian img { width: 100%; height: 100%; } .product_category .pc_content .pt_row .right_row .rt_box .container .ca_box { width: 93%; padding: 20px 36px; border: 1px solid #005bac; border-radius: 45px; display: none; transition: all 1s; } .product_category .pc_content .pt_row .right_row .rt_box .container .ca_box .ca_txt { font-size: 16px; line-height: 24px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .product_category .pc_content .pt_row .right_row .rt_box:hover .rb_list>li:first-child>a { background: no-repeat; } .product_category .pc_content .pt_row .right_row .rt_box:hover .rb_list>li:nth-child(2)>a { background: no-repeat; } .product_category .pc_content .pt_row .right_row .rt_box:hover .rb_list>li:nth-child(3)>a { background: no-repeat; } .product_category .pc_content .pt_row .right_row .rt_box:hover .rb_list>li:nth-child(4)>a { background: no-repeat; } .su_foot { margin-top: 0; } /* 服务支持 视频公开课 */ .content .banner .ve_img { position: relative; width: 100%; height: 700px; } .content .banner .ve_bg { width: 100%; height: 85px; } .vedio { /* height: 500px; */ position: absolute; left: 50%; margin-left: -720px; top: 105px; } .vedio .left_swiper { width: 1077px; /* height: 531px; */ } .vedio .left_swiper>.swiper-container>.swiper-wrapper>.swiper-slide { width: 100%; height: 531px; } .vedio .left_swiper>.swiper-container>.swiper-wrapper>.swiper-slide img { display: block; width: 100%; height: 100%; } .left_swiper .vedio_sweiper>.swiper-pagination-bullets .swiper-pagination-bullet { background-color: rgba(255, 255, 255, .4); } .left_swiper .vedio_sweiper>.swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: rgba(255, 255, 255, 1); } .left_swiper .vedio_sweiper .swiper-wrapper .swiper-slide a{ display: block; width: 100%; height: 100%; } .left_swiper .vedio_sweiper .swiper-wrapper a .swiper-slide img{ display: block; width: 100%; height: 100%; } .vedio .right_list { padding-left: 18px; width: 340px; /* height: 531px; */ background-color: rgba(0, 0, 0, 0.6); } .vedio .right_list .rl_title .rl_bor { width: 3px; height: 17px; margin-top: 15px; background-color: #fff; } .vedio .right_list .rl_title .rl_name { font-size: 18px; color: #fff; line-height: 44px; margin-left: 8px; } .vedio .right_list .ri_list .list_ct { display: block; margin-top: 15px; } .vedio .right_list .ri_list .list_ct .lc_img { width: 143px; height: 80px; overflow: hidden; } .vedio .right_list .ri_list .list_ct .lc_img img { width: 100%; height: 100%; transition: all 1s; } .vedio .right_list .ri_list .list_ct:hover .lc_img img { transform: scale(1.1); } .vedio .right_list .ri_list .list_ct .lc_txt { width: 167px; margin-left: 13px; margin-right: 15px; } .vedio .right_list .ri_list .list_ct .lc_txt .lt_name { color: #fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .vedio .right_list .ri_list .list_ct .lc_txt .lt_time { font-size: 12px; line-height: 30px; color: #999; } .vedio_main { width: 100%; /* height: 80px; */ padding-bottom: 20px; background-color: #f7f7f7; } .vedio_main .vm_name .vn { font-size: 16px; line-height: 80px; color: #999999; } .vedio_main .vm_name .main_list { display: flex; } .vedio_main .vm_name .main_list>li { padding: 0 10px; border: 1px solid #ccc; height: 40px; background-color: #fff; border-radius: 20px; text-align: center; line-height: 40px; cursor: pointer; margin-top: 20px; margin-left: 13px; transition: all 1s; } .vedio_main .vm_name .main_list>li>a { font-size: 16px; color: #666; } .vedio_main .vm_name .main_list>li>a.txt_active { color: #0965b6; } .vedio_main .vm_name .main_list>li:hover { transform: translatey(-5px); } .vedio_main .vm_name .main_list>li:hover>a { color: #0965b6; } .detail { background-color: #f1f1f1; margin-bottom: -40px; margin-top: 10px; } .detail .dt_list { display: flex; flex-wrap: wrap; padding-bottom: 20px; } .detail .dt_list .vn { width: 10%; font-size: 16px; line-height: 80px; color: #999999; text-align: center; } .detail .dt_list .main_list { display: flex; width: 90%; flex-wrap: wrap; } .detail .dt_list .main_list>li { padding: 5px 40px; line-height: 60px; background-color: #fff; border-radius: 20px; text-align: center; /* line-height: 40px; */ cursor: pointer; margin-top: 20px; margin-left: 13px; transition: all 1s; } .detail .dt_list .main_list>li a { font-size: 16px; color: #666; } .detail .dt_list .main_list>li a.txthover { color: #005bac; } .vedio_content .vc_detail { display: none; } .vedio_content .vc_detail:first-child { display: block; } .vedio_content { padding-top: 44px; } .vedio_content .vc_title { border-bottom: 1px solid #e9e9e9; } .vedio_content .vc_title .tl .tl_name { font-size: 22px; color: #333; line-height: 44px; font-weight: 550; } .vedio_content .vc_title .tl .tl_bor { width: 120px; height: 3px; background-color: #00b9ef; } .vedio_content .vc_title .more { font-size: 16px; line-height: 44px; } .vedio_content .vc_title .more>a { color: #666; } .vedio_content .vc_content { display: flex; flex-wrap: wrap; } .vedio_content .vc_content>li { width: 23.8%; margin-top: 30px; transition: all 1s; margin-right: 1.2%; } .vedio_content .vc_content>li:nth-child(4n) { margin-right: 0; } .vedio_content .vc_content>li:hover { transform: translatey(-5px); } .vedio_content .vc_content>li .rt_ve { width: 100%; height: 214px; display: block; position: relative; overflow: hidden; margin-bottom: 8px; } .vedio_content .vc_content>li .rt_ve .rt_vedio { width: 100%; height: 100%; } .vedio_content .vc_content>li .rt_ve .rt_vedio img { width: 100%; height: 100%; display: block; } .vedio_content .vc_content>li .rt_ve .vedio_font img { display: block; width: 34px; height: 34px; position: absolute; top: 50%; left: 50%; margin-top: -17px; margin-left: -17px; z-index: 99; } .vedio_content .vc_content>li .rt_ve .vedio_font .back { position: absolute; width: 70px; height: 70px; border-radius: 50%; top: 50%; left: 50%; margin-top: -35px; margin-left: -36px; background-color: rgba(0, 0, 0, 0.6); transition: all 4.5s; /* z-index: 331; */ /* z-index: -1; */ } .vedio_content .vc_content>li:hover .rt_ve .vedio_font .back { transform: scale(13); } .vedio_content .vc_content>li .vc_name { color: #333; line-height: 28px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .vedio_content .vc_content>li:hover .vc_name { color: #0965b6; } .vedio_content .vc_content>li .vc_time { color: #999; font-size: 16px; line-height: 28px; } .vedio_content .vc_content>li:hover .vc_time { color: #0965b6; } .vedio_content .vc_more { display: block; width: 100%; height: 45px; line-height: 45px; text-align: center; border-radius: 22.5px; background-color: #f3fcff; color: #00b9ef; margin-top: 37px; } .tearch { margin-top: 78px; padding-bottom: 60px; } .tearch .tr_title { font-size: 32px; color: #333; text-align: center; } .tearch .tr_swiper { position: relative; margin-top: 42px; } .tearch .tr_swiper .tearcher .swiper-wrapper .swiper-slide { width: 243px; height: 334px; border-radius: 5px; transition: all 1s; cursor: pointer; } .tearch .tr_swiper .tearcher .swiper-wrapper .swiper-slide:hover { transform: scale(1.03); } .tearch .tr_swiper .tearcher .swiper-wrapper .swiper-slide .sl_box { width: 195px; background-color: rgba(255, 255, 255, .9); margin: 237px auto 0; border-radius: 10px; text-align: center; padding-top: 15px; padding-bottom: 15px; transition: all 1s; } .tearch .tr_swiper .tearcher .swiper-wrapper .swiper-slide:hover .sl_box { margin: 223px auto 0; } .tearch .tr_swiper .tearcher .swiper-wrapper .swiper-slide .sl_box .name { font-size: 22px; line-height: 28px; color: #333; } .tearch .tr_swiper .tearcher .swiper-wrapper .swiper-slide .sl_box .zhiwei { font-size: 16px; line-height: 28px; color: #666; } .tearch .tr_swiper .tearcher .swiper-wrapper .fr { background: no-repeat; background-size: 100% 100%; background-position: center center; overflow: auto; } .tearch .tr_swiper .tearcher .swiper-wrapper .sc { background: no-repeat; background-size: 100% 100%; background-position: center center; overflow: auto; } .tearch .tr_swiper .tearcher .swiper-wrapper .tr { background: no-repeat; background-size: 100% 100%; background-position: center center; overflow: auto; } .tearch .tr_swiper .tearcher .swiper-wrapper .fu { background: no-repeat; background-size: 100% 100%; background-position: center center; overflow: auto; } .tearch .tr_swiper .tearcher .swiper-wrapper .fv { background: no-repeat; background-size: 100% 100%; background-position: center center; overflow: auto; } .tearch .tr_swiper .swiper-button-prev { position: absolute; background: none; font-size: 40px; left: -70px; color: #dddddd; } .tearch .tr_swiper .swiper-button-next { position: absolute; background: none; font-size: 40px; right: -58px; color: #dddddd; } .tearch .tr_swiper .swiper-button-prev:hover { color: #00b9ef; } .tearch .tr_swiper .swiper-button-next:hover { color: #00b9ef; } /* 弹窗视频 */ /* .fix_vedio { position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-left: -300px; z-index: 9000009; display: none; } .fix_vedio vedio { display: block; } */ .tc_bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; z-index: 10; display: none; } .tc_video { width: 800px; height: 450px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); /* margin: -2.11rem 0 0 0; */ } #container { /* width: 600px; height: 350px; */ position: relative; } #container #vedio{ width: 98%; height: 480px; /* position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); */ } .dia-close { display: block; width:50px; height: 50px; font-size: 40px; text-align: center; line-height:50px; position: absolute; top: -0.6rem; right:-10%; color: #fff; border-radius: 50%; border: 0.04rem solid #fff; } /* 视频播放盒子 */ .vedio_box{ height: 600px; /* background-color: red; */ } .data_content .dv_list .right_dl .ph_btn{ display: none; } /* .content>p img{ width: 100%; display: block; height: 100%; } */ .beian{ display: flex; justify-content: center; height: 40px; align-items: center; } .beian_list{ display: flex; align-items: center; } .beian_list p{ color: #939393; margin: 0 5px; } .beian .gif{ width: 20px; height: 20px; display: block; } .map_platform .pt_content .platformproducts-list { display: none; } .map_industry .industry-application { display: none; } /*2021 修改结束 */