body,a,p{font-family: '微软雅黑';} .w_1000{width:1000px; margin:0 auto;} .clear{clear:both} .swiper-slide{background:none !important} /*****************首页***********************/ /*topbar*/ .top_bg{position:fixed; z-index:999; background:#333; background: rgba(0,0,0,0.8);top:0;} .top_bar{float:left; width:100%; height:44px;} .top_bar .logo{position:relative; z-index:5; float:left; width:150px; height:44px; margin:5px 0 2px 18px;} .logo img{display:block; width:80%;} .menu{float:left; height:30px; margin:7px 0 15px 30px;} .menu ul{float:left; height:100%;} .menu ul .nli{float:left; margin:0 50px; font-size:14px; transition:all .5s;} .menu ul .nli.none{transform:scale(0);} .menu ul .nli a{font-size: 12px;display:inline-block; color:#ddd; line-height:30px; transition:all .3s;} .menu ul .nli a:hover{opacity:0.68;} .search{float:right; width:30px; height:30px; margin:2px 15px 8px 0px;} .search > img{display:block; width:100%; cursor:pointer;} #search_box{display:none; position:fixed; z-index:2; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5);} #search_box .form1_box{position:absolute; z-index:2; left:50%; top:0; margin-left:-150px; width:680px; height:auto; overflow:hidden; transition:all .5s; opacity:0;} #search_box form{display:block; width:100%; height:30px; margin:5px 0; background:#1a1a1a} #search_box .form1_box.anima{margin-left:-300px; opacity:1;} .form1_box input{display:block; float:left; height:22px; margin:9px 0; border:none; line-height:40px; font-family:"Microsoft Yahei";} .form1_box .seatext{float:right; width:620px; padding:0 5px; font-size:15px; color:#999; background:none; outline:none;} .form1_box .seabtn{width:22px; height:22px; margin:9px 5px; outline:none;} .close_form{display:none; position:absolute; z-index:2; left:50%; top:0; width:30px; height:30px; margin-left:460px; margin-top:10px; cursor:pointer;} .close_form span{position:absolute; z-index:1; top:15px; right:3px; display:inline-block; width:22px; height:1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .close_form span::after, .close_form span::before{position: absolute; right: 0; top:-10px; display:inline-block; width:22px; height:1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background:#eee; } .close_form span::after{top:-8px;} .close_form span::before{top:8px;} .close_form.active span{background-color:transparent;} .close_form.active span::after {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:0px;} .close_form.active span::before {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:0px;} /*banner*/ .banner{float:left; width:100%; height:auto; margin-top:44px; overflow:hidden;} /* flexslider */ .flexslider{margin:0px auto;position:relative;width:100%;height:auto;overflow:hidden;zoom:1;} .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;} .flexslider .slides{zoom:1;} .flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block; position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;} .flex-direction-nav .flex-next{background-position:0 -90px;right:0;} .flex-direction-nav .flex-prev{left:0;} .flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);} .flex-control-nav{width:100%;position:absolute;bottom:15px;text-align:center;} .flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;} .flex-control-paging li a{background:#fff; display:block; width:5px; height:5px; border-radius:50%; overflow:hidden;text-indent:-99em; cursor:pointer;} .flex-control-paging li a.flex-active{background:#000;} .flexslider .slides li{width:100%; height:100%;} .flexslider .slides li .img{position:relative; display:block; width:100%; height:100%;} .flexslider .slides li .img img{display:block; width:100%;} .zh_box{ width:100%; height:100%; position:relative;} .zh_img{width:100%; height:100%; overflow:hidden;} .zh_tle{ width:100%; height:50px; position:absolute; left:0; bottom:0;background:rgba(0,0,0,0.5) none repeat scroll !important; /*实现FF背景透明，文字不透明*/ background:#000; filter:Alpha(opacity=50);/*实现IE背景透明*/ z-index:200; } .zh_tle h1{ font-size:14px; color:#ffff; padding-top:10px;} .flexslider .slides li .bann_txt{position:absolute; z-index:1; top:10px; left:50%; margin-left:-400px; width:800px; height:auto; text-align:center; color:#000;} .bann_txt span{display:inline-block; margin:15px 0; padding:5px 20px; font-size:16px line-height:52px; border:1px solid #000; border-radius:10px;} .bann_txt h3{margin-bottom:10px; font-size:42px; line-height:60px;} .bann_txt a{font-size:16px;} /*banner - end*/ /*首页图标*/ .m_icobox{float:left; width:100%; height:auto; overflow:hidden;} .ico_list{float:left; display:-webkit-flex; justify-content:space-between; display:flex; width:100%; height:auto; margin:32px 0; text-align:center;} .ico_list li{width:246px; margin:20px auto;} .ico_list li img{display:inline-block; width:25px; height:25px; margin-bottom:20px;} .ico_list li h3{margin-bottom:5px; font-size:21px; line-height:20px;} .ico_list li p{font-size:14px; line-height:20px;color: #555555} .m_icobox .m_more{float:left; width:100%; height:auto; margin:10px 0 60px; padding-top: 40px;text-align:center;} .m_icobox .m_more a{font-size:14px; color:#0071d0;} /*首页作品*/ .m_work{float:left; width:100%; height:auto;} .m_work .m_wlist{float:left; width:100%; min-width:1000px; display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between;} .m_wlist li{position:relative; -webkit-width:calc( 50% - 10px ); -moz-width:calc( 50% - 10px ); -ms-width:calc( 50% - 10px ); width:calc( 50% - 10px ); height:auto; margin:5px; overflow:hidden;} .m_wlist li img{display:inline-block; width:100%;} .m_wlist li .m_wtxt{position:absolute;} .m_work .m_more{float:left; width:100%; height:auto; margin:80px 0; text-align:center;} .m_work .m_more a{padding-right:25px; background:url(../image/m_morebg.png) no-repeat right center; font-size:16px; color:#0071d0;} /*首页瀑布流*/ .jq22 .hidden{ display: none;} .jq22{width:100%;height: auto;margin:50px auto;overflow: hidden;text-align: left;background:#fff;min-width:1000px} .jq22 ul.list{overflow: hidden;} .jq22 ul.list li{width:49%;/*height: 150px;*/margin:6px 0.66%;float: left;overflow: hidden;} .jq22 ul.list li:nth-of-type(2n){margin-left:0} .jq22 ul.list li img{width: 100%;height: 100%;} .jq22 ul.list p{text-align: center;padding: 10px;} .jq22 .more{overflow: hidden;padding:10px;text-align: center;margin-top:50px;color:#888888;font-size: 14px} .jq22 .more a{font-size:14px;display: block;/* width:100px; */padding:8px 0;color:#0070C9;margin:0 auto;text-align:center;border-radius:3px;} /*首页瀑布流*/ /*合作案例*/ .m_case{float:left; width:100%; max-height:585px; background:#f5f5f5;padding-bottom:70px;margin-bottom:10px;overflow: hidden;} .m_case .mcase_tit{margin:50px; font-size:25px; text-align:center; line-height:50px;} /*.m_case .case_list{width:100%;} .m_case .case_list ul li{width:32.8%;float:left;margin:0 0.25%;} .m_case .case_list ul li:nth-of-type(3n){} .m_case .case_list ul li img{max-width:100%} */ #box{position: relative;width:100%;min-height:200px;margin:0px auto;float:left} #box ul:after{content: "";display: block;clear:both;width:0;height: 0;} li{list-style:none;} #box #img{width:100%;min-height: 200px;position: relative;} #box #img p{position: absolute;top:0;left:0;width:100%;min-height:200px;font-size: 40px;text-align: center;display: none;background:#f4f4f4;color:blue;} #box #img p.show{display: block;} #box #img p a{width:32.5%;margin:0 0.25%;display:block;float:left;} #box #img p a img{max-width:100%} #box #list {width:100px;height:30px;line-height: 30px;color:#333;position: absolute;bottom:0;left:200px;} #box #list p{float:left;;background:green;width:10px;height:10px;text-align: center;line-height: 30px;font-size: 12px;border-radius:50%;margin:0 7px} #box #list p.active{background:blue;color:#fff;} #box .control{position: absolute;top:-100px;display: block;width:30px;height:50px;text-align: center;line-height: 50px;/*background:#666;color:#fff;*/} #box #prev{left:55px;} #box #next{right:55px;} /*首页服务客户*/ .friLink{width:100%;float:left;background-color:#FAFAFA;padding-bottom:80px;margin-bottom:10px} .friLink .mcase_tit{margin:50px; font-size:25px; text-align:center; line-height:50px;} .friLink .friCon{/* width:960px; */margin:0 auto; text-align: center;} .friLink .friCon li{width:85px;float:left;margin:2px} .friLink .friCon li img{max-width:100%} /*底部*/ .bottom{width:100%;background-color:#F2F2F2;overflow:hidden;height:360px;padding:40px auto;font-size:12px;} .bottom .botCon{width:960px;margin:70px auto} .bottom .botCon .top{margin:40px auto} .bottom .botCon .top .left{width:300px;float:left;margin-top:7px;} .bottom .botCon .top .left .img{/* float:left; */width:85px;margin-bottom:10px;} /* .bottom .botCon .top .left .img img{width:60px} */ .bottom .botCon .top .left .word{float:left} .bottom .botCon .top .left .word p{height:30px;line-height:30px} .bottom .botCon .top .left .word p:nth-of-type(1) img{width:20px;margin:0 5px;cursor:pointer} .bottom .botCon .top .left .word p:nth-of-type(2) img{width:20px;margin-right:5px} .bottom .botCon .top .right{width:650px;float:left} .bottom .botCon .top .right ul{width: 33%;float:left;} .bottom .botCon .top .right ul p{color:#333333;height:30px;line-height:30px;font-weight: 600} .bottom .botCon .top .right ul li{height:28px;line-height:28px;} .bottom .botCon .top .right ul li a{color:#555555} .bottom .botCon .bot{width: 960px;height:70px;margin:80px auto;margin-bottom:20px;color:#888888} .bottom .botCon .bot .line{height:36px;line-height:36px;border-bottom:1px solid #DEDEDE;font-size: 12px;} .bottom .botCon .bot ul li{float:left;padding:5px 15px 2px 0px} .bottom .botCon .bot ul li:first-child{padding-left:0px; }; .bottom .botCon .bot ul li a{color:#888888;font-size:12px;} .bottom .botCon .bot ul li:hover a,.bottom .botCon .bot ul li.current a{color:#555555} @media screen and (min-width:1300px) and (max-width:1400px) { .m_case{height:450px} } @media screen and (min-width:1400px) and (max-width:1600px) { .m_case{height:500px} } @media screen and (min-width:1600px){ .m_case{height:550px} } /*****************首页***********************/ /***************艺术家开始********************/ .ysj{width:100%;float:left;margin:20px 0} .ysj .title{height:80px;line-height:80px;width:300px;margin:0 auto;font-size:14px;color:#888888;text-align:center} .ysj .title a{color:#888888} .ysj .title a.current,.ysj .title a:hover{color:#000000} /*瀑布流*/ .jq23 .hidden{ display: none;} .jq23{width:960px;height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;} .jq23 ul.list{overflow: hidden;font-size:14px} .jq23 ul.list dl{width: 300px;height: 280px;margin:5px 8px;float: left;overflow: hidden;} .jq23 ul.list dl img{width: 100%;height: 100%;} .jq23 ul.list dl dd{height:30px;line-height:30px} .jq23 ul.list dl dd>a{float:left;color:#040404} .jq23 ul.list dl dd span{float:right;color:#888888} .jq23 ul.list dl dd span a{color:#f00} .jq23 ul.list p{text-align: center;padding: 10px;} .jq23 .more{overflow: hidden;padding:60px 50px 80px 50px;text-align: center;color:#888888;font-size: 14px} .jq23 .more a{font-size: 14px;display: block;/* width:150px; */padding:8px 0;color:#0070C9;margin:0 auto;text-align:center;border-radius:3px;} .jq23 ul.list dl img:hover{filter:brightness(.5);transition: all 0.2s ease-in-out 0s; } /*回到顶部*/ .back_to_top{ position: fixed; bottom:30px; right: 30px; border:1px solid #E3E3E3; height:30px;width:30px; } .back_to_top img{max-width:100%;} /*回到顶部*/ /************艺术家结束*****************/ /******************案例******************/ .al{width:100%;float:left;margin:20px 0} .al .title{height:80px;line-height:80px;width:300px;margin:0 auto;font-size:14px;color:#888888;text-align:center} .al .title a{color:#888888} .al .title a.current,.al .title a:hover{color:#000000} /*瀑布流*/ .jq24 .hidden{ display: none;} .jq24{width: 960px;height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;} .jq24 ul.list{overflow: hidden;} .jq24 ul.list dl{width:300px;height: 300px;margin:5px 8px;float: left;overflow: hidden;} .jq24 ul.list dl img{width: 100%;height: 100%;} .jq24 ul.list dl img:hover{filter:brightness(.5);transition: all 0.2s ease-in-out 0s;} .jq24 ul.list dl dd{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:24px; line-height:24px; padding:5px 0; } .jq24 ul.list dl dd a{color:#000000;font-size:14px} .jq24 ul.list dl p{ text-align: left; font-size:12px; color:#888888; height:65px; line-height:22px; } .jq24 ul.list dl p a{color: #069; text-decoration: none; transition: border 0.1s linear 0s, color 0.1s linear 0s, background-color 0.1s linear 0s;} .jq24 ul.list dl p a:hover{color:#3EAF36} .jq24 .more{overflow: hidden;padding:60px 50px 80px 50px;text-align: center;color:#888888;font-size: 14px} .jq24 .more a{ font-size: 14px; display: block; /* width: 150px; */ padding: 8px 0; color: #0070C9; margin: 0 auto; text-align: center; border-radius: 3px;} .jq24 .more a:hover{text-decoration: none;} /*瀑布流*/ /******************案例*******************/ /****************艺术家-主页********************/ body,html{height:100%} .download{width:100%;height:100%;position:relative;} .download h2{position:absolute;bottom:20%;z-index:99;width:100%;text-align:center;font-size:35px;color:#fff} .download .down{position:absolute;bottom:10%;width:100%;text-align:center;z-index:99} .download .share{position:absolute;bottom:8%;z-index:9;right:2%} .download .share a{width:16px;float:left;margin:0 5px;height:16px;position:relative;display:block} .download .share a img{width:16px;position:absolute;top:0;left:0} .download .share a img.img2{display:none} .download .share a:hover img.img1{display:none} .download .share a:hover img.img2{display:block;} /*瀑布流*/ .jq25 .hidden{ display: none;} .jq25{width: 980px;height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:30px 0 0 0;} .jq25 ul.list{overflow: hidden;} .jq25 ul.list dl{width: 300px;height: 356px;margin:0px 13px 26px 13px;float: left;overflow: hidden;} .jq25 ul.list dl img{width: 100%;height: 100%;} .jq25 ul.list dl img:hover{filter:brightness(.5);transition: all 0.2s ease-in-out 0s;} .jq25 ul.list dl dd{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;height:30px;line-height:30px;margin-top:10px;} .jq25 ul.list dl dd a{color:#000000;font-size:14px} .jq25 ul.list dl p{text-align: left;/* padding:5px 0; */font-size:12px;color:#888888;line-height:22px;} .jq25 .more{overflow: hidden;padding:60px 50px 80px 50px;text-align: center;color:#888888;font-size: 14px} .jq25 .more a{font-size: 14px; display: block;/* width:100px; */padding:8px 0;color:#0070C9;margin:0 auto;text-align:center;border-radius:3px;} /*瀑布流*/ .ysjzy{width:100%;float:left;margin:10px 0 80px 0} .ysjzy .touXiang{width:800px;text-align: center;margin:100px auto} .ysjzy .touXiang .img{width:150px;height:150px;border:1px solid #fff;border-radius:50%;overflow:hidden;margin:0 auto} .ysjzy .touXiang .img img{max-width:100%} .ysjzy .touXiang h2{font-size:30px;margin:10px auto} .ysjzy .touXiang p{margin:10px auto;color:#929292;font-size:12px;} .ysjzy .touXiang p a{color:#929292} .ysjzy .touXiang p span{padding:0 10px} .ysjzy .topLine{width:960px;margin:0 auto;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;height:42px;line-height:42px;text-align:center;font-size:14px;color:#bfbdb8} .ysjzy .topLine a{color:#bfbdb8} .ysjzy .topLine a.current{color:#2C2B2A} .ysjzy .topLine a:hover{color:#2C2B2A} .ysjzy .topLine span{margin:0 10px} /****************艺术家-主页********************/ /****************艺术家-简介********************/ .ysjjj{width:100%;float:left;margin:10px 0 80px 0} .ysjjj .touXiang{width:800px;text-align: center;margin:100px auto} .ysjjj .touXiang .img{width:150px;height:150px;border:1px solid #fff;border-radius:50%;overflow:hidden;margin:0 auto} .ysjjj .touXiang .img img{max-width:100%} .ysjjj .touXiang h2{font-size:30px;margin:10px auto} .ysjjj .touXiang p{margin:10px auto;color:#929292;font-size:12px;} .ysjjj .touXiang p a{color:#929292} .ysjjj .touXiang p span{padding:0 10px} .ysjjj .topLine{width:800px;margin:0 auto;border-top:2px solid #E4E4E4;border-bottom:2px solid #E4E4E4;height:42px;line-height:42px;text-align:center;font-size:14px;color:#bfbdb8} .ysjjj .topLine a{color:#bfbdb8} .ysjjj .topLine a.current{color:#2C2B2A} .ysjjj .topLine a:hover{color:#3EAF36} .ysjjj .topLine span{margin:0 10px} .ysjjj .jianj{width:960px;margin:0 auto;padding-top:70px;font-size: 14px;color:#2C2B2A} .ysjjj .jianj p{margin-bottom:30px} /****************艺术家-简介********************/ /****************艺术家-作品集********************/ /*瀑布流*/ .jq26 .hidden{ display: none;} .jq26{width: 990px;height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;} .jq26 ul.list{overflow: hidden;padding:20px 5px} .jq26 ul.list dl{width: 300px;height: 520px;margin:0 13px 26px 13px;float: left;overflow: hidden;background-color:#F2F2F0;text-align:center} .jq26 ul.list dl img{width: 100%;height: 100%;} .jq26 ul.list dl img:hover{filter:brightness(.5);transition: all 0.2s ease-in-out 0s;} .jq26 ul.list dl dd{height:30px;line-height:30px;margin-top: 30px;} .jq26 ul.list dl dd a{color:#000000;font-size:14px} .jq26 ul.list dl dd a:hover{color:#3EAF36} .jq26 ul.list dl p{padding:5px 0;font-size:14px;color:#888888;} .jq26 .more{overflow: hidden;padding:60px 50px 80px 50px;text-align: center;color:#888888;font-size: 14px} .jq26 .more a{font-size: 14px; display: block;/* width:100px; */padding:8px 0;color:#0070C9;margin:0 auto;text-align:center;border-radius:3px;} /*瀑布流*/ .ysjzpj{width:100%;float:left;margin:10px 0 80px 0} .ysjzpj .touXiang{width:800px;text-align: center;margin:100px auto} .ysjzpj .touXiang .img{width:150px;height:150px;border:1px solid #fff;border-radius:50%;overflow:hidden;margin:0 auto} .ysjzpj .touXiang .img img{max-width:100%} .ysjzpj .touXiang h2{font-size:30px;margin:10px auto} .ysjzpj .touXiang p{margin:10px auto;color:#929292;font-size:12px;} .ysjzpj .touXiang p a{color:#929292} .ysjzpj .touXiang p span{padding:0 10px} .ysjzpj .topLine{width:960px;margin:0 auto;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;height:42px;line-height:42px;text-align:center;font-size:14px;color:#bfbdb8} .ysjzpj .topLine a{color:#bfbdb8} .ysjzpj .topLine a.current{color:#2C2B2A} .ysjzpj .topLine a:hover{color:#2C2B2A} .ysjzpj .topLine span{margin:0 10px} /****************艺术家-作品集********************/ /****************艺术家-作品集-01********************/ /*瀑布流*/ .jq27 .hidden{ display: none;} .jq27{width:980px;height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;} .jq27 ul.list{overflow: hidden;} .jq27 ul.list dl{width:300px;height: 360px;margin:0px 13px 26px 13px;float: left;overflow: hidden;} .jq27 ul.list dl img{width: 100%;height: 100%;} .jq27 ul.list dl img:hover{filter:brightness(.5);transition: all 0.2s ease-in-out 0s;} .jq27 ul.list dl dd{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;height:30px;line-height:30px;} .jq27 ul.list dl dd a{color:#000000;font-size:14px} .jq27 ul.list dl p{text-align: left;padding:5px 0;font-size:14px;color:#888888;} .jq27 .more{overflow: hidden;padding:60px 50px 80px 50px;text-align: center;color:#888888;font-size: 14px} .jq27 .more a{font-size: 14px; display: block;/* width:100px; */padding:8px 0;color:#0070C9;margin:0 auto;text-align:center;border-radius:3px;} /*瀑布流*/ .ysjzpjyi{width:100%;float:left;margin:10px 0 80px 0} .ysjzpjyi .touXiang{width:800px;text-align: center;margin:100px auto} .ysjzpjyi .touXiang .img{width:150px;height:150px;border:1px solid #fff;border-radius:50%;overflow:hidden;margin:0 auto} .ysjzpjyi .touXiang .img img{max-width:100%} .ysjzpjyi .touXiang h2{font-size:30px;margin:10px auto} .ysjzpjyi .touXiang p{margin:10px auto;color:#929292;font-size:12px;} .ysjzpjyi .touXiang p a{color:#929292} .ysjzpjyi .touXiang p span{padding:0 10px} .ysjzpjyi .topLine{width:960px;margin:0 auto;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;height:42px;line-height:42px;text-align:center;font-size:14px;color:#bfbdb8} .ysjzpjyi .topLine a{color:#bfbdb8} .ysjzpjyi .topLine a.current{color:#2C2B2A} .ysjzpjyi .topLine a:hover{color:#2C2B2A} .ysjzpjyi .topLine span{margin:0 10px} .ysjzpjyi .zpjyi{position:relative;width:960px;margin:30px auto;border:1px solid #DEDEDE} .ysjzpjyi .zpjyi .left{margin:30px 0 30px 34px} .ysjzpjyi .zpjyi .left .leftImg{width:75px;height:100px;float: left;margin-right: 10px;overflow: hidden;cursor: pointer;background-size: cover;} .ysjzpjyi .zpjyi .left .leftImg img{max-width:100%} .ysjzpjyi .zpjyi .left .leftWord{width: 250px;display: inline-block;float: left;height: 100px} .ysjzpjyi .zpjyi .left .leftWord h3 a{font-size:18px;color:#2C2B2A;} .ysjzpjyi .zpjyi .left .leftWord h3 a:hover{color:#3EAF36} .ysjzpjyi .zpjyi .left .leftWord p{font-size: 12px;color: #bfbdb8;line-height: 24px;} .ysjzpjyi .zpjyi .share{position:absolute;top:20px;z-index:9;right:2%} .ysjzpjyi .zpjyi .share span{float:left;font-size: 14px;padding-right: 5px;color: #888888;} .ysjzpjyi .zpjyi .share a{width:16px;float:left;margin:0 1px;height:16px;position:relative;display:block} .ysjzpjyi .zpjyi .share a img{width:16px;position:absolute;top:0;left:0} .ysjzpjyi .zpjyi .share a img.img2{display:none} .ysjzpjyi .zpjyi .share a:hover img.img1{display:none} .ysjzpjyi .zpjyi .share a:hover img.img2{display:block;} /****************艺术家-作品集-01********************/ /******************艺术家-案例******************/ .ysjal{width:100%;float:left;margin:80px 0} .ysjal .touXiang{width:800px;text-align: center;margin:100px auto} .ysjal .touXiang .img{width:150px;height:150px;border:1px solid #fff;border-radius:50%;overflow:hidden;margin:0 auto} .ysjal .touXiang .img img{max-width:100%} .ysjal .touXiang h2{font-size:30px;margin:10px auto} .ysjal .touXiang p{margin:10px auto;color:#929292;font-size:12px;} .ysjal .touXiang p a{color:#929292} .ysjal .touXiang p span{padding:0 10px} .ysjal .topLine{width:800px;margin:0 auto;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;height:42px;line-height:42px;text-align:center;font-size:14px;color:#bfbdb8} .ysjal .topLine a{color:#bfbdb8} .ysjal .topLine a.current{color:#2C2B2A} .ysjal .topLine a:hover{color:#3EAF36} .ysjal .topLine span{margin:0 10px} /*瀑布流*/ .jq28 .hidden{ display: none;} .jq28{width:960px;height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;} .jq28 ul.list{overflow: hidden;padding:20px 5px } .jq28 ul.list dl{width:300px;height: 350px;margin:5px 8px;float: left;overflow: hidden;} .jq28 ul.list dl img{width: 100%;height: 100%;} .jq28 ul.list dl dd{margin-top:10px;} .jq28 ul.list dl img:hover{filter:brightness(.5);transition: all 0.2s ease-in-out 0s;} .jq28 ul.list dl dd{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .jq28 ul.list dl dd a{color:#000000;font-size:14px} .jq28 ul.list dl p{text-align: left;padding-top:5px;font-size:12px;color:#888888;height:88px;line-height:22px;} .jq28 ul.list dl p a{color: #069;text-decoration: none;transition: border 0.1s linear 0s, color 0.1s linear 0s, background-color 0.1s linear 0s;} .jq28 ul.list dl p a:hover{color:#3EAF36} .jq28 .more{overflow: hidden;padding:60px 50px 80px 50px;text-align: center;color:#888888;font-size: 14px} .jq28 .more a{font-size: 14px; display: block;/* width: 100px; */padding: 8px 0;color: #0070C9;margin: 0 auto;text-align: center;border-radius: 3px;} .jq28 .more a:hover{text-decoration: none;} /*瀑布流*/ /******************艺术家-案例*******************/ /******************艺术家-文章******************/ .ysjwz{width:100%;float:left;margin:80px 0} .ysjwz .touXiang{width:800px;text-align: center;margin:100px auto} .ysjwz .touXiang .img{width:150px;height:150px;border:1px solid #fff;border-radius:50%;overflow:hidden;margin:0 auto} .ysjwz .touXiang .img img{max-width:100%} .ysjwz .touXiang h2{font-size:30px;margin:10px auto} .ysjwz .touXiang p{margin:10px auto;color:#929292;font-size:12px;} .ysjwz .touXiang p a{color:#929292} .ysjwz .touXiang p span{padding:0 10px} .ysjwz .topLine{width:800px;margin:0 auto;border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;height:42px;line-height:42px;text-align:center;font-size:14px;color:#bfbdb8} .ysjwz .topLine a{color:#bfbdb8} .ysjwz .topLine a.current{color:#2C2B2A} .ysjwz .topLine a:hover{color:#3EAF36} .ysjwz .topLine span{margin:0 10px} /*瀑布流*/ .jq29 .hidden{ display: none;} .jq29{width: 800px;height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;} .jq29 ul.list{overflow: hidden;} .jq29 ul.list dl{width: 250px;height: 320px;margin:5px 8px;float: left;overflow: hidden;} .jq29 ul.list dl img{width: 100%;height: 100%;} .jq29 ul.list dl img:hover{filter:brightness(.5);transition: all 0.2s ease-in-out 0s;} .jq29 ul.list dl dd{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .jq29 ul.list dl dd a{color:#000000;font-size:14px} .jq29 ul.list dl p{text-align: left;padding:10px;font-size:12px;color:#888888;height:65px;} .jq29 ul.list dl p a{color: #069;text-decoration: none;transition: border 0.1s linear 0s, color 0.1s linear 0s, background-color 0.1s linear 0s;} .jq29 ul.list dl p a:hover{color:#3EAF36} .jq29 .more{overflow: hidden;padding:60px 50px 80px 50px;text-align: center;color:#888888;font-size: 14px} .jq29 .more a{font-size: 14px; display: block;/* width: 100px; */padding: 8px 0;color: #0070C9;margin: 0 auto;text-align: center;border-radius: 3px;} .jq29 .more a:hover{text-decoration: none;} /*瀑布流*/ /******************艺术家-文章*******************/ /******************案例-详情页*新闻-详情页*文章-详情页****************/ .alDeta{width:100%;float:left;margin:80px 0;} .alDeta .title{width:640px;margin:0 auto;font-size:36px;white-space: inherit;text-align: center;} .alDeta .topLine{width:800px;margin:40px auto;border-top:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;height:42px;line-height:42px} .alDeta .topLine .lineCon{width:640px;margin:0 auto;position:relative} .alDeta .topLine .lineCon .left{float:left} .alDeta .topLine .share{width:200px;position:absolute;top:15px;z-index:9;right:0} .alDeta .topLine .share span{float:left;font-size: 14px;padding-right: 5px;color: #888888;margin-top:-15px} .alDeta .topLine .share a{width:16px;float:left;margin:0 5px;height:16px;position:relative;display:block} .alDeta .topLine .share a img{width:16px;position:absolute;top:0;left:0} .alDeta .topLine .share a img.img2{display:none} .alDeta .topLine .share a:hover img.img1{display:none} .alDeta .topLine .share a:hover img.img2{display:block;} .alDeta .content{width:640px;margin:0 auto} .alDeta .content p{margin-bottom:18px;font-size:13px} .alDeta .content p img{max-width: 100%;} .alDeta .content p.line{border-top:2px solid #BEBEBE;padding-top:5px} .alDeta .content p.center{text-align:center;color:#7C7C7C} .alDeta .content p.qingxie{font-style: initial;} .alDeta .alMore{width:980px;margin:40px auto} .alDeta .alMore h2{text-align:center;height:42px;line-height:42px;font-size:24px;margin:20px auto} .alDeta .alMore .list{overflow: hidden;} .alDeta .alMore .list dl{width:300px;height: 300px;margin:5px 8px;float: left;overflow: hidden;} .alDeta .alMore .list dl img{width: 100%;height: 100%;} .alDeta .alMore .list dl img:hover{filter:brightness(.5);transition: all 0.2s ease-in-out 0s;} /* .alDeta .alMore .list dl dd{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .alDeta .alMore .list dl dd a{color:#000000;font-size:14px} .alDeta .alMore .list dl p{text-align: left;padding-top:10px;font-size:12px;color:#888888;height:65px;} .alDeta .alMore .list dl p a{color: #069;text-decoration: none;transition: border 0.1s linear 0s, color 0.1s linear 0s, background-color 0.1s linear 0s;} .alDeta .alMore .list dl p a:hover{color:#3EAF36} */ .alDeta .alMore .list dl dd{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; height:24px; line-height:24px; padding:5px 0; } .alDeta .alMore .list dl dd a{color:#000000;font-size:14px} .alDeta .alMore .list dl p{ text-align: left; font-size:12px; color:#888888; height:65px; line-height:22px; } .alDeta .alMore .list dl p a{color: #069;text-decoration: none;transition: border 0.1s linear 0s, color 0.1s linear 0s, background-color 0.1s linear 0s;} .alDeta .alMore .list dl p a:hover{color:#3EAF36} /****************案例-详情页*新闻-详情页*文章-详情页*****************/ /******************工作机会*如何购买*合作咨询*联系我们****************/ .gzjh{width:100%;float:left;margin:0 auto;} .gzjh .content{width:800px;margin:44px auto} .gzjh .content .titleTop{height:40px;line-height:40px;margin-top:5px;} .gzjh .content .titleTop h3{float:left;line-height:40px;} .gzjh .content .titleTop p{float:right;text-align:right;font-size:12px;color:#888888} .gzjh .content h2.line{border-top:1px solid #E3E3E3;border-bottom:1px solid #E3E3E3;height:160px;line-height:160px;text-align:center;font-size:30px} .gzjh .content .conCenter{text-align:center;margin:40px auto} .gzjh .content .conCenter h2{margin:20px auto;font-size:30px} .gzjh .content .conCenter p{font-size:14px;color:#333333;/* height:24px; */line-height:24px} .gzjh .content .conCenter p a{color:#0070C9} .gzjh .content .zxns{margin:20px auto} .gzjh .content .zxns h2{font-size: 30px;margin:20px auto} .gzjh .content .zxns div{margin-bottom:40px} .gzjh .content .zxns div h3{font-size:20px;margin-bottom:10px} .gzjh .content .zxns div p{font-size:14px;height:24px;line-height:24px;} /******************工作机会*如何购买*合作咨询*联系我们****************/ /******************网站地图****************/ .gzjh .content .ditu{border-top:1px solid #E3E3E3;padding:40px 0;overflow: hidden;} .gzjh .content .ditu div{width:200px;float:left;} .gzjh .content .ditu div h3{font-size: 16px;height:30px;line-height:30px;} .gzjh .content .ditu div p{font-size: 14px;color:#404040;height:30px;line-height:30px;} .gzjh .content .ziyuan{border-top:1px solid #E3E3E3;padding:40px 0;overflow: hidden;} .gzjh .content .ziyuan div{width:160px;float:left;} .gzjh .content .ziyuan h2{font-size:30px;margin-bottom:20px} .gzjh .content .ziyuan div p{font-size: 14px;color:#404040;height:30px;line-height:30px;} /******************网站地图****************/ /*****************关于野牛******************/ .gyyn{width:100%;margin-top:44px;} .gyyn div{width:100%;text-align: center;} .gyyn div img{max-width:100%} .gzjh .content .zxns div.moxing img{max-width:100%} /*****************关于野牛******************/ /****************艺术家-作品集-02********************/ /*瀑布流*/ .jq30 .hidden{ display: none;} .jq30{width:980px;height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;} .jq30 ul.list{overflow: hidden;} .jq30 ul.list dl{width:300px;height:360px;margin: 0px 13px 26px 13px;float: left;overflow: hidden;} .jq30 ul.list dl img{width: 100%;height: 100%;} .jq30 ul.list dl img:hover{filter:brightness(.5);transition: all 0.2s ease-in-out 0s;} .jq30 ul.list dl dd{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;height:30px;line-height:30px;} .jq30 ul.list dl dd a{color:#000000;font-size:14px} .jq30 ul.list dl p{text-align: left;padding:5px 0;font-size:14px;color:#888888;} .jq30 .more{overflow: hidden;padding:60px 50px 80px 50px;text-align: center;color:#888888;font-size: 14px} .jq30 .more a{font-size: 14px; display: block;/* width:100px; */padding:8px 0;color:#0070C9;margin:0 auto;text-align:center;border-radius:3px;} /*瀑布流*/ .ysjzpjer{width:100%;float:left;margin:10px 0 80px 0;position:relative} .ysjzpjer .leftJian{position: fixed;top: 50%;left: 4%;margin-top: -22px;z-index: 30;} .ysjzpjer .rightJian{position: fixed;top: 50%;right: 4%;margin-top: -22px;z-index: 30;} .ysjzpjer .seeMore{height:100px;line-height:100px;border-top:1px solid #DEDEDE;width:960px;margin:0 auto;text-align:center;font-size:24px;font-weight: 600;} .ysjzpjer .zpjerCon{width:750px;margin:40px auto;} .ysjzpjer .zpjerCon .topQie{width:750px;height:600px;/*overflow:hidden;*/margin-bottom:40px;background-color:#E8E8E8;position:relative} .ysjzpjer .zpjerCon .topQie .posiImg{width:750px;text-align:center} .ysjzpjer .zpjerCon .topQie .posiImg img{max-width:100%;cursor:url('../image/fang.png'),auto;} .ysjzpjer .zpjerCon .topQie .dji{width:750px;height: 70px;position: absolute;z-index: 999;bottom: 0;background: #000;} .ysjzpjer .zpjerCon .topQie p{float: left;height: 40px;margin: 14px 0 0 15px;position: relative;width: 40px; background: url(../image/nav-order.png) center no-repeat;} .ysjzpjer .zpjerCon .topQie p span.qian{color: #8C8C8C;font-family: Georgia;font-size: 16px;font-weight: bold;position: absolute;right: 22px;top: 0;} .ysjzpjer .zpjerCon .topQie p span.hou{bottom: 0;color: #5B5B5B;left: 25px;position: absolute;} .ysjzpjer .zpjerCon .topQie .qieImg{width: 560px;height: 56px;float: left;margin: 8px 0 0 16px;} .ysjzpjer .zpjerCon .topQie .qieImg span{width: 56px;height: 56px;float: left;margin-left: 4px;position: relative;overflow: hidden;display:block} .ysjzpjer .zpjerCon .topQie .qieImg span img{max-width:100%} .ysjzpjer .zpjerCon .topQie .qieImg span.on{border: 3px solid #fff;width: 55px;height: 55px;box-sizing: border-box;} .ysjzpjer .zpjerCon .info{position:relative} .ysjzpjer .zpjerCon .info .left{float:left} .ysjzpjer .zpjerCon .info .left .name .img{width:32px;height:32px;border-radius:50%;overflow:hidden;float:left;margin-right:10px} .ysjzpjer .zpjerCon .info .left .name .img img{max-width:100%} .ysjzpjer .zpjerCon .info .left .name .word{color:#0070C9;padding-top:10px} .ysjzpjer .zpjerCon .info .left p{height:60px;line-height:60px;color:#929292} .ysjzpjer .zpjerCon .info .right{position:absolute;top:10%;z-index:9;right:2%} .ysjzpjer .zpjerCon .info .right span{float:left;font-size:14px;line-height:14px;} .ysjzpjer .zpjerCon .info .right a{width:16px;float:left;margin:0 5px;height:16px;position:relative;display:block} .ysjzpjer .zpjerCon .info .right a img{width:16px;position:absolute;top:0;left:0} .ysjzpjer .zpjerCon .info .right a img.img2{display:none} .ysjzpjer .zpjerCon .info .right a:hover img.img1{display:none} .ysjzpjer .zpjerCon .info .right a:hover img.img2{display:block;} /****************艺术家-作品集-02********************/ /*二维码*/ .bottom .botCon .top .left .word p{position:relative} .erweima{position:absolute;width:100px !important;height:100px;top:-100px;right:45px;display:none} /*二维码*/ /*艺术家主页黑色背景*/ .heimu{position: absolute; left: 0; z-index: 1; width: 100%; height: 100%; bottom: 0; background:url(../image/downbg.png) repeat-x left bottom;} /*艺术家主页黑色背景*/