/*overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;transition:all 1s;outline:1px dashed #fff;outline-offset:-5px;transform:rotate(360deg);text-transform:Uppercase;*//* 公用标题 *//* 搜索 */ .tback {width:960px;height:130px;background:rgba(51,51,51,0.8);position:relative;margin-top:-130px;float:right;z-index:9;} .search {width:960px;margin:0 auto;overflow:hidden;} .search .left {width:600px;height:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;} .search .left p {font-size:22px;line-height:22px;color:#fff;float:left;margin:23px 0 16px 70px;} .search .left .ss {width:284px;height:34px;margin:0;overflow:hidden;background:rgba(0,0,0,0);border:solid 1px #abc2d9;margin-left:70px;} .search .left .ss .input {width:210px;height:34px;line-height:34px;font-size:14px;color:#fff;display:inline-block;padding-left:20px;float:left;box-sizing:content-box;background:rgba(0,0,0,0);} .search .left .ss .button {width:54px;height:34px;line-height:34px;display:inline-block;background:url(../images/search.png) center center no-repeat rgba(0,0,0,0);cursor:pointer;border:none;float:right;} .search .zm {width:320px;height:130px;line-height:130px;padding-left:40px;font-weight:bold;font-size:70px;color:#fff;float:right;text-transform:Uppercase;} /* 365beat中文网 */ .box_01 {width:100%;padding:60px 0;background:#ebeef5;} .box_01 .h_title {width:280px;height:80px;margin:0 auto;text-align:center;position:relative;} .box_01 .h_title::after {content:'';width:14px;height:5px;background:#333;position:absolute;bottom:0;left:50%;margin-left:-7px;} .box_01 .h_title p {width:194px;height:15px;background:url(../images/pro.png);margin:0 auto;} .box_01 .h_title h3 {font-size:28px;line-height:28px;color:#373231;margin-top:18px;} .box_01 .h_title h3 a {display:block;color:#373231;} .box_01 .center {width:1200px;height:650px;margin:30px auto 0 auto;} .box_01 .center .left {width:250px;height:650px;position:relative;float:left;background:#333;border-radius:10px;overflow:hidden;} .box_01 .center .left .bt {width:160px;height:70px;padding:25px 0 0 90px;background:url(../images/pro_icon.png) 38px 25px no-repeat;} .box_01 .center .left .bt h4 {font-size:26px;color:#fff;line-height:26px;font-weight:bold;position:relative;padding-bottom:10px;} .box_01 .center .left .bt p {font-size:13px;color:#fff;line-height:10px;text-transform:Uppercase;} .menu {width:220px;height:406px;overflow:auto;overflow-x:hidden;margin:0 auto;background:#fff;} .menu::-webkit-scrollbar-track {background-color:#ccc;border-radius:0;} .menu::-webkit-scrollbar-thumb {border-radius:10px;background-color:#373e46;} .menu .list {width:200px;margin:20px auto 0 auto;} /*.menu .list p {width:150px;height:36px;line-height:36px;font-size:16px;color:#fff;padding:0 40px 0 10px;background:url(../images/xia.png) 172px center no-repeat #333;} */ .menu .list p {width:150px;height:36px;line-height:36px;font-size:16px;color:#fff;padding:0 40px 0 10px;background:#333;} .menu .list p a {width:150px;display:block;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .menu .list ul {width:200px;margin:0 auto;} .menu .list ul li {width:150px;height:37px;line-height:36px;font-size:14px;padding:0 40px 0 10px;position:relative;background:url(../images/pro_jt_01.png) 172px center no-repeat;-webkit-transition:all .5s;transition:all .5s;} .menu .list ul li::before {content:'';width:200px;height:1px;background:#dcdcdc;position:absolute;bottom:0;left:0;} .menu .list ul li::after {content:'';width:0;height:1px;background:#333;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;} .menu .list ul li:hover::after {content:'';width:200px;height:1px;background:#333;position:absolute;bottom:0;left:0;-webkit-transition:all .5s;transition:all .5s;} .menu .list ul li a {display:block;color:#373231;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;} .menu .list ul li:hover {background:url(../images/pro_jt_02.png) 172px center no-repeat;-webkit-transition:all .5s;transition:all .5s;} .menu .list ul li:hover a {color:#333;-webkit-transition:all .5s;transition:all .5s;} .box_01 .center .left .tel {width:250px;height:auto;position:absolute;left:0;bottom:30px;} .box_01 .center .left .tel p {height:27px;line-height:27px;padding-left:80px;font-size:20px;color:#fff;font-weight:bold;background:url(../images/tel02.png) 38px center no-repeat;margin-bottom:20px;} .box_01 .center .left .tel a {display:block;width:110px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#373231;background:#fff;margin:0 auto;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;} .box_01 .center .left .tel a:hover {color:#fff;-webkit-transition:all .5s;transition:all .5s;} .box_01 .center .left .tel a::after {content:'';width:0px;height:30px;background:#373231;position:absolute;top:0;left:55px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_01 .center .left .tel a:hover::after {content:'';width:55px;height:30px;background:#373231;position:absolute;top:0;left:55px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_01 .center .left .tel a::before {content:'';width:0px;height:30px;background:#373231;position:absolute;top:0;right:55px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_01 .center .left .tel a:hover::before {content:'';width:55px;height:30px;background:#373231;position:absolute;top:0;right:55px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .pro-center {width:930px;height:650px;float:right;} .pro-center .hd {width:930px;height:40px;overflow:hidden;} .pro-center .hd ul {width:320px;height:40px;line-height:40px;overflow:hidden;font-size:16px;float:left;} .pro-center .hd ul li {width:148px;height:38px;line-height:38px;float:left;border:solid 1px #626262;cursor:pointer;color:#312b2a;text-align:center;background:#fff;-webkit-transition:all .5s;transition:all .5s;} .pro-center .hd ul li:last-child {float:right;} .pro-center .hd ul li.on {color:#fff;border:solid 1px #333;background:#333;-webkit-transition:all .5s;transition:all .5s;} .pro-center .hd .more {height:40px;padding-left:10px;border-left:solid 2px #333;float:right;} .pro-center .hd .more span:nth-of-type(1) {display:block;font-size:18px;font-weight:bold;color:#2e343a;line-height:20px;} .pro-center .hd .more span:nth-of-type(2) {display:block;font-size:14px;color:#2e343a;line-height:20px;} .pro-center .bd {width:930px;} .pro-center .bd .main {width:930px;height:610px;} .pro-center .bd .main li {width:295px;height:280px;float:left;margin:25px 22px 0 0;position:relative;} .pro-center .bd .main li:nth-of-type(3n) {margin-right:0;} .pro-center .bd .main li a {display:block;} .pro-center .bd .main li .img {width:295px;height:220px;overflow:hidden;position:relative;} .pro-center .bd .main li .img img {width:295px;height:220px;transition:all 1s;vertical-align:top;} .pro-center .bd .main li:hover .img img {transform:scale(1.2);} .pro-center .bd .main li .txt {width:293px;height:58px;border:solid 1px #d5d5d5;position:relative;z-index:0;-moz-box-shadow:0px 0px 10px #999;-webkit-box-shadow:0px 0px 10px #999;box-shadow:0px 0px 10px #999;} .pro-center .bd .main li .txt::after {content:'';width:0px;height:58px;background:#333;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .pro-center .bd .main li:hover .txt::after {content:'';width:293px;height:58px;background:#333;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .pro-center .bd .main li .txt .name {width:215px;height:58px;line-height:58px;padding:0 60px 0 18px;font-size:14px;color:#373231;background:url(../images/pro_jt_03.png) 255px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;} .pro-center .bd .main li:hover .txt .name {color:#fff;background:url(../images/pro_jt_04.png) 255px center no-repeat;-webkit-transition:all .5s;transition:all .5s;} /* 横栏广告 */ .box_02 {width:100%;height:300px;background:url(../images/ad_back.jpg) no-repeat center;} .box_02 .center {width:1200px;height:300px;margin:0 auto;overflow:hidden;position:relative;} .box_02 .center .txt {width:410px;height:auto;position:absolute;top:65px;left:55px;} .box_02 .center .txt p:nth-of-type(1) {font-size:24px;line-height:24px;font-weight:bold;color:#fff;margin-bottom:25px;} .box_02 .center .txt p:nth-of-type(2) {width:330px;height:40px;line-height:40px;text-align:center;background:#fff;font-size:24px;color:#333;margin-bottom:30px;} .box_02 .center .txt p:nth-of-type(3) {font-size:20px;line-height:20px;color:#fff;font-weight:bold;overflow:hidden;margin-bottom:26px;} .box_02 .center .txt p:nth-of-type(3) span:nth-of-type(1) {display:block;float:left;margin-left:37px;} .box_02 .center .txt p:nth-of-type(3) span:nth-of-type(2) {display:block;float:left;margin-left:75px;} .box_02 .center .txt p:nth-of-type(4) {font-size:20px;line-height:20px;color:#fff;font-weight:bold;overflow:hidden;} .box_02 .center .txt p:nth-of-type(4) span:nth-of-type(1) {display:block;float:left;margin-left:37px;} .box_02 .center .txt p:nth-of-type(4) span:nth-of-type(2) {display:block;float:left;margin-left:75px;} .box_02 .center .tel {width:auto;position:absolute;top:75px;right:170px;overflow:hidden;color:#fff;padding-top:63px;background:url(../images/tel03.png) center top no-repeat;} .box_02 .center .tel p:nth-of-type(1) {font-size:26px;line-height:22px;font-weight:bold;margin-bottom:30px;} .box_02 .center .tel a {display:block;width:150px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#5a5859;background:#fff;margin:0 auto;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;} .box_02 .center .tel a:hover {color:#fff;-webkit-transition:all .5s;transition:all .5s;} .box_02 .center .tel a::after {content:'';width:0px;height:40px;background:#333;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_02 .center .tel a:hover::after {content:'';width:75px;height:40px;background:#333;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_02 .center .tel a::before {content:'';width:0px;height:40px;background:#333;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_02 .center .tel a:hover::before {content:'';width:75px;height:40px;background:#333;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} /* 企业优势 */ .box_03 {width:100%;height:704px;padding-top:60px;background:url(../images/ys_back.jpg) center top no-repeat;} .box_03 .h_title {width:280px;height:80px;margin:0 auto;text-align:center;position:relative;} .box_03 .h_title::after {content:'';width:14px;height:5px;background:#333;position:absolute;bottom:0;left:50%;margin-left:-7px;} .box_03 .h_title p {width:271px;height:15px;background:url(../images/adv.png);margin:0 auto;} .box_03 .h_title h3 {font-size:28px;line-height:28px;color:#373231;margin-top:18px;} .look_center {width:1200px;height:525px;margin:40px auto 0 auto;position:relative;} .look_center::after {content:'';width:225px;height:225px;background:#333;position:absolute;bottom:0px;left:-60px;} .look_center .bd {width:460px;height:460px;position:relative;z-index:2;float:left;} .look_center .bd .main {width:460px;height:460px;margin:0 auto;position:relative;overflow:hidden;} .look_center .bd .main img {width:460px;height:460px;vertical-align:top;} .look_center .hd {width:650px;height:500px;position:relative;z-index:2;float:right;} .look_center .hd ul {width:650px;height:500px;} .look_center .hd ul li {width:280px;height:auto;cursor:pointer;float:left;position:relative;margin-bottom:55px;} .look_center .hd ul li:nth-of-type(1)::before {content:'';width:8px;height:8px;background:#333;border:solid 2px #fff;border-radius:10px;position:absolute;top:485px;right:780px;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(1).on::before {background:#fff;border:solid 2px #fff;border-radius:10px;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(2)::before {content:'';width:8px;height:8px;background:#333;border:solid 2px #fff;border-radius:10px;position:absolute;top:485px;right:1130px;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(2).on::before {background:#fff;border:solid 1px #fff;border-radius:5px;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(3)::before {content:'';width:8px;height:8px;background:#333;border:solid 2px #fff;border-radius:10px;position:absolute;top:205px;right:740px;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(3).on::before {background:#fff;border:solid 2px #fff;border-radius:10px;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(4)::before {content:'';width:8px;height:8px;background:#333;border:solid 2px #fff;border-radius:10px;position:absolute;top:205px;right:1090px;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(4).on::before {background:#fff;border:solid 2px #fff;border-radius:10px;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(2n) {float:right;} .look_center .hd ul li .icon {width:75px;height:75px;margin-bottom:15px;border-radius:40px;-webkit-transform:rotateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;} .look_center .hd ul li.on .icon {transform:rotateY(360deg);-webkit-transform:rotateY(360deg);} .look_center .hd ul li:nth-of-type(1) .icon {background:url(../images/ys_icon_01.png) center center no-repeat rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(2) .icon {background:url(../images/ys_icon_03.png) center center no-repeat rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(3) .icon {background:url(../images/ys_icon_05.png) center center no-repeat rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(4) .icon {background:url(../images/ys_icon_07.png) center center no-repeat rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(1).on .icon {background:url(../images/ys_icon_02.png) center center no-repeat #333;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(2).on .icon {background:url(../images/ys_icon_04.png) center center no-repeat #333;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(3).on .icon {background:url(../images/ys_icon_06.png) center center no-repeat #333;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li:nth-of-type(4).on .icon {background:url(../images/ys_icon_08.png) center center no-repeat #333;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li h4 {font-size:20px;color:#35302f;line-height:20px;margin-bottom:15px;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li.on h4 {color:#333;-webkit-transition:all .5s;transition:all .5s;} .look_center .hd ul li p {font-size:14px;color:#a3a2a2;line-height:25px;} /* 合作伙伴 */ .box_04 {width:100%;height:auto;padding-top:60px;} .box_04 .h_title {width:280px;height:80px;margin:0 auto;text-align:center;position:relative;} .box_04 .h_title::after {content:'';width:14px;height:5px;background:#333;position:absolute;bottom:0;left:50%;margin-left:-7px;} .box_04 .h_title p {width:258px;height:15px;background:url(../images/hb.png);margin:0 auto;} .box_04 .h_title h3 {font-size:28px;line-height:28px;color:#373231;margin-top:18px;} .case {width:1200px;height:auto;margin:30px auto 0 auto;} .case .succ {width:1200px;height:auto;position:relative;overflow:hidden;} .case .succ .show {width:1085px;margin:0 auto;} .case .succ .show .tempWrap {width:1085px;margin:0 auto;} .case .succ .show ul {overflow:hidden;} .case .succ .show ul li {width:257px;height:207px;margin-right:19px;position:relative;float:left;} .case .succ .show ul li a {display:block;overflow:hidden;} .case .succ .show ul li .img {width:255px;height:160px;border:solid 1px #e1e1e1;-webkit-transition:all .5s;transition:all .5s;} .case .succ .show ul li:hover .img {border:solid 1px #333;-webkit-transition:all .5s;transition:all .5s;} .case .succ .show ul li img {width:255px;height:160px;vertical-align:top;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);-webkit-transition:all .5s;transition:all .5s;} .case .succ .show ul li:hover .img img:hover {filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-o-filter:grayscale(0);-webkit-transition:all .5s;transition:all .5s;} .case .succ .show ul li .name {width:217px;height:45px;line-height:45px;text-align:center;padding:0 20px;font-size:16px;color:#373231;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .case .succ .show ul li:hover .name {color:#333;font-weight:bold;-webkit-transition:all .5s;transition:all .5s;} .case .sPrev {position:absolute;left:0;top:58px;display:block;width:38px;height:38px;background:url(../images/hb_jt_01.png) center center no-repeat;border:solid 1px #c3c3c3;border-radius:30px;-webkit-transition:all .5s;transition:all .5s;} .case .sNext {position:absolute;right:0;top:58px;display:block;width:38px;height:38px;background:url(../images/hb_jt_03.png) center center no-repeat;border:solid 1px #c3c3c3;border-radius:30px;-webkit-transition:all .5s;transition:all .5s;} .case .sPrev:hover {background:url(../images/hb_jt_02.png) center center no-repeat;border:solid 1px #333;-webkit-transition:all .5s;transition:all .5s;} .case .sNext:hover {background:url(../images/hb_jt_04.png) center center no-repeat;border:solid 1px #333;-webkit-transition:all .5s;transition:all .5s;} /* 关于我们 */ .box_05 {width:100%;height:600px;margin-top:50px;overflow:hidden;position:relative;} .box_05 .left {width:50%;height:600px;background:url(../images/about_back.jpg) center top no-repeat;float:left;} .box_05 .right {width:50%;height:600px;float:right} .box_05 .right img {width:100%;height:600px;vertical-align:central;} .box_05 .center {width:1200px;height:600px;position:absolute;top:0;left:50%;margin-left:-600px;} .box_05 .center::after {content:'company';font-size:60px;font-weight:bold;color:#484848;line-height:48px;text-transform:Uppercase;position:absolute;top:60px;left:-30px;} .box_05 .center h4 {font-size:30px;line-height:30px;margin:82px 0 20px 0;color:#fff;font-weight:bold;text-transform:Uppercase;position:relative;z-index:2;} .box_05 .center h5 {width:118px;text-align:center;font-size:16px;line-height:32px;font-weight:bold;color:#fff;background:#333;margin-bottom:50px;} .box_05 .center h6 {font-size:16px;line-height:18px;font-weight:bold;margin-bottom:35px;color:#fff;} .box_05 .center p {width:540px;font-size:14px;color:#b4b4b4;line-height:25px;max-height:100px;overflow:hidden;text-indent:2em;} .box_05 .center a {display:block;width:80px;height:28px;line-height:28px;text-align:center;margin-top:35px;border:solid 1px #fff;overflow:hidden;background:rgba(0,0,0,0);border-radius:20px;font-size:14px;color:#fff;position:relative;z-index:0;-webkit-transition:all .5s;transition:all .5s;} .box_05 .center a:hover {color:#333;-webkit-transition:all .5s;transition:all .5s;} .box_05 .center a::before {content:'';width:0px;height:28px;background:#fff;position:absolute;top:0;right:40px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;border-radius:5px 0 0 5px;} .box_05 .center a:hover::before {content:'';width:45px;height:28px;background:#fff;position:absolute;top:0;right:40px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;border-radius:5px 0 0 5px;} .box_05 .center a::after {content:'';width:0px;height:28px;background:#fff;position:absolute;top:0;left:40px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;border-radius:0 5px 5px 0;} .box_05 .center a:hover::after {content:'';width:45px;height:28px;background:#fff;position:absolute;top:0;left:40px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;border-radius:0 5px 5px 0;} /* 荣誉资质 */ .box_06 {width:100%;height:auto;background:#fff;} .box_06 .slideGroup02 {width:1200px;margin:0 auto;position:relative;z-index:2;} .box_06 .slideGroup02 .parHd {width:600px;height:90px;margin-top:-110px;} .box_06 .slideGroup02 .parHd ul {width:600px;height:90px;overflow:hidden;font-size:14px;} .box_06 .slideGroup02 .parHd ul li {width:300px;height:90px;text-align:center;cursor:pointer;float:left;position:relative;} .box_06 .slideGroup02 .parHd ul li::after {content:'';width:1px;height:80px;background:#4d81b2;position:absolute;top:5px;right:0;} .box_06 .slideGroup02 .parHd ul li i {display:block;width:58px;height:58px;border-radius:50px;border:solid 1px #fff;margin:0 auto 14px auto;-webkit-transform:rotateY(0);-webkit-transition:all 0.4s ease-out;transition:all 0.4s ease-out;} .box_06 .slideGroup02 .parHd ul li.on i {transform:rotateY(360deg);-webkit-transform:rotateY(360deg);} .box_06 .slideGroup02 .parHd ul li:nth-of-type(1) i {background:url(../images/show_icon_01.png) rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;} .box_06 .slideGroup02 .parHd ul li:nth-of-type(2) i {background:url(../images/show_icon_03.png) rgba(0,0,0,0);-webkit-transition:all .5s;transition:all .5s;} .box_06 .slideGroup02 .parHd ul li:nth-of-type(1).on i {background:url(../images/show_icon_02.png) #fff;-webkit-transition:all .5s;transition:all .5s;} .box_06 .slideGroup02 .parHd ul li:nth-of-type(2).on i {background:url(../images/show_icon_04.png) #fff;-webkit-transition:all .5s;transition:all .5s;} .box_06 .slideGroup02 .parHd ul li p {font-size:16px;line-height:16px;color:#fffefe;} .box_06 .slideGroup02 .parBd {width:1200px;height:223px;margin:60px auto 0 auto;} .box_06 .slideGroup02 .parBd .slideBox {position:relative;} .box_06 .slideGroup02 .parBd .slideBox .tempWrap {width:1040px;margin:0 auto;overflow:hidden;} .box_06 .slideGroup02 .parBd ul {width:1040px;overflow:hidden;zoom:1;} .box_06 .slideGroup02 .parBd ul li {width:245px;margin-right:20px;cursor:pointer;float:left;-webkit-transition:all .5s;transition:all .5s;} .box_06 .slideGroup02 .parBd ul li a {display:block;} .box_06 .slideGroup02 .parBd ul li .img {width:245px;height:180px;overflow:hidden;} .box_06 .slideGroup02 .parBd ul li .img img {width:245px;height:180px;transition:all 1s;vertical-align:top;} .box_06 .slideGroup02 .parBd ul li:hover .img img {transform:scale(1.2);} .box_06 .slideGroup02 .parBd ul li .name {width:203px;height:42px;line-height:42px;padding:0 20px;font-size:16px;color:#343434;border:solid 1px #d5d5d5;border-top:none;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;position:relative;z-index:0;} .box_06 .slideGroup02 .parBd ul li:hover .name {border:solid 1px #333;border-top:none;color:#fff;-webkit-transition:all .5s;transition:all .5s;} .box_06 .slideGroup02 .parBd ul li .name::after {content:'';width:0;height:42px;background:#333;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_06 .slideGroup02 .parBd ul li:hover .name::after {content:'';width:243px;height:42px;background:#333;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_06 .sPrev {position:absolute;left:0;top:85px;display:block;width:48px;height:48px;border:solid 1px #c1c1c1;border-radius:50%;background:url(../images/show_jt_01.png) center center no-repeat #fff;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;} .box_06 .sNext {position:absolute;right:0;top:85px;display:block;width:48px;height:48px;border:solid 1px #c1c1c1;border-radius:50%;background:url(../images/show_jt_03.png) center center no-repeat #fff;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;} .box_06 .sPrev:hover {border:solid 1px #333;background:url(../images/show_jt_02.png) center center no-repeat #333;-webkit-transition:all .5s;transition:all .5s;} .box_06 .sNext:hover {border:solid 1px #333;background:url(../images/show_jt_04.png) center center no-repeat #333;-webkit-transition:all .5s;transition:all .5s;} /* 公司资讯 */ .box_07 {width:100%;height:667px;padding-top:60px;margin-top:60px;background:url(../images/zx_back.jpg) center top no-repeat;} .box_07 .h_title {width:280px;height:80px;margin:0 auto;text-align:center;position:relative;} .box_07 .h_title::after {content:'';width:14px;height:5px;background:#333;position:absolute;bottom:0;left:50%;margin-left:-7px;} .box_07 .h_title p {width:175px;height:15px;background:url(../images/zx.png);margin:0 auto;} .box_07 .h_title h3 {font-size:28px;line-height:28px;color:#373231;margin-top:18px;} .box_07 .h_title h3 a {display:block;color:#373231;} .box_07 ul {width:1200px;height:485px;overflow:hidden;margin:40px auto 0 auto;} .box_07 ul li {width:360px;height:485px;float:left;margin-right:60px;position:relative;} .box_07 ul li::after {content:'';width:1px;height:485px;background:#d5d5d5;position:absolute;right:-30px;top:0;} .box_07 ul li:last-child::after {content:'';width:1px;height:485px;background:none;position:absolute;right:-30px;top:0;} .box_07 ul li:last-child {margin-right:0;} .box_07 ul li a {display:block;} .box_07 ul li .img {width:360px;height:240px;overflow:hidden;} .box_07 ul li .img img {width:360px;height:240px;transition:all 1s;vertical-align:top;} .box_07 ul li:hover .img img {transform:scale(1.2);} .box_07 ul li .txt {width:300px;height:205px;padding:40px 30px 0 30px;overflow:hidden;background:#fff;-webkit-transition:all .5s;transition:all .5s;} .box_07 ul li:hover .txt {background:#333;-webkit-transition:all .5s;transition:all .5s;} .box_07 ul li .txt span {display:block;font-size:14px;color:#373231;line-height:12px;margin-bottom:20px;-webkit-transition:all .5s;transition:all .5s;} .box_07 ul li .txt .name {font-size:16px;color:#373231;line-height:16px;margin-bottom:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;} .box_07 ul li .txt p {font-size:14px;color:#919191;line-height:25px;max-height:50px;overflow:hidden;margin-bottom:25px;-webkit-transition:all .5s;transition:all .5s;} .box_07 ul li:hover .txt span {color:#fff;-webkit-transition:all .5s;transition:all .5s;} .box_07 ul li:hover .txt .name {color:#fff;-webkit-transition:all .5s;transition:all .5s;} .box_07 ul li:hover .txt p {color:#fff;-webkit-transition:all .5s;transition:all .5s;} .box_07 ul li .txt .xian {width:70px;height:20px;position:relative;} .box_07 ul li .txt .xian::before {content:'';width:60px;height:1px;background:#d5d5d5;position:absolute;left:0px;top:9px;-webkit-transition:all .5s;transition:all .5s;} .box_07 ul li:hover .txt .xian::before {content:'';width:60px;height:1px;background:#fff;position:absolute;left:0px;top:9px;-webkit-transition:all .5s;transition:all .5s;} .box_07 ul li .txt .xian::after {content:'';width:18px;height:18px;border:solid 1px #333;border-radius:20px;position:absolute;right:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;} .box_07 ul li:hover .txt .xian::after {content:'';width:18px;height:18px;border:solid 1px #fff;border-radius:20px;position:absolute;right:0;bottom:0;-webkit-transition:all .5s;transition:all .5s;} .box_07 ul li:hover .txt .xian::after {right:60px;-webkit-transition:all .5s;transition:all .5s;} /* 案例展示 */ .box_08 {width:100%;height:auto;padding-top:60px;} .box_08 .h_title {width:280px;height:80px;margin:0 auto;text-align:center;position:relative;} .box_08 .h_title::after {content:'';width:14px;height:5px;background:#333;position:absolute;bottom:0;left:50%;margin-left:-7px;} .box_08 .h_title p {width:224px;height:15px;background:url(../images/zx.png);margin:0 auto;} .box_08 .h_title h3 {font-size:28px;line-height:28px;color:#373231;margin-top:18px;} .box_08 ul {width:100%;height:680px;margin-top:40px;overflow:hidden;position:relative;} .box_08 ul li a {display:block;} .box_08 ul li:nth-of-type(1) {width:50%;height:680px;position:absolute;left:0;top:0;} .box_08 ul li:nth-of-type(1) .img {width:100%;height:680px;} .box_08 ul li:nth-of-type(1) .img img {width:100%;height:680px;vertical-align:top;} .box_08 ul li:nth-of-type(1) .hide {display:block;width:100%;height:680px;background:rgba(51,51,51,0.7);position:absolute;left:0;top:0; /*旋转中心位置*/ transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform:rotate(90deg); /*旋转角度*/ -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;} .box_08 ul li:nth-of-type(1):hover .hide {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);} .box_08 ul li:nth-of-type(1) .hide .jz {width:90%;height:85%;margin:5%;background:#fff;position:relative;} .box_08 ul li:nth-of-type(1) .hide .jz::after {content:'';width:25px;height:16px;background:url(../images/case_jt.png);position:absolute;bottom:60px;left:50%;margin-left:-12px;} .box_08 ul li:nth-of-type(1) .hide .jz .name {width:60%;margin:0 auto;font-size:16px;line-height:16px;color:#373231;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:70px 0 70px 0;background:url(../images/case_icon.png) center bottom no-repeat;margin-bottom:100px;} .box_08 ul li:nth-of-type(1) .hide .jz p {width:80%;margin:0 auto;font-size:14px;line-height:25px;max-height:50px;color:#919191;overflow:hidden;} .box_08 ul li:nth-of-type(2) {position:absolute;left:50%;top:0;} .box_08 ul li:nth-of-type(3) {position:absolute;left:50%;top:50%;} .box_08 ul li:nth-of-type(4) {position:absolute;left:75%;top:0;} .box_08 ul li:nth-of-type(5) {position:absolute;left:75%;top:50%;} .box_08 ul li {width:25%;height:340px;position:absolute;left:0;top:0;overflow:hidden;} .box_08 ul li .img {width:100%;height:340px;} .box_08 ul li .img img {width:100%;height:340px;vertical-align:top;} .box_08 ul li .hide {display:block;width:100%;height:340px;background:rgba(51,51,51,0.7);position:absolute;left:0;top:0; /*旋转中心位置*/ transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform:rotate(90deg); /*旋转角度*/ -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;} .box_08 ul li:hover .hide {transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);} .box_08 ul li .hide .jz {width:90%;height:85%;margin:5%;background:#fff;position:relative;} .box_08 ul li .hide .jz::after {content:'';width:25px;height:16px;background:url(../images/case_jt.png);position:absolute;bottom:20px;left:50%;margin-left:-12px;} .box_08 ul li .hide .jz .name {width:60%;margin:0 auto;font-size:16px;line-height:16px;color:#373231;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:40px 0 70px 0;background:url(../images/case_icon.png) center bottom no-repeat;margin-bottom:25px;} .box_08 ul li .hide .jz p {width:80%;margin:0 auto;font-size:14px;line-height:25px;max-height:50px;color:#919191;overflow:hidden;} /* 案例展示 */ .box_09 {width:100%;height:auto;padding-top:60px;} .box_09 .h_title {width:280px;height:80px;margin:0 auto;text-align:center;position:relative;} .box_09 .h_title::after {content:'';width:14px;height:5px;background:#333;position:absolute;bottom:0;left:50%;margin-left:-7px;} .box_09 .h_title p {width:178px;height:15px;background:url(../images/ind.png);margin:0 auto;} .box_09 .h_title h3 {font-size:28px;line-height:28px;color:#373231;margin-top:18px;} .box_09 .h_title h3 a {display:block;color:#373231;} .box_09 .top {width:1200px;height:410px;margin:40px auto 0 auto;overflow:hidden;} .box_09 .top .left {width:600px;height:410px;overflow:hidden;float:left;position:relative;} .box_09 .top .left a {display:block;} .box_09 .top .left .img {width:600px;height:410px;overflow:hidden;} .box_09 .top .left img {width:600px;height:410px;vertical-align:top;transition:all 1s;} .box_09 .top .left:hover img {transform:scale(1.1);} .box_09 .top .left .pos {width:600px;height:90px;background:rgba(47,52,64,0.7);overflow:hidden;position:absolute;left:0;bottom:0;z-index:0;} .box_09 .top .left .pos::after {content:'';width:0;height:90px;background:rgba(51,51,51,0.7);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .left:hover .pos::after {content:'';width:600px;height:90px;background:rgba(51,51,51,0.7);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .left .pos .date {width:114px;height:90px;text-align:center;color:#fff;float:left;position:relative;} .box_09 .top .left .pos .date::after {content:'';width:1px;height:50px;background:#7f7d81;position:absolute;top:20px;right:0;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .left:hover .pos .date::after {content:'';width:1px;height:50px;background:#4d81b2;position:absolute;top:20px;right:0;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .left .pos .date span:nth-of-type(1) {display:block;font-size:26px;color:#fff;line-height:22px;margin:22px 0 13px 0;} .box_09 .top .left .pos .date span:nth-of-type(2) {display:block;font-size:14px;color:#fff;line-height:12px;} .box_09 .top .left .txt {width:440px;padding-right:20px;float:right;} .box_09 .top .left .name {width:440px;font-size:16px;height:16px;line-height:16px;color:#fff;margin:20px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .box_09 .top .left p {font-size:14px;color:#fff;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .box_09 .top .right {width:580px;height:410px;overflow:hidden;float:right;} .box_09 .top .right .bx {width:578px;height:95px;border:solid 1px #d4d4d4;margin-bottom:7px;overflow:hidden;background:#fff;position:relative;z-index:0;} .box_09 .top .right .bx:last-child {margin-bottom:0;} .box_09 .top .right .bx::after {content:'';width:0;height:95px;background:#333;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .right .bx:hover::after {content:'';width:578px;height:95px;background:#333;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .right .bx .date {width:114px;height:95px;text-align:center;color:#2f3440;float:left;position:relative;} .box_09 .top .right .bx .date::after {content:'';width:1px;height:60px;background:#dadada;position:absolute;top:18px;right:0;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .right .bx:hover .date::after {content:'';width:1px;height:60px;background:#fff;position:absolute;top:18px;right:0;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .right .bx .date span {display:block;color:#2f3440;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .right .bx:hover .date span {color:#fff;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .right .bx .date span:nth-of-type(1) {font-size:26px;line-height:22px;font-weight:bold;margin:25px 0 14px 0;} .box_09 .top .right .bx .date span:nth-of-type(2) {font-size:14px;line-height:12px;} .box_09 .top .right .bx .txt {width:430px;padding-right:20px;float:right;} .box_09 .top .right .bx .name {display:block;width:430px;font-size:16px;height:16px;line-height:16px;color:#2f3440;margin:20px 0 25px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .right .bx p {font-size:14px;color:#919191;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .right .bx:hover .name {color:#fff;-webkit-transition:all .5s;transition:all .5s;} .box_09 .top .right .bx:hover p {color:#fff;-webkit-transition:all .5s;transition:all .5s;} /* 在线留言 */ .box_10 {width:100%;height:60px;padding:60px 0;margin-top:60px;background:#2a2a2a;} .box_10 .center {width:1200px;height:60px;margin:0 auto;position:relative;} .box_10 .center .bt {width:150px;height:60px;float:left;background:#515151;} .box_10 .center .bt p:nth-of-type(1) {font-size:14px;line-height:14px;color:#fff;margin:14px 0 0 22px;} .box_10 .center .bt p:nth-of-type(2) {font-size:12px;line-height:10px;color:#fff;margin:10px 0 0 22px;text-transform:Uppercase;} .box_10 .form {width:1050px;height:60px;float:right;position:relative;} .box_10 .form p {width:160px;height:60px;overflow:hidden;background:#fff;float:left;position:relative;} .box_10 .form p::after {content:'';width:1px;height:20px;background:#dbdbdb;position:absolute;top:20px;right:0;} .box_10 .form input {display:block;width:160px;height:60px;line-height:60px;padding-left:30px;color:#919191;float:right;font-size:14px;background:#fff;} .box_10 .form p:nth-of-type(3) {width:288px;height:60px;overflow:hidden;} .box_10 .form textarea {width:288px;height:60px;line-height:60px;background:#fff;padding-left:30px;} .box_10 .form p:nth-of-type(4) {width:292px;height:60px;overflow:hidden;} .box_10 .form p:nth-of-type(4) input {display:block;width:142px;height:60px;line-height:60px;padding-left:30px;color:#919191;font-size:14px;float:left;} .box_10 .form p:nth-of-type(4) img {display:block;float:right;width:150px;height:60px;} .box_10 .form .tj {width:150px;height:60px;border:none;background:#333;position:relative;z-index:0;float:right;} .box_10 .form .tj .btn {display:block;width:150px;height:60px;line-height:52px;text-align:center;font-size:14px;color:#fff;border:none;background:none;cursor:pointer;} .box_10 .form .tj::before {content:'';width:0px;height:60px;background:#2f3440;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_10 .form .tj:hover::before {content:'';width:75px;height:60px;background:#2f3440;position:absolute;top:0;right:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_10 .form .tj::after {content:'';width:0px;height:60px;background:#2f3440;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} .box_10 .form .tj:hover::after {content:'';width:75px;height:60px;background:#2f3440;position:absolute;top:0;left:75px;z-index:-1;-webkit-transition:all .5s;transition:all .5s;} /* 友情链接 */ .links {width:100%;padding-top:40px;background:url(../images/link_back.jpg) center top no-repeat;} .links .link {width:1200px;height:40px;margin:0 auto;padding-bottom:41px;border-bottom:solid 1px #cfcfcf;overflow:hidden;} .links .link p {font-size:20px;color:#fff;text-transform:Uppercase;font-weight:bold;float:left;width:110px;text-align:center;height:40px;line-height:40px;overflow:hidden;background:#333;} .links .link a {display:inline-block;width:auto;text-align:center;font-size:14px;height:14px;line-height:14px;margin-top:13px;color:#919191;border-right:solid 1px #919191;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 20px;} .links .link a:last-child {border-right:0;} .links .link a:hover {text-decoration:underline;} .hvr-float-shadow {display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;} .hvr-float-shadow:before {pointer-events:none;position:absolute;z-index:-1;content:'';top:100%;left:5%;height:10px;width:90%;opacity:0;background:-webkit-radial-gradient(center,ellipse,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(0,0,0,0) 80%);/* W3C */ -webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform,opacity;transition-property:transform,opacity;} .hvr-float-shadow:hover,.hvr-float-shadow:focus,.hvr-float-shadow:active {-webkit-transform:translateY(-5px);transform:translateY(-5px);/* move the element up by 5px */} .hvr-float-shadow:hover:before,.hvr-float-shadow:focus:before,.hvr-float-shadow:active:before {opacity:1;-webkit-transform:translateY(5px);transform:translateY(5px);/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */} /* 提交按钮的线条边框特效 */ .bz-buttonAnimat {position:relative} /*.bz-buttonAnimat .inner {position:absolute;top:0;left:0;width:100%;height:100%} */ .bz-buttonAnimat::before,.bz-buttonAnimat::after,.bz-buttonAnimat .inner::before,.bz-buttonAnimat .inner::after {background-color:#66b4e1;} .bz-buttonAnimat02::before,.bz-buttonAnimat02::after,.bz-buttonAnimat02 .inner::before,.bz-buttonAnimat02 .inner::after {background-color:#fff;} .bz-buttonAnimat:before,.bz-buttonAnimat:after,.bz-buttonAnimat .inner:before,.bz-buttonAnimat .inner:after {position:absolute;content:"";display:block;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s} .bz-buttonAnimat.horizontal:before,.bz-buttonAnimat.horizontal:after,.bz-buttonAnimat.both:before,.bz-buttonAnimat.both:after {left:0;width:100%;height:1px;-webkit-transform:scaleX(0);transform:scaleX(0)} .bz-buttonAnimat.horizontal .inner:before,.bz-buttonAnimat.horizontal .inner:after,.bz-buttonAnimat.both .inner:before,.bz-buttonAnimat.both .inner:after {top:0;width:1px;height:100%;-webkit-transform:scaleY(0);transform:scaleY(0)} .bz-buttonAnimat.horizontal .inner:before,.bz-buttonAnimat.both .inner:before {left:0} .bz-buttonAnimat.horizontal .inner:after,.bz-buttonAnimat.both .inner:after {right:0} .bz-buttonAnimat.horizontal .inner:hover:before,.bz-buttonAnimat.horizontal .inner:hover:after,.bz-buttonAnimat.both .inner:hover:before,.bz-buttonAnimat.both .inner:hover:after {-webkit-transform:scaleY(1);transform:scaleY(1)} .bz-buttonAnimat.horizontal:before,.bz-buttonAnimat.both:before {top:0} .bz-buttonAnimat.horizontal:after,.bz-buttonAnimat.both:after {bottom:0} .bz-buttonAnimat.horizontal:hover:before,.bz-buttonAnimat.horizontal:hover:after,.bz-buttonAnimat.both:hover:before,.bz-buttonAnimat.both:hover:after {-webkit-transform:scaleX(1);transform:scaleX(1)} .bz-buttonAnimat.horizontal:hover .inner:before,.bz-buttonAnimat.horizontal:hover .inner:after,.bz-buttonAnimat.both:hover .inner:before,.bz-buttonAnimat.both:hover .inner:after {-webkit-transform:scaleY(1);transform:scaleY(1)} .bz-buttonAnimat.horizontal.clockwise .inner:before,.bz-buttonAnimat.both.clockwise .inner:before {-webkit-transform-origin:top center;transform-origin:top center} .bz-buttonAnimat.horizontal.clockwise .inner:after,.bz-buttonAnimat.both.clockwise .inner:after {-webkit-transform-origin:bottom center;transform-origin:bottom center} .bz-buttonAnimat.horizontal.clockwise:before,.bz-buttonAnimat.both.clockwise:before {-webkit-transform-origin:right center;transform-origin:right center} .bz-buttonAnimat.horizontal.clockwise:after,.bz-buttonAnimat.both.clockwise:after {-webkit-transform-origin:left center;transform-origin:left center} .bz-buttonAnimat.horizontal.clockwise:hover .inner:before,.bz-buttonAnimat.both.clockwise:hover .inner:before {-webkit-transform-origin:bottom center;transform-origin:bottom center} .bz-buttonAnimat.horizontal.clockwise:hover .inner:after,.bz-buttonAnimat.both.clockwise:hover .inner:after {-webkit-transform-origin:top center;transform-origin:top center} .bz-buttonAnimat.horizontal.clockwise:hover:before,.bz-buttonAnimat.both.clockwise:hover:before {-webkit-transform-origin:left center;transform-origin:left center}