a{width: 100%;height: 100%;display: block;} ul{margin: 0;} .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } header{max-height: 134px;position: relative;z-index: 99;width: 100%;background: #fff;box-shadow: 1px 1px 20px rgba(0,0,0,0.2);} .nav_min_title > ul{z-index: 99;} .top-nav{line-height: 38px;background: #f67524;} .top-nav span{line-height: 38px;color: #fff;font-size: 14px;float: left;} .top-nav span.top02{float: right;} .nav{padding:15px; background: #fff;} .nav .nav_title .nav_max_title li{float: left;line-height: 65px;width: 12.5%;text-align: center;} /*.nav .nav_title .nav_max_title li a:hover{ background: url(../images/hui_img1.png) no-repeat center; background-size: 100%; color: #fff;}*/ .nav .nav_title .nav_max_title li a:hover{ background: #f67524; background-size: 100%; color: #fff;} .nav_min_title{background: #f5f5f5;position: absolute;z-index: 2;width: 100%;} .nav_min_title > ul{opacity: 0;display: none; transition: all .3s;} .nav_min_title ul.active{opacity: 1;display: block !important;} /*网站建设*/ .nav_min_title .wzjs li{width: 25%;float: left;text-align: center;} .nav_min_title .wzjs li i{display: block; width: 101px; height: 84px; margin: 0 auto; margin-bottom: 23px; overflow: hidden; background-image: url(../images/top_pic1.png); background-repeat: no-repeat; transition: all .3s; margin-top: 20px;} .nav_min_title .wzjs li a{display: block; height: 100%; border-right: 1px solid #e6e6e6; line-height: 56px; overflow: hidden; color: #000; margin-top: 13px; font-size: 18px; transition: all .3s;} .nav_min_title .wzjs li i.bgs1 { background-position: -720px top; } .nav_min_title .wzjs li i.bgs2 { background-position: left top; } .nav_min_title .wzjs li i.bgs3 { background-position: -360px top; } .nav_min_title .wzjs li i.bgs4 { background-position: -1088px top; } .nav_min_title .wzjs li:hover a{color: #f67524;} .nav_min_title .wzjs li:hover i.bgs1 { background-position: -720px bottom; } .nav_min_title .wzjs li:hover i.bgs2 { background-position: left bottom; } .nav_min_title .wzjs li:hover i.bgs3 { background-position: -360px bottom; } .nav_min_title .wzjs li:hover i.bgs4 { background-position: -1088px bottom; } /*产品服务*/ .nav_min_title .cpfw{overflow:hidden;height:338px;border-left:1px solid #e6e6e6:border-right:1px solid #e6e6e6:} .nav_min_title .cpfw li{float:left;display:inline;height:338px;width:33.2%;overflow:hidden;border-right:1px solid #e6e6e6;text-align:center} .nav_min_title .cpfw li.bgs1{background:url(../images/yuming_bg1.png) right 168px no-repeat} .nav_min_title .cpfw li.bgs2{background:url(../images/yuming_bg2.png) right 168px no-repeat} .nav_min_title .cpfw li.bgs3{background:url(../images/yuming_bg3.png) right 168px no-repeat} .nav_min_title .cpfw li .xiao_six_con{margin:0 auto;width:80%;max-width:360px;height:338px;overflow:hidden;text-align:left} .nav_min_title .cpfw li:last-child{border-right:0} .nav_min_title .cpfw li .xiao_six_l{font-size:18px;font-weight:700;height:62px;line-height:62px;border-bottom:1px solid #e6e6e6;margin-bottom:23px} .nav_min_title .cpfw li a{float:left;width:136px;overflow:hidden;height:30px;line-height:30px;font-size:16px;color:#666} .nav_min_title .cpfw li a:hover{color:#f67524} .nav_min_title .cpfw li .a{display:block;width:182px;height:42px;line-height:42px;text-align:center;color:#fff;font-size:16px;margin-top:31px;transition:all .3s;clear:both} .nav_min_title .cpfw li .a.bgs1{background-color:#f67524} .nav_min_title .cpfw li .a.bgs2{background-color:#248cf6;margin-top:61px} .nav_min_title .cpfw li .a.bgs3{background-color:#1ecc85;margin-top:61px} .nav_min_title .cpfw li .a:hover{opacity:.8;filter:Alpha(opacity=80);color:#fff} .wznr_omgh > img{width:100% !important; height:initial !important;} /*二级导航-成功案例左*/ .nav_min_title .cgal .xiao_five{width:50%;overflow:hidden;float:left;margin-top:20px;margin-bottom:40px;border-right:1px solid #e6e6e6} .nav_min_title .cgal .xiao_five img{width:391px;height:259px;margin: auto;} /*二级导航-成功案例右*/ .nav_min_title .cgal .xiao_five2{float:right;text-align:left;margin-top:20px;padding-top:20px;width:50%;padding-left: 75px;} .nav_min_title .cgal .xiao_five2 p{width: 100%;height:38px;line-height:38px;} .nav_min_title .cgal .xiao_five2 a{text-align:left;float:left;margin-right:100px;width: initial; height:38px;line-height:38px;color:#000;font-size:18px;margin-bottom:42px;transition:all .3s} .nav_min_title .cgal .xiao_five2 a:nth-child(2n+0){margin-right:3px} .nav_min_title .cgal .xiao_five2 a i{width:38px;height:38px;border-radius:50%;background-color:#999;background-repeat:no-repeat;background-image:url(../images/top_pic3.png);float:left;margin-right:20px;transition:all .3s;margin-left:0} .nav_min_title .cgal .xiao_five2 a:hover{color:#f67524} .nav_min_title .cgal .xiao_five2 a:hover i{background-color:#f67524} .nav_min_title .cgal .xiao_five2 a i.bgs1{background-position:9px 8px} .nav_min_title .cgal .xiao_five2 a i.bgs2{background-position:-233px 8px} .nav_min_title .cgal .xiao_five2 a i.bgs3{background-position:9px -72px} .nav_min_title .cgal .xiao_five2 a i.bgs4{background-position:-233px -72px} .nav_min_title .cgal .xiao_five2 a i.bgs5{background-position:9px -152px} .nav_min_title .cgal .xiao_five2 a i.bgs6{background-position:-233px -152px} /*二级导航-解决方案*/ .nav_min_title .jjfa .xiao_four{width:50%;overflow:hidden;margin-top:20px;margin-bottom:40px;float: left;} .nav_min_title .jjfa .xiao_four.l{border-right:1px solid #e3e3e3} .nav_min_title .jjfa .xiao_four.r{width:49%} .nav_min_title .jjfa .xiao_four h2{font-size:16px;font-weight:700;color:#000;height:18px;line-height:18px} /*解决方案左边*/ .nav_min_title .jjfa .xiao_four .ul{margin-top:23px} .nav_min_title .jjfa .xiao_four .ul li{padding-top:11px;padding-bottom:11px;height:60px;line-height:22px;padding-left:15px;margin-right:40px;width:265px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit} .nav_min_title .jjfa .xiao_four .ul li:nth-child(2n+0){margin-right:0} .nav_min_title .jjfa .xiao_four .ul li:hover{background-color:#fff} .nav_min_title .jjfa .xiao_four .ul li a{display:block;text-align:left;color:#999;font-size:14px;} .nav_min_title .jjfa .xiao_four .ul li a i{margin-right:10px;margin-top:4px;float:left;width:36px;height:36px;background-repeat:no-repeat;background-position:center center} .nav_min_title .jjfa .xiao_four .ul li a i.bgs1{background-image:url(../images/top_pic4.png);} .nav_min_title .jjfa .xiao_four .ul li a i.bgs2{background-image:url(../images/top_pic5.png);} .nav_min_title .jjfa .xiao_four .ul li a i.bgs3{background-image:url(../images/top_pic6.png);} .nav_min_title .jjfa .xiao_four .ul li a i.bgs4{background-image:url(../images/top_pic7.png);} .nav_min_title .jjfa .xiao_four .ul li a i.bgs5{background-image:url(../images/top_pic8.png);} .nav_min_title .jjfa .xiao_four .ul li a i.bgs6{background-image:url(../images/top_pic9.png);} .nav_min_title .jjfa .xiao_four .ul li a i.bgs7{background-image:url(../images/top_pic10.png);} .nav_min_title .jjfa .xiao_four .ul li a i.bgs8{background-image:url(../images/top_pic11.png);} .nav_min_title .jjfa .xiao_four .ul li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden;} /*解决方案右边*/ .nav_min_title .jjfa .xiao_four .ul2{width:540px;margin:0 auto;overflow:hidden} .nav_min_title .jjfa .xiao_four .ul2 h2{margin-bottom:23px} .nav_min_title .jjfa .xiao_four .ul2 li{padding-top:11px;padding-bottom:11px;height:60px;line-height:22px;margin-right:40px;width:250px;overflow:hidden;float:left;display:inline;margin-bottom:10px;position:inherit} .nav_min_title .jjfa .xiao_four .ul2 li:nth-child(2n+0){margin-right:0} .nav_min_title .jjfa .xiao_four .ul2 li a{display:block;text-align:left;color:#999;font-size:14px} .nav_min_title .jjfa .xiao_four .ul2 li a b{font-weight:400;font-size:16px;display:block;color:#000;height:22px;overflow:hidden} .nav_min_title .jjfa .xiao_four .ul2 li a b i{display:inline-block;width:35px;height:15px;overflow:hidden;background:url(../images/top_pic12.png) no-repeat;margin-left:3px} /*二级导航-新闻动态*/ .nav_min_title .xwdt{overflow:hidden;padding-top:20px;padding-bottom:20px} .nav_min_title .xwdt li{float:left;display:inline;width:18%;height:218px;overflow:hidden;margin-right:2.5%;text-align:center;position:inherit;line-height:56px;background-color:#fff} .nav_min_title .xwdt li:last-child{margin-right:0} .nav_min_title .xwdt li img{width:100%;display:block;transition:all .3s} .nav_min_title .xwdt li a{color:#000;width:100%;font-size:18px;height:100%;display:block} .nav_min_title .xwdt li a:hover{color:#f67524} /*二级导航-关于我们*/ .nav_min_title .gywm{overflow:hidden;padding-top:20px;padding-bottom:20px} .nav_min_title .gywm li{float:left;display:inline;height:184px;width:25%;overflow:hidden;text-align:center} .nav_min_title .gywm li a{display:block;height:100%;border-right:1px solid #e6e6e6;line-height:56px;overflow:hidden;color:#000;margin-top:13px;font-size:18px;transition:all .3s} .nav_min_title .gywm li:last-child a{border-right:0} .nav_min_title .gywm li a:hover{color:#f67524} .nav_min_title .gywmimg{float:left;margin-right:25px} .nav_min_title .gywm.nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666;line-height:22px} .nav_min_title .gywm.nav_div h2{font-size:16px;color:#f3782a;font-weight:400;letter-spacing:1px;line-height:36px} .nav_min_title .gywm li a i{display:block;width:104px;height:104px;margin:0 auto;margin-bottom:13px;overflow:hidden;background-image:url(../images/top_pic2.png);background-repeat:no-repeat;margin-top:10px;background-color:#999;border-radius:50%;position:relative;transition:all .3s} .nav_min_title .gywm li a i.bgs1{background-position:30px center} .nav_min_title .gywm li a i.bgs2{background-position:-330px center} .nav_min_title .gywm li a i.bgs3{background-position:-691px center} .nav_min_title .gywm li a i.bgs4{background-position:-1050px center} .nav_min_title .gywm li a:hover i{background-color:#f67524;margin-top:5px} /*banner*/ .banner {width:100%;height: initial;} .banner .swiper-wrapper{ transition-delay:.3s; } .banner .swiper-wrapper .swiper-slide{position: relative;} .banner .swiper-wrapper .swiper-slide img{width: 100%;} .banner .swiper-pagination-bullet{width: 50px;border-radius: 4px;} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;} .banner .swiper-wrapper .swiper-slide .swiper-text{position: absolute; left: 50%;top: 50%; width: 100%; transform: translate(-50%,-50%);} .banner .swiper-wrapper .swiper-slide .swiper-text p{color: #fff;font-size: 42px; text-shadow: #E1B700 0 3px 0;} .banner .swiper-wrapper .swiper-slide .swiper-text p.p1{font-size: 48px;font-weight: bold;} .banner .swiper-wrapper .swiper-slide .textpopup {position: absolute; right: 10%;top: 50%; transform: translateY(-50%);} .banner .swiper-wrapper .swiper-slide .textpopup .tit{margin-bottom: 34px; text-align: center; font-size: 34px; line-height: 60px; color: #fff;} .banner .swiper-wrapper .swiper-slide .textpopup .tit span{ color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .banner .swiper-wrapper .swiper-slide .textpopup .icolist .ico{ width: 150px; display: inline-block;} .banner .swiper-wrapper .swiper-slide .textpopup .icolist .ico img{display: inline-block; vertical-align: top; max-width: 90px;} .banner .swiper-wrapper .swiper-slide .textpopup .icolist .ico p { padding-top: 12px; color: #28b7ec; background-image: -webkit-linear-gradient(118deg, #00ffe4, #28b7ec); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .banner .swiper-wrapper .swiper-slide .textpopup .botdesc{font-size: 28px;margin-top: 50px;} .banner .swiper-wrapper .swiper-slide .swiper-text2{position: absolute; right: 2%;top: 50%; transform: translateY(-50%);text-align: left;width: 47%;} .banner .swiper-wrapper .swiper-slide .swiper-text2 p{font-size: 48px;font-weight: bold;color: #fff; text-transform: uppercase; text-shadow: #c50001 0 2px 0; } .banner .swiper-wrapper .swiper-slide .swiper-text2 p.p1{font-size: 26px;} .banner .swiper-wrapper .swiper-slide .swiper-text2 a{color: #fff; font-size: 18px; background: #e1b700;margin-top: 20px; overflow: hidden; z-index: 1; float: left; font-weight: 400; line-height: 45px; margin-right: 2.5em; curr: #fff; font-size: 18px; background: #e1b700;margin-top: 20px; overflow: hidden; z-index: 1; float: left; font-weight: 400; line-height: 45px; msor: pointer; overflow: hidden; padding: 0 25px; position: relative; text-align: center; width: auto;transition: transform .3s;} .banner .swiper-wrapper .swiper-slide .swiper-text2 a:after{content: ""; position: absolute; top: 0; left: 0; width: 500%; height: 1000%; background: #ffd311; z-index: -1; transform-origin: 0% 0%; transform: translateX(calc(20% - 25px)) translateY(10%) rotate(-45deg); /transform: translateY(10%)translateX(16%)rotate(-45deg); transition: transform .3s;} .banner .swiper-wrapper .swiper-slide .swiper-text2 a:hover{font-weight: bold;} .banner .swiper-wrapper .swiper-slide .swiper-text2 a:hover::after { transform: translateY(10%) translateX(-25px) rotate(-45deg); } .banner .swiper-wrapper .swiper-slide .swiper-text2 a i{margin-left: 15px;} .banner .swiper-wrapper .swiper-slide .swiper-text3{position: absolute; left: 10%;top: 50%; transform: translateY(-50%);text-align: left;width: 47%;} .banner .swiper-wrapper .swiper-slide .swiper-text3 p{font-size: 48px;font-weight: bold;color: #333;} .banner .swiper-wrapper .swiper-slide .swiper-text3 p.p1{font-size: 46px;} .banner .swiper-wrapper .swiper-slide .swiper-text3 p span{font-size: 26px;color: #616161;font-weight: 400px;} .banner .swiper-wrapper .swiper-slide .swiper-text4 .clearfix {position: absolute; right: 100px; top: 300px; width: 550px; transition: 0.6s 0.5s ease-in-out; opacity: 1;} .banner .swiper-wrapper .swiper-slide .swiper-text4{position: absolute; left: 2%;top: 45%; transform: translateY(-50%);text-align: left;width: 47%;} .banner .swiper-wrapper .swiper-slide .swiper-text4 .clearfix a{width: auto; float: left; font-size: 22px; border: 1px solid #fff; padding: 0 28px; line-height: 39px; border-radius: 3px; margin-right: 8px; margin-bottom: 22px; color: #fff; box-shadow: 0 5px 11px rgba(0,255,246,0.2), 0 -5px 11px rgba(0,255,246,0.2), -5px 0 11px rgba(0,255,246,0.2), 5px 0 11px rgba(0,255,246,0.2); font-family: '幼圆';} .banner .swiper-slide:nth-child(2){ background:#3183ff; color:#fff;} .banner .swiper-slide p{ transform:translateX(-200px); opacity:0; transition:all .4s; } .banner .ani-slide p{ transform:translateX(0); opacity:1; } .banner .swiper-slide .swiper-text p{ transform:translateY(200%); opacity:0; transition:all .4s;} .banner .ani-slide .swiper-text p{ transform:translateY(0); opacity:1; } .banner .swiper-wrapper .swiper-slide .textpopup .tit{transform:translateY(-200%);opacity:0;transition:all .4s;} .banner .swiper-wrapper .ani-slide .textpopup .tit{transform:translateY(0%);opacity:1;} .banner .swiper-wrapper .swiper-slide .textpopup .icolist .ico{ transition:all .4s;opacity:0; transform:translateX(-200%);} .banner .swiper-wrapper .ani-slide .textpopup .icolist .ico{opacity:1; transform:translateX(0);} .banner .swiper-wrapper .swiper-slide .swiper-text4 .clearfix{transition:all .4s;opacity:0; transform:translateY(-200%);} .banner .swiper-wrapper .ani-slide .swiper-text4 .clearfix{ transform:translateY(0); opacity:1; } .banner .swiper-wrapper .swiper-slide .swiper-text4 img{ transform:translateY(200%); opacity:0; transition:all .4s;} .banner .swiper-wrapper .ani-slide .swiper-text4 img{ transform:translateY(0); opacity:1; } /*优势*/ .hui_box1{padding: 30px 0;} .hui_box1_text1{text-align: center;} .hui_box1_text1 h2{ height: 66px; line-height: 66px; font-size: 40px; color: #000; font-weight: 400; letter-spacing: 1px; font-family: "华文细黑"} .hui_box1_text1 p{font-size: 18px;} .hui_box1 .hui_box1_list1 ul li{text-align: center; margin-top: 15px; background: url(../images/i_one_bg1.png) right center no-repeat;} .hui_box1 .hui_box1_list1 ul li span{ color: #f67524; font-family: "华文细黑"; font-weight: 400; font-size: 60px; width: 100%; height: 70px; line-height: 70px; text-align: center; position: relative; z-index: 2; letter-spacing: 1px; margin-top: 10px;} .hui_box1 .hui_box1_list1 ul li p{ font-size: 16px; color: #333; font-weight: 400; line-height: 30px;} /*产品服务*/ .hui_box2_bg{background: url(../images/wp2.jpg) right center no-repeat ; background-size:100% 100%; } .hui_box2{padding-top: 30px;padding-bottom: 50px ;} .hui_box2_tiele{padding-bottom: 30px;width: 100%;text-align: center;font-size: 24px; letter-spacing: 3px;} .hui_box2_tiele h4{font-size: 32px;font-family: arial;color: #2fd0b5;} .hui_box2 ul li{padding: 5px;} .hui_box2 ul li .imgs{position: relative; width: 100%;height: initial;} .hui_box2 ul li .imgs img{width: 100%;} .hui_box2 ul li .txts {position: absolute;width: 100%;text-align: center;top: 50%;left: 0px;transform:translateY(-50%);} .hui_box2 ul li .txts h4{} .hui_box2 ul li .txts h4 i{font-size: 100px; margin: 15px auto;background: #fff;line-height: 140px;width: 140px;display: block;border-radius: 50%;} .hui_box2 ul li .txts h3{font-weight: normal; font-size: 24px; line-height: 40px;color: #fff;} .hui_box2 ul li .cons{padding:15px; background: #fff;width: 100%;min-height: 380px;} .hui_box2 ul li .cons p{line-height: 30px; height: 90; margin-bottom: 25px; font-size: 16px; color: #666666;} .hui_box2 ul li .cons .service_ul_a a{overflow: hidden;float: left; border: 1px solid #c3c3c3; width: 30%; margin-left: 3%; margin-bottom: 3%;text-align: center; height: 48px; line-height: 48px; font-size: 14px; color: #666; transition: all 0.3s;} .hui_box2 ul li .cons .service_ul_a a:hover{background-color:#f67524;color: #fff;} /*网站案例*/ .hui_box3{padding-top: 30px;padding-bottom: 50px ;} .hui_box3_min_tetel{margin: 25px 0; text-align: center;} .hui_box3_min_tetel ul{width: initial; margin: auto;} .hui_box3_min_tetel ul li {transition: all .5s linear;width: 144px;display: inline-block; height: 47px; line-height: 47px; font-size: 14px; color: #555; background-color: #f1f1f1; border-radius: 2px; margin: 3px 0.5%;text-align: center;} .hui_box3_min_tetel ul li.active{background-color:#f67524;color: #fff;} .hui_box3_min_tetel ul li.active a{color: #fff;} .hui_box3_max_tetel ul{display: none;} .hui_box3_max_tetel ul.active{display: block;} .hui_box3_max_tetel ul li{padding-left: 0px;margin-bottom: 20px;} .hui_box3_max_tetel ul li .img img{width: 100%;transition: all .5s linear;position: absolute;top: 0; border:1px solid #ebebeb;} .hui_box3_max_tetel ul li .img{width: 100%; overflow: hidden;height: 292px;position: relative;} .hui_box3_max_tetel ul li .tbox { width:100%; box-sizing:border-box; border:1px solid #ebebeb; border-top:none; padding:20px 20px 0; } .hui_box3_max_tetel ul li .tbox .title { width:100%; position:relative; line-height:36px; } .hui_box3_max_tetel ul li .tbox .title .t1 { font-size:16px; font-weight:bold; color:#222; } .hui_box3_max_tetel ul li .tbox .title .t2 { font-size:14px; color:#666; } .hui_box3_max_tetel ul li .tbox .title .icon { position:absolute; right:0; top:0px; } .hui_box3_max_tetel ul li .tbox .title .icon span { display:inline-block; width:18px; height:16px; margin-left:10px; } .hui_box3_max_tetel ul li .tbox .title .icon a { display:inline-block; width:18px; height:16px; margin-left:10px; } .hui_box3_max_tetel ul li .tbox .title .icon .icon1 { background:url(../images/icon17.png) center center no-repeat; } .hui_box3_max_tetel ul li .tbox .title .icon .icon2 { background:url(../images/icon18.png) center center no-repeat; } .hui_box3_max_tetel ul li .tbox .title .icon .icon3 { background:url(../images/icon19.png) center center no-repeat; } .hui_box3_max_tetel ul li .tbox .more { width:100%; border-top:1px solid #e3e3e3; margin-top:7px; font-size:14px; color:#666; line-height:36px; padding:7px; background:url(../images/icon20.png) right center no-repeat; transition:all ease .3s; } .hui_box3_max_tetel ul li:hover .tbox .more { background:url(../images/icon21.png) right center no-repeat; } .hui_box3_max_tetel ul li:hover .img img{ transform: scale(1.05);} .hui_box3_max_tetel ul li:hover a{ box-shadow: 0 0 20px rgba(0,0,0,.1);} .hui_box3 .gdan{margin: 15px 0;} .hui_box3 .gdan a{transform: translateZ(0); box-shadow: 0 0 1px transparent;overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s;width: 200px; font-size: 16px; line-height: 48px; border: 1px solid #ccc; border-radius: 40px; -webkit-border-radius: 40px; text-align: center; color: #646464; display: block; margin: 0 auto; } .hui_box3 .gdan a::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #ed9005; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hui_box3 .gdan a:hover::before{transform: scaleX(1);} .hui_box3 .gdan a:hover{color: #fff;} .hui_box4{padding-top: 30px;padding-bottom: 50px;background: #f1f1f1;} .hui_box4 .swiper-wrapper{margin: 30px 0;} .hui_box4 .swiper-wrapper .swiper-slide .thumb{width: 100%;height: 212px;overflow: hidden;margin: 0;f=display: block;} .hui_box4 .swiper-wrapper .swiper-slide .thumb img{width: 100%; transition: all .5s linear;} .hui_box4 .swiper-wrapper .swiper-slide .c-title{ margin: 10px 0; font-size: 18px; line-height: 28px; font-weight: bold; color: #1a1a1a; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden;} .hui_box4 .swiper-wrapper .swiper-slide .c-desc{ font-size: 14px; color: #666; display: -webkit-box; height: 72px; line-height: 24px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: normal;} .hui_box4 .swiper-wrapper .swiper-slide .box4_text{ display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s; width: 100%;padding: 15px;display: block;} .hui_box4 .swiper-wrapper .swiper-slide .box4_text::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #f67524; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hui_box4 .swiper-wrapper{padding-bottom: 50px;} .hui_box4 .swiper-pagination{} .hui_box4 .swiper-button {right: 43%;top: initial;bottom: 10px; padding: 5px;border: 2px solid #ed9005; width: 50px;height: 50px;text-align: center; background: none;} .hui_box4 .swiper-button.swiper-button-prev {left: 43%;right: initial;} .hui_box4 .swiper-button i{font-size: 32px;color: #ed9005;line-height: 40px;} .hui_box4 .swiper-button::before { content: ''; opacity: 0; position: absolute; border: #ff6500 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-property: top,right,bottom,left; transition-property: top,right,bottom,left; } .hui_box4 .swiper-button:hover::before { top: -8px;opacity: 1; right: -8px; bottom: -8px; left: -8px; }} .hui_box4 .swiper-wrapper .swiper-slide .item:hover .box4_text > *{color: #fff;} .hui_box4 .swiper-wrapper .swiper-slide .item:hover .box4_text::before {transform: scale(2);} .hui_box4 .swiper-wrapper .swiper-slide:hover .thumb img{transform: scale(1.05);} .hui_box5{padding-top: 30px;padding-bottom: 50px;} .hui_box5 .index_news_menu ul{text-align: center; margin-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #dfdfdf;} .hui_box5 .index_news_menu ul li{ display: inline-block;text-align: center; font-size: 16px; color: #ed9005; line-height: 38px; margin-left: 5px; margin-right: 5px; width: 140px; border-radius: 20px; } .hui_box5 .index_news_menu ul li.active {background-color: #f67524; } .hui_box5 .index_news_menu ul li.active a{color: #fff; } .hui_box5 .index_min_menu{margin-top: 30px;} .hui_box5 .index_min_menu img{width: 100%;height: 260px;} .hui_box5 .index_min_menu ul{display: none;} .hui_box5 .index_min_menu ul.active{display: block;} .hui_box5 .index_min_menu ul .dy1 a{width: 100%;height: 100%;} .hui_box5 .index_min_menu ul li{padding: 8px;position: relative;} .hui_box5 .index_min_menu ul li a{width: 100%; height: 260px; background: #f4f4f4; box-sizing: border-box; padding: 10px 30px; margin-bottom: 10px; transition: all ease .3s;} .hui_box5 .index_min_menu ul li .time { font-size: 48px; font-weight: bold; line-height: 50px; font-family: 'sheepsansbold'; color: #999; padding: 15px 0 15px; background: url(../images/icon20.png) right 35px no-repeat; border-top: 1px solid #dbdbdb; transition: all ease .3s;} .hui_box5 .index_min_menu ul li .time span { font-size: 16px; line-height: 20px; display: block;} .hui_box5 .index_min_menu ul li .titles { font-size: 18px; line-height: 36px; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .hui_box5 .index_min_menu ul li .txts {margin-bottom: 15px; font-size: 14px; line-height: 28px; color: #666; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .hui_box5 .index_min_menu ul .dy1 a{padding: 0;} .hui_box5 .index_min_menu ul li:hover .titles{color: #ed9005;} .hui_box5 .index_min_menu ul li:hover .time > *{color: #333;} .hui_box5 .index_min_menu ul li:hover .time{ background-image: url(../images/icon21.png);color: #333;} .hui_box6{background: url(../images/box_bj.jpg) right center no-repeat ; background-size:100% 100%; padding-top: 30px;padding-bottom: 50px;} .box6_left *{color: #fff;} .box6_left .box6_left_top{padding-bottom: 15px;border-bottom: 1px solid #617e8c;text-align: left;} .box6_left .box6_left_top h3{font-size: 46px;} .box6_left .box6_left_top h4{padding-top: 9px; line-height: 26px; font-size: 22px;font-family: "华文细黑"; } .box6_left .box6_left_top p{ border-bottom: 0;font-size: 18px; line-height: 30px;} .box6_left .box6_left_top p span{ color: #ed9005;} .box6_left .box6_left_center{ padding-top: 40px; height: 100px; line-height: 60px;text-align: center;padding-bottom: 40px; height: 140px; border-bottom: 1px solid #617e8c;} .box6_left .box6_left_center a{position: relative; width: auto;height: auto;display: inline-block;} .box6_left .box6_left_center a > img { float: left; width: 60px; height: 60px; margin-right: 30px; transition: all 0.3s; } .box6_left .box6_left_center a .wem1{ width: 203px; display: none; color: #363636; text-align: center; position: absolute; top: -207px;left: -70px;} .box6_left .box6_left_center a .wem2{ width: 203px; display: none; color: #363636; text-align: center; position: absolute; top: -207px;left: -70px;} .box6_left .box6_left_center a:hover .wem{display: block;} .box6_left .box6_left_center a .wem img{width: 100%;} .box6_left_bottom{ font-size: 14px; line-height: 28px; } .box6_left_bottom img { float: left; width: 40px; height: 40px; margin-right: 10px; margin-top: 10px;display: inline-block;} .box6_right{background: #fff;padding: 20px;margin-top: 20px;padding-top: 0;text-align: center;box-shadow: inset 0 0px 15px rgba(0,0,0,.5);border-radius: 4px;} .box6_right h2{ font-size: 40px; font-family: "华文细黑"; letter-spacing: 2px;margin-top: 20px;} .box6_hui_input{margin-top: 15px;height:50px;font-size: 18px;} .box6_hui_mfzx{line-height: 40px;width: 200px;margin: auto;font-size: 20px;} #container{ height: 400px;margin-top: 20px; width:100%; box-shadow: inset 0 0px 15px rgba(0,0,0,.5); border-radius: 4px;} #container:nth-child(1){ left: 15px; } #container .BMap_bubble_title{font-size:16px; color: #333;font-weight: bold;} #container .BMap_bubble_content{font-size:14px;color: #004444;margin-top: 15px;} .hui_link {padding-top: 0px;padding-bottom: 15px;} .hui_link h3{ color:#000; font-size:18px; height:32px; line-height:32px;font-weight:normal; margin-bottom:20px;} .hui_link h3 a{ float:right; width:150px; height:32px; line-height:32px; color:#fff; background-color:#f67524; font-size:14px; text-align:center; border-radius:20px;} .hui_link h3 a:hover{ color:#fff;opacity:0.8;filter:Alpha(opacity=80);} .hui_link a{ margin-right:5px;color:#666; display:inline-block; font-size:14px;} .hui_link a:hover{ color:#f67524;} .foot{ background-color: #333;padding-top:20px; } .foot p{color: #555;width: 100%;text-align: center;} .foot p a{color: #555;} .foot p a img{margin: auto;} @media only screen and (min-width: 1386px) { .container{width: 1400px;max-width: 80%;} } @media only screen and (min-width: 992px) { header{position: fixed;top: 0;} .banner{margin-top: 134px;} .nav_min_title{ border-bottom: 1px solid rgba(0,0,0,0.2);} } @media only screen and (min-width: 991) and (max-width:1386px) { .container{width: 100%;} } @media only screen and (min-width: 100px) and (max-width: 991px) { .container{width: 100%;} .nav{padding: 0 ; margin-top: 3px;} .nav .logo img{margin: auto;} .nav .nav_title {margin-top: 8px;} .nav .nav_title .nav_max_title li{float: left;line-height: 38px;width: 25%;text-align: center;background: #f67524;border-right: 1px solid #dadada;border-bottom: 1px solid #dadada;} .nav .nav_title .nav_max_title li a{color: #fff;} .banner .swiper-wrapper .swiper-slide .textpopup{right: 0px;top: 0px;transform:translateY(-0%);left: 0;bottom: 0;background: rgba(0,0,0,0.6);} .banner .swiper-wrapper .swiper-slide .swiper-text3{ width: auto; padding-top:15px;text-align: center;right: 0px;top: 0px;transform:translateY(-0%);left: 0;bottom: 0;background: rgba(255,255,255,0.6);} .banner .swiper-wrapper .swiper-slide .swiper-text4{ width: auto; padding-top:5px;text-align: center;right: 0px;top: 0px;transform:translateY(-0%);left: 0;bottom: 0;background: rgba(0,0,0,0.6);;} .banner .swiper-wrapper .swiper-slide .swiper-text4 img{width: 80%;margin: auto;} .banner .swiper-wrapper .swiper-slide .swiper-text4 .clearfix{bottom: 20px;top: auto;} .banner .swiper-pagination-bullet{display: none;} } @media only screen and (min-width: 100px) and (max-width: 800px) { .banner .swiper-wrapper .swiper-slide .swiper-text p{font-size: 18px; text-shadow: #E1B700 0 1px 0;} .banner .swiper-wrapper .swiper-slide .swiper-text p.p1{font-size: 22px;} .banner .swiper-wrapper .swiper-slide .textpopup .botdesc{font-size: 14px;margin: 0;} .banner .swiper-wrapper .swiper-slide .textpopup .icolist .ico img{width: 30px;} .banner .swiper-wrapper .ani-slide .textpopup .tit{font-size: 17px;margin: 0;line-height: 50px;} .banner .swiper-wrapper .ani-slide .textpopup .icolist .ico{width: auto;} .banner .swiper-wrapper .swiper-slide .swiper-text2 { position: absolute; right: 2%; text-align: left; width: 77%; } .banner .swiper-wrapper .swiper-slide .swiper-text2 p { font-size: 20px; } .banner .swiper-wrapper .swiper-slide .swiper-text2 a { font-size: 16px; margin-top: 2px; line-height: 38px; padding: 0 8px; } .banner .swiper-wrapper .swiper-slide .swiper-text2 p.p1{font-size: 16px;} .banner .swiper-wrapper .swiper-slide .swiper-text3 p{font-size: 20px;} .banner .swiper-wrapper .swiper-slide .swiper-text3 p span{font-size: 16px;} .banner .swiper-wrapper .swiper-slide .swiper-text3 p.p1{font-size: 18px;} .banner .swiper-wrapper .swiper-slide .swiper-text4 img{width: 80%;margin: auto;} .banner .swiper-wrapper .swiper-slide .swiper-text4 .clearfix{right: -24px;bottom: 0px;width: 100%;top: auto;} .banner .swiper-wrapper .swiper-slide .swiper-text4 .clearfix a{width: auto;float: left;font-size: 14px;border: 1px solid #fff;padding: 0 8px;line-height: inherit;border-radius: 3px;color: #fff;box-shadow: 0 5px 11px rgba(0,255,246,0.2), 0 -5px 11px rgba(0,255,246,0.2), -5px 0 11px rgba(0,255,246,0.2), 5px 0 11px rgba(0,255,246,0.2);font-family: '幼圆';margin: 0;margin-left: 15px;margin-bottom: 10px;} .hui_box2_bg{padding: 0;} .hui_box2{padding-top: 0;} .hui_box1_text1 h2{font-size: 22px;height: 48px;} .hui_box1_text1 p{font-size: 16px; width: 98%; margin: auto;} .hui_box3{padding-top: 0;} .hui_box3_max_tetel ul li{padding: 0;} .hui_box4 .swiper-button{right: 20px;} .hui_box4 .swiper-button.swiper-button-prev{left: 20px;} .box6_right{padding-top: 20px;} .box6_right h2 { font-size: 28px; } .hui_box6{padding-top: 0;padding-left: 0;padding-right: 0;} .box6_left .box6_left_top h3 { margin-top: 20px; line-height: 48px; font-size: 28px;} .hui_box5 {padding-top: 0;padding-bottom: 20px;} .baidu_Map{padding: 0;} #container{border-radius: 0px;} #container:nth-child(1){left: initial;} } /*品牌网站建设*/ .bnt2{ clear:both; display:block; margin:0 auto; width:210px; height:48px; line-height:48px; border-radius:30px; background:url(../wzjsstyle/css/img/website_bg2.png) 139px center #f67524 no-repeat; text-indent:51px; font-size:16px; color:#fff; margin-top:80px;transition:all 0.3s;margin-bottom:100px;} .bnt2:hover{opacity:0.8;filter:Alpha(opacity=80); color:#fff;background-position:143px center; } .pinpai{margin-top: 134px;} .pinpai_1{position: relative;width: 100%;padding: 0;} .pinpai_1_txts{} .pinpai_1_txts{position: absolute;left: 10%; top: 50%;transform: translateY(-50%);} .pinpai_1_txts h1{ font-weight:normal; margin-bottom:2%; padding-bottom:2%;font-family:"华文细黑"; background:url(../wzjsstyle/css/img/bgs3.png) left bottom no-repeat; font-size:48px;color:#fff;} .pinpai_1_txts p{ color:#fff;font-family:"华文细黑"; font-size:24px;} .pinpai_1_txts .website_bnt{ clear:both; display:block; width:210px; height:48px; line-height:48px; border-radius:30px; background:url(../wzjsstyle/css/img/website_bg1.png) 139px center #fff no-repeat; text-indent:51px; font-size:16px; color:#3d4ed2; margin-top:34px;transition:all 0.3s;} .pinpai_1_txts .website_bnt:hover{ margin-left:5px;background-position:143px center;} .pinpai_2_title{text-align: center; font-size: 48px; color: #010101; font-weight: normal; line-height: 54px; margin-top: 96px; margin-bottom: 20px;} .pinpai_2_ul{ padding-top:63px; overflow:hidden;} .pinpai_2_ul ul li{ text-align:center; overflow:hidden;position:relative;} .pinpai_2_ul ul li .imgs{ overflow:hidden;transition:all 0.6s; max-width:180px; margin:0 auto; } .pinpai_2_ul ul li .imgs img{ display:block;width:100%;transition:all 0.6s;} .pinpai_2_ul ul li .h2{font-weight:normal; line-height:32px; height:64px; overflow:hidden; font-size:20px; color:#000000; margin-top:19px;} .pinpai_2_ul ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);} .pinpai_2_ul ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);} .pinpai_3{position: relative; overflow:hidden;background:url(../wzjsstyle/css/img/website_bg3.jpg) right center no-repeat; background-size:cover;margin-top: 50px; padding-bottom:95px; padding-top:190px;} .pinpai_3 h1{ font-weight:normal; margin-bottom:2%; padding-bottom:2%;font-family:"华文细黑"; background:url(../wzjsstyle/css/img/website_bg4.jpg) left bottom no-repeat; font-size:48px;color:#000000;} .pinpai_3 p{ color:#666666;font-family:"华文细黑"; font-size:36px; line-height:48px; width:582px;} .pinpai_3_bnt2{float: left;} .pinpai_4{background: url(../wzjsstyle/css/img/website_bg5.jpg) center center no-repeat; background-size: cover;} .pinpai_4_title2 { text-align: center; font-size: 48px;color: #fff; font-weight: normal; line-height: 54px; margin-top: 50px; margin-bottom: 20px; } .pinpai_4_ul2{ margin-top:50px; overflow:hidden; border-top:1px solid #dadada;border-left:1px solid #dadada;margin-bottom: 50px;} .pinpai_4_ul2 ul li{ text-align:center; overflow:hidden;position:relative;padding: 0;} .pinpai_4_ul2 ul li .txts{ overflow:hidden;border-bottom:1px solid #dadada;border-right:1px solid #dadada; padding-bottom:32px;} .pinpai_4_ul2 ul li .txts img{ display:block; height:48px; margin:0 auto; margin-top:40px;} .pinpai_4_ul2 ul li .txts .h2{font-weight:normal; line-height:32px; height:32px; overflow:hidden; font-size:20px; color:#999999; margin-top:36px;} .pinpai_4_ul2 ul li .cons{ overflow:hidden; background:#f67524; width:100%; height:100%; color:#fff; top:0; left:0; position:absolute;text-align:left;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0); -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;} .pinpai_4_ul2 ul li .cons .divs{ width:90%; max-width:300px; margin:0 auto; margin-top:14px; height:147px;background:url(../wzjsstyle/css/img/website_bg6.png) left bottom no-repeat; } .pinpai_4_ul2 ul li .cons .divs .h2{font-weight:normal; line-height:50px; height:50px; overflow:hidden; font-size:20px;} .pinpai_4_ul2 ul li .cons .divs .p{ line-height:24px; height:72px; overflow:hidden; color:#ffdac2; font-size:16px;} .pinpai_4_ul2 ul li:hover .cons{opacity:1.0;filter:Alpha(opacity=100);} .pinpai_5{background: #f5f5f5;} .pinpai_5_p{ color:#666666; font-size:18px; line-height:36px; margin-top:35px; margin-bottom:60px; text-align:center;} .pinpai_5_con{ font-size:14px; line-height:26px; overflow:hidden; padding-bottom:60px;} .pinpai_5_con img{ display:block; margin:0 auto; max-width:100%;} .pinpai_6_btn{margin-top: 30px;} .pinpai_6_tetel{margin: 50px 0;} @media only screen and (min-width: 100px) and (max-width: 991px) { .pinpai{margin-top: 0px;} .pinpai_1 img {width: 100%; height: 500px;} .pinpai_1_txts{width: 100%;left: 2%;} .pinpai_2_title{margin-top: 30px;} .pinpai_3 h1{color: #f67524;text-shadow: 0 0 2px #f67524;} .pinpai_3 p{width: 100%;text-shadow: 0 0 2px #000; color: #fff;;} .pinpai_3{height: 500px; position: relative;} .pinpai_3_con{position: absolute;left: 2%; top: 50%;transform: translateY(-50%);} .bnt2{margin-top: 50px;} .hui_box6{padding-bottom:10px} .pinpai_4 .container ul li,.pinpai_4,.pinpai_6,.pinpai_6 .container, .pinpai_4 .container{padding: 0;} } /*电商类网站*/ .dianshang { padding-top: 134px; } .cfff { color: #fff; } .dianshang_3 { margin-top: 50px; position: relative; overflow: hidden; background: url(../wzjsstyle/css/img/website2_bg1.jpg) center center no-repeat; background-size: cover; padding-bottom: 100px; } .dianshang_3_con { margin-top: 80px; } .dianshang_4{overflow: hidden; background: url(../wzjsstyle/css/img/website2_bg2.jpg) #f5f5f5 center bottom no-repeat; padding-bottom: 196px;} .dianshang_4_title_p{ color: #666666; font-size: 18px; line-height: 36px; margin-top: 35px; margin-bottom: 60px; text-align: center;} .dianshang_4_ul{ overflow:hidden; margin-top:10px;} .dianshang_4_ul ul li{ float:left; width:calc(20% - 4px);border-right: 1px solid #dadada; position: relative; background:#fff; cursor:pointer; height:300px;} .dianshang_4_ul ul li:nth-child(5n+0){ margin-right:0;} .dianshang_4_ul ul li:last-child{border-right: none;} .dianshang_4_ul ul li:before{ content:""; width:100%; height:3px; position:absolute; top:0; left:0;} .dianshang_4_ul ul li:nth-child(1):before{ background:#f98168;} .dianshang_4_ul ul li:nth-child(2):before{ background:#71c5ca;} .dianshang_4_ul ul li:nth-child(3):before{ background:#71a4db;} .dianshang_4_ul ul li:nth-child(4):before{ background:#64bd9d;} .dianshang_4_ul ul li:nth-child(5):before{ background:#f3913a;} .dianshang_4_ul ul li .img1{ width:120px; height:120px; display:block; margin:0 auto; margin-top:60px;} .dianshang_4_ul ul li .h2{ font-weight:normal; line-height:96px; height:96px; color:#000; font-size:18px;text-align:center; } .dianshang_4_ul ul li .divs{ width:280px;/* width:570px;*/opacity:0;filter:Alpha(opacity=0); overflow:hidden; height:100%; position:absolute; left:0; top:0; z-index:1;transition:all 0.3s; color:#fff;} .dianshang_4_ul ul li:nth-child(1) .divs{ background:#f98168;} .dianshang_4_ul ul li:nth-child(2) .divs{ background:#71c5ca;} .dianshang_4_ul ul li:nth-child(3) .divs{ background:#71a4db;} .dianshang_4_ul ul li:nth-child(4) .divs{ background:#64bd9d;} .dianshang_4_ul ul li:nth-child(5) .divs{ background:#f3913a; right:0; left:auto;} .dianshang_4_ul ul li:hover .divs{width:570px;opacity:1.0;filter:Alpha(opacity=100);} .dianshang_4_ul ul li .divs .img2{ width:120px; height:120px; float:left; margin-left:29px;margin-top:60px;} .dianshang_4_ul ul li .divs .cons{ position:absolute; left:149px; top:0; width:366px; margin-left:28px; overflow:hidden;} .dianshang_4_ul ul li .divs .cons .h3{ font-weight:normal;font-size:18px; margin-top:36px;line-height:68px; height:68px;} .dianshang_4_ul ul li .divs .cons .p{ line-height:24px; overflow:hidden; font-size:14px; color:#fff;} .dianshang_4_ul ul li .divs .cons .p p{ margin-bottom:24px; font-size:14px;color:#fff;} .dianshang_5_ul2{margin: 50px 0; overflow:hidden; border-top:1px solid #3a3a3a;border-left:1px solid #3a3a3a;} .dianshang_5_ul2 ul li{text-align:left; overflow:hidden;position:relative;padding: 0;} .dianshang_5_ul2 ul li .txts{ overflow:hidden;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a;/* padding-bottom:32px;*/ height:218px;transition:all 0.3s;} .dianshang_5_ul2 ul li:hover .txts{ background:#f67524;} .dianshang_5_ul2 ul li .txts .img1{ float:left;width:100px; height:100px; overflow:hidden;margin-top:58px; margin-left:15px; background-repeat:no-repeat; background-size:100% 100%; position:relative;} .dianshang_5_ul2 ul li .txts .img1:after{ content:""; position:absolute; width:0%; height:0%; left:50%; top:50%;transform: translate(-50%, -50%);transition:all 0.3s;background-repeat:no-repeat; background-size:100% 100%; z-index:2;opacity:0;filter:Alpha(opacity=0);} .dianshang_5_ul2 ul li:nth-child(1) .txts .img1:after{background-image:url(../wzjsstyle/css/img/website2_icon1_on.png);} .dianshang_5_ul2 ul li:nth-child(2) .txts .img1:after{background-image:url(../wzjsstyle/css/img/website2_icon2_on.png);} .dianshang_5_ul2 ul li:nth-child(3) .txts .img1:after{background-image:url(../wzjsstyle/css/img/website2_icon3_on.png);} .dianshang_5_ul2 ul li:nth-child(4) .txts .img1:after{background-image:url(../wzjsstyle/css/img/website2_icon4_on.png);} .dianshang_5_ul2 ul li:nth-child(5) .txts .img1:after{background-image:url(../wzjsstyle/css/img/website2_icon5_on.png);} .dianshang_5_ul2 ul li:nth-child(6) .txts .img1:after{background-image:url(../wzjsstyle/css/img/website2_icon6_on.png);} .dianshang_5_ul2 ul li:hover .txts .img1:after{width:100%; height:100%;opacity:1.0;filter:Alpha(opacity=100);} .dianshang_5_ul2 ul li:nth-child(1) .txts .img1{ background-image:url(../wzjsstyle/css/img/website2_icon1.png);} .dianshang_5_ul2 ul li:nth-child(2) .txts .img1{ background-image:url(../wzjsstyle/css/img/website2_icon2.png);} .dianshang_5_ul2 ul li:nth-child(3) .txts .img1{ background-image:url(../wzjsstyle/css/img/website2_icon3.png);} .dianshang_5_ul2 ul li:nth-child(4) .txts .img1{ background-image:url(../wzjsstyle/css/img/website2_icon4.png);} .dianshang_5_ul2 ul li:nth-child(5) .txts .img1{ background-image:url(../wzjsstyle/css/img/website2_icon5.png);} .dianshang_5_ul2 ul li:nth-child(6) .txts .img1{ background-image:url(../wzjsstyle/css/img/website2_icon6.png);} .dianshang_5_ul2 ul li .txts .divs{margin-left: 18px;display: inherit;padding: 0 15px;margin-top: 50px;margin-left: 115px;} .dianshang_5_ul2 ul li .txts .divs .h2{font-weight:normal; line-height:50px; height:50px; overflow:hidden; font-size:20px;color:#fff;} .dianshang_5_ul2 ul li .txts .divs .p{ line-height:24px;overflow:hidden; color:#999999; font-size:16px;} .dianshang_5_ul2 ul li:hover .txts .divs .p{ color:#fff;} @media only screen and (min-width: 100px) and (max-width: 991px) { .container{padding: 0;} .dianshang { padding-top: 0px; } .dianshang .pinpai_1_txts h1,.pinpai_1_txts p{text-shadow: 0 0 2px #f67524;} .dianshang_3{width: 100%;height: 400px;} .dianshang_3_con img{width: 100%;} .pinpai_4_title2{margin-top: 0px;} .dianshang_4 ,.dianshang_4 .container{padding: 0;} .dianshang_4_ul ul li{width: calc(50% - 2px); height: initial;} .dianshang_4_ul ul li:last-child{width: 100%;} .dianshang_5{padding-top: 30px;} } /*企业营销*/ .yingxiao_3{ overflow:hidden;height: initial; background:url(../wzjsstyle/css/img/qiye_bg1.jpg) center center no-repeat; background-size:cover; padding-bottom:98px;} .yingxiao_3_ul{ margin-top:10px; overflow:hidden; border-top:1px solid #cccccc;border-left:1px solid #cccccc;} .yingxiao_3_ul ul li{ text-align:center; overflow:hidden;padding: 0;} .yingxiao_3_ul ul li .cons{ overflow:hidden; color:#fff;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;text-align:left;transition:all 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;} .yingxiao_3_ul ul li .cons .divs{ width:90%; max-width:360px; margin:0 auto; margin-top:42px; margin-bottom:54px; height:245px; position:relative; overflow:hidden;} .yingxiao_3_ul ul li .cons .divs:before{ content:""; position:absolute; bottom:0; left:0; width:30px; height:3px; background:#f67524;transition:all 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;} .yingxiao_3_ul ul li .cons .divs:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:3px; background:#fff;transition:all 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;} .yingxiao_3_ul ul li:hover .cons .divs:after{ width:30px;} .yingxiao_3_ul ul li:hover .cons .divs:before{ width:0;} .yingxiao_3_ul ul li .cons .divs .nums{ font-size:62px; font-weight:lighter; line-height:78px;} .yingxiao_3_ul ul li .cons .divs .h2{font-weight:normal; line-height:58px; height:58px; overflow:hidden; font-size:30px;} .yingxiao_3_ul ul li .cons .divs .p{ line-height:30px; height:60px; overflow:hidden; color:#cdcdcd; font-size:18px;} .yingxiao_3_ul ul li:hover .cons{background:#f67524;} .yingxiao_3_ul ul li:hover .cons .p{ color:#fff;} .yingxiao_4{ min-height:500px; overflow:hidden; padding-top:122px;background:url(../wzjsstyle/css/img/qiye_bg2.jpg) #f4f4f4 center top no-repeat;padding-bottom:58px;} .yingxiao_4_three_l{ overflow:hidden;} .yingxiao_4_three_l .h2{ font-weight:normal; margin-top:15px; line-height:60px; font-size:48px;} .yingxiao_4_three_l .p{ margin-top:6px; line-height:40px; font-size:20px;} .yingxiao_4_three_r{ overflow:hidden;} .yingxiao_4_three_r .recruitmentList{ overflow:hidden;} .yingxiao_4_three_r .recruitmentList li{ box-sizing: border-box; margin-bottom: 20px;padding: 0px 70px 0px 63px; background: url(../wzjsstyle/css/img/qiye_bg3.png) no-repeat right 55px top 40px; cursor: pointer; background-color:#fff; border-left:3px solid #f67524;} .yingxiao_4_three_r .recruitmentList li:nth-child(2){ border-left-color:#24c2f6;} .yingxiao_4_three_r .recruitmentList li:nth-child(3){ border-left-color:#28e396;} .yingxiao_4_three_r .recruitmentList li:nth-child(4){ border-left-color:#248cf6;} .yingxiao_4_three_r .recruitmentList li.on {background-image: url(../wzjsstyle/css/img/qiye_bg3_on.png); background-color:#fff;} .yingxiao_4_three_r .recruitmentList li .title .tit{ line-height: 30px; padding-top:27px; padding-bottom:27px; font-size: 24px; color: #000000; font-weight:normal; } .yingxiao_4_three_r .recruitmentList li .down { padding-bottom:34px;display: none;} .yingxiao_4_three_r .recruitmentList li .down .text {font-size: 16px; line-height: 26px; min-height:78px;color: #333;} @media only screen and (min-width: 100px) and (max-width: 991px) { .pinpai_2_ul{padding-bottom: 30px;} .container{padding: 0;} .yingxiao_4{padding-top: 30px;} .yingxiao_4_three_l .h2 { font-weight: normal; margin-top: 15px; line-height: 60px; font-size: 34px;} .yingxiao_4_three_r{padding: 0;} } /*响应式*/ .xiangyingshi_2{} .xiangyingshi_2 .xiangyingshi_2_title{ text-align:center; font-size:48px; font-weight:bold; letter-spacing:3px; line-height:80px; margin-top:60px; margin-bottom:15px;} .xiangyingshi_2 .zhuanti_txt{ font-size:16px; line-height:30px; color:#666; text-align:center; margin:0 auto;} .choice ul{ padding-top: 60px; width: 100%; font-size: 0; margin: 0 auto; } .choice li{padding: 0; display: inline-block;background:url(../wzjsstyle/css/img/zhaunti2_pic13.png) right 84px no-repeat; } .choice li:last-child{ background:none;} .choice li div.iconfont { width: 98px; height: 98px; border-radius: 50%; margin: 0 auto; } .choice li div.iconfont[class$='1'] { background: #ED5A46; } .choice li div.iconfont[class$='2'] { background: #67D251; } .choice li div.iconfont[class$='3'] { background: #8049E5; } .choice li:hover div.iconfont{ border-radius:20%; transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);} .choice li span { display: block; width: 100%; text-align: center; font-size: 20px; margin: 40px 0 50px 0; letter-spacing:1px; } .choice li{ vertical-align:top;} .ThemeIco { width:180px; height:180px; overflow:hidden; margin:0 auto; position:relative; line-height:180px; text-align:center; font-size:0; border-radius:50%;vertical-align:top;} .choice li div.iconfont{ font-size:50px; display: inline-block; vertical-align:middle; color:#DEDCFF; z-index:98; transform:rotate(0deg) !important;} .ThemeIco:after, .ThemeIco:before{ position:absolute; top:0; left:0; content:""; display:block; clear:both; width:200%; height:100%; } .ThemeIco[class$='1']{ background:url(../wzjsstyle/css/img/zhaunti2_pic2.png) center 48px no-repeat #1cb1e8; } .ThemeIco[class$='1']:after {background:url(../wzjsstyle/css/img/wave1.png) repeat-x -150px bottom;animation: waver1 ease-in-out 1.5s alternate infinite ;-moz-animation: waver1 ease-in-out 1.5s alternate infinite ;-webkit-animation: waver1 ease-in-out 1.5s alternate infinite ;} .ThemeIco[class$='1']:before {background:url(../wzjsstyle/css/img/wave2.png) repeat-x 0 bottom; animation: waver2 ease-in-out 3.5s alternate infinite ;-moz-animation: waver2 ease-in-out 3.5s alternate infinite ;-webkit-animation: waver2 ease-in-out 3.5s alternate infinite ;} .ThemeIco[class$='2']{ background:url(../wzjsstyle/css/img/zhaunti2_pic3.png) center 53px no-repeat #7b6eeb; } .ThemeIco[class$='2']:after {background:url(../wzjsstyle/css/img/wave1.png) repeat-x -150px bottom; animation: waver1 ease-in-out 1.8s alternate infinite ;-moz-animation: waver1 ease-in-out 1.8s alternate infinite ;-webkit-animation: waver1 ease-in-out 1.8s alternate infinite ;} .ThemeIco[class$='2']:before {background:url(../wzjsstyle/css/img/wave2.png) repeat-x 0 bottom; animation: waver2 ease-in-out 2.9s alternate infinite ;-moz-animation: waver2 ease-in-out 2.9s alternate infinite ;-webkit-animation: waver2 ease-in-out 2.9s alternate infinite ;} .ThemeIco[class$='3']{ background:url(../wzjsstyle/css/img/zhaunti2_pic4.png) center 49px no-repeat #fe5f4f;} .ThemeIco[class$='3']:after {background:url(../wzjsstyle/css/img/wave1.png) repeat-x -150px bottom; animation: waver1 ease-in-out 1.2s alternate infinite ;-moz-animation: waver1 ease-in-out 1.2s alternate infinite ;-webkit-animation: waver1 ease-in-out 1.2s alternate infinite ;} .ThemeIco[class$='3']:before {background:url(../wzjsstyle/css/img/wave2.png) repeat-x 0 bottom; animation: waver2 ease-in-out 4s alternate infinite ;-moz-animation: waver2 ease-in-out 4s alternate infinite ;-webkit-animation: waver2 ease-in-out 4s alternate infinite ;} .ThemeIco[class$='4']{ background:url(../wzjsstyle/css/img/zhaunti2_pic5.png) center 48px no-repeat #ffab4e; } .ThemeIco[class$='4']:after {background:url(../wzjsstyle/css/img/wave1.png) repeat-x -150px bottom; animation: waver1 ease-in-out 1.6s alternate infinite ;-moz-animation: waver1 ease-in-out 1.6s alternate infinite ;-webkit-animation: waver1 ease-in-out 1.6s alternate infinite ;} .ThemeIco[class$='4']:before {background:url(../wzjsstyle/css/img/wave2.png) repeat-x 0 bottom; animation: waver2 ease-in-out 3.2s alternate infinite ;-moz-animation: waver2 ease-in-out 3.2s alternate infinite ;-webkit-animation: waver2 ease-in-out 3.2s alternate infinite ;} @keyframes waver1{ form{background:url(../wzjsstyle/css/img/wave1.png) repeat-x -150px bottom;} to{background:url(../wzjsstyle/css/img/wave1.png) repeat-x -200px bottom;} } @-moz-keyframes waver1{ form{background:url(../wzjsstyle/css/img/wave1.png) repeat-x -150px bottom;} to{background:url(../wzjsstyle/css/img/wave1.png) repeat-x -200px bottom;} } @-webkit-keyframes waver1{ form{background:url(../wzjsstyle/css/img/wave1.png) repeat-x -150px bottom;} to{background:url(../wzjsstyle/css/img/wave1.png) repeat-x -200px bottom;} } @keyframes waver2{ form{background:url(../wzjsstyle/css/img/wave2.png) repeat-x 0px bottom;} to{background:url(../wzjsstyle/css/img/wave2.png) repeat-x -50px bottom;} } @-moz-keyframes waver2{ form{background:url(../wzjsstyle/css/img/wave2.png) repeat-x 0px bottom;} to{background:url(../wzjsstyle/css/img/wave2.png) repeat-x -50px bottom;} } @-webkit-keyframes waver2{ form{background:url(../wzjsstyle/css/img/wave2.png) repeat-x 0px bottom;} to{background:url(../wzjsstyle/css/img/wave2.png) repeat-x -50px bottom;} } .xiangyingshi_3{ padding-top:117px; height:750px; overflow:hidden; background:url(../wzjsstyle/css/img/xiangyingshi_img1.jpg) center center no-repeat; margin-top:60px;} .xiangyingshi_3 .xiangyingshi_3_ul{ max-width:645px; line-height:28px; font-size:16px; color:#777777;} .xiangyingshi_3 .xiangyingshi_3_ul ul li{ display:block; margin-bottom:20px; overflow:hidden;} .xiangyingshi_3 .xiangyingshi_3_ul ul li:last-child{ margin-bottom:0;} .xiangyingshi_3 .xiangyingshi_3_ul ul li h2{ font-size:28px; font-weight:normal; height:97px; background-repeat:no-repeat; background-position:left center; line-height:120px; overflow:hidden; font-size:28px; color:#222222; padding-left:83px;} .xiangyingshi_3 .xiangyingshi_3_ul ul li.bgs1 h2{ background-image:url(../wzjsstyle/css/img/xiangyingshi_bg1.png);} .xiangyingshi_3 .xiangyingshi_3_ul ul li.bgs2 h2{ background-image:url(../wzjsstyle/css/img/xiangyingshi_bg2.png);} .xiangyingshi_3 .xiangyingshi_3_ul ul li.bgs3 h2{ background-image:url(../wzjsstyle/css/img/xiangyingshi_bg3.png);} .xiangyingshi_3 .xiangyingshi_3_ul ul li p{ font-size:16px;} .xiangyingshi_4{ height:800px;background:url(../wzjsstyle/css/img/xiangyingshi_img2.jpg) center center no-repeat;background-size: cover; position:relative;padding-bottom: 30px;} .xiangyingshi_4 img{width:717px;position:absolute; bottom:30px; left:50%; margin-left:-358.5px;} .xiangyingshi_4 .xiangyingshi_4_three_r{ margin:0 auto; overflow:hidden; max-width:1300px; width:96%; color:#a8a8a8; text-align:center; line-height:32px; font-size:16px;} .xiangyingshi_4 .xiangyingshi_4_three_r h2{ font-weight:bold; font-size:48px; margin-top:99px; height:70px; line-height:70px; color:#fff;} .xiangyingshi_4 .xiangyingshi_4_three_r h2 label{ color:#f67524;font-size:48px;} .xiangyingshi_4 .xiangyingshi_4_three_r span{ display:block; font-size:28px; height:76px; line-height:76px; overflow:hidden;color:#fff; margin-bottom:15px;} .xiangyingshi_5{overflow:hidden; background:url(../wzjsstyle/css/img/xiangyingshi_img3.jpg) center center no-repeat;padding-bottom: 50px;} .xiangyingshi_5 .xiangyingshi_5_five_t{ margin-top:50px; text-align:center; overflow:hidden; color:#555555; font-size:28px; line-height:52px;} .xiangyingshi_5 .xiangyingshi_5_five_t h2{ height:70px; line-height:70px; overflow:hidden; font-weight:bold; color:#222222; font-size:48px;} .xiangyingshi_5_five_con{ padding-top:49px; overflow:hidden;} .xiangyingshi_5_five_con ul li{padding: 0; text-align:center; overflow:hidden;position:relative;} .xiangyingshi_5_five_con ul li .imgs{ overflow:hidden;transition:all 0.6s; width:158px; margin:0 auto; } .xiangyingshi_5_five_con ul li .imgs img{ display:block;width:100%;transition:all 0.6s;} .xiangyingshi_5_five_con ul li .h2{font-weight:normal; line-height:54px; height:54px; overflow:hidden; font-size:26px; color:#222222; margin-top:28px;} .xiangyingshi_5_five_con ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);} .xiangyingshi_5_five_con ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);} .xiangyingshi_5_five_con ul li p{ max-width:312px; width:94%; margin:0 auto; overflow:hidden; color:#777777; font-size:16px; line-height:32px;} @media only screen and (min-width: 100px) and (max-width: 991px) { .xiangyingshi_2 .xiangyingshi_2_title{font-size: 40px;} .xiangyingshi_3{height: initial;padding-top:30px;padding-bottom: 30px;} .xiangyingshi_4 .xiangyingshi_4_three_r h2{font-size: 21px;} .xiangyingshi_4 .xiangyingshi_4_three_r h2 label{font-size: 25px;} .xiangyingshi_4 .xiangyingshi_4_three_r span{ font-size: 17px; line-height: 30px;} .xiangyingshi_4 img{width: 100%;margin-left: 0;transform: translateX(-50%);} .xiangyingshi_4 .xiangyingshi_4_three_r{width: 100%;margin-bottom: 50px;} .xiangyingshi_5{background-size: cover;} } /*为什么需要网站改版*/ .gaiban_ul{ padding-top:63px; overflow:hidden;margin-bottom: 100px;} .gaiban_ul ul li{ padding: 0; text-align:center; overflow:hidden;position:relative;} .gaiban_ul ul li .imgs{ overflow:hidden;transition:all 0.6s; width:180px; margin:0 auto; } .gaiban_ul ul li .imgs img{ display:block;width:100%;transition:all 0.6s;} .gaiban_ul ul li .h2{font-weight:normal; line-height:32px; height:64px; overflow:hidden; font-size:20px; color:#000000; margin-top:19px;} .gaiban_ul ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);} .gaiban_ul ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);} .gaiban_3{ overflow:hidden;background:#f4f4f4; padding-bottom:128px;} .gaiban_3_title_p{width: 100%;text-align: center;margin: 50px 0;} .gaiban_3_title_p label{ display:inline-block; vertical-align:top; margin-left:47px; margin-right:47px;color: #666;} .gaiban_3_con{ overflow:hidden; margin-top:10px;} .gaiban_3_con ul li{ float:left; width:19%; margin-right:10px; position: relative; background:#fff; cursor:pointer; height:340px;} .gaiban_3_con ul li:nth-child(5n+0){ margin-right:0;} .gaiban_3_con ul li:before{ content:""; width:100%; height:3px; position:absolute; top:0; left:0;} .gaiban_3_con ul li:nth-child(1):before{ background:#f98168;} .gaiban_3_con ul li:nth-child(2):before{ background:#71c5ca;} .gaiban_3_con ul li:nth-child(3):before{ background:#71a4db;} .gaiban_3_con ul li:nth-child(4):before{ background:#64bd9d;} .gaiban_3_con ul li:nth-child(5):before{ background:#f3913a;} .gaiban_3_con ul li .img1{ width:96px; height:96px; display:block; margin:0 auto; margin-top:73px;} .gaiban_3_con ul li .h2{ font-weight:normal; line-height:24px; margin-top:49px; height:72px; color:#000; font-size:18px;text-align:center; } .gaiban_3_con ul li .divs{ width:280px;/* width:570px;*/opacity:0;filter:Alpha(opacity=0); overflow:hidden; height:100%; position:absolute; left:0; top:0; z-index:1;transition:all 0.3s; color:#fff;} .gaiban_3_con ul li:nth-child(1) .divs{ background:#f98168;} .gaiban_3_con ul li:nth-child(2) .divs{ background:#71c5ca;} .gaiban_3_con ul li:nth-child(3) .divs{ background:#71a4db;} .gaiban_3_con ul li:nth-child(4) .divs{ background:#64bd9d;right:0; left:auto;} .gaiban_3_con ul li:nth-child(5) .divs{ background:#f3913a; right:0; left:auto;} .gaiban_3_con ul li:hover .divs{width:860px;opacity:1.0;filter:Alpha(opacity=100);} .gaiban_3_con ul li .divs .img2{ width:240px; float:left; margin-left:44px;margin-top:92px; text-align:center;} .gaiban_3_con ul li .divs .img2 img{ width:96px; display:block; margin:0 auto;} .gaiban_3_con ul li .divs .img2 .h3{ font-weight:normal;font-size:24px; margin-top:16px;line-height:32px; } .gaiban_3_con ul li .divs .cons{ position:absolute; left:284px; top:50%; transform: translate(0%, -50%);width:510px; margin-left:28px; overflow:hidden;} .gaiban_3_con ul li .divs .cons .p{ line-height:24px; overflow:hidden; font-size:14px; color:#fff; margin-top:16px;} .gaiban_3_con ul li .divs .cons .p p{ margin-bottom:16px; font-size:14px;color:#fff;} .gaiban_4{ overflow:hidden;background:url(../wzjsstyle/css/img/website2_bg3.jpg) center center no-repeat; background-size:cover; padding-bottom:100px;} .gaiban_4 .container{padding: 0;} .gaiban_4_ul{ overflow:hidden; border-top:1px solid #999999;border-left:1px solid #999999; margin-top:50px;} .gaiban_4_ul ul li{padding: 0; text-align:center; overflow:hidden;position:relative;} .gaiban_4_ul ul li .txts{ overflow:hidden;border-bottom:1px solid #999999;border-right:1px solid #999999;/* padding-bottom:32px;*/ height:248px;transition:all 0.3s;} .gaiban_4_ul ul li:hover .txts{ background:#f67524;} .gaiban_4_ul ul li .txts .img1{ display:block; width:100px; height:100px; overflow:hidden;margin:0 auto;margin-top:30px; background-repeat:no-repeat; background-size:100% 100%; position:relative;} .gaiban_4_ul ul li .txts .img1:after{ content:""; position:absolute; width:0%; height:0%; left:50%; top:50%;transform: translate(-50%, -50%);transition:all 0.3s;background-repeat:no-repeat; background-size:100% 100%; z-index:2;opacity:0;filter:Alpha(opacity=0);} .gaiban_4_ul ul li:nth-child(1) .txts .img1:after{background-image:url(../wzjsstyle/css/img/gaiban_c1_on.png);} .gaiban_4_ul ul li:nth-child(2) .txts .img1:after{background-image:url(../wzjsstyle/css/img/gaiban_c2_on.png);} .gaiban_4_ul ul li:nth-child(3) .txts .img1:after{background-image:url(../wzjsstyle/css/img/gaiban_c3_on.png);} .gaiban_4_ul ul li:nth-child(4) .txts .img1:after{background-image:url(../wzjsstyle/css/img/gaiban_c4_on.png);} .gaiban_4_ul ul li:nth-child(5) .txts .img1:after{background-image:url(../wzjsstyle/css/img/gaiban_c5_on.png);} .gaiban_4_ul ul li:nth-child(6) .txts .img1:after{background-image:url(../wzjsstyle/css/img/gaiban_c6_on.png);} .gaiban_4_ul ul li:nth-child(7) .txts .img1:after{background-image:url(../wzjsstyle/css/img/gaiban_c7_on.png);} .gaiban_4_ul ul li:nth-child(8) .txts .img1:after{background-image:url(../wzjsstyle/css/img/gaiban_c8_on.png);} .gaiban_4_ul ul li:hover .txts .img1:after{width:100%; height:100%;opacity:1.0;filter:Alpha(opacity=100);} .gaiban_4_ul ul li:nth-child(1) .txts .img1{ background-image:url(../wzjsstyle/css/img/gaiban_c1.png);} .gaiban_4_ul ul li:nth-child(2) .txts .img1{ background-image:url(../wzjsstyle/css/img/gaiban_c2.png);} .gaiban_4_ul ul li:nth-child(3) .txts .img1{ background-image:url(../wzjsstyle/css/img/gaiban_c3.png);} .gaiban_4_ul ul li:nth-child(4) .txts .img1{ background-image:url(../wzjsstyle/css/img/gaiban_c4.png);} .gaiban_4_ul ul li:nth-child(5) .txts .img1{ background-image:url(../wzjsstyle/css/img/gaiban_c5.png);} .gaiban_4_ul ul li:nth-child(6) .txts .img1{ background-image:url(../wzjsstyle/css/img/gaiban_c6.png);} .gaiban_4_ul ul li:nth-child(7) .txts .img1{ background-image:url(../wzjsstyle/css/img/gaiban_c7.png);} .gaiban_4_ul ul li:nth-child(8) .txts .img1{ background-image:url(../wzjsstyle/css/img/gaiban_c8.png);} .gaiban_4_ul ul li .txts .divs{ max-width:300px; margin:0 auto; width:94%;overflow:hidden; margin-top:23px;} .gaiban_4_ul ul li .txts .divs .p{ line-height:24px;overflow:hidden; color:#cccccc; font-size:16px; text-transform:uppercase;} .gaiban_4_ul ul li:hover .txts .divs .p{ color:#fff;} /*产品服务*/ .cpfw_2_con .list { width:100%; display:table; margin-top:52px; } .cpfw_2_con .list li { position:relative;padding: 0; } .cpfw_2_con .list li a { display:block; } .cpfw_2_con .list li .img { width:100%; overflow:hidden; } .cpfw_2_con .list li .img img { width:100%; transition:all ease .8s; } .cpfw_2_con .list li .tbox { width:100%; position:absolute; z-index:2; left:0; bottom:0; height:80px; background:rgba(26,137,172,.7); text-align:center; transition:all ease .5s; overflow:hidden; } .cpfw_2_con .list li .tbox .icon { width:54px; height:54px; display:inline-block; margin-right:10px; } .cpfw_2_con .list li .tbox .icon img { display:inline-block; margin:auto; } .cpfw_2_con .list li .tbox .t1 { font-size:18px; line-height:24px; height:24px; color:#fff; font-weight:bold; display:inline-block; } .cpfw_2_con .list li .tbox .t2 { font-size:14px; line-height:24px; color:#fff; text-align:center; padding:0 15%; display:none; animation: fadeInRight .6s ease-out; -webkit-animation: fadeInRight .6s ease-out; } .cpfw_2_con .list li:hover .img img { transform:scale(1.1); } .cpfw_2_con .list li:hover .tbox { width:100%; position:absolute; z-index:2; left:0; bottom:0; height:210px; background:rgba(26,137,172,.7); text-align:center; padding:20px 0; } .cpfw_2_con .list li:hover .tbox .icon { width:100%; height:54px; margin-right:0; margin-bottom:18px; display:block; } .cpfw_2_con .list li:hover .tbox .t1 { font-size:18px; line-height:24px; height:24px; color:#fff; font-weight:bold; margin-bottom:12px; display:block; animation: fadeInLeft .5s ease-out; -webkit-animation:fadeInLeft .5s ease-out; } .cpfw_2_con .list li:hover .tbox .t2 { font-size:14px; line-height:24px; color:#fff; text-align:center; padding:0 15%; display:block; } .hui_box2_ul{margin-top: 50px;} .cpfw_3{background: #eee;margin-top: 0px;} .cpfw_3_con .list { width:100%; margin:82px auto; display:table; } .cpfw_3_con .list li { width:18.125%; height:330px; float:left; margin-right:-1px; border:1px solid #d8d8d8; text-align:center; position:relative; padding-top:122px; cursor:pointer; transition:all ease .5s; background:#fff; } .cpfw_3_con .list li:hover { width:27.75%; padding-top:92px; } .cpfw_3_con .list li.on { width:27.75%; padding-top:92px; } .cpfw_3_con .list li .num { width:52px; height:52px; background:#21abd7; line-height:52px; position:absolute; top:-23px; left:50%; transform:translateX(-50%); border-radius:50%; font-size:24px; color:#fff; font-style:oblique; text-align:left; padding-left:8px; } .cpfw_3_con .list li .num:before { width:66px; height:66px; background:rgba(33,171,215,.1); content:""; position:absolute; left:-7px; top:-7px; border-radius:50%; } .cpfw_3_con .list li .num:after { width:80px; height:80px; background:rgba(33,171,215,.05); content:""; position:absolute; left:-14px; top:-14px; border-radius:50%; } .cpfw_3_con .list li .icon { width:60px; height:60px; margin:auto; position:relative; } .cpfw_3_con .list li .icon img { width:60px; height:60px; position:absolute; left:0; top:0; } .cpfw_3_con .list li .icon img:last-child { opacity:0; z-index:2; transition:all ease .5s; } .cpfw_3_con .list li:hover .icon img:last-child { opacity:1; } .cpfw_3_con .list li.on .icon img:last-child { opacity:1; } .cpfw_3_con .list li .t1 { font-size:18px; line-height:24px; font-weight:bold; color:#222; margin-top:36px; transition:all ease .5s; } .cpfw_3_con .list li:hover .t1 { color:#21abd7; } .cpfw_3_con .list li.on .t1 { color:#21abd7; } .cpfw_3_con .list li .t2 { font-size:14px; line-height:24px; color:#222; margin:20px auto; display:none; padding:0 13%; } .cpfw_3_con .list li:hover .t2 { display:block; animation: fadeInUp .5s ease-out; } .cpfw_3_con .list li.on .t2 { display:block; } @media only screen and (min-width: 100px) and (max-width: 991px) { .cpfw_3_con .list li.on { width:100%; padding-top:92px; } .cpfw_3_con .list li { width:100%; padding-top:92px; } .cpfw_3_con .list li .icon img:last-child { opacity:1; } .cpfw_3_con .list li .t1 { color:#21abd7; } .cpfw_3_con .list li .t2 { display:block; } } /*小程序*/ .xcx_2_ul{ margin-top:45px; overflow:hidden;padding-bottom: 45px;} .xcx_2_ul ul li{padding: 0; overflow:hidden; padding: 8px;} .xcx_2_ul ul li:nth-child(4n+0){ margin-right:0;} .xcx_2_ul ul li .imgs{ overflow:hidden;} .xcx_2_ul ul li .imgs img{ display:block;width:100%;-webkit-transition: all 0.8s ease-out; -ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out; transition: all 0.8s ease-out;} .xcx_2_ul ul li .h2{font-weight:normal; line-height:30px; overflow:hidden; font-size:18px; color:#555555; max-width:286px; margin:0 auto; margin-top:17px;} .xcx_2_ul ul li:hover .imgs img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .xcx_3{ background-color:#f8f8f8; overflow:hidden; padding-bottom:77px;} .xcx_3 .xcx_3_ul{ padding-top:40px; overflow:hidden;margin-top: 50px;} .xcx_3 .xcx_3_ul ul li{ padding: 0; text-align:center; overflow:hidden;position:relative;} .xcx_3 .xcx_3_ul ul li .imgs{ overflow:hidden;transition:all 0.6s; max-width:125px; width:60%; margin:0 auto; } .xcx_3 .xcx_3_ul ul li .imgs img{ display:block;width:100%;transition:all 0.6s;} .xcx_3 .xcx_3_ul ul li .h2{font-weight:normal; line-height:56px; height:56px; overflow:hidden; font-size:20px; color:#222222; margin-top:19px;} .xcx_3 .xcx_3_ul ul li .p{ line-height:24px; overflow:hidden; max-width:136px; margin:0 auto; color:#888888; font-size:14px;} .xcx_3 .xcx_3_ul ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);} .xcx_3 .xcx_3_ul ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);} .xcx_4{background:url(../wzjsstyle/css/img/xcx_bg2.jpg) center center no-repeat; background-size:cover;overflow:hidden; padding-bottom:100px;} .xcx_4 .xcx_title{ color:#fff; margin-bottom:11px;} .xcx_4 .xcx_title_txt{ color:#fff;} .xcx_4 .xcx_4_ul{ padding-top:40px; overflow:hidden;} .xcx_4 .xcx_4_ul ul li{padding:0; padding: 8px; margin-bottom:3.125%;text-align:center; overflow:hidden; } .xcx_4 .xcx_4_ul ul li a{background: #fff;padding-top:79px; padding-bottom:50px;transition:all 0.3s ease-out 0s;} .xcx_4 .xcx_4_ul ul li:nth-child(3n+0){ margin-right:0;} .xcx_4 .xcx_4_ul ul li .imgs{ overflow:hidden;transition:all 0.6s; width:90px; margin:0 auto; } .xcx_4 .xcx_4_ul ul li .imgs img{ display:block;width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .xcx_4 .xcx_4_ul ul li .h2{font-weight:normal; line-height:56px; height:56px; overflow:hidden; font-size:24px; color:#222222; margin-top:38px;} .xcx_4 .xcx_4_ul ul li .p{ line-height:24px; overflow:hidden; max-width:288px; margin:0 auto; color:#888888; font-size:14px; margin-top:8px;} .xcx_4 .xcx_4_ul ul li:hover a{ -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.07); box-shadow: 0 5px 25px rgba(0,0,0,0.07);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);} .xcx_4 .xcx_4_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1);} .xcx_5{ background-color:#f8f8f8; overflow:hidden; padding-bottom:100px;} .xcx_5 .xcx_5_ul{ padding-top:40px; overflow:hidden;} .xcx_5 .xcx_5_ul ul li{transition:all 0.3s ease-out 0s; width:31.25%; float:left; margin-right:3.125%;margin-bottom:3.125%;text-align:center; overflow:hidden; background-color:#67c169; padding-top:79px; padding-bottom:50px; border-radius:8px;} .xcx_5 .xcx_5_ul ul li:nth-child(2){ background-color:#6b59bd;} .xcx_5 .xcx_5_ul ul li:nth-child(3){ background-color:#ff9c17;} .xcx_5 .xcx_5_ul ul li:nth-child(3n+0){ margin-right:0;} .xcx_5 .xcx_5_ul ul li .imgs{ position:relative; width:175px; margin:0 auto; } .xcx_5 .xcx_5_ul ul li .imgs img{ display:block; width:175px; height:175px;transition:all 0.6s;} .xcx_5 .xcx_5_ul ul li .imgs .bgs{ z-index:-1; border-radius:50%; position:absolute; width:175px; height:175px; left:0; top:0;} .xcx_5 .xcx_5_ul ul li .imgs .bgs.bgs1{background-color:#83ce85;} .xcx_5 .xcx_5_ul ul li .imgs .bgs.bgs2{background-color:#7967cc;} .xcx_5 .xcx_5_ul ul li .imgs .bgs.bgs3{background-color:#fdb34f;} .xcx_5 .xcx_5_ul ul li .h2{font-weight:normal; line-height:56px; height:56px; overflow:hidden; font-size:24px; color:#fff; margin-top:29px;} .xcx_5 .xcx_5_ul ul li .p{ line-height:24px; overflow:hidden; max-width:288px; margin:0 auto; color:#fff; font-size:16px; margin-top:6px;} .xcx_5 .xcx_5_ul ul li em{ display:block; width:150px; height:46px; line-height:46px; background-color:#ffd132; border-radius:20px; font-size:14px; color:#333; font-style:normal; margin:0 auto;margin-top:30px;transition:all 0.3s;} .xcx_5 .xcx_5_ul ul li:hover .imgs .bgs{animation:rounds1 1.5s; -webkit-animation:rounds1 1.5s linear; animation-iteration-count:infinite; animation-fill-mode:forwards; animation-delay:0.01s; -webkit-animation-iteration-count:infinite; -webkit-animation-fill-mode:forwards; -webkit-animation-delay:0.01s;} .xcx_5 .xcx_5_ul ul li:hover em{opacity:0.9;filter:Alpha(opacity=90);} .xcx_5 .xcx_5_ul ul li:hover{ -webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.07); box-shadow: 0 5px 25px rgba(0,0,0,0.07);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);} .xcx_5 .xcx_5_ul ul li:hover .imgs img{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -moz-transform:rotate(360deg); cursor:pointer; transform:rotate(360deg);} @keyframes rounds1 { 0% { filter:alpha(opacity=0);opacity:0; width:175px; height:175px; left:0; top:0; } 70% { filter:alpha(opacity=50);opacity:0.5; width:205px; height:205px; left:-15px; top:-15px; } 100% {filter:alpha(opacity=0);opacity:0; width:205px; height:205px;left:-15px; top:-15px; } } @-webkit-keyframes rounds1 { 0% { filter:alpha(opacity=0);opacity:0; width:175px; height:175px; left:0; top:0; } 70% { filter:alpha(opacity=50);opacity:0.5; width:205px; height:205px;left:-25px; top:-15px; } 100% {filter:alpha(opacity=0);opacity:0; width:205px; height:205px;left:-25px; top:-15px; } } @media only screen and (min-width: 100px) and (max-width: 991px) { .xcx_4 .xcx_4_ul ul li{padding:0; padding: 4px;} .xcx_4 .xcx_4_ul ul li a{background: #fff;padding-top:20px; padding-bottom:20px;transition:all 0.3s ease-out 0s;} .xcx_5 .xcx_5_ul ul li{ width:100%;} } /*微商城*/ .hui_bnt2{ clear:both; display:block; margin:0 auto; width:210px; height:48px; line-height:48px; border-radius:30px; background:url(../wzjsstyle/css/img/website_bg2.png) 139px center #f67524 no-repeat; text-indent:51px; font-size:16px; color:#fff; margin-top:80px;transition:all 0.3s;margin-bottom:100px;} .hui_bnt2:hover{opacity:0.8;filter:Alpha(opacity=80); color:#fff;background-position:143px center; } .hui_bnt{ clear:both; display:block; width:210px; height:48px; line-height:48px; border-radius:30px; background:url(../wzjsstyle/css/img/website_bg1.png) 139px center #fff no-repeat; text-indent:51px; font-size:16px; color:#3d4ed2; margin-top:34px;transition:all 0.3s;} .hui_bnt:hover{ margin-left:5px;background-position:143px center;} .cfdf{background-color: #f67524;color: #fff;} .wxsc_2_ul{ margin-bottom:53px;width: 100%;margin-top: 58px;} .wxsc_2_ul li{ text-align:center; color:#666;padding: 0; } .wxsc_2_ul li:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;} .wxsc_2_ul ul li .img1 img{display:block;width:224px;transition:all 0.6s;margin: auto;} .wxsc_2_ul h1{ font-size:18px; line-height:40px; color:#000;} .wxsc_2_ul ul li:hover img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);} .wxsc_text {margin-top: 160px;} .wxsc_text p{font-size: 32px; line-height: 34px;} .wxsc_text .p3{font-size: 18px;margin-top: 20px;} .wxsc_on1{border-radius: 4px;border: 1px solid #dfe1e6;overflow: hidden;width: max-content;} .wxsc_on1 a{width: 320px; padding: 26px 0 22px; font-size: 18px; color: #595961; letter-spacing: 2px; text-align: center; line-height: 30px;} .wxsc_on1 a.on{background: #dfe1e6;} .wxsc_3{background: #f1f2f5; } .wxsc_3_img img{width: 100%;margin: auto; } .wxsc_listimg img{display: none;} .wxsc_listimg img.on{display: block} .wxsc_6,.wxsc_5{background-color: #f1f2f5;} /*微信手机网站*/ .wx_sj_3_ul{ padding-top:63px; overflow:hidden; padding-bottom:125px;height:573px;margin-bottom: 125px;} .wx_sj_3_ul ul li{ width:150px; float:left; text-align:center; overflow:hidden;position:relative; cursor:pointer;} .wx_sj_3_ul ul li .txts{ float:left; height:573px; overflow:hidden; width:150px; background:#f67524;} .wx_sj_3_ul ul li:nth-child(2) .txts{ background:#248cf6;} .wx_sj_3_ul ul li:nth-child(3) .txts{ background:#28e396;} .wx_sj_3_ul ul li .txts .ico{ margin:0 auto; margin-top:84px; margin-bottom:49px; display:block; width:130px;} .wx_sj_3_ul ul li .txts .h3{ font-weight:normal; padding-left:20px; padding-right:20px; line-height:30px; font-size:18px; color:#fff; margin-bottom:19px;transition:all 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s; -ms-transition: 0.6s;-o-transition: 0.6s;} .wx_sj_3_ul ul li .txts .p{ transition:all 0.3s ease-out 0s;opacity:0;padding-left:20px; padding-right:20px; width:360px; line-height:28px; color:#fff; font-size:16px; height:182px; position:relative; overflow:hidden; } .wx_sj_3_ul ul li .txts .p:after{ content:""; position:absolute; bottom:0; width:20px; left:50%; margin-left:-10px; height:3px; background:#f5f5f5;} .wx_sj_3_ul ul li .imgs{ width:640px; float:left; overflow:hidden;opacity:0;filter:Alpha(opacity=0);} .wx_sj_3_ul ul li .imgs img{display: block;height:573px;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;} .wx_sj_3_ul ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);} .wx_sj_3_ul ul li.actives{ width:1040px;} .wx_sj_3_ul ul li.actives .txts{ width:400px;} .wx_sj_3_ul ul li.actives .txts .h3{ font-size:24px;} .wx_sj_3_ul ul li.actives .txts .p{opacity:1.0;} .wx_sj_3_ul ul li.actives .imgs{ opacity:1.0;filter:Alpha(opacity=100);} .wx_sj_4{ min-height:500px; overflow:hidden;background:url(../wzjsstyle/css/img/mobile_bg1.jpg) #f5f5f5 center top no-repeat;padding-bottom:123px;} .wx_sj_4_two_l{overflow:hidden; padding-top:45px;} .wx_sj_4_two_l .recruitmentList{ overflow:hidden;padding: 0;} .wx_sj_4_two_l .recruitmentList li{width: 100%; box-sizing: border-box; margin-bottom: 20px;padding: 0px 50px 0px 62px; background: url(../wzjsstyle/css/img/qiye_bg3.png) no-repeat right 30px top 30px; cursor: pointer; background-color:#fff; border-left:3px solid #28e396;} .wx_sj_4_two_l .recruitmentList li:nth-child(2){ border-left-color:#ff5a1f;} .wx_sj_4_two_l .recruitmentList li:nth-child(3){ border-left-color:#00dced;} .wx_sj_4_two_l .recruitmentList li:nth-child(4){ border-left-color:#96dee4;} .wx_sj_4_two_l .recruitmentList li:nth-child(5){ border-left-color:#f15fdb;} .wx_sj_4_two_l .recruitmentList li:nth-child(6){ border-left-color:#e3c228;} .wx_sj_4_two_l .recruitmentList li.on {background-image: url(../wzjsstyle/css/img/qiye_bg3_on.png); background-color:#fff;} .wx_sj_4_two_l .recruitmentList li .title .tit{ line-height: 30px; padding-top:20px; padding-bottom:20px; font-size: 24px; color: #000000; font-weight:normal; } .wx_sj_4_two_l .recruitmentList li .down { padding-bottom:27px;display: none;} .wx_sj_4_two_l .recruitmentList li .down .text {font-size: 16px; line-height: 24px; color: #333;} .wx_sj_5{ overflow:hidden;position: relative; padding: 0;} .wx_sj_5 img{ display:block; width:100%;opacity:1;filter:Alpha(opacity=0);} .wx_sj_5 .txts{width: 1440px; position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); text-align:right; } .wx_sj_5 .txts .h3{ font-weight:bold; line-height:108px; font-size:48px;color:#fff;} .wx_sj_5 .txts .p{ color:#fff; line-height:30px; height:116px;font-size:16px; margin-bottom:76px; position:relative;} .wx_sj_5 .txts .p:after{ content:""; position:absolute; bottom:0; right:0; width:30px; height:3px; background:#fff;} /*微信广告*/ .wx_yxgg_2_ul1{background-color: #fff; border-top: 1px solid #e0eaff; border-bottom: 1px solid #e0eaff; position: relative; z-index: 1; box-shadow: 0 3px 16px rgba(0, 116, 255, .05);} .wx_yxgg_2_ul1 ul{max-width: 640px;margin: auto;padding-top: 40px;} .wx_yxgg_2_ul1 ul li a{text-align: center;line-height: 26px;padding-bottom: 40px; font-size: 18px;position: relative;} .wx_yxgg_2_ul1 ul li.on a{color: #007AFF;} .wx_yxgg_2_ul1 ul li.on a:after { content: ''; background-color: #296bef; display: inline-block; position: absolute; bottom: 0; left: 50%; height: 6px; width: 50px; border-radius: 3px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transition: all .6s cubic-bezier(.19, 1, .22, 1);} .wx_yxgg_2_bg{background-color: rgba(0, 116, 255, .05);padding-bottom: 50px;} .wx_yxgg_2_title{text-align: center; margin-top: 64px; display: none; } .wx_yxgg_2_title h3{font-size: 36px;position: relative; padding-bottom: 26px; margin-bottom: 24px;} .wx_yxgg_2_title h3:after { content: ''; display: inline-block; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 6px; width: 40px; background-color: #296bef; border-radius: 3px;} .wx_yxgg_2_title > p{display: inline-block;width: auto; font-size: 16px; line-height: 1.5; letter-spacing: 1px; text-align: center; color: #0b1531;} .wx_yxgg_2_title.on{display: block} .wx_yxgg_2_title_ul{display: flex; justify-content: center;margin-top: 64px;} .wx_yxgg_2_title_ul li{ position: relative; margin-right: 20px; display: inline-block; font-size: 0; } .wx_yxgg_2_title_ul li:after{display: none; content: ''; position: absolute; left: 50%; bottom: 0; box-sizing: border-box; width: 18px; height: 18px; background-color: #fff; -webkit-transform: translate3d(-50%,50%,0) rotate(-45deg); transform: translate3d(-50%,50%,0) rotate(-45deg); border-left: 2px solid #296bef; border-bottom: 2px solid #296bef; border-bottom-left-radius: 4px; z-index: 1;} .wx_yxgg_2_title_ul li a{ display: inline-block; box-sizing: border-box; width: 132px; height: 132px; padding: 24px 0; color: #68779c; background-color: #fff; text-align: center; overflow: hidden; border-radius: 8px; transition: none; border: 2px solid rgba(44, 114, 255, .1); box-shadow: 0 3px 16px rgba(0, 116, 255, .05); font-size: 16px;} .wx_yxgg_2_title_ul li i{background-size: 204px auto; margin-bottom: 8px; display: inline-block; width: 52px; height: 52px; background-image: url(../wzjsstyle/css/img/source_sprite01.png); background-repeat: no-repeat;} .wx_yxgg_2_title_ul li i.f_product1{background-position: 204px auto;} .wx_yxgg_2_title_ul li i.f_product2{background-position:-50px 0;} .wx_yxgg_2_title_ul li i.f_product3{background-position:-154px 0} .wx_yxgg_2_title_ul li i.f_product4{background-position:0 -52px} .wx_yxgg_2_title_ul li i.f_product5{background-position:-50px -52px} .wx_yxgg_2_title_ul li i.f_product6{background-position:-102px -52px} .wx_yxgg_2_title_ul li i.f_product7{ background-position:-102px 0} .wx_yxgg_2_title_ul li i.f_product8{background-position: -154px -52px} .wx_yxgg_2_title_ul li.on i.f_product1{background-position: 0 -102px;} .wx_yxgg_2_title_ul li.on i.f_product2{background-position:-50px -102px} .wx_yxgg_2_title_ul li.on i.f_product3{background-position:-154px -102px} .wx_yxgg_2_title_ul li.on i.f_product4{background-position:0 -154px} .wx_yxgg_2_title_ul li.on i.f_product5{background-position:-50px -154px} .wx_yxgg_2_title_ul li.on i.f_product6{background-position:-102px -154px} .wx_yxgg_2_title_ul li.on i.f_product7{background-position:-102px -102px} .wx_yxgg_2_title_ul li.on i.f_product8{background-position:-154px -154px} .wx_yxgg_2_title_ul li.on:after{display: inline-block;} .wx_yxgg_2_title_ul li.on a{border: 2px solid #296bef; color: #081533;} .wx_yxgg_2_pcarea {position: relative; text-align: center ;margin-top: 56px; display: none;} .wx_yxgg_2_body{width: auto; margin: 0 auto; display: flex; justify-content: center; align-items: center;} .wx_yxgg_2_body .show_block{ display: inline-block; position: relative; width: 280px; height: 570px; border-radius: 38px; background-image: url(../wzjsstyle/css/img/new_iphone.png); background-size: 280px auto; box-shadow: 0 3px 16px rgba(0, 116, 255, .05);} .wx_yxgg_2_body .show_video{position: absolute; display: inline-block; overflow: hidden; width: 248px; height: 438px; top: 65px; left: 16px; z-index: 2;} .wx_yxgg_2_body .show_video img{width: 100%;} .wx_yxgg_2_text_max{margin-left: 84px; text-align: left;} .wx_yxgg_2_text{} .wx_yxgg_2_body_title{margin-bottom: 24px; font-size: 24px; color: #0b1531; font-weight: 500;} .wx_yxgg_2_body_detail{ display: inline-block; width: 390px; font-size: 16px; color: #68779c; line-height: 1.8; letter-spacing: 1px;} .wx_yxgg_2_more{ display: inline-block; box-sizing: border-box; width: 760px; margin-top: 80px; padding: 26px 148px; border-radius: 9px; background-color: #ebf3ff; text-align: center; font-size: 16px; color: #a1aecf; letter-spacing: 1px;} .wx_yxgg_2_more a{ display: inline; color: #296bef; margin-left: 10px;} .wx_yxgg_2_pcarea.on{display: block} .wx_yxgg_2_zsqy{display: none;} .wx_yxgg_2_zsqy.on{display: block;} /*虚拟主机*/ .xnzj_1{padding: 50px 0; text-align: center;background-color: #f2f2f2;} .xnzj_1_btn .btn{font-size: 20px; line-height: 60px; width: 360px;} #btn_on{color: #fff; background-color: #337ab7; border-color: #2e6da4; } .xnzj_1_con {margin-top: 50px; display: none;} .xnzj_1_con .xnzj_1_con_libox{background: #fff;padding: 15px 2px;position: relative;margin-bottom: 15px;} .xnzj_1_con .webhosting_hot{ padding-right: 8px; padding-top: 4px; position: absolute; right: 0; top: 0; width: 71px; height: 59px; background: url(wzjsstyle/css/img/triangle3.jpg) no-repeat top right; font-size: 14px; color: #fff; text-align: right;} .xnzj_1_con .xnzj_1_con_libox:hover{box-shadow: 0 0 20px #dadada;} .xnzj_1_con_title {text-align: center;} .xnzj_1_con.on{display: block} .xnzj_1_con_title h4{font-size: 14px; color: #777; line-height: 22px;} .xnzj_1_con_title h5{ font-size: 24px; color: #ff8500;} .xnzj_1_con_list1{width: 98%;margin: 30px auto;} .xnzj_1_con_list1 li {float: left;width: 33.33%; font-size: 14px; color: #707070; text-align: center; list-style: none;} .xnzj_1_con_list1 li p{font-weight: bold;color: #333;margin: 0;padding: 0;font-size: 16px;} .xnzj_1_con_list2 p a{color: #0074E1;display: initial;} .xnzj_1_con_list2 p{padding-left: 45px; line-height: 1.1; text-align: left;font-size: 12px;padding-top: 18px; color: #4b4b4b;} .xnzj_1_con_list2 span { padding-top: 18px; width: 64px; color: #2f2f2f; font-weight: 700; } .xnzj_1_con_list2 .tooltip .tooltip-inner{background-color: #f1fbff; border: 1px solid #c2e2ff; font-size: 12px; color: #5b88ba; padding: 5px 10px;width: 300px;} .tooltip-arrow{background-color: #f1fbff;border-color: #f1fbff;} .xnzj_1_con_zx{padding: 8px 22px;width: initial;height: initial;margin-top: 15px;} .xnzj_2_ul{padding-bottom: 50px;padding-top: 30px;} /*.xnzj_2_ul .row{margin: 15px 0;}*/ .xnzj_2_ul li{min-height: 279px;} .xnzj_2_ul li img{margin: auto;} /*企业邮箱*/ .hui_btn_bg2{background-color: #f67524; color: #fff; margin: auto;} .qyyx_2_ul {padding-bottom: 50px;} .qyyx_2_ul .imgs{ transition: all 0.6s; background-image: url(../wzjsstyle/css/img/indexIcons47b555.png);width: 180px; height: 140px;margin: auto; } .qyyx_2_ul .imgs1{ background-position:-190px -150px;} .qyyx_2_ul .imgs2{ background-position:-190px 0;} .qyyx_2_ul .imgs3{ background-position:-190px -300px;} .qyyx_2_ul .imgs4{ background-position: 0 0; } .qyyx_2_ul li{text-align: center;} .qyyx_2_ul li:hover .imgs{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);} @-moz-document url-prefix() { fieldset { display: table-cell; } } .hui_btn_bg2:hover{ margin: auto;} .qyyx_3{padding-bottom: 50px;} .qyyx_3_table{border: 1px solid #dadada;margin-top: 50px;margin-bottom: 50px;} .qyyx_3_table tr td{text-align: center; } .qyyx_3_table tr:nth-child(even) td{ background-color: #d9edf7 !important; } .qyyx_3_table tr:nth-child(odd) td{ background-color: #f5f5f5 !important; } .qyyx_3_table tr:hover td{ background-color: #dff0d8 !important;} .qyyx_4_ul{padding-bottom: 50px;margin-bottom: 50px;margin-top: 50px;} .qyyx_4_ul li{min-height: 150px;margin: 15px 0;} .qyyx_4_ul .imgs { background-image: url(../wzjsstyle/css/img/indexIcons47b555.png); background-position: -40px -593px; width: 30px; height: 30px; } .qyyx_4_ul .imgs1{background-position: ;} .qyyx_4_ul .img2{background-position: -630px -240px;} .qyyx_4_ul .imgs3{background-position: -630px -160px;} .qyyx_4_ul .imgs4{background-position:-600px -593px ;} .qyyx_4_ul .imgs5{background-position: -630px -440px;} .qyyx_4_ul .imgs6{background-position: -280px -593px;} .qyyx_4_ul .imgs7{background-position: -630px -520px;} .qyyx_4_ul .imgs8{background-position: -630px -320px;} .qyyx_4_ul .imgs9{background-position: -560px -553px;} .qyyx_4_ul .imgs10{background-position: -240px -553px;} .qyyx_4_ul .imgs11{background-position: -360px -593px;} .qyyx_4_ul .imgs12{background-position: -440px -593px;} .qyyx_4_ul .imgs13{background-position: -120px -593px;} .qyyx_4_ul .imgs14{background-position: -200px -593px;} .qyyx_4_ul .imgs15{background-position: -520px -593px;} .qyyx_4_ul .imgs16{background-position: -80px -513px;} /*解决方案*/ .jjfa_2{padding: 30px 0;background: #f5f5f5;} .jjfa_2_ul li {padding: 15px;} .jjfa_2_ul li a{ height: 480px; background: #fff; transition: all ease .5s;} .jjfa_2_ul li .imgs{ width: 100%; overflow: hidden; position: relative;} .jjfa_2_ul li .imgs:before { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../wzjsstyle/css/img/icon37.png) center center no-repeat; content: ""; z-index: 3; opacity: 0; transition: all ease .5s; } .jjfa_2_ul li .imgs:after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../wzjsstyle/css/img/icon40.png) center center no-repeat; content: ""; z-index: 2; opacity: 0; transition: all ease .5s; } .jjfa_2_ul li .imgs img{width: 100%; transition: all ease .5s;} .jjfa_2_ul li .jjfa_2_text{ padding: 0 15px ; width: 100%; display: block} .jjfa_2_ul li .jjfa_2_text h3{ font-size: 22px; line-height: 24px; color: #222; margin-bottom: 24px; transition: all ease .5s;} .jjfa_2_ul li .jjfa_2_text h5{font-size: 14px; line-height: 24px; color: #666; margin-bottom: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .jjfa_2_ul li .jjfa_2_text h6{ font-size: 14px; line-height: 24px; color: #999; background: url(../wzjsstyle/css/img/icon38.png) 68px center no-repeat; transition: all ease .5s;} .jjfa_2_ul li:hover a{ box-shadow: 0 0 25px 0 rgba(0,0,0,.15); } .jjfa_2_ul li:hover .imgs:after,.jjfa_2_ul li:hover .imgs:before {opacity: 1;} .jjfa_2_ul li:hover .imgs img { transform: scale(1.1); } .jjfa_2_ul li:hover h3{ color: #21abd7;} .jjfa_2_ul li:hover h6{color: #222; background: url(../wzjsstyle/css/img/icon39.png) 68px center no-repeat;} .jjfa_2_ul li:hover{} .wzal_1_txts{left: initial;right: 10%;} .wzal_1_txts p {width:500px;} .wzal_tutle_p1{width:80%;margin:auto;} /*案例详情页*/ .wzalxq_title .imgs{height: 350px; overflow: hidden;position: relative;width: 100%;display: block;} .wzalxq_title .imgs img{ position: absolute; left: 0; top: 0; width: 100%;} @keyframes wzalxq_title_img{ to{top: -500px;} } .wzalxq_con1{padding-top: 50px;} .wzalxq_con1_box1{ background:#fff; overflow:hidden; min-height:400px;} .wzalxq_con1_box1 .case_txt{ width:86%; margin:0 auto; padding:0px 0 30px 0;position: relative;} .wzalxq_con1_box1 .case_txt .t3{line-height: 26px; color:#999; margin-top: 16px; font-size: 14px;} .wzalxq_con1_box1 .case_txt .h2{ height:90px; line-height:90px; background:url(../wzjsstyle/css/img/case_bg2.jpg) left bottom no-repeat; color:#010000; font-size:30px; font-weight:normal; margin-bottom:33px;} .wzalxq_con1_box1 .case_txt .divs{ line-height:30px; color:#666666; font-size:16px;} .wzalxq_title {width: 100%;text-align: center;margin: 0;} .wzalxq_title h3{line-height: 96px;font-weight: bold;margin: 0;padding-bottom: 0px;} .wzalxq_con1{background: #fafafa;} .wzalxq_con1 .container .row{position: relative;top: -130px;background: #fff;} .fenxiang_ul{width: auto; position: absolute;top: 15px; right: 15px;} .fenxiang_ul li{display: inline-block; width: 54px; height: 54px; margin-left: 8px;} .fenxiang_ul li a{background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; overflow: hidden; margin-left: 20px; position: relative;} .fenxiang_ul li a:after{content: ""; width:54px; height:54px; position: absolute;top: 0;left: 0;transition:all 0.3s;background-size:0% 0%; background-repeat:no-repeat; background-position:center center;} .fenxiang_ul li a:hover:after{ background-size:100% 100%;} .fenxiang_li1{ background-image: url(../wzjsstyle/css/img/ico4.png);} .fenxiang_li1:after{ background-image:url(../wzjsstyle/css/img/ico4_on.png);} .fenxiang_li2{ background-image: url(../wzjsstyle/css/img/ico3.png);} .fenxiang_li2:after{ background-image:url(../wzjsstyle/css/img/ico3_on.png);} .fenxiang_li3{ background-image: url(../wzjsstyle/css/img/ico2.png);} .fenxiang_li3:after{ background-image:url(../wzjsstyle/css/img/ico2_on.png);} .fenxiang_li4{ background-image: url(../wzjsstyle/css/img/ico1.png);} .fenxiang_li4:after{ background-image:url(../wzjsstyle/css/img/ico1_on.png);} @media only screen and (min-width: 100px) and (max-width: 991px) { .fenxiang_ul{width:min-content; position: absolute;top: 15px; right: 15px;} } .wzalxq_con1_box2 img{width: 100%;box-shadow: 0 0 15px 1px rgba(0,0,0,.2);} .wzalxq_con1_box3 {padding: 20px 0;border-top: 1px solid #dadada;margin-top: 30px;} .wzalxq_con1_box3 p{line-height: 50px;float: left;} /*微信分销*/ .wyx_2_ul ul li .img1 img{width: 180px;} .wyx_3{background: url(../wzjsstyle/css/img/fxlc_bg.jpg) no-repeat center center;background-size: cover; } .wyx_3_con{margin-top: 50px;padding-bottom: 50px;} .wyx_3_con img{margin:15px auto;} .wyx_4{padding-bottom: 50px;} .wyx_4_ul ul li{text-align: center;padding: 8px;} .wyx_4_ul ul li a{position: relative; cursor: pointer; box-shadow: 0 2px 50px 0 rgba(79,135,251,.13);} .wyx_4_ul ul li .icon_case{position: absolute; left: 50%; top: -49px; margin-left: -49px; width: 98px;transition:all 0.5s ease-out 0s; height: 98px; line-height: 98px; text-align: center; background: #f4f7fd; border-radius: 50%;} .wyx_4_ul ul li .icon_case img{ display: inline-block; vertical-align: middle; width: 54px; height: 54px;} .wyx_4_wrapCard{ padding-top: 80px; height: 270px; } .wyx_4_ul ul li:hover .icon_case{transform: rotate(360deg);} .wyx_5 { background: url(../wzjsstyle/css/img/hxjz_bg.jpg) no-repeat center; height: 744px;width: 100%; } .wyx_5_con{background: url(../wzjsstyle/css/img/hxjz_pic.png) no-repeat center; height: 408px;margin-top: 80px;} .hxjz_list_left{ width:380px; float:left;} .hxjz_list_right{ width:370px; float:right;} .hxjz01{ color:#fff; margin:30px 0 130px 0;} .hxjz01 h1{ color:#fff; font-weight:normal; font-size:20px; margin-bottom:10px;} .hxjz01 p{ font-size:14px; line-height:25px;} .hxjz02{ margin:0;} /*解决方案*/ .jjfa_con{background: #fafafa;} .jjfa_con2_txt{padding: 15px;} .jjfa_con3_txt{padding-top: 15px;border-top: 1px solid #dadada;} .jjfa_con3_txt a{display: initial;} .jjfa_con .container{position: relative;top: -110px;background: #fff;padding: 15px;} .jjfa_con_img img{width: 100%;} .jjfa_con_txt .fenxiang_ul{right: 30px;width: 100%;line-height: 54px;text-align: right;} .jjfa_con_txt1{margin-top: 64px;} .jjfa_con_txt1 .divs{min-height: 140px;padding-top: 10px;} .jjfa_con_txt1 .t3{line-height: 28px;margin-top: 15px;} .jjfa_con1{padding-bottom: 15px;border-bottom: 1px solid #dadada;} .jjfa_con2_txt img{max-width: 100%; margin:auto;} .naws_con{padding: 15px;} .naws_con .fenxiang_ul{right: 30px;width: 100%;line-height: 54px;text-align: right;} .naws_22 a{width: initial;height: initial;} .naws_22 .btn-group{left: 50%;transform: translateX(-50%);} #SEO .pinpai_1 { margin-top:130px; } @media only screen and (min-width: 100px) and (max-width: 991px) { #SEO .pinpai_1 { margin-top:0px; } #SEO .pinpai_1 img{width:100%;height:initial;} } .dsjzzyx_1{background: linear-gradient(#5533d3, #c36ded);height: 603px;} .dsjzzyx_1_img img{max-width: 90%;margin: auto;} .dsjzzyx_1_text_box{} .dsjzzyx_1_text_box{position: initial;margin-top: 50%;} .dsjzzyx_1_text h3{line-height: 55px; font-size: 36px; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .dsjzzyx_1_text_box{height: 330px;} .dsjzzyx_2_con li{margin-bottom:40px;} .dsjzzyx_2_con li .box{ margin-left:90px;height:87px;Position: relative; } .dsjzzyx_2_con li img{ width:87px;height:87px;position: absolute;left:0;top:1px;} .dsjzzyx_2_con li .desc{ padding:0 0 0 117px;height:88px;display: table-cell;vertical-align:middle;line-height: 24px;} .dsjzzyx_2_con li .desc h4{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size:2.2rem;font-weight:200;vertical-align:middle;margin-bottom:10px; } .dsjzzyx_2_con li .desc p{ color:#808080;font-size:1.5rem;font-weight:200;vertical-align:middle;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } .dsjzzyx_2_btn a{text-align: center; margin: 30px auto;position: relative; border-radius: 60px; font-size: 18px; width: 214px; height: 58px; line-height: 58px;transition: all .2s; vertical-align: middle; background: #218EEB; color: #fff;} .dsjzzyx_2_btn a:after{background: url(../wzjsstyle/img/icon-jia.png); content: ''; display: block;width: 14px;height: 14px;position: absolute; top: 40%;transform: translateX(-50%);left: 15%;transition: all .2s; } .dsjzzyx_2_btn a:hover{background:#ffcc33;color: #333;} .dsjzzyx_2_btn a:hover::after{background: url(../wzjsstyle/img/icon-jia2.png);} .dsjzzyx_3_con{text-align: center;} .dsjzzyx_3_con p { margin-top: 15px; line-height: 24px; font-size: 18px; } .dsjzzyx_4{ background-image: url(../wzjsstyle/img/ys.jpg); padding: 60px 0; background-attachment: fixed; background-position: center 0; background-repeat: no-repeat; background-size: cover;} .dsjzzyx_5_con,.dsjzzyx_6_con,.dsjzzyx_4_con{background: #fff;padding-bottom: 60px;} .dsjzzyx_6{background-image: url(../wzjsstyle/img/cs.jpg); padding: 60px 0; background-attachment: fixed; background-position: center 0; background-repeat: no-repeat; background-size: cover;} .dsjzzyx_6_title_min {position: relative;overflow: hidden;} .dsjzzyx_6_title_min ul{display: none;} .dsjzzyx_6_title_max ul{ text-align:center;} .dsjzzyx_6_title_max ul li{ cursor: pointer;padding:0 40px;font-size:18px;margin:0 10px;display: inline-block;height:42px;line-height:42px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;} .dsjzzyx_6_title_max li.hui_on{ box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);background:#ffcc33;border-radius: 42px; } .dsjzzyx_6_title_min { padding-bottom: 0; width: 880px; margin: auto; margin-top: 30px;} .dsjzzyx_6_title_min li{ height:42px;line-height:42px;margin-bottom:20px;font-size:18px;} .dsjzzyx_6_title_min li strong{ font-weight:500;display: inline-block;width:152px;background:#218EEB;text-align:center;margin-right:30px;color:#fff;} .dsjzzyx_6_title_min ul.hui_on{display: block} @media only screen and (min-width: 100px) and (max-width: 991px) { .dsjzzyx_2_con li .box{margin: 0;height: initial;text-align: center;} .dsjzzyx_2_con li img{margin: auto;position: initial;} .dsjzzyx_2_con li .desc{width: 100%;display: block;padding: 0;} .dsjzzyx_6_title_max ul li { width: 20%; float: left; cursor: pointer; padding:0; font-size: 13px; margin: 0px; height: 36px; line-height: 36px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; .dsjzzyx_1_text_box{height: 110px;} } .dsjzzyx_6_title_min{ padding:0 15px;width:initial;} .dsjzzyx_6_title_min li{ height:auto;line-height:22px;margin-bottom:20px;font-size:14px;Position: relative; } .dsjzzyx_6_title_min li strong{ font-weight:600;display: inline-block;width:auto;background:#fff;text-align:center;margin-right:0;color:#6d9aff;} } /*付款方式*/ .main-timeline{ overflow: hidden; position: relative; } .main-timeline .timeline{ position: relative; margin-top: -79px; } .main-timeline .timeline:first-child{ margin-top: 0; } .main-timeline .timeline:before, .main-timeline .timeline:after{ content: ""; display: block; width: 100%; clear: both; } .main-timeline .timeline:before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; right: 0; z-index: 2; } .main-timeline .timeline-icon{ width: 210px; height: 210px; border-radius: 50%; border: 25px solid transparent; border-top-color: #f44556; border-right-color: #f44556; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; transform: rotate(45deg); } .main-timeline .year{ display: block; width: 110px; height: 110px; line-height: 110px; border-radius: 50%; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.4); margin: auto; font-size: 30px; font-weight: bold; color: #f44556; text-align: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transform: rotate(-45deg); } .main-timeline .timeline-content{ width: 35%; float: right; background: #f44556; padding: 30px 20px; margin: 50px 0; z-index: 1; position: relative; } .main-timeline .timeline-content:before{ content: ""; width: 20%; height: 15px; background: #f44556; position: absolute; top: 50%; left: -20%; z-index: -1; transform: translateY(-50%); } .main-timeline .title{ font-size: 20px; font-weight: bold; color: #fff; margin: 0 0 10px 0; } .main-timeline .description{ font-size: 16px; color: #fff; line-height: 24px; margin: 0; } .main-timeline .timeline:nth-child(2n):before{ } .main-timeline .timeline:nth-child(2n) .timeline-icon{ transform: rotate(-135deg); } .main-timeline .timeline:nth-child(2n) .year{ transform: rotate(135deg); } .main-timeline .timeline:nth-child(2n) .timeline-content{ float: left; } .main-timeline .timeline:nth-child(2n) .timeline-content:before{ left: auto; right: -20%; } .main-timeline .timeline:nth-child(2n) .timeline-icon{ border-top-color: #e97e2e; border-right-color: #e97e2e; } .main-timeline .timeline:nth-child(2n) .year{ color: #e97e2e; } .main-timeline .timeline:nth-child(2n) .timeline-content, .main-timeline .timeline:nth-child(2n) .timeline-content:before{ background: #e97e2e; } .main-timeline .timeline:nth-child(3n) .timeline-icon{ border-top-color: #13afae; border-right-color: #13afae; } .main-timeline .timeline:nth-child(3n) .year{ color: #13afae; } .main-timeline .timeline:nth-child(3n) .timeline-content, .main-timeline .timeline:nth-child(3n) .timeline-content:before{ background: #13afae; } .main-timeline .timeline:nth-child(4n) .timeline-icon{ border-top-color: #105572; border-right-color: #105572; } .main-timeline .timeline:nth-child(4n) .year{ color: #105572; } .main-timeline .timeline:nth-child(4n) .timeline-content, .main-timeline .timeline:nth-child(4n) .timeline-content:before{ background: #105572; } @media only screen and (max-width: 1199px){ .main-timeline .timeline{ margin-top: -103px; } .main-timeline .timeline-content:before{ left: -18%; } .main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -18%; } } @media only screen and (max-width: 990px){ .main-timeline .timeline{ margin-top: -127px; } .main-timeline .timeline-content:before{ left: -2%; } .main-timeline .timeline:nth-child(2n) .timeline-content:before{ right: -2%; } } @media only screen and (max-width: 992px){ .main-timeline .timeline{ margin-top: 0; overflow: hidden; } .main-timeline .timeline:before, .main-timeline .timeline:nth-child(2n):before{ box-shadow: none; } .main-timeline .timeline-icon, .main-timeline .timeline:nth-child(2n) .timeline-icon{ margin-top: -30px; margin-bottom: 20px; position: relative; transform: rotate(135deg); } .main-timeline .year, .main-timeline .timeline:nth-child(2n) .year{ transform: rotate(-135deg); } .main-timeline .timeline-content, .main-timeline .timeline:nth-child(2n) .timeline-content{ width: 100%; float: none; border-radius: 0 0 20px 20px; text-align: center; padding: 25px 20px; margin: 0 auto; } .main-timeline .timeline-content:before, .main-timeline .timeline:nth-child(2n) .timeline-content:before{ width: 15px; height: 25px; position: absolute; top: -22px; left: 50%; z-index: -1; transform: translate(-50%,0); } } .timeline{min-height: 264px;} /*短信群发*/ .dxqf_1_ul{margin-top: 30px;} .dxqf_1_ul li{margin-bottom: 15px;} .dxqf_1_ul li a{box-shadow: 0 0 8px #ccc;text-align: center;padding-bottom: 35px;padding-top: 10px;height: 345px;position: relative; transition:all 0.3s;-moz-transition:all 0.3s; -webkit-transition:all 0.3s;} .dxqf_1_ul_icon{width: 70px; height: 70px; display: block; margin: 25px auto 20px auto;transition:all 0.3s;-moz-transition:all 0.3s; -webkit-transition:all 0.3s;} .dxqf_1_ul_icon_1{background: url(../wzjsstyle/img/tu_01_h.png);} .dxqf_1_ul_icon_2{background: url(../wzjsstyle/img/tu_02_h.png);} .dxqf_1_ul_icon_3{background: url(../wzjsstyle/img/tu_03_h.png);} .dxqf_1_ul_icon_4{background: url(../wzjsstyle/img/tu_04_h.png);} .dxqf_1_ul li a h3{border-bottom: 1px solid #ebebeb; line-height: 34px; text-align: center; font-size: 24px; padding-bottom: 15px;} .dxqf_1_ul li a p i{width: 30px;height: 30px; background: url(../wzjsstyle/img/pro_lix.jpg) no-repeat 8px 16px;display: inline-block;} .dxqf_1_ul li a .btn{color: #0092db;transition:all 0.3s;-moz-transition:all 0.3s; -webkit-transition:all 0.3s;position: absolute; bottom: 20px; left: 50%;transform: translateX(-50%); width: 125px;margin-bottom: 15px; height: 30px; border: 1px solid #ebebeb; background: #f5f5f5; display: block; border-radius: 20px; margin: 0 auto;} .dxqf_1_ul li a:hover{ border:1px solid #008bd0; border-top:2px solid #168fca;background:#008bd0; box-shadow: 0 0 8px #87c7e7;} .dxqf_1_ul li a:hover .dxqf_1_ul_icon_1{background: url(../wzjsstyle/img/tu_01.png);} .dxqf_1_ul li a:hover .dxqf_1_ul_icon_2{background: url(../wzjsstyle/img/tu_02.png);} .dxqf_1_ul li a:hover .dxqf_1_ul_icon_3{background: url(../wzjsstyle/img/tu_03.png);} .dxqf_1_ul li a:hover .dxqf_1_ul_icon_4{background: url(../wzjsstyle/img/tu_04.png);} .dxqf_1_ul li a:hover p i{background-image: url(../wzjsstyle/img/hhd.png);} .dxqf_1_ul li a:hover .btn{width: 150px;color: #000;} .dxqf_1_ul li a:hover h3{color: #fff;} .dxqf_1_ul li a:hover p{color: #fff;} .dxqf_2{padding-bottom: 60px; background-color: #f5f5f5;margin-top: 30px;} .dxqf_2 .dxqf_2_con_img img{width: 100%;} .dxqf_2 .dxqf_2_con_text p span.sp2{float: right;} .dxqf_2 .dxqf_2_con_text p span.sp3{color: #0074E1;} .dxqf_2 .dxqf_2_con_text h3{margin-bottom: 15px;} .dxqf_3_con_img img{width: 100%;} .dxqf_3_con_box{height: 288px;overflow: hidden;margin-bottom: 20px;} .dxqf_3_ul p{text-align: center} .dxqf_3_ul h3{text-align: center;margin-top: 15px;} .dxqf_3_ul li{padding-top: 15px;} .dxqf_4_ul li{padding: 30px 0; border-right: 1px solid #e8e8e8; transition: all 0.3s linear;border-bottom: 1px solid #E8E8E8;} .dxqf_4_ul li img{margin: auto;max-width: 100%;} .dxqf_4_ul li:hover{ box-shadow: 0 0px 10px rgba(71, 189, 244, 0.8); z-index: 2; position: relative; } @media only screen and (min-width: 100px) and (max-width: 991px) { .dxqf_3_con_box{height: auto;overflow: auto;} } /*appz制作*/ .app_2_ul li{margin-bottom: 20px;min-height: 310px;} .app_2_ul li p{font-size: 14px;} .app_2_ul ul li .h2{height: initial;} .app_3{background: url(../wzjsstyle/img/app3bj.png) no-repeat ; background-size: cover;padding-bottom: 80px;} .app_3_ul ul li{padding: 0;text-align: center; background: url(../wzjsstyle/img/app_fw_bj1.png) no-repeat;background-size: cover; height: 320px;position: relative;transition:all 0.3s;-moz-transition:all 0.3s; -webkit-transition:all 0.3s; } .app_3_ul ul li img{margin: auto;} .app_3_ul ul li .app_3_ul_li{position: absolute; top: 50%;left: 50%; transform: translate(-50%,-50%);color: #fff;} .app_3_ul ul li:nth-child(1){background-image: url(../wzjsstyle/img/app_fw_bj3.png);} .app_3_ul ul li:nth-child(2){background-image: url(../wzjsstyle/img/app_fw_bj6.png);} .app_3_ul ul li:nth-child(3){background-image: url(../wzjsstyle/img/app_fw_bj1.png);} .app_3_ul ul li:nth-child(4){background-image: url(../wzjsstyle/img/app_fw_bj4.png);} .app_3_ul ul li:nth-child(5){background-image: url(../wzjsstyle/img/app_fw_bj5.png);} .app_3_ul ul li:nth-child(6){background-image: url(../wzjsstyle/img/app_fw_bj2.png);} .app_3_ul ul li:hover{transform: scale(1.2);z-index: 2;box-shadow: 0 0px 10px rgba(71, 189, 244, 0.8); } .app_4_ul_li{width: 20%;float: left;text-align: center;height: 240px;border: 1px solid #dadada;position: relative;} .app_4_ul_li img{margin: auto;width: 75px;margin-bottom: 15px;} .app_4_ul_li>div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .app_4_ul_li>div h4{line-height: 44px;} .app_4_ul_li:hover >div{animation:appdiv .5s, 100ms;animation-iteration-count:2;} @keyframes appdiv { from{top: 40%;} } .app5_con{width: 100%;} .app5_con img{width: 100%;} /*客服*/ /* side */ .side{position:fixed;width:78px;right:0;top:50%; margin-top:-200px;z-index:100; border:1px solid #e0e0e0; background:#ffffff; border-bottom:0;} .side ul li{width:78px;height:78px;float:left;position:relative; border-bottom:1px solid #e0e0e0;color:#333; font-size:14px; line-height:38px; text-align:center;transition:all 0.3s; cursor:pointer;} .side ul li img{ } .side ul li:hover{background:#f67524; color:#fff;} .side ul li:hover a{ color:#fff;} .side ul li i{height:25px; margin-bottom:1px; display:block; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 25px; margin-top:14px;transition:all 0.3s;} .side ul li i.bgs1{ background-image:url(../wzjsstyle/css/img/right_pic5.png);} .side ul li i.bgs2{ background-image:url(../wzjsstyle/css/img/right_pic7.png);} .side ul li i.bgs3{ background-image:url(../wzjsstyle/css/img/right_pic2.png);} .side ul li i.bgs4{ background-image:url(../wzjsstyle/css/img/right_pic1.png);} .side ul li i.bgs5{ background-image:url(../wzjsstyle/css/img/right_pic3.png);} .side ul li i.bgs6{ background-image:url(../wzjsstyle/css/img/right_pic6_on.png);} .side ul li:hover i.bgs1{background-image:url(../wzjsstyle/css/img/right_pic5_on.png);} .side ul li:hover i.bgs2{background-image:url(../wzjsstyle/css/img/right_pic7_on.png);} .side ul li:hover i.bgs3{background-image:url(../wzjsstyle/css/img/right_pic2_on.png);} .side ul li:hover i.bgs4{background-image:url(../wzjsstyle/css/img/right_pic1_on.png);} .side ul li:hover i.bgs5{background-image:url(../wzjsstyle/css/img/right_pic3_on.png);} .side ul li:hover i.bgs6{} .side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all 0.3s;overflow:hidden;} .side ul li.sidetop{background:#f67524; color:#fff;} .side ul li.sidetop:hover{opacity:0.8;filter:Alpha(opacity=80);} .side ul li.sideewm .ewBox { width: 238px; display: none; color: #363636; text-align: center; padding-top: 235px; position: absolute; left: -240px; top: 0px; background-image: url('../wzjsstyle/css/img/leftewm.png'); background-repeat: no-repeat; background-position: center center; border:1px solid #e0e0e0; } .side ul li.sideetel .telBox { width: 240px; height:237px; display: none; color: #fff; text-align: left; position: absolute; left: -240px; top: -79px; background:#f67524; } .side ul li.sideetel .telBox dd{ display:block; height:118.5px; overflow:hidden; padding-left:82px; line-height:24px; font-size:18px;} .side ul li.sideetel .telBox dd span{ display:block; line-height:28px; height:28px; overflow:hidden; margin-top:32px; font-size:18px;} .side ul li.sideetel .telBox dd.bgs1{ background:url(../wzjsstyle/css/img/right_pic8.png) 28px center no-repeat; background-color:#e96410;} .side ul li.sideetel .telBox dd.bgs2{ background:url(../wzjsstyle/css/img/right_pic9.png) 28px center no-repeat;} @media screen and (max-width:1440px) { .side{width:62px; margin-top:-158px;} .side ul li{width:62px;height:62px;font-size:12px; line-height:30px;} .side ul li i{height:20px; background-size:auto 20px; margin-top:11px;} .side ul li.sideewm .ewBox { padding-top:187px; width:192px; left:-194px;} .side ul li.sideetel .telBox { height:189px;top: -63px;} .side ul li.sideetel .telBox dd{ height:94.5px; font-size:16px;} .side ul li.sideetel .telBox dd span{ margin-top:21px; font-size:16px;} /**/ } /*在线预约弹窗*/ .yuyueshow_warp_box{display: none; z-index:999; width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);position: fixed;left: 0;top: 0;bottom: 0;right: 0;} .yuyueshow_warp{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 500px;max-width: 99%; height: 500px;border: 1px solid #dadada;background: #fff;} .yuyueshow_warp .wx_yxgg_2_title{margin-top: 0;} .yuyueshow_warp .wx_yxgg_2_title h3{margin-bottom: 15px;} .yuyueshow_warp .yuyueshow_from{margin-top: 38px;height: initial;width: 100%;} .yuyueshow_warp .form-group{margin-bottom: 15px;display: block;} .yuyueshow_warp .form-group span{width: 20%;min-width: 20%;float: left;text-align: right;padding-right: 1%;line-height: 34px;} .yuyueshow_warp .form-group .form-control{width: 70%;min-width: 70%;float: left;} .yuyueshow_warp .form-group i{color: #FF5A1F;} .yuyueshow_warp .btn{margin: auto;margin-top: 25px;} .yuyueshow_warp .t{text-align: center;} .wx_yxgg_2_title p span{font-size: 18px ; color: #f67524;} #yuyueshow_warp_x{position: absolute;right: 0;width: 60px;height: 60px;z-index: 6;} #yuyueshow_warp_x i{font-size: 36px;font-weight: bold;color: #FF5A1F;} /*手机显示*/ .hui_sj_con_xq { width: 100%; margin: auto; padding-top: 60px; position: relative; } .sitestarphone_details_left { width: 100%; margin: 0 auto; max-width: 640px; } .sitestarphone_details_left .bg1 { background-image: url(../images/sitestarphone_img1.png); background-repeat: no-repeat; height: 117px; width: 100%; } .sitestarphone_details_left .bg2 { background-image: url(../images/sitestarphone_img2.png); background-repeat: repeat-y; background-size: cover; width: 100%; height: 900px; } .sitestarphone_details_left .bg2 .text { height: 900px; margin: 0 auto; width: 100%; box-sizing: border-box; padding: 0 53px; } .sitestarphone_details_left .bg3 { background-image: url(../images/sitestarphone_img3.png); background-repeat: no-repeat; height: 189px; width: 100%; } @media all and (min-width: 0) and (max-width: 767px) { .sitestarphone_details_left{width:400px} .sitestarphone_details_left .bg1{height:73px;} .sitestarphone_details_left .bg2{height:500px;} .sitestarphone_details_left .bg3{height:118px;} .sitestarphone_details_left .bg2 .text{height: 500px;padding: 0 36px;} .sitestarphone_details_left .bg1,.sitestarphone_details_left .bg3,.sitestarphone_details_left .bg2{background-size: cover;} #phone_article{display:block;} } .wzalxq_con1_box3 a{ width: initial; height: initial; display: inline-block;}