a:active { outline: none; star: expression(this.onFocus=this.blur()); } a:hover {color:black} a:before{color:black} a {color:black;} * { margin: 0; padding: 0; list-style: none; outline: none; word-wrap: break-word; } img { border: none; } table { table-layout: fixed; border-collapse: collapse; } a { text-decoration: none; } .fb { font-weight: bold; } body { font-size: 12px; font-family: Helvetica, "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; } body, html { overflow-x: hidden; -webkit-text-size-adjust: none; } input { -webkit-appearance: none; } ::-moz-selection { background: #e60012; color: #fff; text-shadow: none; } ::selection { background: #e60012; color: #fff; text-shadow: none; } .welcome { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: #fcfcfc; z-index: 99; } .welcome .text { width: 200px; height: 200px; color: #acacac; font-size: 14px; text-align: center; margin: -130px 0 0 -100px; position: absolute; left: 50%; top: 50%; transition: 1500ms; } .welcome .logo-big { width: 230px; } .welcome .p1 { margin: 10px 0 5px 0; font-size: 30px; color: #2a2a2a; font-family: "fontlogo"; } .welcome .p2 { font-size: 15px; color: #acacac; font-family: "antoniolight"; } .welcome .loadLine { width: 100%; height: 8px; background: #dddddd; } .welcome .lineCur { width: 0; height: 100%; background: #e60012; transition: 100ms; } .head { width: 100%; height: 100px; background: url(/web/20180825235427im_/http://ent-seven.com/images/headBg2.png) repeat; border-bottom: 1px solid #ededed; position: fixed; left: 0; top: -100px; z-index: 10; transition: 400ms; } #headShow { top: 0; } .head .logo { width: 395px; float: left; margin: 10px 0 0 30px; transition: 400ms; } .head .logo img { width: 150px; margin: 0px 8px 0 0; float: left; transition: 400ms; } .head .logo .p1 { margin: 10px 0 0 0; font-size: 30px; color: #2a2a2a; font-family: "微软雅黑"; transition: 400ms; } .head .logo .p2 { font-size: 14px; color: #acacac; font-family: "微软雅黑"; transition: 400ms; } .nav { margin: 35px 120px 0 0; float: right; transition: margin 400ms; position: relative; left: 0; } .nav ul { } .nav li { width: 94px; height: 29px; line-height: 29px; text-align: center; text-transform: uppercase; font-size: 18px; float: left; position: relative; } .nav .tBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; } .nav li a { width: 100%; height: 100%; color: #6b6b6b; } .nav li .bg { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2); transition: 400ms; width: 100%; height: 100%; background: url(/web/20180825235427im_/http://ent-seven.com/images/navCur.png) no-repeat center; } .nav li .t1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; } .nav li .t2 { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; color: #e60012; font-size: 15px; position: absolute; left: 0; top: 20px; transition: 400ms; } .nav li:hover .bg, .nav .cur .bg { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); } .nav .cur .t1, .nav li:hover .t1 { top: -15px; opacity: 0; filter: alpha(opacity=0); } .nav .cur .t2, .nav li:hover .t2 { top: 0; opacity: 1; filter: alpha(opacity=100); } .navBtn { } .navM { display: none; } .navBtn2 { width: 50px; height: 50px; background: url(/web/20180825235427im_/http://ent-seven.com/images/navBtn.png) no-repeat center; position: absolute; right: 30px; top: 22px; transition: -webkit-transform 300ms,transform 300ms,top 400ms; } .navShow { -webkit-transform: rotate(-90deg); } /*//20160617*/ .nav .newsli { width: 94px; height: 29px; line-height: 29px; text-align: center; text-transform: uppercase; font-size: 18px; float: left; position: relative; } .nav .tBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; } .nav newsli a { width: 100%; height: 100%; color: #6b6b6b; } .nav newsli .bg { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2); transition: 400ms; width: 100%; height: 100%; background: url(/web/20180825235427im_/http://ent-seven.com/images/navCur.png) no-repeat center; } .nav newsli .t1 { width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; } .nav newsli .t2 { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; color: #e60012; font-size: 15px; position: absolute; left: 0; top: 20px; transition: 400ms; } .nav newsli:hover .bg, .nav .cur .bg { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); } .nav .cur .t1, .nav newsli:hover .t1 { top: -15px; opacity: 0; filter: alpha(opacity=0); } .nav .cur .t2, .nav newsli:hover .t2 { top: 0; opacity: 1; filter: alpha(opacity=100); } /*end*/ .headFirst { background: url(/web/20180825235427im_/http://ent-seven.com/images/headBg.png) repeat; border-bottom: none; } .headFirst .logo .p1 { color: #fff; } .headFirst .logo .p2 { color: #fff; } .headFirst .nav li a { color: #fff; } .headFirst .nav li .bg { background: url(/web/20180825235427im_/http://ent-seven.com/images/navCur2.png) no-repeat; } .headFirst .nav li .t2 { color: #fff; } .headFixed { height: 70px; } .headFixed .logo { width: 300px; margin: 10px 0 0 120px; } .headFixed .logo img { width: 110px; margin: 0px 5px 0 0; } .headFixed .logo .p1 { margin: 0; font-size: 26px; } .headFixed .logo .p2 { font-size: 13px; } .headFixed .nav { margin-top: 20px; } .headFixed .navBtn2 { top: 10px; } .banner { width: 100%; height: 500px; background: #f8f8f8; overflow: hidden; position: relative; } .banner .imgs { width:100%; } .banner li { width: 100%; height: 100%; overflow: hidden; float: left; position: absolute; left: 0; top: 0; } .banner li img { position: absolute; } .banner .text { width: 572px; height: 582px; padding: 90px 50px 0 50px; margin: -310px 0 0 -336px; text-align: center; color: #fff; position: absolute; left: 50%; top: 50%; } .banner .textBg { width: 100%; position: absolute; left: 0; top: 0; } .banner .text p { position: relative; z-index: 1; } .banner .text .p1 { font-size: 28px; } .banner .text .p2 { font-size: 38px; font-family: fontlogo; } .banner .text .p3 { font-size: 36px; } .banner .text .p4 { padding: 10px 100px 0 100px; font-size: 18px; text-transform: uppercase; } .banner .text .t { margin: 60px 0 0 0; padding: 20px 0; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; position: relative; z-index: 1; } .banner .more { margin: 10% 0 0 0; text-align: center; } .banner .more a { width: 156px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; display: inline-block; text-transform: uppercase; text-align: center; border: 2px solid #fff; border-radius: 25px; transition: 400ms; } .banner .more a:hover { background: #fff; color: #e60012; } .banner .arrow { width: 22px; height: 32px; margin: 0 0 0 -11px; position: absolute; left: 50%; bottom: 20px; } .banner .arrow1 { width: 200px; height: 32px; margin: 0 0 0 -11px; position: absolute; right: 50px; bottom: 20px; font-size:25px; color:#FFFFFF; } .banner .arrow2 { width: 172px; height: 32px; margin: 0 0 0 -11px; position: absolute; left: 80px; bottom: 20px; font-size:25px; color:#FFFFFF; } .about { padding: 50px 0 100px; overflow: hidden; position: relative; background-image: url("/web/20180825235427im_/http://ent-seven.com/images/bg-1.jpg"); color:#d3d3d3;} .aboutBox { width: 1190px; margin: 0 auto; } .about .left { width: 49%; float: left; } .about .title { width: 100%; margin: 0 0 30px 0; font-size: 36px; }/*color: #3a3a3a; font-family: "antonioregular";*/ .about .title span { padding: 0 36px 0 0; /*background: url(/web/20180825235427im_/http://ent-seven.com/images/i2.png) no-repeat right 80%;*/ } .about .left .text { font-size: 14px; line-height: 28px; } /*color: #515151;*/ .about .left .text p { margin: 0 0 28px 0; text-indent: 2em; } .about .right { width: 47%; float: left; } .about .more { width: 100%; overflow: hidden; text-align: center; } .about .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #e60012; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; } .about .more a:hover { background: #b2b2b2; } .aboutMore { width: 100%; height: 100%; margin: 80px 0 0 0; overflow: hidden; background: #fff; } .aboutMore .title { width: 100%; margin: 0 0 60px 0; font-size: 36px; color: #3a3a3a; font-family: "antonioregular"; } .aboutMore .title span { padding: 0 36px 0 0; /*background: url(/web/20180825235427im_/http://ent-seven.com/images/i2.png) no-repeat right 80%;*/ } .teamDetailBg { display: none; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); position: fixed; left: 0; top: 0; } .teamDetailBg2 { display: none; width: 100%; height: 100%; background: #000; opacity: 0.8; filter: alpha(opacity=80); position: fixed; left: 0; top: 0; } .teamDetail { display: none; width: 420px; height: 680px; padding: 0 30px; margin: -310px 0 0 -240px; text-align: center; background: #fff; border-radius: 15px; position: fixed; left: 50%; top: 50%; z-index: 1; } .teamDetail .close { width: 30px; height: 30px; background: url(/web/20180825235427im_/http://ent-seven.com/images/close.html) no-repeat 0 0; position: absolute; right: 15px; top: 15px; } .teamDetail .close:hover { background-position: -30px 0; } .teamDetail .face { margin: 55px 0 0 0; text-align: center; } .teamDetail .face img { width: 220px; border-radius: 50%; } .teamDetail .t1 { padding: 30px 0 32px 0; /*background: url(/web/20180825235427im_/http://ent-seven.com/images/i2.png) no-repeat center bottom;*/ } .teamDetail .t1 .name { margin: 0 0 10px 0; } .teamDetail .t2 { margin: 30px 0 0 0; font-size: 14px; color: #737373; line-height: 30px; } .aboutMoreBox { } .aboutList { } .item { padding: 100px 0; } .item .box { width: 1190px; overflow: hidden; margin: 0 auto; } .aboutMore .p1 { margin: 0 0 5px 0; font-size: 30px; color: #202020; font-family: fzlt; } .aboutMore .p2 { margin: 0 0 65px 0; font-size: 18px; color: #c0c0c0; text-transform: uppercase; font-family: Helvetica; } .team ul { width: 1216px; } .team li { width: 274px; text-align: center; line-height: 28px; float: left; margin: 0 30px 0 0; font-family: "微软雅黑"; } .team .img { width: 100%; position: relative; border-radius: 50%; cursor: pointer; } .team .teamImg { width: 100%; } .team .teamBg { opacity: 0; filter: alpha(opacity=0); width: 100%; position: absolute; left: 0; top: 0; transition: 600ms; } .team .img:hover .teamBg { opacity: 1; filter: alpha(opacity=100); } .team .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; } .team .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; } .team .img:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .team .img:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .team .name { margin: 15px 0 0 0; font-size: 16px; color: #202020; } .team .til { font-size: 14px; color: #737373; } .team .tool { margin: 10px 0 0 0; text-align: center; } .team .tool a { width: 26px; height: 26px; margin: 0 1px; display: inline-block; background: url(/web/20180825235427im_/http://ent-seven.com/images/shareBg.png) no-repeat -26px 0; } .team .tool span { width: 100%; height: 100%; display: inline-block; } .team .tool .qq span { background: url(/web/20180825235427im_/http://ent-seven.com/images/qq.png) no-repeat center; } .team .tool .weixin span { background: url(/web/20180825235427im_/http://ent-seven.com/images/weixin.png) no-repeat center; } .team .tool .weibo span { background: url(/web/20180825235427im_/http://ent-seven.com/images/weibo.png) no-repeat center; } .team .tool a:hover { background-position: 0 0; } .skill { background: #f8f8f8; } .skill ul { } .skill li { width: 100%; float: left; height: 82px; } .skill li p { padding: 0 0 0 12px; font-size: 16px; color: #515151; font-family: Helvetica; } .skill .num { margin: 0 0 0 5px; } .skill .lineBox { width: 542px; height: 10px; padding: 10px 16px; margin: 10px 0 0 0; border: 1px solid #dfdfdf; border-radius: 15px; } .skill .line { width: 100%; height: 100%; background: #ebebeb; overflow: hidden; border-radius: 15px; position: relative; } .skill .lineCur { width: 10px; height: 100%; position: absolute; left: 0; top: 0; background: #e60012; border-radius: 15px; } .skill .li1 .liBox { margin: 0 0 0 2%; } .skill .li2 .liBox { float: right; margin: 0 2% 0 0; } .skill .li3 .liBox { margin: 0 0 0 22%; } .skill .li4 .liBox { margin: 0 0 0 35%; } .skill .li5 .liBox { margin: 0 0 0 10%; } .service { background: #f2f2f2; padding: 50px 0; } .service .box { width: 1180px; margin: 0 auto; } .service .title .p1 { width: 100%; margin: 0 0 20px 0; font-size: 36px; text-transform: uppercase; color: #3a3a3a; font-family: "antonioregular"; } .service .title .p1 span { padding: 0 36px 0 0; /*background: url(/web/20180825235427im_/http://ent-seven.com/images/i2.png) no-repeat right 80%;*/ } .service .title .p2 { margin: 0 0 5px 0; font-size: 30px; color: #202020; font-family: fzlt; } .service .title .p3 { margin: 0 0 20px 0; font-size: 18px; color: #c0c0c0; text-transform: uppercase; font-family: Helvetica; } .service ul { overflow: hidden; } .service li { width: 270px; height: 350px; margin: 0 22px 0 0; overflow: hidden; text-align: center; float: left; border: 1px solid #f8f8f8; position: relative; transition: 400ms; } .service li img {width: 270px; height: 350px;} .service .t1 { width: 100%; height: 140px; padding: 210px 0 0 0; font-size: 14px; color: #9b9797; font-family: Helvetica; text-transform: uppercase; position: absolute; left: 0; top: 0; transition: 400ms; } .service .t1 .p1 { margin: 0 0 5px 0; font-size: 18px; color: #3a3a3a; font-family: "微软雅黑"; } .service .t2 { width: 100%; padding:10px 0; line-height: 24px; font-size: 14px; color: #fff; background: #e60012; position: absolute; left: 0; bottom: -98px; transition: 400ms; } .service .li1 .t1 { background: url(/web/20180825235427im_/http://ent-seven.com/images/serviceImg1.html) no-repeat center 116px; } .service .li2 .t1 { background: url(/web/20180825235427im_/http://ent-seven.com/images/serviceImg2.html) no-repeat center 116px; } .service .li3 .t1 { background: url(/web/20180825235427im_/http://ent-seven.com/images/serviceImg3.html) no-repeat center 116px; } .service .li4 .t1 { background: url(/web/20180825235427im_/http://ent-seven.com/images/serviceImg4.html) no-repeat center 116px; } .service .li4 { margin: 0; } .service .tc { border-color: #dfdfdf; background: #fff; } .service .tc .t1 { top: -60px; } .service .tc .t2 { bottom: 0; } .work { padding: 50px 0 ; background: #fff; } .work .arrow1 { width: 172px; height: 32px; margin: 0 0 0 -11px; position: absolute; right: 50px; bottom: -1570px; font-size:25px; color:#FFFFFF; } .work .arrow2 { width: 172px; height: 32px; margin: 0 0 0 -11px; position: absolute; left: 80px; bottom: -1570px; font-size:25px; color:#FFFFFF; } .work .box { width: 1180px; margin: 0 auto; } .work .title { width: 100%; margin: 0 0 6px 0; font-size: 36px; color: #373737; font-family: "antonioregular"; } .work .title span { padding: 0 36px 0 0; }/*background: url(../images/i1.png) no-repeat right 80%;*/ .work .top { overflow: hidden; margin: 0 0 35px 0; } .work .menu { float: left; } .work .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #292929; } .work .menu a:hover, .work .menu .cur { border-color: #e60012; color: #e60012; } .work .btns { float: right; } .work .btnLeft { width: 29px; height: 29px; display: inline-block; background: url(/web/20180825235427im_/http://ent-seven.com/images/btn3.png) no-repeat 0 0; } .work .btnLeft:hover { background-position: 0 -29px; } .work .btnRight { width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(/web/20180825235427im_/http://ent-seven.com/images/btn3.png) no-repeat -29px 0; } .work .btnRight:hover { background-position: -29px -29px; } .work .listBox { height: 400px; margin: 0 0 0 0; overflow: hidden; position: relative; } .work .list { } .work ul { width: 99999px; position: absolute; left: 0; top: 0; } .work li { width: 272px; padding: 0 0 5px 0; line-height: 24px; border-bottom: 4px solid #3a3a3a; float: left; margin: 0 31px 0 0; transition: border-color 400ms; } .work li a { display: block; } .work li .imgBox { height: 350px; overflow: hidden; position: relative; display: flex;align-items: center; /*定义body的元素垂直居中*/justify-content: center; /*定义body的里的元素水平居中*/ } .work li .img { width: 100%;background: orange; } .work li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; }/*background: #e60012;*/ .work li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; } .work li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; } .work li .t { margin: 10px 0 0 0; height: 24px; overflow: hidden; color: #6b6b6b; font-size: 18px; transition: 400ms; } .work li .time { color: #3a3a3a; font-size: 14px; transition: 400ms; float:right;} .work li:hover { border-color: #e60012; } .work li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); } .work li:hover .t { color: #e3e3e3; } .work li:hover .time { color: #e3e3e3; } .work li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .work li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .work .more { width: 100%; overflow: hidden; text-align: center; margin-top: 20px;} .work .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #e60012; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; } .work .more a:hover { background: #b2b2b2; } .contact { padding: 50px 0 100px; overflow: hidden; } .contact .box { width: 1180px; margin: 0 auto; } .contact .title { width: 100%; margin: 0 0 50px 0; font-size: 36px; color: #3a3a3a; font-family: "antonioregular"; } .contact .title span { padding: 0 36px 0 0; /*background: url(/web/20180825235427im_/http://ent-seven.com/images/i2.png) no-repeat right 80%;*/ } .contact .left { width: 45%; float: left; } .contact .left .text { height: 250px; overflow: hidden; } .contact .left .p1 { font-size: 24px; color: #3a3a3a; } .contact .left .p1 .fz20 { margin: 0 10px 0 0; font-size: 20px; float: left; } .contact .left .p2 { margin: 15px 0 15px 0; line-height: 24px; font-size: 14px; color: #515151; } .contact .address { margin: 0 0 80px 0; line-height: 40px; font-size: 14px; color: #3a3a3a; font-family: "微软雅黑"; } .contact .address p { padding: 0 0 0 30px; } .contact .left .p3 { background: url(/web/20180825235427im_/http://ent-seven.com/images/i2.png) no-repeat left 5px; } .contact .left .p4 { background: url(/web/20180825235427im_/http://ent-seven.com/images/i3.png) no-repeat left 14px; } .contact .left .p5 { background: url(/web/20180825235427im_/http://ent-seven.com/images/i4.png) no-repeat left 6px; } .contact .right { width: 49%; float: right; margin-top:-100px; } .contact .right .t1 { margin: 0 auto 35px auto; color: #515151; } .contact .right .t1 p { font-size: 13px; padding: 0 0 5px 20px; } .contact .right .t1 span { font-size: 14px; } .contact .right .input1 { width: 97%; height: 14px; padding: 13px 0 13px 3%; color: #515151; border: none; border-radius: 20px; background: #e8e8e8; } .contact .right textarea { width: 94%; padding: 3%; line-height: 24px; overflow: hidden; color: #515151; resize: none; border: none; border-radius: 20px; background: #e8e8e8; } .contact .right .btn { width: 184px; height: 54px; border: none; border-radius: 25px; font-size: 18px; color: #fff; background: #e60012; cursor: pointer; transition: 300ms; } .contact .right .btn:hover { background: #B2B2B2; } .contact .right .text { height: 400px; } .news { padding: 20px 0 100px; background: #292929; } .news .arrow1 { width: 172px; height: 32px; margin: 0 0 0 -11px; position: absolute; right: 50px; bottom: -1570px; font-size:25px; color:#FFFFFF; } .news .arrow2 { width: 172px; height: 32px; margin: 0 0 0 -11px; position: absolute; left: 80px; bottom: -1570px; font-size:25px; color:#FFFFFF; } .news .box { width: 1180px; margin: 0 auto; } .news .title { width: 100%; margin: 0 0 6px 0; font-size: 36px; color: #fff; font-family: "antonioregular"; } /*.news .title span { padding: 0 36px 0 0; background: url(/web/20180825235427im_/http://ent-seven.com/images/i2.png) no-repeat right 80%; }*/ .news .top { overflow: hidden; margin: 0 0 20px 0; } .news .menu { float: left; } .news .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #292929; } .news .menu a:hover, .news .menu .cur { border-color: #e60012; color: #e60012; } .news .btns { float: right; } .news .btnLeft { width: 29px; height: 29px; display: inline-block; background: url(/web/20180825235427im_/http://ent-seven.com/images/btn3.png) no-repeat 0 0; } .news .btnLeft:hover { background-position: 0 -29px; } .news .btnRight { width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(/web/20180825235427im_/http://ent-seven.com/images/btn3.png) no-repeat -29px 0; } .news .btnRight:hover { background-position: -29px -29px; } .news .news_listBox { height:auto; margin: 0 0 0 0; overflow: hidden; position: relative; } /*height: 300px;*/ .news .list { } /*2016.work ul { width: 99999px; position: absolute; left: 0; top: 0; }*/ /*.news ul { width: 1215px; position: absolute; left: 0; top: 0; } .news li { width: 272px; padding: 0 0 5px 0; line-height: 24px; float: left; margin: 0 31px 0 0; transition: border-color 400ms; border-bottom: 4px solid #3a3a3a;} .news li a { display: block; } .news li .imgBox { height: 220px; overflow: hidden; position: relative; } .news li .img { width: 100%; height: 100%; } .news li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #e60012; position: absolute; left: 0; top: 0; transition: 400ms; } .news li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; } .news li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; } .news li .t { margin: 10px 0 0 0; height: 24px; overflow: hidden; color: #6b6b6b; font-size: 18px; transition: 400ms; } .news li .time { color: #3a3a3a; font-size: 14px; transition: 400ms; } .news li:hover { border-color: #e60012; } .news li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); } .news li:hover .t { color: #e3e3e3; } .news li:hover .time { color: #e3e3e3; } .news li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .news li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .news .more { width: 100%; overflow: hidden; text-align: center; margin-top: 20px;} .news .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #e60012; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; } .news .more a:hover { background: #b2b2b2; }*/ .foot { overflow: hidden; height:100px; line-height: 30px; padding: 20px 0; color: #929292; background-color:#000; font-size:16px; text-align:center; margin:0 auto; } .foot .box { width: 1180px; margin: 0 auto; } .foot .fl { float: left; } .foot .fl p { display:inline; } .foot .fl p a { margin-right:10px; color:#929292 } .foot .fl p a:hover {color:#e60012 } .foot .share { height: 26px; float: right; } .foot .share a { width: 26px; height: 26px; line-height: 26px; margin: 0 1px; display: inline-block; background: url(/web/20180825235427im_/http://ent-seven.com/images/shareBg.png) no-repeat -26px 0; } .foot .share span { width: 100%; height: 100%; display: inline-block; } .foot .share .qq span { background: url(/web/20180825235427im_/http://ent-seven.com/images/qq.png) no-repeat center; } .foot .share .weixin span { background: url(/web/20180825235427im_/http://ent-seven.com/images/weixin.png) no-repeat center; } .foot .share .weibo span { background: url(/web/20180825235427im_/http://ent-seven.com/images/weibo.png) no-repeat center; } .foot .share a:hover { background-position: 0 0; } .workDetailMain { padding: 100px 0 0px 0; background: #f8f8f8;} .workDetailMain .box { width: 1180px; margin: 0 auto; } .workDetailMain .line { height: 8px; background: #dbdbdb; overflow: hidden; } .workDetailMain .line span { width: 270px; height: 100%; display: inline-block;; background: #e60012; float: left; } .workDetailMain .main { padding: 35px 25px; background: #fff; } .workDetailMain .main .main_top { width:800px; height:360px; margin:auto;border-bottom: 3px solid #dbdbdb;} .workDetailMain .main .main_top .main_top_l { float:left; width:270px; } .workDetailMain .main .main_top .main_top_l img { width:270px; height:350px;} .workDetailMain .main .main_top .main_top_r { float:right;width:500px; } .workDetailMain .main .main_top .main_top_r .infol { float:left;width:100%; height:170px;} .workDetailMain .main .main_top .main_top_r .infor { float:right;width:250px; height:100px;} .workDetailMain .title { margin: 10px 0 10px 0; font-size: 18px; line-height: 28px; color: #f15a24;} .workDetailMain .remarks { font-size: 14px; color: #9b9796; font-family: "微软雅黑"; } .workDetailMain .type { font-size: 14px; line-height: 24px; color: #9b9796; font-family: "微软雅黑"; } .workDetailMain .content { padding: 10px 0; width:800px; margin:0 auto; font-size:16px; line-height:30px; } .workDetailMain .content embed { z-index: 0; } .workDetailMain .content .url{ padding: 20px 0 0; font-size:14px; color:red; } .workDetailMain .content img { width: 100%; display: block; } .workDetailMain .other {border-top: 8px solid #dbdbdb; } .workDetailMain .other .t1 { padding: 15px 0; line-height: 30px; overflow: hidden; } .workDetailMain .other .t1 span { font-size: 22px; color: #a5a5a5; float: left; } .workDetailMain .other .btns { float: right; } .workDetailMain .other .btnLeft { width: 29px; height: 29px; display: inline-block; background: url(/web/20180825235427im_/http://ent-seven.com/images/btn4.png) no-repeat 0 0; } .workDetailMain .other .btnLeft:hover { background-position: 0 -29px; } .workDetailMain .other .btnRight { width: 29px; height: 29px; margin: 0 0 0 5px; display: inline-block; background: url(/web/20180825235427im_/http://ent-seven.com/images/btn4.png) no-repeat -29px 0; } .workDetailMain .other .btnRight:hover { background-position: -29px -29px; } .workDetailMain .listBox { height: 400px; overflow: hidden; position: relative; } .workDetailMain .listBox ul { width: 9999px; position: absolute; left: 0; top: 0; } .workDetailMain .listBox li { width: 272px; padding: 0 0 5px 0; margin: 0 14px 0 0; border-bottom: 4px solid #dbdbdb; float: left; transition: border-color 400ms; } .workDetailMain .listBox li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; } .workDetailMain .listBox li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; } .workDetailMain .listBox li a { display: block; color: #8f8f8f; } .workDetailMain .listBox li .imgBox { height: 350px; overflow: hidden; position: relative; } .workDetailMain .listBox li .img { width: 100%; height: 100%; } .workDetailMain .listBox li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; /*background: #e60012;*/ position: absolute; left: 0; top: 0; transition: 400ms; } .workDetailMain .listBox li .t { overflow: hidden; height: 32px; line-height: 32px; font-size: 14px; transition: 400ms; } .workDetailMain .listBox li .time { font-size: 14px; transition: 400ms; } .workDetailMain .listBox li:hover { border-color: #e60012; } .workDetailMain .listBox li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .workDetailMain .listBox li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); } .workDetailMain .listBox li:hover a { color: #373737; } .workDetailMain .listBox li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .workDetailMain .listBox li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); } /*2016微信移动端videoInfo */ .wxVideo{margin-top: 50px;padding: 10px;} .wxVideo_Title{font-size: 16px;} .wxVideo_Time{font-size: 16px; color: #8c8c8c;} .wxVideo_about{ height:150px; font-size: 12px; text-indent: 20px; border: 1px solid #f0d1c4; padding: 10px; line-height: 20px; border-radius: 8px; } .wxVideo_about_img img{ float:left; width:120px;} .wxVideo_about ul{float:left;} .wxVideo_about li{padding-right:5px;} .wxVideo_Note{font-size: 15px; line-height: 24px; color: #3e3e3e; margin-top:10px;} .wxVideo_Note img { width:100%;} .workList { padding: 130px 0 50px 0; background: #f8f8f8; } .workList .box { width: 1180px; margin: 0 auto; } .workList .line { height: 8px; background: #dbdbdb; overflow: hidden; } .workList .line span { width: 270px; height: 100%; display: inline-block;; background: #e60012; float: left; } .workList .main { } .workList .menu { padding: 35px 0; } .workList .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #f8f8f8; } .workList .menu a:hover, .workList .menu .cur { border-color: #e60012; color: #e60012; } .workList .listBox { overflow: hidden; } .workList .listBox ul { position: relative; transition: height 400ms; } .workList .listBox li { width: 272px; height:400px; overflow: hidden; padding: 0 0 5px 0; border-bottom: 4px solid #dbdbdb; transition: 400ms border-color,400ms left,400ms top; position: absolute; left: 0; top: 0; } .workList .listBox li .i5 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; } .workList .listBox li .i6 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; } .workList .listBox li a { display: block; color: #8f8f8f; } .workList .listBox li .imgBox { height: 350px; overflow: hidden; position: relative; display: flex;align-items: center; /*定义body的元素垂直居中*/justify-content: center; /*定义body的里的元素水平居中*/} .workList .listBox li .img { width: 100%; background: orange; } .workList .listBox li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 400ms; } .workList .listBox li .t { overflow: hidden; height: 32px; line-height: 32px; font-size: 14px; transition: 400ms; } .workList .listBox li .time { font-size: 14px; transition: 400ms; } .workList .listBox li:hover { border-color: #e60012; } .workList .listBox li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .workList .listBox li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); } .workList .listBox li:hover a { color: #373737; } .workList .listBox li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .workList .listBox li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .workList .more { width: 100%; overflow: hidden; text-align: center; } .workList .more a { width: 160px; height: 44px; line-height: 44px; font-size: 24px; color: #fff; background: #e60012; display: inline-block; text-transform: uppercase; text-align: center; border-radius: 25px; transition: 400ms; } .workList .more a:hover { background: #b2b2b2; } .newsList { padding: 130px 0 50px 0; background: #f8f8f8; height:auto; } .newsList .box { width: 1000px; height:1500px; margin: 0 auto; } .newsList .line { height: 8px; background: #dbdbdb; overflow: hidden; } .newsList .line span { width: 270px; height: 100%; display: inline-block;background: #e60012; float: left; } .newsList .main { } .newsList .menu { padding: 35px 0 5px; } .newsList .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #f8f8f8; } .newsList .menu a:hover, .newsList .menu .cur { border-color: #e60012; color: #e60012; } .newsList .news_l { float:left; width:700px; } .newsList .listBox { /*overflow: hidden;*/ height:auto; width:700px; float:left; } .newsList .listBox ul { } .newsList .listBox li {margin-top:15px; width: 250px;width:700px; overflow: hidden; padding: 0 0 5px 0; border-bottom: 4px solid #dbdbdb; transition: 400ms border-color,400ms left,400ms top; } .newsList .listBox li .newsImg{ float:left;} .newsList .listBox li .newsImg img{ width: 320px; height:180px;} .newsList .listBox li .newsInfo{ float:right; width:350px; margin: 0 15px ; overflow:hidden;} .newsList .listBox li .newsInfo .title{ font-size:18px; color:#000; } .newsList .listBox li .newsInfo .zaiyao{ max-height:95px; height:auto;overflow:hidden; font-size:14px;color:#acacac; line-height:24px; text-indent:24px;padding-top:10px; } .newsList .listBox li .newsInfo .shuxing{ font-size:12px;color:#666; line-height:24px; padding-top:10px; } .newsList .listBox li .newsInfo .shuxing span{ margin:5px; } .newsList .listBox li .time { font-size: 14px; transition: 400ms; } .newsList .listBox li:hover { border-color: #e60012; } .newsList .listBox li:hover .magnifier { -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .newsList .listBox li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); } .newsList .listBox li:hover a { color: #373737; } .newsList .listBox li:hover .i5 { left: 50%; opacity: 1; filter: alpha(opacity=100); } .newsList .listBox li:hover .i6 { left: 50%; opacity: 1; filter: alpha(opacity=100); } /*.newsList .listBox li:hover .newsInfo { background-color:#dbdbdb; }*/ .newsList .listVideo { float:right; width:270px; overflow:hidden;} .newsList .listVideo ul{ margin-top:15px;} .newsList .listVideo ul li{line-height:20px; margin-top:5px;} .newsList .listVideo ul li .VideoImg{line-height:20px;} .newsList .listVideo ul li .VideoImg img{ width:270px; } .newsList .listVideo ul li .VideoTitle{ font-size:14px; color:#666; margin:5px 10px 0 ;} .wxNewsList {margin-top: 50px;padding:0 10px 10px;} .wxNewsList .menu { padding: 15px 0 5px; } .wxNewsList .menu a { height: 25px; line-height: 25px; margin: 0 0 10px 0; text-transform: uppercase; font-size: 18px; color: #6b6b6b; font-family: Helvetica; padding: 0 20px; display: inline-block; border-radius: 15px; border: 2px solid #f8f8f8; } .wxNewsList .menu a:hover, .wxNewsList .menu .cur { border-color: #e60012; color: #e60012; } .wxNewsList ul{line-height:20px;} .wxNewsList ul li{line-height:20px; height:100px; width:100%; margin-top:10px; border-bottom:1px solid #ededed;} .wxNewsList ul li .newsImg { float:left;width:170px; height:100px;} .wxNewsList ul li img{ width:160px; height:90px;} .wxNewsList ul li .newsInfo{ float:none;padding:5px;} .wxNewsList ul li .newsInfo .title{font-size: 18px; color:black; height:60px; overflow:hidden;} .wxNewsList ul li .newsInfo .shuxing{font-size: 16px; color: #8c8c8c; padding-top:5px;} .wxNewsList ul li .newsInfo span{padding-right:10px;} .NInfo { padding: 130px 0 50px 0; height:auto;display:block; } .NInfo .box { width: 1000px; margin: 0 auto; } .NInfo .line { height: 8px; background: #dbdbdb; overflow: hidden; } .NInfo .line span { width: 270px; height: 100%; display: inline-block;background: #e60012; float: left; } .NInfo .main { background: #f8f8f8; display:block; } .NInfo .menu { padding: 35px 0 5px; } .NInfo .news_l { float:left; width:700px; margin-bottom:30px; display:block; } .NInfo .newsinfo_title{ margin: 24px auto 18px; font-size: 24px; line-height: 28px; color: #f15a24; text-align:center; } .NInfo .newsinfo_about{ text-align:center; font-size: 14px; line-height: 24px; color: #9b9796; font-family: "微软雅黑"; } .NInfo .newsinfo_about span{margin:10px;} .NInfo .ninfo_ab{ width:650px; height:auto; margin:0 auto; border: 1px solid #f0d1c4;border-radius: 8px; font-size: 14px; padding:20px;line-height:24px; text-indent:28px;} .NInfo .ninfo_img{margin:28px auto;} .NInfo .ninfo_img img{ margin:0 auto; text-align:center;display:block; } .NInfo .ninfo_note{width:650px; margin:24px; font-size:16px; line-height:30px;} .NInfo .ninfo_note img{ max-width:650px;} .NInfo .shm{ width:650px; height:auto; margin:0 auto; border: 1px solid #f0d1c4;border-radius: 8px; font-size: 14px; padding:20px;line-height:24px; text-indent:28px;} .NInfo .listVideo { float:right; width:270px; display:block; overflow:hidden;} .NInfo .listVideo ul{ margin-top:15px;} .NInfo .listVideo ul li{line-height:20px; margin-top:15px;} .NInfo .listVideo ul li .VideoImg{line-height:20px;} .NInfo .listVideo ul li .VideoImg img{ width:270px; } .NInfo .listVideo ul li .VideoTitle{ font-size:14px; color:#666; margin:10px;} .wxNews{margin-top: 60px;padding: 10px;} .wxNews_Title{font-size: 20px;} .wxNews_Time{font-size: 16px; color: #8c8c8c;} .wxNews_Time span{padding-right:15px;} .wxNews_gy{font-size: 16px; text-indent: 20px; border: 1px solid #f0d1c4; padding: 10px; line-height: 22px; border-radius: 8px; margin-top: 15px} .wxNews_Note{font-size: 15px; line-height: 24px; color: #3e3e3e; margin-top:10px;} .wxNews_Note img{ width:100%} .wxNews_shm{font-size: 16px; text-indent: 20px; border: 1px solid #f0d1c4; padding: 10px; line-height: 22px; border-radius: 8px; margin-top: 15px} /*移动端首页*/ .wxIndex {margin-top: 60px;padding: 0 0 10px;} /* 效果CSS开始 */ .wxIndex_lunbo .slider {display: none;} /*用于获取更加体验*/ .wxIndex_lunbo .focus span {width: 10px;height: 10px;margin-right: 10px;border-radius: 50%;background: #666;font-size: 0; } .wxIndex_lunbo .focus span.current {background: #fff;} /* 效果CSS结束 */ .wxIndex_daohang { text-align:center; width:100%; margin: 0 auto; padding-top:15px;height:40px; } .wxIndex_daohang span{ font-size:18px; border:1px solid #e60012;border-radius:10px; margin:10px;padding:10px;background-color:#f5f5f5; } .wxIndex_about{ margin: 5px 10px 10px; border:1px solid #dbdbdb; border-radius:10px; overflow:hidden; } .wxIndex_a_title{padding:10px; font-size:16px;border-bottom: 1px solid #ededed; background-color:#f5f5f5; color:#acacac;} .wxIndex_a_tm{padding:10px;font-size:16px;text-indent:30px; line-height:28px;background-color:#e9e9e9;} .wxIndex_tj {margin: 5px 10px 10px; border:1px solid #dbdbdb; border-radius:10px; overflow:hidden; clear:both; } .wxIndex_tj_title {padding:10px; font-size:16px;border-bottom: 1px solid #ededed; background-color:#f5f5f5; color:#acacac; } .wxIndex_tj_img{ padding:10px ; } .wxIndex_tj_r{ float:right; width: 49%;} .wxIndex_tj_l{ float:left;width: 48%;margin:2px; } .wxIndex_tj img {width: 100% ;} .wxIndex_contact{margin: 5px 10px 10px; border:1px solid #dbdbdb; border-radius:10px; overflow:hidden; clear:both;} .wxIndex_c_title {padding:10px; font-size:16px;border-bottom: 1px solid #ededed; background-color:#f5f5f5; color:#acacac; } .wxIndex_c_t{padding:10px 10px 0px;font-size:15px; } .wxIndex_c_tm{padding:10px ;font-size:15px;text-indent:30px; line-height:24px;} .wxIndex_c_link ul{padding-left:10px;} .wxIndex_c_link ul li{ height:26px; font-size:16px; padding-top:10px; padding-left:26px;} .wxIndex_contact .p3 { background: url(/web/20180825235427im_/http://ent-seven.com/images/i2.png) no-repeat left 5px; } .wxIndex_contact .p4 { background: url(/web/20180825235427im_/http://ent-seven.com/images/i3.png) no-repeat left 14px; } .wxIndex_contact .p5 { background: url(/web/20180825235427im_/http://ent-seven.com/images/i4.png) no-repeat left 6px; } /*<%--底部关注引用--%>*/ .wxAttention { background:rgba(0,0,0,0.8); height:45px; width:100%; position:fixed; z-index:9; bottom:0; } .wxAlogo { float:left; padding:5px 10px 5px 20px; display:block; width:30px; } .wxAlogo img { width:30px; height:30px; } .wxAXS { float:left; color:white; padding:10px; font-size:16px; } .wxAGZ { float:right; background-color:red;height:26px; width:50px; margin-top:7px; margin-right:20px; border-radius:5px; } .wxAGZtxt { color:white;margin:3px 10px; font-size:14px; text-align:center; border-radius:10px; } .wxImgDIV {z-index:9999; display:none; width:100%; height:100%;background-color:black; position:fixed; z-index:99; bottom:0;background:rgba(0,0,0,0.8); } .wxImg { width:240px; height:270px; text-align:center; margin:180px auto; background-color:white; border-radius:15px; } .wxImg img { display:block; text-align:center; margin:0 auto; padding-top:20px; width:200px; height:200px; } .wxImg span { color:red; font-size:14px; } /*20160617*/ .Body_Search { width:100%; height:30px; line-height:30px; text-indent:15px; } .page_Right { width:100%; height:100%; text-align:center; } .pageBtn { margin:0px 3px; } /*end20160617*/ @media screen and (max-height:840px) { .banner .text { width: 420px; height: 400px; margin: -250px 0 0 -260px; } .banner .text .p1 { font-size: 24px; } .banner .text .p2 { font-size: 33px; } .banner .text .p3 { font-size: 28px; } .banner .text .p4 { padding: 10px 30px 0 30px; font-size: 16px; } .banner .more a { width: 120px; height: 36px; line-height: 36px; font-size: 20px; } } @media screen and (max-width:1440px) { .banner .text { width: 420px; height: 400px; margin: -250px 0 0 -260px; } .banner .text .p1 { font-size: 24px; } .banner .text .p2 { font-size: 33px; } .banner .text .p3 { font-size: 28px; } .banner .text .p4 { padding: 10px 30px 0 30px; font-size: 16px; } .banner .more a { width: 120px; height: 36px; line-height: 36px; font-size: 20px; } .about { padding: 50px 0; } .aboutBox { width: auto; padding: 0 5%; } .aboutMore { width: auto; margin: 57px 0 0 0; } /*.aboutMoreBox{ width:800px; margin:0 0 0 -400px;}*/ .aboutMore .p1 { font-size: 26px; line-height: 36px; margin: 0 0 20px 0; } .aboutMore .p2 { font-size: 14px; line-height: 20px; } .item .box { width: 800px; } .team ul { width: auto; } .team li { width: 23%; margin: 0 1%; } .teamDetail { width: 300px; height: 500px; padding: 0 30px; margin: -230px 0 0 -150px; } .teamDetail .face { margin: 20px 0 0 0; } .teamDetail .face img { width: 150px; } .teamDetail .t1 { padding: 15px 0 15px 0; } .teamDetail .t1 .name { margin: 0 0 5px 0; } .teamDetail .t2 { margin: 15px 0 0 0; font-size: 14px; color: #737373; line-height: 26px; } .skill .li1 .liBox { margin: 0 0 0 2%; } .skill .li2 .liBox { float: right; margin: 0 2% 0 0; } .skill .li3 .liBox { margin: 0 0 0 8%; } .skill .li4 .liBox { float: right; margin: 0 8% 0 0; } .skill .li5 .liBox { margin: 0 0 0 2%; } .service { padding: 80px 0; } .service .title .p2 { font-size: 26px; line-height: 36px; margin: 0 0 20px 0; } .service .title .p3 { font-size: 14px; line-height: 20px; } } @media screen and (max-width:1280px) { .service .box { width: 90%; margin: 0 5%; } .service ul { width: 105%; overflow: hidden; margin: 0 0 0 0; } .service li { width: 23%; margin: 0 1% 0 0; height: 300px; } .service .t1 { padding: 180px 0 0 0; } .service .li1 .t1 { background: url(/web/20180825235427im_/http://ent-seven.com/images/serviceImg1.html) no-repeat center 90px; } .service .li2 .t1 { background: url(/web/20180825235427im_/http://ent-seven.com/images/serviceImg2.html) no-repeat center 90px; } .service .li3 .t1 { background: url(/web/20180825235427im_/http://ent-seven.com/images/serviceImg3.html) no-repeat center 90px; } .service .li4 .t1 { background: url(/web/20180825235427im_/http://ent-seven.com/images/serviceImg4.html) no-repeat center 90px; } /*.work{ padding:100px 0 0 0;}*/ .work .box { width: 90%; margin: 0 5%; } /*.work li{ width:22%; height:212px; margin:0 3% 50px 0;}*/ .contact { padding: 80px 0 40px 0; } .contact .box { width: 90%; margin: 0 5%; } /*.contact .left .p2{ margin-bottom:40px;} .contact .address{ margin:0 0 50px 0;}*/ .foot .box { width: 90%; margin: 0 5%; } .workDetailMain .box { width: 94%; margin: 0 3%; } /*.workDetailMain .listBox li{ width:22%; height:212px; margin:0 3% 50px 0;}*/ .workList .box { width: 90%; margin: 0 5%; } .workList .box { width: 90%; margin: 0 5%; } } @media screen and (max-width:1050px) { .navBtn { width: 50px; height: 50px; background: url(/web/20180825235427im_/http://ent-seven.com/images/navBtn.png) no-repeat center; position: absolute; right: 5px; top: 5px; transition: 300ms; } .navShow { -webkit-transform: rotate(-90deg); } .nav, .navBtn2 { display: none !important; } .head { height: 56px; background: #fff; border-bottom: 1px solid #ededed; } .head .logo { margin: 10px 0 0 20px; } .head .logo img { width: 40px; margin:6px 8px 0 0 } .head .logo .p1 { font-size: 16px; margin: 3px 0 0 0; color: #2a2a2a; } .head .logo .p2 { font-size: 12px; color: #acacac; } .navM { display: none; width: 110%; height: 300px; overflow: hidden; overflow-y: scroll; background: #fff; position: absolute; left: 0; top: 56px; } .navMbox { width: 100%; } .navM ul { width: 100%; padding: 25px 0; background: #fff; overflow: hidden; } .navM li { padding: 0 6% 0 0; height: 60px; line-height: 60px; text-align: center; } .navM li a { width: 100%; height: 100%; display: inline-block; color: #6b6b6b; text-transform: uppercase; font-size: 20px; } .navM li a:hover { color: #69B015; } /*.headFirst .navM{ background:url(/web/20180825235427im_/http://ent-seven.com/images/headBg.png) repeat;} .headFirst .navM ul{ background:url(/web/20180825235427im_/http://ent-seven.com/images/headBg.png) repeat;} .headFirst .navM li a{ color:#fff;}*/ .banner .text { width: 400px; height: 360px; margin: -240px 0 0 -250px; } .banner .text .p1 { font-size: 22px; } .banner .text .p2 { font-size: 30px; } .banner .text .p3 { font-size: 28px; } .banner .text .p4 { padding: 10px 20px 0 20px; font-size: 14px; } .banner .more a { width: 120px; height: 36px; line-height: 36px; font-size: 20px; } .banner .btns { top: auto; bottom: 2%; } .moreShow { background: #fff; } .about { height: auto; } .about .title { margin: 0 0 40px 0; } .about .left { width: 100%; } .about .right { width: 100%; margin: 20px 0 0 0; text-align: center; } .about .right img { width: 70%; } .aboutMore { position: static; } .aboutMore .btnLeft, .aboutMore .btnRight { display: none; } .aboutMoreBox { width: 90%; padding: 0 5%; position: static; margin: 0; } .aboutList { width: 100%; position: static; } .item { width: 90%; padding: 50px 5%; position: static; } .item .box { width: 100%; } .skill { } .service ul { margin: 0; } .service li { border: 1px solid #dfdfdf; background: #fff; } /*.service li .t1{ top:-60px;} .service li .t2{ bottom:0;}*/ .work { padding: 50px 0; } .service { padding: 50px 0; } .service .title .p1 { margin: 0 0 40px 0; } .teamDetail .t2 { line-height: 22px; } .work .title { margin: 0 0 40px 0; } .contact { padding-top: 50px; } .workDetailMain { padding: 80px 0 40px 0; } .workDetailMain .main { padding: 30px 20px; } .workList { padding: 100px 0 0 0; } } @media screen and (max-width:840px) { .team li { width: 36%; margin: 0 7% 5% 7%; } .skill .li1 .liBox, .skill .li2 .liBox, .skill .li3 .liBox, .skill .li4 .liBox, .skill .li5 .liBox { margin: 0 0 0 2%; float: left; } .service ul { margin: 0 0 0 3%; } .service li { width: 38%; margin: 0 8% 5% 0; height: 300px; } .contact .title { margin: 0 0 40px 0; } .contact .left { width: 100%; margin: 0 0 50px 0; } .contact .right { width: 100%; } /*.contact .right .input1{ width:98%; padding:13px 0 13px 2%;}*/ /*.contact .right textarea{ width:96%; padding:2%;)*/ .contact .right .btn { width: 100px; height: 40px; } .contact .left .text, .contact .right .text { height: auto; } .foot .fl { width: 100%; line-height: 24px; margin: 0 0 10px 0; } .foot .share { width: 100%; margin: 0; } } @media screen and (max-width:680px) { .banner .text { width: 92%; padding: 25% 4% 0 4%; height: 100%; background: #e60012; margin: 0; left: 0; top: 0; } .banner .text .p1 { font-size: 18px; } .banner .text .p2 { font-size: 25px; } .banner .text .p3 { font-size: 18px; } .banner .text .p4 { padding: 10px 20px 0 20px; font-size: 14px; } .banner .text .t { margin: 30px 0 0 0; } .banner .more { margin: 15% 0 0 0; } .banner .more a { width: 100px; height: 30px; line-height: 30px; font-size: 15px; } .skill .li1 .liBox, .skill .li2 .liBox, .skill .li3 .liBox, .skill .li4 .liBox, .skill .li5 .liBox { width: 100%; margin: 0; float: left; } .skill .lineBox { width: auto; } .teamDetail { width: 90%; height: 85%; padding: 0 3%; margin: 0 2%; left: 0; top: 14%; } .teamDetail .face { margin: 20px 0 0 0; } .teamDetail .face img { width: 150px; } .teamDetail .t1 { padding: 15px 0 15px 0; } .teamDetail .t1 .name { margin: 0 0 5px 0; } .teamDetail .t2 { margin: 15px 0 0 0; font-size: 14px; color: #737373; line-height: 26px; } .work .top { margin: 0 0 30px 0; } .work .menu { width: 100%; margin: 0 0 20px 0; } .work .btns { width: 100%; } .service ul { margin: 0; } .service li { width: 45%; margin: 0 4% 5% 0; height: 300px; } /*.contact .right .input1{ width:96%; padding:13px 0 13px 4%;}*/ /*.contact .right textarea{ width:92%; padding:4%;)*/ } @media screen and (max-width:540px) { .team li { width: 70%; margin: 0 15% 10% 15%; } } @media screen and (max-width:420px) { .service ul { width: auto; margin: 0 0 0 5%; } .service li { width: 92%; margin: 0 0 8% 0; height: 300px; } /*.contact .right .input1{ width:94%; padding:13px 0 13px 6%;}*/ /*.contact .right textarea{ width:88%; padding:6%;)*/ } .ewm { display: none; width: 226px; height: 263px; background: url(/web/20180825235427im_/http://ent-seven.com/images/ewmbg.html); border-radius: 4px; position: fixed; left: 50%; top: 50%; margin: -127px 0 0 -114px; z-index: 50; } .ewm .t1 { padding: 0 0 0 10px; height: 30px; line-height: 30px; color: #fff; } .ewm .t1 .close { margin-top: 5px; margin-right: 2px; width: 30px; height: 30px; color: #454361; display: inline-block; cursor: pointer; background: url(/web/20180825235427im_/http://ent-seven.com/images/maskClose.html) no-repeat center; float: right; } .ewm .t2 { padding: 22px 0 0 22px; } .ewm .t2 img { width: 180px; } /* FILE ARCHIVED ON 23:54:27 Aug 25, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 01:20:11 Sep 03, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.891 exclusion.robots: 0.04 exclusion.robots.policy: 0.024 esindex: 0.014 cdx.remote: 42.355 LoadShardBlock: 81.43 (3) PetaboxLoader3.datanode: 84.75 (4) load_resource: 140.657 PetaboxLoader3.resolve: 65.619 */