/* *@author:Jacobwang *@date:2015-04-15 *@info:main.css */ /*reset*/ body { font-family: Microsoft YaHei, "Source Sans Pro", Helvetica, Arial, sans-serif; } a { cursor: pointer; text-decoration:none; } ul { padding: 0; margin: 0; list-style: none; } .wrap-index { overflow: hidden; } .dark-green { color: #4c5b52; } .light-green { color: #00853e; } .mb-50 { margin-bottom: 50px; } /*slider*/ .slider { float: left; } .slider .jquery-reslider .slider-block { width: 100%; height: 100%; position: absolute; z-index: 97; background-position: 50% 50%; background-size: cover; opacity: 0; } .slider .jquery-reslider .slider-direction { width: 60px; height: 60px; position: absolute; top: 45%; z-index: 99; cursor: pointer; } .slider .jquery-reslider .slider-direction.slider-direction-prev { left: -80px; background: url('../images/prev.png') no-repeat; transition:all 1s ease; } .slider .jquery-reslider .slider-direction.slider-direction-prev:hover { background: url('../images/prev_h.png') no-repeat; } .slider .jquery-reslider .slider-direction.slider-direction-next { right: -80px; background: url('../images/next.png') no-repeat; transition:all 1s ease; } .slider .jquery-reslider .slider-direction.slider-direction-next:hover { background: url('../images/next_h.png') no-repeat; } .slider .jquery-reslider .slider-dots { position: absolute; width: 100%; text-align: center; bottom: 80px; } .slider .jquery-reslider .slider-dots li { width: 15px; height: 15px; border-radius: 100px; display: inline-block; margin: 10px; border: 1px solid #ffffff; cursor: pointer; } .slider .jquery-reslider .slider-dots li.active { background-color: #ffffff; } @media screen and (max-width: 768px) { .slider .jquery-reslider .slider-direction { zoom: .8; } .slider .jquery-reslider .slider-dots { position: absolute; } } .industrys{ overflow:hidden; height: 790px;} .industry-list a:link, .industry-list a:visited { color: #fff;} .industry-list a:active,.industry-list a:hover { color: #fff;} .industry-list li{ width:33.33%; float:left; overflow:hidden; position:relative; transition:width 455ms; cursor:pointer} .industry-list li figure{ display:block; overflow:hidden; position:relative; text-align:center; background-position: center center; background-repeat: no-repeat; height: 790px;} .industry-list li figure img{ display:none; height:790px;} .industry-list li .black-40{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .industry-item{ width: 330px; padding: 20px; height: 312px; position: absolute; left: 50%; top: 50%; margin: -176px 0px 0px -185px; text-align: center; z-index: 1; color:#fff; border: 1px solid rgba(255,255,255,0.2);} .industry-item:before{content: ""; display:block; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transform-origin: left bottom; -webkit-transform-origin:left bottom; -webkit-transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1); transition:transform .52s cubic-bezier(.4,0,.2,1),-webkit-transform .52s cubic-bezier(.4,0,.2,1); transform:scaleY(0); -webkit-transform:scaleY(0); visibility:hidden\9; z-index: -1;} .industry-item p{ transition: 0.3s; -webkit-transition: 0.3s;} .industry-item .ico{ width: 60px; height: 60px; display: block; margin: 70px auto 4px; position: relative; transition: 0.3s; -webkit-transition: 0.3s;} .industry-item .ico i{ background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .industry-item .ico .i1{ display: block;} .industry-item .ico .i2{ display: none;} .industry-item .t{ font-size: 22px; line-height: 3.2; margin-bottom: 5px; font-weight:bold} .industry-item .en{ font-family: "pf_din_text_comp_proregular"; text-transform: uppercase; line-height: 1.1;} .industry-item .by{ color: #666666; opacity: 0; visibility: hidden; line-height: 1.1; font-size: 17px;} .industry-item .addico{ background: url(../images/add_ico.png) no-repeat scroll center center; background-size: cover; width: 10px; height: 10px; display: block; margin: 0px auto 42px; transition: 0.3s; -webkit-transition: 0.3s;} .industry-item .moreBtn{ opacity: 0; margin: 0px auto; visibility: hidden; background-image: url(../images/more_bg2.png);} .industry-item .moreBtn .txt{ color: #d52829;} .industryListPage1{ position: relative;} .pbot2{ background-image: url(../images/pbot_2.png); position: absolute; left: 50%; margin-left: -35px; bottom: -35px;} .pbot2 i{ background-image: url(../images/pbot_ico2.png);} .industry-one-l{ margin: 40px auto; width: 835px; border-left: 1px solid #E8E8E8;} .industry-one-l li{ float: left; display: block; width: 24%; font-size: 12px; border-right: 1px solid #E8E8E8; text-align: center; padding: 18px 0px;} .industry-one-l .num{ font-size: 58px; line-height: 1; font-family: "Baiduan Number"; color: #752d03;} .blackBtn .txt{ background: url(../images/arrow3.png) no-repeat scroll left center; padding-left: 20px;} .blackBtn:hover .txt{ background-image: url(../images/arrow5.png);} .industryList-tbox .img{ float: left; display: block; width: 12%; text-align: center;} .industryList-tbox .img p{ width: 80%;} .industryList-tbox .ico img{ display: block; width: 90px; margin: 0px auto 15px;} .industryList-tbox .t{ font-size: 24px; line-height: 1.4; color: #333333;} .industryList-tbox .con{ float: right; display: block; width: 84%; border-left: 1px solid #cccdce; padding-left: 3%;} .industryList-tdemo{ margin: 55px auto 0px;} .industryList-tdemo .item{ float: left; position: relative; overflow: hidden;} .industryList-tdemo .img{ overflow: hidden;} .industryList-tdemo .img img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;} .industryList-tdemo .item:hover .img img{ transform:scale(1); -webkit-transform:scale(1);} .industryList-tdemo .txt{ position: absolute; left: 0; bottom: 0; padding: 10px 5%; width: 90%; text-align: center; color: #fff; line-height: 1.5;} .industryList-tdemo .slick-arrow { width: 22px; height: 49px; position: absolute; top: 50%; margin-top: -25px; z-index: 99; transition: 300ms; -webkit-transition: 300ms; } .industryList-tdemo .slick-prev { background: url(../images/rr_w_prev2.png) no-repeat left center; left: -44px; } .industryList-tdemo .slick-next { background: url(../images/rr_w_next2.png) no-repeat right center; right: -44px; } .industryList-tdemo .slick-prev:hover { background-position: right center; } .industryList-tdemo .slick-next:hover { background-position: left center; } .industryList-ibox{ margin-top: 60px;} .industry-list-one a:link, .industry-list-one a:visited { color: #333333;} .industry-list-one a:active,.industry-list-one a:hover { color: #d82e29;} .industry-list-one a.item{ display: block;position: relative; overflow: hidden;} .industry-list-one li{ background-color: #fff;} .industry-list-one li .img{ width: 50%; display: block; position: relative; overflow: hidden;} .industry-list-one li .img img{ transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; width: 100%; display: block; transform: scale(1.06); -webkit-transform: scale(1.06);} .industry-list-one .img .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden;transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; -webkit-transition: all 0.6s cubic-bezier(0.445, 0.145, 0.355, 1) 0s; } .industry-list-one .con{ color: #7f7e7e; width: 32%; height: 100%; position: absolute; top: 0%;} .industry-list-one .con .ico{ display: block; width: 90px; margin-bottom: 12px;} .industry-list-one .con .zh{ font-size: 24px; line-height: 1.2; margin: 10px 0px 15px; color: #333333;} .industry-list-one .con .c{ height: 76px; overflow: hidden; margin-bottom: 40px;} .industry-list-one .bor{ position: absolute; top: 0; left: 0; width: 50%; height: 100%;} .industry-list-one .moreBtn{ background-image: url(../images/more_bg2.png);} .industry-list-one .moreBtn .txt{ color: #977751;} .industry-list-one .oneItem .con{ left: 56%;} .industry-list-one .oneItem .bor{ left: 50%;} .industry-list-one .twoItem .img{ margin-left: 50%;} .industry-list-one .twoItem .con{ left: 12%;} .filler { position: absolute; display: block; background-color: #cca36e; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s; } .industry-list-one .filler-left { width: 1px; height: 0%; left: 2%; top: 3%; } .industry-list-one .filler-right { width: 1px; height: 0%; right: 2%; bottom: 3%; } .industry-list-one .filler-top { width: 0%; height: 1px; right: 2%; top: 3%; } .industry-list-one .filler-bottom { width: 0%; height: 1px; left: 2%; bottom: 3%; } .industry-one-img dd{ float: left; display: block; position: relative; width: 46%; margin:22px 2%; cursor: zoom-in;} .industry-one-img .img{ overflow: hidden; position: relative;} .industry-one-img .img img{ width: 100%; display: block; transform:scale(1.06); -webkit-transform:scale(1.06); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} .industry-one-img .bor{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 10px solid rgba(255,122,0,0.26); box-sizing: border-box; opacity: 0; transform: scale(1.5); -webkit-transform: scale(1.5); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} .industry-one-img .txt{ height: 60px; line-height: 60px; padding-right: 35px; color: #666666; position: relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .industry-one-img .line{ position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ccc;} .industry-one-img .ico{ background: url(../images/arrow7.png) no-repeat; width: 13px; height: 10px; position: absolute; right: 8px; top: 50%; margin-top: -5px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;} .industry-one-img .txt:before{ content:""; width:100%; height:1px; background:#A0723E; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1); transition:transform .44s cubic-bezier(.4,0,.2,1),-webkit-transform .44s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: 2;} .industry-one-img dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);} .industry-one-img dd:hover .bor{ opacity: 1; transform:scale(1); -webkit-transform:scale(1);} .industry-one-img dd:hover .txt:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0; visibility:visible\9;} .industry-one-img dd:hover .txt{ color: #d82e29;} .industry-one-img dd:hover .ico{ background-image: url(../images/arrow6.png); right: 0;} .industryListPage2{ position: relative;} .industryListPage2 .ilogo{ margin-bottom: 20px;} .industryListPage2 .pageC-zh{ margin-bottom: 35px;} .industryListPage2 .ipnav{ margin-top: 50px;} .industryListPage2 .iptx{ margin-bottom: 20px;} .industry-list-two a:link, .industry-list-two a:visited { color: #333;} .industry-list-two a:active,.industry-list-two a:hover { color: #333;} .industry-list-two dd{ float: left; display: block; width: 15.66%; overflow: hidden; margin-right: 1%; text-align: center; background-color: #f4f4f4;} .industry-list-two figure{ overflow: hidden;} .industry-list-two figure img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition: 0.5s; -webkit-transition: 0.5s;} .industry-list-two .item{ display: block; padding-bottom: 175px; position: relative;} .industry-list-two .con{ height: 230px; position: absolute; left: 0; bottom: 0; margin-bottom: -55px; width: 90%; padding: 30px 5% 0px; height: 200px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out;} .industry-list-two .ico{ width: 50px; height: 50px; position: relative; margin: 0px auto 8px; display: block;} .industry-list-two .ico i{ background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .industry-list-two .ico .i1{display: block;} .industry-list-two .ico .i2{display: none;} .industry-list-two .zh{ font-size: 16px; line-height: 1.5; color: #333;} .industry-list-two .en{ font-family: "pf_din_text_comp_proregular"; line-height: 1.2; color: #999999; margin-bottom: 30px;} .industry-list-two .moreBtn{ opacity: 0; visibility: hidden;} .industry-list-two .moreBtn .txt{ color: #fff;} .industry-two-ul li{ position: relative;} .ilink-ico1,.ilink-ico2{ width: 48px; height: 48px; border-radius: 50%; float: left; display: block; background-color: #b2a89c;} .ilink-ico1 i,.ilink-ico2 i{ width: 100%; height: 100%; display: block; background-size: cover; background-repeat: no-repeat; background-position: center center;} .ilink-ico1{ margin-right: 12px;} .ilink-ico2{ position: relative;} .ilink-ico2 .wx-box { position: absolute; z-index: 1; top: 50%; left: 140%; width: 120px; height: 120px; margin-top: -75px; padding: 15px; border: 1px solid #fff; border-radius: 15px; background: #fff; opacity: 0; visibility: hidden; box-shadow: 0 0 16px rgba(0, 0, 0, 0.22); transform: scale(0); transform-origin: 0% 50%; transition: all .5s; } .ilink-ico2 .wx-box img { width: 100%; display: block;} .ilink-ico2 .wx-box:before { content: ''; position: absolute; top: 50%; left: 0%; margin: -8px 0 0 -12px; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } .ilink-ico2 .wx-box:after { content: ''; position: absolute; top: 50%; left: 0%; margin: -8px 0 0 -12px; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 1; } .ilink-ico2 .black-30{ display: none;} .ilink-ico2.act .wx-box { opacity: 1; visibility: visible; transform: none; } .industry-link .moreBtn{ margin-top: 20px;} .industry-info-t{ border-bottom: 1px solid #aaaaaa; padding-bottom: 28px;} .industry-link2{ float: right; display: block;} .industry-link2 .ilink-ico2 .wx-box { left: auto; right: 140%; transform-origin: 100% 50%; } .industry-link2 .wx-box:before { left: auto; right: 0; margin: -8px -12px 0 0px; border-right: 0px none; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } .industry-link2 .wx-box:after { left: auto; right: 0; margin: -8px -12px 0 0px; border-right: 0px none; border-left: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 1; } .industry-link-img{ margin-left: -1%;} .industry-link-img li{ float: left; display: block; width: 15.66%; margin:20px 0px 0px 1%;} .industry-link-img figure{ border: 1px solid #cccccc; overflow: hidden;} .industry-link-img figure img{ width: 100%; display: block;} .industry-previous{ margin: 0;} .industry-info-banner-box{ padding-top: 5%;} .industry-info-banner{ position: relative; height: 584px;} .industry-info-banner .item{ position: relative;} .industry-info-banner .img{ position: relative; overflow: hidden;} .industry-info-banner .img img{ width: 100%; display: block; height: 584px;} .industry-info-banner .slick-active .img { -webkit-animation: imgIn 1s ; animation: imgIn 1s;} .industry-info-banner .slick-active .img img { -webkit-animation: slideIn 1s; animation: slideIn 1s; } .industry-info-banner .slick-arrow{ background:url(../images/fz_i2.png) repeat; width:69px; height: 69px; z-index: 105; top: 50%; margin-top: -35px;} .industry-info-banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;} .industry-info-banner .slick-prev{ left: -100px; } .industry-info-banner .slick-next{ right: -100px;} .industry-info-banner .slick-prev i{ background: url(../images/fz_ici1.png) no-repeat scroll center center;} .industry-info-banner .slick-next i{ background: url(../images/fz_ici12.png) no-repeat scroll center center;} .f30{ font-size: 30px; line-height: 1.5;} .industry-info-page{ margin-bottom: 80px;} .industrytwo6-page{ border-bottom: 1px solid #cccccc; padding-bottom: 40px; margin-bottom: 40px;} .ipageT{ font-size: 24px; margin-bottom: 24px; line-height: 1.5; color: #d82e29;} .isaleItem-list dd{ margin-bottom: 28px; background-color: #fff; position: relative;transition:0.43s;} .isaleItem-list a:link, .isaleItem-list a:visited { color: #666666;} .isaleItem-list a:active,.isaleItem-list a:hover { color: #977751;} .isaleItem-list .img{ overflow: hidden; } .isaleItem-list .img img{ width: 100%; display: block; transition: 600ms; -webkit-transition: 600ms; transform: scale(1.06); -webkit-transform: scale(1.06);} .isaleItem-list .con{ padding: 22px 202px 22px 5%; position: relative;} .isaleItem-list .con p{text-overflow: ellipsis;white-space: nowrap; overflow: hidden;} .isaleItem-list .con .t{ font-size: 24px; color: #666666;} .isaleItem-list .con .c{ color: #666666;} .isaleItem-list .moreBtn{ position: absolute; right: 5%; top: 40%;} .isaleItem-list dd:hover .img img{transform: initial; -webkit-transform: initial;} .isaleItem-list dd:hover{ box-shadow:0 0 29px rgba(0,0,0,0.33);} .add-list{ padding: 50px 0px 0px;} .add-list a:link, .add-list a:visited { color: #666;} .add-list a:active,.add-list a:hover { color: #d82e29;} .add-list dd{ float: left; display: block; width: 32%; margin-right: 2%; position: relative; margin-bottom: 20px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff; cursor: zoom-in;} .add-list dd:nth-child(3n){ margin-right: 0;} .add-list .img{ position: relative; overflow: hidden;} .add-list .img img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;} .add-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);} .add-list dd:hover{ box-shadow:0 0 21px rgba(0,0,0,0.33);} /*industry style end*/ /*industrytwo2*/ .s_logo{ display:block; margin:0 auto; max-width:100%; } .store-ctt{ background:#fff; } .store-list .spicbox{ width:43%; float:left; } .spicbox{ position:relative; } .store-list .txts{ width:57%; float:left; } .s-ti{ font-size:24px; line-height:1.4; color:#d82e29; } .store-list .txts .pa{ padding:60px 60px 0 60px; } .store-list .txts .s-ti{ margin-bottom:27px; line-height: 1.2;} /*.tools a{ width:48px; height:48px; border-radius:100%; background:#b2a89c; display:block; float:left; margin-right:12px; background-repeat:no-repeat; background-position:center center; } .tools .s1{ background-image:url(../images/rr_s_ico_1.png); } .tools .s2{ background-image:url(../images/rr_s_ico_2.png); } .tools a:hover{ background-color:#d82e29; }*/ .store-list .txts .tools{ margin-top:37px; } .store-list .txts .freeTx{ max-height:168px; overflow:hidden; } .spicslide .pic img{ transform:none; -webkit-transform:none; } .spicslide .slick-arrow{ width:34px; height:34px; position:absolute; top:50%; margin-top:-17px; z-index:99; } .spicslide .slick-arrow i{ display:block; width:100%; height:100%; position:relative; } .spicslide .slick-arrow:before{ content:""; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.7); transform:rotate(45deg); -webkit-transform:rotate(45deg); transition:300ms; -webkit-transition:300ms; } .spicslide .slick-prev{ left:18px; } .spicslide .slick-next{ right:18px; } .spicslide .slick-prev i{ background:url(../images/rr_sp_prev.png) no-repeat center center; } .spicslide .slick-next i{ background:url(../images/rr_sp_next.png) no-repeat center center; } .spicslide .slick-arrow:hover:before{ background:#d82e29; } .spicbox .shadow,.hotel-list .shadow{ position:absolute; left:0; right:0; bottom:0; background:url(../images/rr_shadow.png) no-repeat center top; height:99px; z-index:99; background-size:100% 99px; } .spicbox .actnum{ text-align:center; position:absolute; left:0; right:0; bottom:12px; color:#fff; z-index:99; } .store-list li{ border-bottom:1px solid #cbcbcb; background:#fff; } .store-list .item1 .spicbox,.store-list .item1 .txts{ float:left; } .store-list .item2 .spicbox,.store-list .item2 .txts{ float:right; } .brands-box{ padding:56px 75px 65px 65px; } .brandsList li{ width:14.86%; margin-left:1.8%; margin-bottom:1.8%; float:left; } .brandsList{ margin-left:-1.8%; } .brandsList .pic img{ transform:none; -webkit-transform:none; } .brandsList .pic{ border:1px solid #ccc; transition:300ms; -webkit-transition:300ms; } .brandsList li:hover .pic{ border-color:#d82e29; } .brands-box .s-ti{ margin-bottom:20px; } .brandsList{ margin-top:40px; } .store-ctt{ margin-top:50px; } .spicslide .item{ position:relative; } /*industrytwo2 end*/ /*industrytwo3*/ .b-ti .b-logo{ float:left; width:237px; max-width:100%; display:block; } .b-ti .ti{ font-size:24px; color:#d82e29; float:left; line-height:49px; margin-left:35px; } .b-ti .tools{ float:right; } .b-ti .tools a{ margin-left:12px; margin-right:0; } .build-box{ background:#fff; } .b-ti .freeTx{ margin-top:27px; border-top:1px solid #ccc; padding-top:27px; } .b-ti{ padding:57px 75px 46px 65px; } .b-ti .b{ float:left; } .spicbox2 .actnum{ right:8%; left:auto; } .spicbox2 .nowti,.hotel-list .nowti{ position:absolute; left:8%; right:8%; bottom:12px; font-size:18px; color:#fff; z-index:99; text-align:center; } /*industrytwo3 end*/ /*industrytwo4*/ .hnav a{ display:block; width:50%; float:left; color:#666; font-size:0; text-align:center; } .hnav{ border:1px solid #958d85; } .hnav .ico,.hnav .ti{ display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; } .hnav .ico{ height:56px; width:40px; background-position:center top; background-repeat:no-repeat; margin-right:3px; } .hnav .ti{ font-size:14px; line-height:56px; } .hnav .h1 .ico{ background-image:url(../img/rr_h_ico_1.png); } .hnav .h2 .ico{ background-image:url(../img/rr_h_ico_2.png); } .hnav a:hover .ti,.hnav a.act .ti{ color:#fff; } .hnav a:hover,.hnav a.act{ background:#958d85; } .hnav a:hover .ico,.hnav a.act .ico{ background-position:center bottom; } .hotel-list dd{ width:32.53%; margin-left:0.8%; margin-bottom:2.2%; float:left; position:relative; color:#fff; cursor: zoom-in;} .hotel-list a{ color:#fff; } .hotel-list{ margin-left:-0.8%; margin-top:60px; } .hotel-list .shadow{ height:75px; background-size:100% 75px; } .hotel-list .nowti{ left:15px; right:15px; font-size:14px; bottom:10px; } .hotel-ctt{ background:#fff; margin-top:27px; } .f-logo{ display:block; max-width:100%; } .spicbox2 .f-logo{ position:absolute; left:60px; top:50px; z-index:99; } .b-ti2{ border-bottom:1px solid #ccc; padding:0; padding-bottom:20px; } .f-tx{ margin-top:60px; } .f-tx.mt{ margin-top:35px; } /*industrytwo4 end*/ /*hr style*/ .hrti { text-align: center; } .hrti .ch { font-size: 30px; color: #372976; line-height: 1.4; } .hrti .en { font-family: "pf_din_text_comp_proregular"; font-size: 18px; text-transform: uppercase; line-height: 1.1; color: #b5b4b3; margin-top: 6px; } .ipnav { text-align: center; font-size: 0; padding: 18px 0; margin-top: 70px; } .ipnav li { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; width: 150px; height: 150px; font-size: 20px; color: #fff; position: relative; margin: 0 32px; cursor: pointer; } .ipnav p { position: relative; padding-top: 60px; } .ipnav li:before { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); transition: 300ms; -webkit-transition: 300ms; } .ipnav .ip1:before, .ipnav .ip1 span { background: #d82e29; } .ipnav .ip2:before, .ipnav .ip2 span { background: #a12c47; } .ipnav .ip3:before, .ipnav .ip3 span { background: #792b58; } .ipnav .ip4:before, .ipnav .ip4 span { background: #462a70; } .ipnav .ip5:before, .ipnav .ip5 span { background: #372976; } .ipnav li:after { content: ""; position: absolute; left: 0; right: 0; height: 4px; background: url(../images/rr_hr_aw.png) no-repeat center bottom; bottom: 6px; transform: translateY(-10px); -webkit-transform: translateY(-10px); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; } .ipnav li span { display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; transform: rotate(45deg) scale(1.2); -webkit-transform: rotate(45deg) scale(1.2); opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; } .ipnav li:hover span { transform: rotate(45deg) scale(1); -webkit-transform: rotate(45deg) scale(1); opacity: 1; visibility: visible; } .ipnav li.act span { transform: rotate(45deg) scale(1); -webkit-transform: rotate(45deg) scale(1); opacity: 1; visibility: visible; } .ipnav li.act:after { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; } .iptx { width: 900px; max-width: 100%; text-align: center; margin: 50px auto 0 auto; line-height: 2; } .iptx li { display: none; transform: translateX(60px); -webkit-transform: translateX(60px); opacity: 0; visibility: hidden; transition: 700ms; -webkit-transition: 700ms; } .iptx li.show { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; font-size:18px;} .hr1 { padding: 5px 0 4px 0; } .fixbg { background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .hrti.color-w .ch { color: #fff; } .workSlide .wa { color: #666; background: #fff; display: block; margin: 0 13px; } .pic { overflow: hidden; } .pic > img ,.pic>a> img { display: block; width: 100%; transition: 600ms; -webkit-transition: 600ms; transform: scale(1.05); -webkit-transform: scale(1.05);} .scapic:hover img { transform: initial; -webkit-transform: initial; } .workSlide .wa .nowti { text-align: center; padding: 18px 10px; } .workSlide .wa:hover .nowti { color: #e21e2d; } .workSlide .slick-arrow { width: 22px; height: 49px; position: absolute; top: 50%; margin-top: -25px; z-index: 99; transition: 0ms; -webkit-transition: 0ms; } .workSlide .slick-prev { background: url(../images/rr_w_prev.png) no-repeat left center; left: -44px; } .workSlide .slick-next { background: url(../images/rr_w_next.png) no-repeat right center; right: -44px; } .moreBtn3 { color: #fff; margin: 0 auto; } .moreBtn3:before{ background-image: url(../images/more_bg.png);} .moreBtn3:hover .txt{ color: #fff;} .workSlide { margin: 64px auto 62px auto; } .hr2 .fixbg { padding: 82px 0 124px 0; } .workSlide .slick-prev:hover { background-position: right center; } .workSlide .slick-next:hover { background-position: left center; } .orIndro .t { font-size: 16px; font-weight: bold; } .orIndro a { color: #977751; } .orIndro .email { font-size: 15px; margin: 0 8px 0 11px; position: relative; } .orIndro .email:before { content: ""; position: absolute; left: 0; right: auto; width: 100%; height: 1px; background: #977751; bottom: 0; transition: 400ms; -webkit-transition: 400ms; } .orIndro .email:hover:before { width: 0; right: 0; left: auto; } .orIndro { position: relative; /*padding-right: 240px;*/ margin-top: 46px; } .setEmail { display: block; width: 222px; height: 38px; line-height: 38px; text-align: center; background: #977751; color: #fff !important; } .setEmail:hover { background: #999; } .orIndro .setEmail { position: absolute; right: 0; bottom: 6px; } .orTable { margin-top: 36px; } .orTable table { width: 100%; border: 1px solid #ccc; border-collapse: collapse; color: #333; } .orTable table td { border: 1px solid #ccc; padding: 16px 28px; } .orTable table th { background: #977751; text-align: left; color: #fff; font-weight: normal; padding: 10px 28px; } .orTable table .r1 { width: 27.75%; } .orTable table .r2 { width: 72.25%; } .orTable table td:nth-child(2), .orTable table th:nth-child(2) { padding-left: 45px; padding-right: 45px; } .orTable table a { color: #977751; margin-right: 58px; position: relative; } .orTable table a:before { content: ""; width: 0; bottom: 0; height: 1px; background: #977751; left: auto; right: 0; transition: 300ms; -webkit-transition: 300ms; position: absolute; } .orTable table a:hover:before { width: 100%; right: auto; left: 0; } .hrPaging { padding: 75px 0 95px 0; } .nowti { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .hrList{ margin: 25px 0px 0px;} .hrList .hspan{ text-align:center;cursor:pointer; width: 13%; display: block; float: left; height: 50px; line-height: 50px;} .hrList .hspan1{ text-align: left; padding-left: 5%; width: 17%;} .hrList .hrdt{ background-color: #b1b1b1; color: #fff;} .hrList dd{ margin-bottom: 3px; position: relative;} .hrList .hrdt{ height: 50px; overflow: hidden;} .hrList .hrT{ background-color: #f2f2f2; color:#666666;} .hrList .hrT .hspan{ line-height: 50px; height: 50px;} .hrList .ib{ width:16px; height:16px; margin: 17px auto 0px; display: block; position:relative; transition:400ms;-webkit-transition:400ms;} .hrList .ib i{ display:block; background-color:#999999;} .hrList .ib .ic1{ width:2px; height:16px; margin-left:7px;} .hrList .ib .ic2{ width:16px; height:2px; position:absolute; left:0; top:50%; margin-top:-1px;} .hrList .hrB{ border: 1px solid #dcbfa2; display: none;} .hrList .hrCon{ width: 91%; margin: 0px auto; padding:30px 0px 50px; overflow: hidden;} .hrList dd.active .hrT,.hrList dd:hover .hrT{ background-color:#977751; color: #fff;} .hrList .active .ib i,.hrList dd:hover .ib i{ background-color: #fff;} .hrList .active .ib{transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);} .hrList .active .ib .ic2{ display: none;} .hline { border-top: 1px solid #eeeeee; padding: 22px 0px 0; margin-top: 35px; } .hline a:link, .hline a:visited { color: #977751; text-decoration: underline; } .hline a:active, .hline a:hover { color: #212121; } /*hr style end*/ /*wing style*/ .service-ul{ padding: 0px 0px 10px;} .service-ul dd{ padding-bottom: 0;} .service-ul .txt{ height: 64px; overflow: hidden; line-height: 64px; text-align: center; padding: 0px 5%; text-overflow: ellipsis; white-space: nowrap;} .wingBox { padding: 48px 0 63px 0; } .pbg { background: #f9fafc; } .yyPageNav { padding: 8px 15px; background: #fff; } .yyPageNav a { float: left; color: #666; line-height: 25px; padding: 5px 36px; margin-left: -1px; position: relative; transition: background 300ms; -webkit-transition: background 300ms; } .yyPageNav a:before { content: ""; height: 14px; width: 1px; background: #ccc; position: absolute; top: 50%; margin-top: -7px; right: 0; transition: 300ms; -webkit-transition: 300ms; } .yyPageNav a:last-child:before{ display: none;} .yyPageNav a:hover{ color: #d82e29;} .yyPageNav a.active { background: #aca094; color: #fff; } .yyPageNav a.active:before { background: #aca094; } .mywingtx { background: #fff; margin-top: 17px; padding: 0 70px 58px 80px; } .witi { line-height: 1.4; font-size: 30px; color: #d82e29; } .freeTx { text-align: justify; line-height: 2; } .wingIntro .txts { float: left; width: 68%; } .wingIntro .txts .freeTx { margin-top: 25px; } .wingIntro .pic { width: 21.7%; float: right; margin-top: 22px; } .serviceList li { width: 33.33%; float: left; height: 230px; overflow: hidden; color: #fff; text-align: center; } .serviceList .sv1 { background: #b2926e; } .serviceList .sv2 { background: #958d85; } .serviceList .sv3 { background: #bab3ab; } .serviceList .ico { width: 76px; height: 76px; border: 1px solid #fff; margin: 0 auto; border-radius: 100%; display: block; background-repeat: no-repeat; background-position: center center; margin-bottom: 11px; } .serviceList .sv1 .ico { background-image: url(../images/rr_wing_ico_1.png); } .serviceList .sv2 .ico { background-image: url(../images/rr_wing_ico_2.png); } .serviceList .sv3 .ico { background-image: url(../images/rr_wing_ico_3.png); } .serviceList .ti { font-size: 18px; line-height: 1.4; margin-bottom: 4px; } .serviceList .pa { padding: 25px 40px 0 40px; } .serviceList li:hover .ico { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; } .serviceList { margin-top: 45px; } .wing1 { padding: 75px 0 0 0; } .ccList .freeTx { margin-left: 40%; } .ccList li { position: relative; } .ccList .picbox { width: 40%; position: absolute; top: 0; left: 0; bottom: 0; } .ccList .picbox img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 90%; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; } .ccList .freeTx .ti { font-weight: bold; color: #d82e29; } .ccList .freeTx { padding: 37px 30px 40px 30px; border-left: 1px solid #d2d2d2; } .ccList li { border-bottom: 1px solid #d2d2d2; } .ccList { border: 1px solid #d2d2d2; border-bottom: none; margin-top: 16px; } .ccList .cc1 .picbox { background: #f9fafc; } .ccList .cc2 .picbox { background: #faf5e8; } .wing2 { padding: 60px 0 0 0; } .msImg { display: block; width: 100%; margin-top: 32px; } .wing3 { padding: 60px 0 0 0; } .handleCard { display: block; width: 305px; height: 49px; line-height: 49px; color: #fff; margin: 55px auto 0 auto; background-color: #977751; text-align: center;} .handleCard span { padding-left: 50px; color: #fff; background: url(../images/rr_hc_ico.png) no-repeat 0px center; display: inline-block;} .handleCard:hover { background-color: #999; } .msTelBox { border-top: 1px solid #ccc; padding-top: 30px; margin-top: 66px; } .msTelBox .tel { font-size: 16px; padding-left: 50px; position: relative; } .msTelBox .tel:before { content: ""; position: absolute; width: 35px; height: 35px; left: 0; top: 50%; margin-top: -17px; background: url(../images/rr_tel.png) no-repeat center center; } .msTelBox .tel a { color: #666; cursor: auto; } .msTelBox .tel em { font-style: normal; font-size: 18px; color: #a0723e; margin-right: 12px; } .msTelBox .tel span { margin: 0 15px; } .maIntro { margin-top: 50px; } .maList .scapic { display: block; width: 31.33%; margin-left: 2%; margin-bottom: 2.5%; float: left; color: #666; background: #fff; padding-bottom: 14px; } .maList { margin: 63px 0 8px -2%; } .maList .tx { line-height: 18px; height: 36px; text-align: center; margin-top: 14px; padding: 0 30px; overflow: hidden;} .maList .scapic:hover { box-shadow: 0 0 20px rgba(0,0,0,.2); } .maList .scapic:hover .tx { color: #d82e29; } .paging { background: #aca094; padding: 10px 0; position: relative; text-align: center; } .paging a { padding: 0px 6px; height: 22px; color: #fff; line-height: 22px; text-align: center; display: inline-block; *zoom: 1;*display: inline;vertical-align: middle; margin: 0 6px; } .paging a.act, .paging a:hover { background-color: #8d7e70; } .paging .prev, .paging .next { margin: 0; display: block; position: absolute; top: 0; height: 100%; bottom: 0; width: 60px; padding: 0; background-repeat: no-repeat; background-position: center center; } .paging .prev { left: 0; background-image: url(../images/rr_pager_prev.png); } .paging .next { background-image: url(../images/rr_pager_next.png); right: 0; } .ombox { background: #fff; padding:56px 0 78px 70px; margin-top:20px; } .ombox .ti{ font-size:24px; color:#d82e29; line-height:1.4; margin-bottom:17px; } .omForm .s-input,.omForm .s-textarea{ font-size: 14px; display:block; line-height:24px; border:1px solid #d1d1d1; padding:15px 25px; color:#666; transition:300ms; -webkit-transition:300ms; } .omForm .clearfix .s-input{ width:465px; float:left; margin-right:20px; } .omForm .clearfix .s-input:last-child{ margin-right:0; } .omForm .s-textarea{ width:1002px; height:96px; resize: none;} .omForm li{ margin-bottom:15px; overflow:hidden; } .omForm .ma{ width:180px; border:1px solid #d1d1d1; float:left; overflow:hidden; height:54px; } .omForm .ma img{ display:block; width:100%; } .subBtn{border: 0px none; width:132px; height:49px; line-height:49px; text-align:center; display:block; background:#977751; color:#fff; cursor:pointer; margin-top:20px; transition:300ms; -webkit-transition:300ms; } .subBtn:hover{ background:#666; } .omForm .s-input:focus,.omForm .s-textarea:focus{ border-color:#977751; } .omForm{ margin-top:22px; } .cta-banner{ position: relative; overflow: hidden;} .cta-banner .load-img2{ position: absolute; display: block; width: 100%;} .cta-banner .pinner{ width:1200px; left:50%; margin-left:-600px; bottom:53%; } .ctabox{ background:#fff; position:relative; z-index:99; margin-top:-20%; } .ctabox .pa{ padding:60px 100px 100px 100px; } .ctaList .namebox{ width:33%; float:left; } .ctaList .ti{ font-size:20px; color:#333; line-height:1.4; padding-right:20px; } .ctaList .ctas{ width:49%; float:left; } .ctaList .ctas .citme{ color:#666; line-height:25px; display:block; position:relative; padding-left:40px; margin-bottom:11px; padding-right:20px; } .ctaList .ctas .citme:before{ width:40px; height:25px; position:absolute; top:0; left:0; content:""; background-repeat:no-repeat; background-position:left center; } .ctaList .ctas .c1:before{ background-image:url(../images/rr_cta_ico_1.png); } .ctaList .ctas .c2:before{ background-image:url(../images/rr_cta_ico_2.png); } .ctaList .ctas .c3:before{ background-image:url(../images/rr_cta_ico_3.png); } .ctaList .ctas a:hover{ color:#d82e29; } .ctaList .mabox{ width:18%; float:left; } .ctaList .mabox .ma{ width:96px; text-align:center; line-height:1.4; max-width:100%; } .ctaList .mabox .ma img{ display:block; width:100%; } .ctaList li{ border-bottom:1px solid #ccc; padding:60px 0 36px 0; } .ctaList{ border-top:2px solid #333; } .ctaArea{ padding-bottom:75px; } .ctaList .ctas a:hover:before{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; } .wingshowBox{ position: relative; padding:60px 70px; margin: 0px auto; width: 300px; background-color: #fff; text-align: center; color: #d82e29; font-size: 18px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border: 1px solid #f9fafc; -webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;} .wingshowBox .open-box-close{ background: url(../images/close_i2.png) no-repeat scroll center center; width: 45px; height: 45px; display: block; position: absolute; right: 0px; top: 0px;} .open-box .wingshowBox {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;} .open-box .open-modal {opacity: 1;visibility: visible;} .open-modal{ position: fixed; left: 0px; top: 0px; overflow-y: auto; right: 0px; bottom: 0px; z-index: 1200;opacity: 0;background: url(../images/black_50.png.png) repeat;background:none rgba(0,0,0,0.5);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-overflow-scrolling:touch; display: none; } .align-vertical{ height: 100%; width: 100%; position: relative; display: table;} .vertical-inner{display:table-cell; vertical-align: middle;} /*wing end*/ /*add join style*/ .recruitment-list{ padding: 45px 0px 0px;} .recruitment-list a:link, .recruitment-list a:visited { color: #666666;} .recruitment-list a:active,.recruitment-list a:hover { color: #d82e29;} .recruitment-list dd{ float: left; display: block; width: 32%; margin-right: 2%; position: relative; margin-bottom: 25px; transition:0.43s; -webkit-transition:0.43s; background-color: #fff;} .recruitment-list dd:nth-child(3n){ margin-right: 0;} .recruitment-list .img{ position: relative; overflow: hidden;} .recruitment-list .img img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;} .recruitment-list .txt{ line-height: 1.5; overflow: hidden; text-align: center; padding: 15px 5% 20px; text-overflow: ellipsis; white-space: nowrap;} .recruitment-list dd:hover .img img{ transform:scale(1); -webkit-transform:scale(1);} .recruitment-list dd:hover{ box-shadow:0 0 21px rgba(0,0,0,0.33);} .recruitment-list dd:hover .txt{ color: #d82e29;} .recruitment-info{ background-color: #f2f2f2; padding: 30px 55px;} .recruitment-select-box{ margin-top: 35px;} .recruitment-select{ float: left; display: block; width: 60%;} select.mar-sel { padding: 10px 26px 10px 8px; line-height: 18px; vertical-align: middle; border: 1px solid #959595; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: "Microsoft JhengHei"; color: #666666; font-size: 14px; font-family: "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; cursor: pointer; float: left; display: block; margin:0px 2% 25px 0px; width: 40%; border-radius: 0;} select.mar-sel option { padding: 2px 2%; box-sizing: border-box; } select.mar-sel:hover { color: #101010; } .csstransitions select.mar-sel { background: url(../images/link_select_ico2.png) no-repeat scroll 95% center; } .recruitment-serach{ float: right; display: block; width: 200px; padding:0 88px 0 0; position: relative;} .recruitment-serach .txt{ width: 80%; padding: 10px 10%; border: 1px solid #959595; border-right: 0px none; height: 22px; line-height: 22px;} .recruitment-serach .btn{ position: absolute; right: 0; top: 0; width: 88px; text-align: center; height: 100%; line-height: 42px; color: #fff; background-color: #977751;} .recruitment-serach .btn:hover{ background-color: #733E1F;} .recruitment-serach .txt:focus{ border-color: #977751;} .recruitment-select-t{ padding-top: 40px; color: #333333; font-size: 18px;} .recruitment-select-t .en{ margin-left: 10px; color: #b5b4b3; font-family: "pf_din_text_comp_proregular"; text-transform: uppercase;} .join-box-btn{ padding-top: 30px;} .join-box-btn .btn{ float: left; display: block; background-color: #977751; color: #fff; padding: 10px 40px; margin-right: 30px;} .join-box-btn .btn .txt{ background: url(../images/join_i0.png) no-repeat scroll left center; padding-left: 34px; display: inline-block;} .join-box-btn .btn1 .txt{ background-image: url(../images/join_i1.png);} .join-box-btn .btn2 .txt{ background-image: url(../images/join_i2.png);} .join-box-btn .btn3 { margin-right: 0;} .join-box-btn .btn3 .txt{ background-image: url(../images/join_i3.png);} .join-box-btn .btn:hover{ background-color: #3C1605;} .join-page-bg{ background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5);} .join-form{ width: 744px; background-color: #fff; border: 1px solid #cacaca; padding: 35px 80px 75px; margin: 0px auto;} .join-form .t{ font-size: 30px; color: #977751; background: url(../images/join_bm.png) no-repeat scroll left top; padding-left: 70px; border-bottom: 1px solid #977751; padding-bottom: 24px; line-height: 1.4;} .join-form .line{ border-bottom: 1px solid #977751; margin-top: 2px; margin-bottom: 35px;} .jfitem{ background-color: #f1f1f1; padding: 14px 18px 14px 70px; position: relative;} .jfitem-2{ padding-left: 108px;} .jfitem .jftxt{ width: 100%; height: 20px; line-height: 20px; border: 0px none; padding: 0; margin: 0; color: #666666; display: block;} .jfitem .name{ position: absolute; left: 16px; color: #666666; top: 26%;} .jformlist dd{ margin-top: 18px; float: left; display: block; width: 47%; margin-right: 6%;} .jformlist dd.jfitem-ddr{ margin-right: 0;} .jformBox2-t{ font-weight: bold; font-size: 18px; color: #977751; padding-bottom: 12px; border-bottom: 3px solid #dfdfdf; margin: 36px 0px;} .jformBox2 .jformlist dd{ margin-top: 0; margin-bottom: 5px;} .jformBox2 .title{ padding: 8px 0px; line-height: 1.5;} .jformlist2 dd{ margin-bottom: 5px;} .jfitem-bg{ background-color: #f1f1f1; padding: 14px 18px;} .jfitem-bg .jftxt{ width: 100%; height: 20px; line-height: 20px; border: 0px none; padding: 0; margin: 0; color: #666666; display: block;} .jfitem-bg .jftext{ width: 100%; line-height: 1.8; height: 90px; resize: none; border: 0px none; padding: 0; margin: 0; color: #666666; display: block;} .bge8e7e7{ background-color: #e8e7e7;} .add-jform-box{ padding: 22px 0px 35px;} .add-jform-btn{ background: url(../images/jmore.png) no-repeat scroll left center; padding:4px 0px 4px 35px; display: inline-block;} .add-jform-btn:hover { background-image: url(../images/jmore2.png);} .add-jform-btn:hover .txt{ color: #3C1605;} .jf-yzm-box{ position: relative; padding-right: 194px;} .jf-yzm-box .yzmlink{ display: block; position: absolute; right: 0; top: 0; width: 182px; border: 1px solid #D1D1D1; display: block;} .jf-yzm-box .yzmlink img{ width: 100%; display: block;} .jf-yzm-box .yzmtxt{ padding: 17px 5%; border: 1px solid #D1D1D1; width: 90%;} .jf-yzm-box .yzmtxt:focus{ border-color: #977751;} .jformBtn{ display: block; width: 100%; padding: 14px 0px; margin-top: 22px; color: #fff; background-color: #977751; text-align: center; } .jformBtn .txt{ color: #fff;} .jformBtn:hover{ background-color: #3C1605;} .jfitem-line{ margin: 25px 0px 20px; height: 1px; background-color: #dfdfdf;} .campusImg{ margin-top: 40px; overflow: hidden;} .campusImg img{ width: 100%; display: block;} .campus-demo{ margin: 35px auto 0px; width: 1024px;} .campus-demo .item{ float: left; position: relative; overflow: hidden; margin: 0px 12px; cursor: zoom-in;} .campus-demo .img{ overflow: hidden;} .campus-demo .img img{ width: 100%; display: block; transform:scale(1.05); -webkit-transform:scale(1.05); transition:0.6s; -webkit-transition:0.6s;} .campus-demo .item:hover .img img{ transform:scale(1); -webkit-transform:scale(1);} .campus-demo .slick-arrow { width: 22px; height: 49px; position: absolute; top: 50%; margin-top: -25px; z-index: 99; transition: 300ms; -webkit-transition: 300ms; } .campus-demo .slick-prev { background: url(../images/rr_w_prev2.png) no-repeat left center; left: -44px; } .campus-demo .slick-next { background: url(../images/rr_w_next2.png) no-repeat right center; right: -44px; } .campus-demo .slick-prev:hover { background-position: right center; } .campus-demo .slick-next:hover { background-position: left center; } .campus-demo .slick-prev.slick-disabled:hover{ background-position: left center;} .campus-demo .slick-next.slick-disabled:hover{ background-position: right center;} .campusPage{ margin-top: 50px;} .campusPage .t{ font-size: 28px; font-weight: normal; color: #333; line-height: 1.5; margin-bottom: 26px;} .campusPage .t2{ font-size: 18px; color: #333; margin-bottom: 10px;} .campusPage table{ border-collapse:inherit; width: 100% !important; } .campusPage table td,.campusPage table th{ padding: 12px 3% !important; margin: 0px 0px!important;} .campusPage table tr:nth-of-type(even){ background-color: #f9f9f9;} .campusBtn{ display: block; background-color: #d82e29; color: #fff; padding: 18px 0px; margin-top: 60px; text-align: center;} .campusBtn .txt{ background: url(../images/join_i4.png) no-repeat scroll left center; padding-left: 34px; display: inline-block;} .campusBtn:hover{ background-color: #3C1605;} .jfitem-line2{ border-bottom: 3px solid #dfdfdf; margin-bottom: 36px; height: 0px; overflow: hidden;} /*add join style end*/ /*serach style*/ .serachPage{ min-height:100vh; min-height: -moz-calc(100vh - 84px); min-height: -webkit-calc(100vh - 84px); min-height: calc(100vh - 84px); } .pbanner2 { position:relative;background-color:#bab3ab; padding: 45px 0px 65px;} .serachT {font-size:18px;color:#fff;padding:0px 2%;} .serach-banner-box {position:relative;z-index:1;color:#fff; } .serach-banner-box ::-webkit-input-placeholder {color:#fff;　} .serach-banner-box :-moz-placeholder {color:#fff;} .serach-banner-box ::-moz-placeholder {color:#fff;} .serach-banner-box :-ms-input-placeholder {color:#fff;} .serach-banner-box .t {font-size:28px;padding-bottom:8px;} .serach-banner {position:relative;width:448px;padding:16px 84px 16px 24px;background-color:#d82e29;height:24px;line-height:24px;} .serach-banner .txt {border:0px none;height:24px;line-height:24px;padding:0px;margin:0px;width:100%;background-color:transparent;font-size:14px;color:#fff;font-family:"microsoft yahei";} .serach-banner .btn {position:absolute;right:0px;top:0px;width:84px;height:100%;background-color:#d82e29;} .serach-banner .btn i {width:26px;height:26px;background:url(../images/serach_bg2.png) no-repeat scroll center center;background-size:cover;display:block;margin:15px auto;} .serach-banner .btn:hover {background-color:#866135;} .serachList a:link,.serachList a:visited {color:#333;} .serachList a:active,.serachList a:hover {color:#d82e29;} .serachList {padding:15px 0px 40px;} .serachList dd {background-color:#F2F2F2;margin-bottom:4px;color:#333; transition: 0.3s;} .serachList a {display:block;padding:12px 2%;line-height:1.4;} .serachList .w-search-txt {color:#B07D41; font-size:16px;} .search-t .r .xg {font-family:arial;color:#F28E00;} .serachList dd:hover{ background-color:#DEDEDE;} /*serach style end*/ @media screen and (min-width:641px){ .siteMap-list a{ position: relative;} .siteMap-list a:before{ content:""; width:100%; height:1px; background-color:#d82e2e; position:absolute; left:0; bottom:-2px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; } .siteMap-list a:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;} } @media screen and (min-width:1025px){ .partnerIdemo .slick-arrow:hover{ background-color: #fff; border-color: #fff;} .fixedImg { background-attachment: fixed;} .moreBtn:hover:before{ /*transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9;*/ width: 100%;} .speech-Pbox .more:hover{ background-color: #d82e2e;} /*.industry-list li:hover,.industry-list li.now{ width:50%;} .industry-list li.sible{ width:25%;}*/ .industry-list li:hover .industry-item:before{ transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); transform-origin:left top; -webkit-transform-origin:left top; visibility:visible\9;} .industry-list li:hover .industry-item .ico { margin-top: 54px;} .industry-list li:hover .industry-item .ico .i1{ display: none;} .industry-list li:hover .industry-item .ico .i2{ display: block;} .industry-list li:hover .industry-item .ico i{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; } .industry-list li:hover .industry-item .t{ font-size: 22px; font-weight:bold; margin-bottom: 0; color: #d82e2e;} .industry-list li:hover .industry-item .en{ opacity: 0; visibility: hidden;} .industry-list li:hover .industry-item .by,.industry-list li:hover .industry-item .moreBtn{ opacity: 1; visibility: visible; transition-delay: 200ms; -webkit-transition-delay: 200ms;} .industry-list-one li:hover .filler-left { height: 94%; } .industry-list-one li:hover .filler-right { height: 94%; } .industry-list-one li:hover .filler-top { width: 96%; } .industry-list-one li:hover .filler-bottom { width: 96%; } .industry-list-one li:hover img{ transform: inherit; -webkit-transform: inherit;} .industry-list-one li:hover .black-20{ opacity: 1; visibility: visible;} .industry-list-one li:hover .ico{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1;} .industry-list-one li:hover .zh{ color: #d82e2e;} .industry-list-two{ perspective:600px; -webkit-perspective:600px; -moz-perspective:600px;} .industry-list-two dd{ opacity:0; transform:rotateY(-45deg); -webkit-transform:rotateY(-45deg); -moz-transform:rotateY(-45deg); transition:0.65s; transform-origin:center bottom 0;} .action.industry-list-two dd{ opacity:1; transform:rotateY(0); -webkit-transform:rotateY(0); -moz-transform:rotateY(0); transition:0.65s 0.1s; -webkit-transition:0.65s 0.1s;} .action.industry-list-two dd:nth-child(2){ transition:0.65s 0.2s; -webkit-transition:0.65s 0.2s;} .action.industry-list-two dd:nth-child(3){ transition:0.65s 0.4s; -webkit-transition:0.65s 0.4s;} .action.industry-list-two dd:nth-child(4){ transition:0.65s 0.6s; -webkit-transition:0.65s 0.6s;} .action.industry-list-two dd:nth-child(5){ transition:0.65s 0.8s; -webkit-transition:0.65s 0.8s;} .action.industry-list-two dd:nth-child(6){ transition:0.65s 1s; -webkit-transition:0.65s 1s;} .industry-list-two dd:hover figure img{ transform:scale(1); -webkit-transform:scale(1);} .industry-list-two dd:hover .ico{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; } .industry-list-two dd:hover .i1{ display: none;} .industry-list-two dd:hover .i2{ display: block;} .industry-list-two dd:hover .con{ background-color: #977751; margin-bottom: 0;} .industry-list-two dd:hover .zh{ color: #fff;} .industry-list-two dd:hover .en{ color: #fff;} .industry-list-two dd:hover .moreBtn{ opacity: 1; visibility: visible;} .industry-info-banner .slick-prev:hover,.industry-info-banner .slick-next:hover{ background-image:url("../images/fz_i1.png")/*tpa=http://www.yongyigroup.cn/images/fz_i1.png*/; } .industry-info-banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px); background-image:url("../images/fz_ici11.png")/*tpa=http://www.yongyigroup.cn/images/fz_ici11.png*/; } .industry-info-banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px); background-image:url("../images/fz_ici121.png")/*tpa=http://www.yongyigroup.cn/images/fz_ici121.png*/; } .ilink-ico1:hover,.ilink-ico2:hover{ background-color: #A0723E;} } @media screen and (min-width:1921px){ .iboxInner{ width: 1640px;} .pinner{ width: 1520px;} .pbanner-C{ left: 50%; margin-left: -760px;} } @media screen and (max-width:1600px){ .industryIDemo .con{ top: 16%;} .industryINav .itemC{ padding: 60px 30px 0px;} .pbanner-C .c{ font-size: 34px;} .speech-Pbox .t{ font-size:50px;} .speech-Pbox .c{ font-size: 16px;} .speech-Pbox .qm img{ width: 200px;} .survey-title .year{ font-size: 140px;} .survey-title .zh{ font-size: 24px;} .survey-plist .num{ font-size: 60px;} .pboxT .t{ font-size: 22px;} .pboxT .by{ font-size: 30px;} .memorabiliaPbox{ padding-top: 110px;} .pboxT2 .zh{ font-size: 26px; } .pboxT2 .en{ font-size: 16px; } .honor-pbox-bg{ padding: 100px 0px 65px;} .honor-pbox-bg .title img{ margin: 0px auto; width: 160px;} .honor-pbox-bg .t{ font-size: 30px;} .honor-pbox-bg .c{ margin-bottom: 60px;} .responsibility-pbox{ padding: 100px 0px;} .structure-list .t{ font-size: 20px;} .pageC-zh{ font-size: 26px;} .industry-Page{ padding: 100px 0px 80px;} .industry-Page .t{ font-size: 26px;} .industry-Page .by{ font-size: 32px;} .industrys,.industry-list li figure,.industry-list li figure img{ height: 600px;} .industry-list-one .con{ width: 40%;} .industry-list-one .con .zh{ font-size: 22px;} .industry-list-one .con .ico{ width: 70px;} .industry-list-one .con .c{ margin-bottom: 20px;} .industry-list-one .oneItem .con{ left: 55%;} .industry-list-one .twoItem .con{ left: 5%;} .f30{ font-size: 26px;} } @media screen and (max-width:1441px){ .header{ height: 62px;} .logo{ left: 2%;} .logo a{ height: 32px; padding: 15px 0px;} .top-sider{ margin-left: 30px;} .serach-btn,.menuItem{ width: 62px; height: 62px;} .menu-handler{ width: 62px; height: 62px;} .menu-handler .burger{ top: 20px;} .menu-handler .burger-2 { top: 29px; } .menu-handler .burger-3 { top: 38px; } .menu-handler.active .burger-1 { top: 29px; } .menu-handler.active .burger-3 { top: 29px;} .siteMap-nav{ top: 62px;} .link-select-box{ width: 220px;} .inner{ width: 1100px;} .binbox{ bottom: 52px;} .binbox .t{ font-size: 30px;} .binbox .en{ font-size: 16px;} .binbox .con{ height: 140px;} .banner .slick-arrow{ bottom: 260px;} .mouseIco{ bottom: 47px;} .banner .bot{ height: 3px;} .aboutIbox .con{ top: 10%;} .aboutIbox .t{ font-size: 16px;} .aboutIbox .by{ font-size: 24px;} .numList .num{ font-size: 60px;} .industryIDemo .con{ top: 15%;} .industryIDemo .t{ font-size: 16px;} .industryIDemo .by{ font-size: 24px;} .industryINav .itemC{ padding: 35px 30px 0px; height: 220px;} .industryINav .addico{ margin-bottom: 5px;} .newIbox{ width: 54%; padding-top: 60px; height: 582px;} .newIbox-first .img{ width: 200px; height: 118px; margin-right: 25px;} .newIbox-list .time{ font-size: 15px;} .newIbox-list li a{ height: 32px; line-height: 32px; font-size: 13px;} .fashionIbox{ width: 38%; padding-top: 60px; height: 582px;} .fashionIbox-item{ height: 120px; padding-left: 108px;} .fashionIbox-item .img{ width: 84px; height: 120px;} .fashionIbox-item .t{ margin-top: 32px;} .fashionIbox-item .time{ font-size: 14px;} .fashionIbox-item .btn{ width: 90px; margin-top: 8px;} .fashionIbox-list1 .fashionIbox-item{ height: 110px; padding-left: 187px;} .fashionIbox-list1 .fashionIbox-item .img{ width: 152px; height: 110px;} .pinner{ width: 86%;} .pbanner-C{ left: 7%;} .pbanner-C .c{ font-size: 26px;} .speech-Pbox .con{ right: 7%;} .speech-Pbox .t{ font-size:46px;} .surveyPCon{ padding: 140px 0 120px;} .survey-plist{ right: 7%;} .survey-plist li{ padding: 30px 1%;} .survey-plist .num{ font-size: 50px;} .pboxT .t{ font-size: 20px;} .pboxT .by{ font-size: 28px;} .memorabiliaPbox{ padding-top: 100px;} .pboxT2 .zh{ font-size: 24px; } .pboxT2 .en{ font-size: 14px; } .structure-pbox .con{ left: 7%; width: 38%;} .honor-pbox-bg{ padding: 80px 0px;} .honor-pbox-bg .title img{ width: 140px;} .honor-pbox-bg .t{ font-size: 26px;} .honor-pbox-bg .c{ margin-bottom: 50px;} .responsibility-pbox-bg{ margin-left: 7%; width: 38%;} .responsibility-pbox{ padding: 80px 0px;} .pageC-zh{ font-size: 24px;} .pagePading{ padding: 55px 0px;} .pagePading2{ padding: 55px 0px;} .newlist{ width: 1154px;} .videspan{ padding: 20px 12px;} .videspan span{ font-size: 16px;} .service-ul .txt{ height: 54px; line-height: 54px;} .industry-Page .t{ font-size: 24px;} .industry-Page .by{ font-size: 28px;} .industrys,.industry-list li figure,.industry-list li figure img{ height: 500px;} .industry-item{ width: 300px; padding: 10px; height: 282px; margin: -151px 0px 0px -160px;} .industry-list-one .con .zh{ font-size: 20px;} .industry-list-one .con .ico{ width: 60px;} .industryList-tbox .con{ width: 75%;} .industryList-tbox .img{ width: 17%;} .industryList-tbox .t{ font-size: 20px;} .industryList-tdemo .slick-prev { left: -30px;} .industryList-tdemo .slick-next{ right: -30px;} .f30{ font-size: 24px;} .workSlide .slick-prev { left: -30px; } .workSlide .slick-next { right: -30px; } .store-list .txts .pa { padding: 47px 40px 0 40px; } .store-list .txts .tools { margin-top: 32px; } .store-list .txts .s-ti { margin-bottom: 22px; } .brands-box { padding: 56px 55px 65px 55px; } .b-ti { padding: 57px 55px 46px 55px; } .b-ti2 { padding: 0; padding-bottom: 20px; } .serachPage{ min-height:100vh; min-height: -moz-calc(100vh - 62px); min-height: -webkit-calc(100vh - 62px); min-height: calc(100vh - 62px); } } @media screen and (max-width:1260px){ .logo img.img1{ display: none;} .logo img.img2{ display: block;} .iboxInner{ width: 90%;} .iboxT .zh, .iboxT .en{ font-size: 22px;} .aboutIbox .by{ font-size: 20px;} .numList .num{ font-size: 50px;} .aboutIbox .i{ width: 100%; font-size: 13px; height: 70px; margin: 3% 0 6%;} .numList li{ margin-right: 30px;} .industryIDemo .con{ top: 8%;} .industryINav .itemC{ padding: 25px 30px 0px; height: 200px;} .industryINav .t{ font-size: 15px;} .industryINav .addico{ margin-bottom: 0px;} .industryIDemo .by{ font-size: 20px;} .inner,.inner1000{ width: 900px;} .speech-Pbox .t{ font-size:40px;} .speech-Pbox .c{ font-size: 14px;} .survey-plist{ right: 0;} .newlist{ width:940px; left:-20px;} .newlist li{ width:50%;} .newlist li a{ margin:0 20px;} .nview{ padding-top:59px;} .newview{ margin-top:0;} .listPage{ padding: 40px;} .fashion-item{ margin: 0 0 0 35px;} .fashionlist li:nth-child(odd) .fashion-item{ margin:0px 35px 0px 0;} .fashionlist1 .fashion-item{ height: 104px; padding: 0 10px 0 162px;} .fashionlist1 .fashion-item .img{ width: 140px; height: 100px;} .fashionlist1 .fashion-item .t{ margin-top: 8px;} .fashion-item .btn{ margin-top: 8px;} .industry-item{ width: 260px; padding: 10px; height: 262px; margin: -141px 0px 0px -140px;} .industry-item .ico{ margin-top: 40px;} .industry-list li:hover .industry-item .ico { margin-top: 34px;} .industry-Page .t{ font-size: 22px;} .industry-Page .by{ font-size: 24px;} .industry-list-one .con .zh{ font-size: 18px;} .industry-list-one .con .ico{ width: 50px;} .industry-list-one .con .c{ margin-bottom: 15px;} .industryList-tbox .ico img{ width: 70px;} .industryList-tbox .img p{ width: 90%;} .industry-two-ul .con .c{ margin-bottom: 30px;} .industry-info-banner .slick-prev{ left: -35px; } .industry-info-banner .slick-next{ right: -35px;} .industry-info-banner{ height: auto;} .industry-info-banner .img img{ height: auto;} .workSlide .wa { margin: 0 8px; } .mywingtx { padding: 0 50px 58px 50px; } .wingIntro .txts { width: 70%; } .witi { font-size: 24px; } .serviceList .pa { padding: 25px 15px 0 15px; } .wing1 { padding: 60px 0 0 0; } .maList { margin-bottom: 15px; } .omForm .clearfix .s-input { width: 365px; } .omForm .s-textarea { width: 802px; } .cta-banner .pinner { width: 1000px; margin-left: -500px; } .ctabox .pa { padding: 60px 70px 70px 70px; } .ctabox .pa { padding: 60px 50px 70px 50px; } .store-list .txts .pa { padding: 30px 30px 0 30px; } .store-list .txts .s-ti { margin-bottom: 10px; font-size: 20px; } .store-list .txts .tools { margin-top: 20px; } .store-list .txts .freeTx { line-height: 24px; font-size: 12px; } .brandsList li { width: 18.2%; } .spicbox2 .f-logo { left: 30px; top: 25px; } .campus-demo { width: ;} .campus-demo .slick-prev { left: -30px;} .campus-demo .slick-next{ right: -30px;} .serach-banner{ position: relative; width: 348px; padding: 10px 64px 10px 18px; height: 24px; line-height: 24px;} .serach-banner .btn { width: 74px; } .serach-banner .btn i{ margin: 9px auto;} } @media screen and (max-width:1024px){ .inner{ width: 90%;} .vwrap .videobox { width: 700px; margin-left: -350px; } .transYT50{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .transXT50{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; } .action.transYT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); } .action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); } .header{ height: 54px;} .nav{ display: none;} .logo{ left: 3%;} .logo a{ height: 24px;} .serach-btn,.menuItem{ width: 54px; height: 54px;} .serach-btn i{ background-size: 18px auto;} .menu-handler{ width: 54px; height: 54px;} .menu-handler .burger{ top: 16px;} .menu-handler .burger-2 { top: 25px; } .menu-handler .burger-3 { top: 33px; } .menu-handler.active .burger-1 { top: 25px;} .menu-handler.active .burger-3 { top: 25px;} .topsearch-form{ height: 80px; margin-top: -40px;} .topsearch-box{ padding: 0px 80px 0px 10px;} .topsearchtx{ height: 80px; line-height: 80px; font-size: 36px;} .topsearchbtn{ width: 80px;} .search-Ibox .close{ background-size: 70% auto;} .siteMap-nav{ top: 54px; width: 510px; padding: 0px 58px 0px 40px; right: -610px; } .siteMap-head .en{ font-size: 34px;} .siteMap-sub{ padding-top: 5px;} .siteMap-sub dd{ margin-right: 22px; padding-top: 5px;} .siteMap-list a{ font-size: 15px;} .footBox{ padding: 28px 0px 32px;} .foot .item1,.foot .item2{ width: 100%; float: none;} .ermBox{ float: none; margin:30px 0px;} .link-select-box{ float: none; margin: 0;} .blackTop:hover{ bottom: 0;} .banner-yy{ height: 60%; background-image:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));} .banner .slick-dots{ right: 4%; bottom: auto; margin-bottom: 0; top: 20%;} .banner .slick-dots li{ padding: 10px 0px;} .banner .slick-dots li a{ background:no-repeat; position: relative;} .banner .slick-dots li a:before{ background-color: #fff; content: ""; position: absolute; width: 7px; height: 7px; left: 50%; top: 50%; margin: -3.5px 0px 0px -3.5px; border-radius: 50%;} .banner .slick-dots li a span{ background: no-repeat transparent; border-radius: 50%; border: 1px solid #fff; width: 12px; height: 12px; margin: 4px auto;} .banner .slick-arrow{ display: none !important;} .banner .item{ overflow: hidden;} .binbox .t{ font-size: 24px;} .binbox .en{ font-size: 15px;} .ibox dd{ float: none; width: 100%;} .videoIbox .vico{ background-size: cover; width: 40px; height: 40px;} .videoIbox .con{ margin-top: -68px;} .aboutIbox .img{ display: none;} .aboutIbox .con{ position: relative; left: auto; top: auto; width: 90%; padding: 40px 5% 55px;} .aboutIbox .i{ height: auto; margin: 30px 0px 55px;} .aboutIbox .moreBtn{ position: relative; right: auto; bottom: auto; margin-top: 40px;} .industryIDemo .con{ width: 90%; left: 5%;} .industryINav{ position: relative; left: auto; bottom: auto; background-color: rgba(0,0,0,0.5);} .industryINav .ico{ width: 40px; height: 40px; margin-bottom: 8px;} .industryINav .t{ font-size: 14px;} .industryINav .en{ font-size: 12px; display: none;} .industryINav .itemC{ height: 132px;} .industryINav .addico{ display: none;} .industryINav .slick-current .addico{ /*opacity: 1; visibility: visible; */} .industryINav .moreBtn{ /*display: none;*/ margin-top: 5px; opacity: 1; visibility: visible; z-index: 10;} .twoIbox .iboxInner{ width: auto;} .twoIbox .bgf8{ display: none;} .newIbox,.fashionIbox{ width: 90%; float: none; padding: 50px 5%; margin: 0; height: auto;} .fashionIbox{ background-color: #F8F8F8;} .newIbox-list li{ margin-bottom: 5px;} .partnerIbox{ padding: 40px 0px;} .partnerI-line{ margin: 12px 0px 25px;} .partnerIdemo .slick-list{ height: auto;} .partnerIdemo .slick-arrow{ top: -80px;} .partnerIdemo .slick-arrow i{ background-size: 80% auto;} .pinner{ width: 90%;} .pbanner{ height: auto !important;} .pbanner .load-yy{ height: 60%; background-image:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));} .pbanner-C{ left: 5%; } .pbanner-C .t{ font-size: 16px;} .pbanner-C .c{ font-size: 24px;} .pageNavBox{ height: 40px;} .pagenav{ position: relative;} .pagenav.fixed{ top: 52px;} .pageNavBox a:link, .pageNavBox a:visited { color: #d82e2e;} .cpnav{ display: block;} .cpnavbox{ position: absolute; left: 0px; top: 40px; height: auto; line-height: 1.4; width: 100%; z-index: 800; display: none; background-color: #666; background-color: rgba(255,255,255,0.9); padding-top: 0; border-bottom: 1px solid #f6e4bf;} .cpnavbox a:before{ display: none;} .cpnavbox a:last-child:after{ display: none;} .cpnavbox a{ width:40%; display: block; float: left; padding: 12px 5%; font-size: 13px; margin: 0px; color: #d82e2e; border-left: 0px none; border-bottom: 1px solid #f6e4bf; } .cpnavbox a:hover,.cpnavbox a.active{ background-color: rgba(255,255,255,0.8); color: #d82e2e;} .cpnavbox a.blackBtn{ display: none;} .jcpanv a:last-child{ border-bottom: 0px none;} .jcpanv{ border-bottom: 2px solid #f6e4bf;} .speech-Pbox .con{ right: 0; width: 56%;} .speech-Pbox .t{ font-size:30px;} .speech-Pbox .more{ position: relative; left: auto; bottom: auto; display: block; padding: 5px 0px 10px;} .surveyPCon{ padding: 100px 0 80px;} .survey-title .year{ font-size: 120px;} .survey-title .zh{ margin-top: -30px;} .survey-plist li{ padding: 20px 1%;} .survey-plist .num{ font-size: 40px;} .survey-plist .txt{ font-size: 12px;} .survey-plist{ width: 400px;} .pboxT .t{ font-size: 18px;} .pboxT .by{ font-size: 24px;} .memorabiliaPbox{ padding: 80px 5% 0px; background-color: rgba(0,0,0,0.3);} .memorabiliaDemo{ width: auto; padding: 40px 0 60px 10px; margin-top: 40px;} .memorabiliaDemo .yd{ background:none #c6a47b; border-radius: 50%; width: 10px; height: 10px; border:5px solid #fff;} .memorabiliaDemo .line{ width: 2px; left: 8px;} .memorabilia-list dd{ padding-bottom: 20px;} .memorabiliaDemo .mouseIco{ display: none;} .memorabiliaBox{ height: auto;} .structure-pbox .img img{ width: 140%; margin-left: -20%;} .structure-pbox .con{ left: 5%; width: 40%;} .honor-pbox-bg .title img{ width: 120px;} .honor-pbox-bg .t{ font-size: 24px;} .honor-pbox-bg .c{ margin-bottom: 40px;} .responsibility-pbox-bg { width: 90%; margin: 0px auto;} .responsibility-pbox{ background: none rgba(0,0,0,0.5);} .inner1000{ width: 90%;} .social-list dd{ padding-bottom: 15px;} .social-list .txt{ padding-top: 15px;} .pageC-zh{ font-size: 22px;} .pagePading2{ padding: 45px 0px;} .news{ padding:50px 0;} .newlist{ width:100%; left:0; margin-top:32px;} .newlist li{ width:48%; margin-right:4%; margin-bottom:40px;} .newlist li:nth-child(2n+2){ margin-right:0;} .newlist li a{ margin:0;} .writtens li{ padding:30px 48px 0 48px;} .writtens li:before{ display:none;} .writtenwr{ padding-bottom:25px; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;} .writtenle{ margin-right:28px;} .writtenfix{ width:auto; flex:1; -webkit-flex:1; -webkit-box-flex:1; box-flex:1;} .tnew a{ padding: 0px 20px;} .newview{ width:90%;} .nview{ padding:48px 0;} .newtitle{ padding:32px 30px 15px;} .newtitle h3{ font-size:22px; margin-bottom:10px;} .newv{ margin:20px 5% 50px;} .previous{ margin:0 auto; width: 90%;} .videspan{ padding: 15px 12px;} .videspan span{ font-size: 15px;} .culturePage{ margin-top: 60px;} .cultureTab td{ display: block; width: 90%; padding: 25px 5% 35px;} .cultureTab .ico{ width: 50px;} .cultureTab .zh{ font-size: 15px; padding-top: 10px;} .cultureTab .t{ margin-bottom: 20px;} .yiyuetwo-list dd{ width: 48%; margin-right: 4%; } .yiyuetwo-list dd:nth-child(3n){ margin-right: 4%;} .yiyuetwo-list dd:nth-child(2n){ margin-right: 0;} .fashionlist li{ float: none; width: 100%;} .fashionlist li:nth-child(odd):before{ display: none;} .fashion-item,.fashionlist li:nth-child(odd) .fashion-item{ margin:0px;} .fashion-item{ background-color: #f9fafc;} .fashion-item .btn{ background-color: #d0b493;} .fashionlist li:first-child{ padding-top: 0;} .bmBox{ padding: 25px;} .bmBox .t{ font-size: 20px;} .bmBox .line{ margin: 15px 0px 25px;} .bmtxt{ padding: 10px 5%;} .open-box-close{ right: 22px;} .scbtnfile,.scbtn,.bmBtn{ height: 38px; line-height: 38px;} .yzmbox{ padding-right: 150px;} .yzmbox .yzmLink{ width: 140px; display: block; } .yzmbox .yzmLink img{ width: 100%;} .pbot{ transform: scale(0.8); -webkit-transform: scale(0.8);} .industrys,.industry-list li figure,.industry-list li figure img{ height: auto;} .industry-list li{ width: 50%;} .industry-list li figure img{ width: 100%; display: block;} .industry-Page .en{ font-size: 14px; margin-bottom: 40px;} .industry-item{ width: 90%; left: 5%; height: auto; margin:0; padding: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);} .industry-item .by,.industry-item .moreBtn{ display: none;} .industry-item .en{ margin-bottom: 10px;} .industry-item .addico{ margin-bottom: 0;} .industry-item .ico{ width: 50px; height: 50px;} .industry-item .ico,.industry-list li:hover .industry-item .ico { margin-top: 0;} .industry-list-one li{ float: left; width: 48%; margin:0px 0px 5% 4%;} .industry-list-one li .img{ width: 100%;} .industry-list-one .twoItem .img{ margin-left: 0;} .industry-list-one .bor{ display: none;} .industry-list-one .con{ position: relative; left: auto; right: auto; top: auto; height: auto; width: 86%; margin: 0px auto; padding: 25px 0px 35px;} .industry-list-one .oneItem .con,.industry-list-one .twoItem .con{ left: 0;} .industry-list-one li:nth-child(odd){ margin-left: 0;} .industry-one-img dd{ margin: 15px 2%;} .industry-one-img .ico{ background-size: 8px auto;} .industry-list-two dd{ width: 29.33%; margin: 0px 2% 20px;} .industry-list-two .item{ padding-bottom: 145px;} .industry-list-two .ico{ width: 40px; height: 40px;} .industry-list-two .con{ height: 170px;} .add-list dd{ width: 48%; margin-right: 4%; } .add-list dd:nth-child(3n){ margin-right: 4%;} .add-list dd:nth-child(2n){ margin-right: 0;} .ilink-ico2.act .black-30{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; display: block;} .ilink-ico2 .wx-box,.industry-link2 .ilink-ico2 .wx-box{ position: fixed; z-index: 1000; left: 50%; top: 50%; right: auto; margin: -75px 0px 0px -75px; transform-origin: 50% 50%;} .ilink-ico2 .wx-box:before,.ilink-ico2 .wx-box:after{ display: none;} .industry-previous{ width: auto;} .industry-link-img li{ width: 19%;} .industry-info-banner .slick-arrow{ width: 50px; height: 50px; background-size: cover; margin-top: -25px;} .industry-info-banner .slick-arrow i{ background-size: 10px auto;} .industry-info-banner .slick-prev{ left: -25px; } .industry-info-banner .slick-next{ right: -25px;} .f30{ font-size: 22px;} .industry-info-page{ margin-bottom: 60px;} .ipageT{ font-size: 20px;} .serviceList li { height: 255px; } .ombox { padding: 56px 50px 78px 50px; } .omForm .s-input, .omForm .s-textarea { box-sizing: border-box; } .omForm .clearfix .s-input { width: 49%; margin-right: 2%; } .omForm .s-textarea { width: 100%; } .omForm .ma { max-width: 49%; box-sizing: border-box; height: 56px; } .cta-banner .pinner { width: 90%; margin-left: 0; left: 5%; } .ctaList .namebox { width: 42%; } .ctaList .ctas { width: 58%; } .ctaList .mabox { margin-left: 42%; } .store-list .txts .freeTx { line-height: 20px; max-height: 120px; } .store-list .txts .s-ti { margin-bottom: 17px; } .store-list .txts .tools { margin-top: 27px; } .hotel-list { margin-top: 40px; } .hrList .hspan:nth-child(2), .hrList .hspan:nth-child(3){ display: none;} .hrList .hspan{ width: 19%;} .pswp__caption__center{ font-size: 14px;} .recruitment-info{ padding: 30px 40px;} .recruitment-select{ float: none; width: auto;} .recruitment-serach{ float: none; width: 250px;} .join-form{ width: 80%; padding: 35px 6% 50px; } .jfitem{ padding: 12px 15px 12px 58px;} .jfitem .name{ top: 11px;} .jfitem-2{ padding-left: 80px;} .jfitem-bg{ padding: 12px 15px;} .add-jform-btn{ background-size: 20px auto;} .campus-demo .item{ margin: 0px;} .campus-demo{ width: 90%;} .campusPage{ margin-top: 50px;} .campusPage .t{ font-size: 24px;} .campusBtn{ padding: 15px 0px;} .campusBtn .txt{ background-size: 20px auto;} .serach-banner-box .t{ font-size: 24px;} .serach-banner .btn i{ width: 20px; height: 20px; margin: 12px auto; } } @media screen and (max-width:860px){ .vwrap .videobox { width: 560px; margin-left: -298px; } .binbox .con{ height: auto; padding-bottom: 25px;} .mouseIco{ bottom: 3%;} .pbanner-C .c{ font-size: 20px;} .survey-plist{ position: relative; right: auto; bottom: auto;} .survey-title .year{ font-size: 100px;} .structure-pbox .img img{ width: 160%; margin-left: -30%;} .honor-pbox-bg{ width: 90%;} .w795{ width: 80%;} .industry-one-l{ width: 90%; overflow: hidden;} .industry-one-l li{ width: 25%; box-sizing: border-box;} .industry-one-l .num{ font-size: 40px;} .industry-list-one .con .c{height: 50px;} .industryList-tbox .img{ width: 22%;} .industryList-tbox .con{ width: 70%;} .industryList-tbox .img p{ width: auto;} .industryList-tdemo{ padding: 0 32px;} .industryList-tdemo .slick-prev { left: 0px;} .industryList-tdemo .slick-next{ right: 0px;} .industry-link-img li{ width: 24%;} .ipnav li { width: 68px; height: 68px; margin: 0 20px; } .ipnav li { font-size: 14px; } .ipnav p { padding-top: 22px; } .hr1 { padding: 75px 0 70px 0; } .ipnav { margin-top: 50px; } .workSlide { padding: 0 32px; } .workSlide .slick-prev { left: 0; } .workSlide .slick-next { right: 0; } .hr2 .fixbg { padding-bottom: 84px; } .orIndro .setEmail { position: relative; bottom: 0; margin-top: 15px; } .hrPaging { padding: 80px 0 75px 0; } .yyPageNav a { padding: 4px 20px;} .mywingtx { padding: 0 35px 58px 35px; } .serviceList li { width: 100%; float: none; height: auto; } .serviceList .pa { padding: 25px 15px; } .wingIntro .pic { width: 162px; float: none; max-width: 100%; } .wingIntro .txts { float: none; width: 100%; margin-top: 25px; } .wing1 { padding: 40px 0 0 0; } .maList .scapic { width: 48%; } .maList { margin-bottom: 20px; margin-top: 53px; } .ombox { padding: 36px 35px 48px 35px; } .store-list .spicbox, .store-list .txts { width: 100%; float: none !important; } .store-list .txts .pa { padding: 40px 30px; } .store-list .txts .freeTx { line-height: 2; font-size: 14px; max-height: none; } .brands-box { padding: 56px 35px 65px 35px; } .b-ti { padding: 57px 35px 46px 35px; } .b-ti2 { padding: 0; padding-bottom: 20px; } .brandsList li { width: 23.2%; } .b-ti .b, .b-ti .tools { float: none; overflow: hidden; } .b-ti .tools { margin-top: 27px; } .b-ti .tools a { margin-right: 12px; margin-left: 0; } .b-ti .b-logo { width: 207px; } .b-ti .ti { line-height: 42px; margin-left: 25px; } .hotel-list dd { width: 49.2%; } .b-ti2 .tools { float: right; margin-top: 0; } .b-ti2 .tools a { margin-left: 12px; margin-right: 0; } .hrList .hspan:nth-child(4){ display: none;} .hrList .hspan{ width: 22%;} .hrList .hspan1{ width: 29%;} .recruitment-list dd{ width: 48%; margin-right: 4%; } .recruitment-list dd:nth-child(3n){ margin-right: 4%;} .recruitment-list dd:nth-child(2n){ margin-right: 0;} .recruitment-select select.mar-sel:last-child{ margin-right: 0;} select.mar-sel{ box-sizing: border-box; width: 49%; margin-bottom: 20px;} .csstransitions select.mar-sel{ background-size: 10px auto;} .recruitment-serach{ width: auto;} .recruitment-serach .txt{ box-sizing: border-box; width: 100%; height: 100%; padding: 10px 8px;} .join-box-btn .btn{ padding: 8px 18px; margin-right: 18px; margin-bottom: 10px;} .join-box-btn .btn .txt{ background-size: 16px auto; padding-left: 24px;} .join-form .t{ font-size: 24px; padding-left: 50px; background-size: 34px auto; padding-bottom: 20px;} .join-form{ font-size: 13px;} .jfitem input,.jfitem textarea,.jfitem select,.jfitem option{ font-size: 13px;} } @media screen and (max-width:641px){ .vwrap .videobox { width: 400px; margin-left: -218px; height: 350px; margin-top: -175px; } .topsearch-form{ height: 40px; top: auto; left: auto; margin:25% auto 0; position: relative;} .topsearch-box{ padding: 0px 40px 0px 0px;} .topsearchtx{ height: 40px; line-height: 40px; font-size: 20px;} .topsearchbtn{ width: 40px; background-size: 18px auto;} .search-Ibox .close{ width: 40px; height: 40px; background-size: 40% auto; position: relative; display: block; top: auto; right: auto; margin: 5% 3% 0 0; float: right; display: block;} .siteMap-overlay{ z-index: 998;} .siteMap-nav{ width: 100%; box-sizing: border-box; padding: 0; border-top: 1px solid #d4c3b8; right: -110%;} .menuOpen .siteMap-nav{ right: 0;} .siteMap-head,.siteMap-foot{ display: none;} .siteMap-body{ padding-bottom: 150px;} .siteMap-list li{ margin-bottom: 0; border-bottom: 1px solid #dedede;} .siteMap-list a.sm-item{ display: block; padding: 10px 5%; position: relative;} .siteMap-sub{ padding: 0; background-color: #f0f0f0; display: none;} .siteMap-sub dd{ display: block; float: none; margin: 0; border-top: 1px solid #dedede;} .siteMap-sub dd>a{ padding: 10px 5%; display: block;} .siteMap-sub dd a{ font-size: 14px;} .siteMap-sub-nav{ display: block; padding: 0px 5% 10px;} .siteMap-sub-nav a{ display: inline-block; margin: 0px 10px;} .mobile-menu .sm-item.cur{ background-color: #d82e2e; color: #fff;} .mobile-menu .sm-item:before{content: ""; width: 17px; height: 17px; background: url("../images/subnav_i2.png")/*tpa=http://www.yongyigroup.cn/images/subnav_i2.png*/ no-repeat scroll center center; background-size: 13px 13px; position: absolute; right: 5%; top: 50%; margin-top: -8px; transition: 400ms; -webkit-transition: 400ms;} .mobile-menu .cur:before{ transform: rotate(360deg);-webkit-transform: rotate(360deg); } .ermBox{ width: 100px;} .ermBox .txt{ height: auto; padding: 5px; line-height: 1.5;} .foot-link-nav{ float: none; display: block; padding-bottom: 10px;} .footLink a.oaLink,.footLink a.emailLink{ display: block; margin: 0px 20px 0px 0; padding: 0px; width: 100px; text-align: center;} .smlink{ margin-left: 0; display: block;} .link-select-box .mt .aw{ background-size: 10px auto;} .blackTop{ background-size: 20px auto;} .mouseIco{ display: none;} .banner .item .pimg{ width: 120%; margin-left: -10%;} .banner .slick-dots li{ padding: 4px 0;} .binbox{ padding-left: 20px; left: 5%; width: 80%; bottom: 10%;} .binbox .t{ font-size: 16px; margin-bottom: 5px;} .binbox .en{ font-size: 12px;} .binbox .con{ height: auto; padding-bottom: 10px;} .iboxT .zh,.iboxT .en{ font-size: 20px;} .videoIbox .iboxT{ padding: 10px 0px;} .videoIbox .con{ margin-top: -63px;} .aboutIbox .con{ padding: 30px 5% 40px;} .aboutIbox .i{ margin: 20px 0px 45px;} .aboutIbox .moreBtn{ margin-top: 30px;} .numList .num{ font-size: 42px;} .industryIDemo .by{ font-size: 16px; margin-top: 0;} .industryIDemo .txt{ margin-top: 10px; line-height: 1.5; font-size: 12px; height: 72px;} .industryINav .itemC{ height: 112px; padding: 15px 10px 0;} .industryINav .ico{ width: 30px; height: 30px;} .industryIDemo .img{ width: 130%;} .twoIbox .iboxT .moreBtn{ margin-top: 0;} .newIbox,.fashionIbox{ padding: 35px 5%;} .newIbox-first{ margin: 30px 0 25px;} .fashionIbox-item .img{ float: left;} .fashionIbox-item .btn{ display: none;} .fashionIbox-list1 .fashionIbox-item { padding:0px 10px 0px 130px; height: 80px;} .fashionIbox-list1 .fashionIbox-item .img{ width: 110px; height: 80px;} .fashionIbox-list1 .fashionIbox-item .t{ margin-top: 16px;} .partnerIdemo .slick-arrow{ top: -70px; width: 30px; height: 30px;} .pbanner-C .t{ font-size: 14px; margin-bottom: 0px;} .pbanner-C .c{ font-size: 18px;} .pbanner .load-img{ width: 138%; margin-left: -19%;} .speech-Pbox .img{ width: 70%; margin-left: -10%;} .speech-Pbox .t{ font-size:24px; margin-bottom: 8px;} .speech-Pbox .c{ font-size: 12px; line-height: 1.5;} .speech-Pbox .qm{ margin-top: 15px;} .speech-Pbox .qm img{ width: 100px;} .surveyPbox .pinner{ width: 100%;} .surveyPCon{ padding: 60px 5% 80px;} .survey-title .year{ font-size: 80px;} .survey-title .zh{ font-size: 20px; margin-top: -20px;} .survey-c{ width: auto; height: auto; } .survey-plist{ width: 100%;} .survey-plist li{ padding: 20px 1% 8px; height: 82px;} .pboxT .t{ font-size: 16px;} .pboxT .by{ font-size: 20px;} .memorabiliaPbox{ padding-top: 60px;} .memorabilia-list{ font-size: 13px;} .memorabilia-list .year{ padding-left: 22px; width: 70px;} .memorabilia-list dd{ padding-left: 95px;} .structure-pbox .img{ width: 100%; float: none;} .structure-pbox .img img{ width: 100%; margin-left: 0%;} .structure-pbox .con{ width: 90%; background-color: #fff; left: 0; padding: 50px 5%; height: auto; position: relative;} .structure-pbox .txt{ height: auto;} .honor-pbox-bg{ padding: 60px 0px;} .honor-pbox-bg .title img{ width: 100px;} .honor-pbox-bg .t{ font-size: 20px;} .honor-pbox-bg .c{ margin-bottom: 30px;} .responsibility-pbox .txt{ font-size: 13px;} .pagePading{ padding: 45px 0px;} .otherNav{ padding-top: 40px;} .structure-list .t{ font-size: 18px;} .structure-list dd{ padding: 30px 0px 20px;} .structure-img{ padding: 32px 0px 40px;} .openOdd{ margin-top: 40px;} .pageC-zh{ font-size: 20px; margin-bottom: 25px;} .pagePading2{ padding: 30px 0px 40px;} .newlist li{ width:100%; margin-right:0;} .nline{ position:relative; margin-top:20px;} .newtext{ height:auto;} .news{ padding:34px 0;} .newtext h3{ font-size:16px;} .newtext p{ font-size:12px; height:auto;} .tnew a{ height:34px; line-height:34px; font-size:12px; padding: 0px 12px;} .newlist li figure img{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1);} .writtens li{ padding:32px 30px 0;} .writtenwr{ padding-bottom:20px;} .writtenfix h3{ font-size:16px; margin-bottom:12px;} .writtenfix p{ font-size:12px;} .writtenle time{ margin-bottom:10px;} .shared .txt,.shared .sharelist1 { display:none;} .more-fen-btn{ float: none; text-align: center; padding: 6px 0px;} .backlist{ width: 100px; margin-left: -50px;} .nview{ padding: 0px;} .newview{ padding-bottom:34px; width: auto;} .videoli li{ width:100%; margin-bottom:30px;} .videoli{ margin-bottom:0;} .videspan{ padding:12px 10px;} .videspan span{ font-size:14px;} .culturePage{ margin-top: 40px;} .listPage{ padding: 0; background-color: transparent;} .submissionImg{ float: none; margin: 0 0px 20px; width: auto;} .submissionImg img{ width: auto;} .submissionCon{ float: none; width: auto;} .bmBox{ padding: 20px;} .bmBox .t{ font-size: 18px; background-size: 20px auto; padding-left: 30px;} .bmtxt{ padding: 8px 5%; font-size: 12px;} .scbtnfile,.scbtn{ width: 65%;} .industry-Page{ padding: 60px 0px 40px;} .industry-Page .t{ font-size: 18px;} .industry-Page .by{ font-size: 20px; margin-bottom: 20px;} .industry-Page .txt{ margin-bottom: 20px;} .industry-Page .en{ font-size: 12px; margin-bottom: 20px;} .pbot{ transform: scale(0.7); -webkit-transform: scale(0.7); } .w795{ width: 90%;} .industry-item .ico{ width: 40px; height: 40px;} .industry-list li{ width: 50%;} .industry-one-l{ border: 0px none;} .industry-one-l .num{ font-size: 36px;} .industry-one-l li{ width: 50%; border:0px none; border-bottom: 1px solid #e8e8e8;} .industry-list-one li{ width: 100%; margin-left: 0; float: none;} .industryList-tbox .img{ float: none; width: 100%; } .industryList-tbox .con{ float: none; width: 100%; border-left: 0px none; border-top: 1px solid #cccdce; padding: 25px 0px 0px; margin-top: 20px;} .industryList-tbox .t{ font-size: 18px;} .industryList-tdemo{ padding: 0px;} .industryList-tdemo .slick-prev { background-image: url("../images/rr_w_prev.png")/*tpa=http://www.yongyigroup.cn/images/rr_w_prev.png*/; left: 3%; transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.7); -webkit-transform: scale(0.7);} .industryList-tdemo .slick-next { background-image: url("../images/rr_w_next.png")/*tpa=http://www.yongyigroup.cn/images/rr_w_next.png*/; right: 3%;transform-origin: right center; -webkit-transform-origin: right center; transform: scale(0.7); -webkit-transform: scale(0.7);} .industryList-ibox{ margin-top: 40px;} .industry-list-two dd{ width: 31.33%; margin: 0px 1% 20px;} .industry-list-two .item{ padding-bottom: 135px;} .industry-list-two .con{ padding-top: 20px;} .industry-list-two .ico{ width: 30px; height: 30px;} .ilink-ico1, .ilink-ico2{ width: 40px; height: 40px;} .industry-link .moreBtn{ margin-top: 12px;} .industry-link-img li{ width: 32.33%;} /*.industry-info-banner-box{ padding: 25px 0px;} .industry-info-banner{ width: auto; margin: 0px 25px;}*/ .industry-info-banner-box{ padding: 0px; background: none !important;} .industry-info-banner{ width: 100%; overflow: hidden;} .industry-info-banner .slick-prev{ left: 3%;} .industry-info-banner .slick-next{ right: 3%;} .industry-info-t{ padding-bottom: 10px;} .industry-info-t .zh{ display: block;} .industry-link2{ float: none; margin-top: 10px;} .f30{ font-size: 20px;} .industry-info-page{ margin-bottom: 40px;} .isaleItem-list .con{ padding: 20px 5%;} .isaleItem-list .con .t{ font-size: 18px;} .isaleItem-list .con .c{ font-size: 12px;} .isaleItem-list .moreBtn{ position: relative; right: auto; top: auto; display: block; margin-top: 15px;} .ipnav li span { display: none; } .ipnav li:before { transform: rotate(0deg); -webkit-transform: rotate(0deg); } .ipnav li { margin: 0; width: 20%; } .ipnav { width: 90%; margin: 0 auto; padding: 0; margin-top: 35px; } .hrti .ch { font-size: 24px; } .hrti .en { font-size: 14px; margin-top: 3px; } .hr1 { padding: 65px 0 60px 0; } .workSlide { margin: 44px auto 42px auto; } .hr2 .fixbg { padding: 62px 0 64px 0; } .orTable table td:nth-child(2), .orTable table th:nth-child(2) { padding-left: 28px; padding-right: 28px; } .orTable table a { margin-right: 35px; } .orTable table .r1 { width: 40%; } .orTable table .r2 { width: 60%; } .hrPaging { padding: 70px 0 65px 0; } .yyPageNav{ padding: 8px;} .yyPageNav a{ line-height: 1.8; margin:4px; padding: 4px 15px;} .serviceList { margin-top: 35px; } .ccList .picbox { position: relative; width: auto; } .ccList .freeTx { margin-left: 0; border: none; } .ccList .picbox img { max-width: none; max-height: none; position: relative; width: 100%; } .ccList .picbox { padding: 30px; } .wing2, .wing3 { padding: 40px 0 0 0; } .maList .scapic { width: 100%; margin-left: 0; margin-bottom: 20px; } .maList { margin-left: 0; } .maList .tx { height: auto; } .ctaList .namebox, .ctaList .ctas,.ctaList .mabox { float: none; width: 100%; } .ctaList .ti, .ctaList .ctas .citme { padding-right: 0px;} .ctaList .ti{ font-size: 18px;} .ctaList .ctas .citme{ margin-bottom: 5px;} .ctaList .namebox { margin-bottom: 20px; } .ctaList .mabox { margin:20px 0px 0; border: 1px solid #E1E1E1; width: 98px;} .ctaList li { padding: 40px 0 36px 0; } .ctabox .pa { padding: 50px 35px 60px 35px; } .ctabox { margin-top: -26%; } .brandsList li { width: 31.533%; } .b-ti .b-logo { width: 167px; } .b-ti .ti { line-height: 35px; margin-left: 15px; font-size: 20px; } .f-logo { transform-origin: left top; -webkit-transform-origin: left top; transform: scale(0.7); -webkit-transform: scale(0.7); } .hrList .hspan:nth-child(4),.hrList .hspan:nth-child(5),.hrList .hspan:nth-child(6){ display: none;} .hrList .hspan{ width: 73%; height: 40px; line-height: 40px;} .hrList .hspan:nth-child(1){ text-align: left;} .hrList .hspan:nth-child(7){ width: 22%;} .hrList .hrdt,.hrList .hrT .hspan{ height: 40px; line-height: 40px;} .pswp__caption__center{ font-size: 12px;} .recruitment-info{ padding: 25px 5%;} .join-page-bg{ background: none #E8E7E7;} .jformlist dd{ float: none; width: 100%;} .join-form .t{ font-size: 18px; background-size: 24px auto; padding-left: 34px;} .jf-yzm-box .yzmtxt{ padding: 12px 15px; height: 43px; box-sizing: border-box; width: 100%;} .jf-yzm-box{ padding-right: 152px;} .jf-yzm-box .yzmlink{ width: 144px;} .jformBtn{ padding: 12px 0px;} .campusTab{ overflow-x: auto; -webkit-overflow-scrolling: touch; } .campus-demo .slick-prev { background-image: url("../images/rr_w_prev.png")/*tpa=http://www.yongyigroup.cn/images/rr_w_prev.png*/; left: 3%; transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.7); -webkit-transform: scale(0.7);} .campus-demo .slick-next { background-image: url("../images/rr_w_next.png")/*tpa=http://www.yongyigroup.cn/images/rr_w_next.png*/; right: 3%;transform-origin: right center; -webkit-transform-origin: right center; transform: scale(0.7); -webkit-transform: scale(0.7);} .campusPage .t{ font-size: 20px;} .campusBtn{ margin-top: 50px;} .campusImg{ margin-top: 35px;} .campusPage{ margin-top: 40px;} .pbanner2{ padding: 30px 0px 40px;} .serach-banner-box .t{ font-size: 20px;} .serach-banner{ width: auto; padding: 8px 64px 8px 18px; height: 24px; line-height: 24px;} .serach-banner .btn { width: 54px; } .serach-banner .btn i{ margin: 12px auto; width: 18px; height: 18px;} } @media screen and (max-width:481px) { .vwrap .videobox { width: 300px; margin-left: -150px; height: 240px; margin-top: -120px; } .newIbox-first .img{ float: none; width: 100%; height: auto; margin-bottom: 20px;} .speech-Pbox .t{ font-size:20px;} .survey-title .year{ font-size: 60px;} .honor-pbox-bg .t{ font-size: 18px;} .honor-pbox-bg .c{ font-size: 13px;} .social-list dd{ width: 100%; float: none; margin:0px 0px 30px; padding-bottom: 0;} .social-list .txt{ padding: 18px 5%; height: auto;} .writtenwr{ display:block;} .writtens{ margin-top:22px; padding-top:0; padding-bottom:0;} .writtenle{ margin-right:0; width:100%; margin-bottom:14px;} .writtens li{ padding:24px 22px 0;} .newtitle h3{ font-size:20px;} .newtitle{ padding:22px 20px 12px;} .newv{ margin:20px 5% 30px;} .backlist{ height: 36px; line-height: 36px;} .previous .previ{ width:90px; height:34px; line-height:34px;} .videoli{ margin-top:20px;} .videotext { padding:12px 22px; height:auto;} .yiyuetwo-list dd{ width: 100%; float: none; margin-right: 0%; padding-bottom: 0;} .yiyuetwo-list dd:nth-child(3n){ margin-right: 0%;} .yiyuetwo-list .txt{ height: auto; line-height: 1.4; padding: 15px 5%;} .service-ul .txt{ height: 54px; line-height: 54px; padding: 0px 5%;} .fashion-item .time{ font-size: 12px;} .fashionlist1 .fashion-item{ padding: 0 10px 0 120px; height: 78px;} .fashionlist1 .fashion-item .img{ width: 100px; height: 78px;} .fashionlist1 .fashion-item .t{ margin-top: 0;} .industry-Page .t{ font-size: 16px;} .industry-Page .by{ font-size: 16px;} .industryListPage2 .ipnav p { padding-top: 24px; } .industryListPage2 .ipnav li:last-child p{ padding-top: 18px;} .industry-list-two .zh{ font-size: 14px;} .add-list dd{ width: 100%; float: none; margin-right: 0%;} .add-list dd:nth-child(3n){ margin-right: 0%;} .ipageT{ font-size: 18px;} .workSlide { padding: 0 22px; } .workSlide .wa { margin: 0; } .workSlide .slick-prev { transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.7); -webkit-transform: scale(0.7); } .workSlide .slick-next { transform-origin: right center; -webkit-transform-origin: right center; transform: scale(0.7); -webkit-transform: scale(0.7); } .workSlide { margin: 34px auto 32px auto; } .hrti .ch { font-size: 20px; } .hr2 .fixbg { padding: 52px 0 54px 0; } .ipnav p { width: 28px; line-height: 1.1; margin: 0 auto; padding-top: 18px; } .iptx { margin-top: 30px; } .hr1 { padding: 50px 0; } .orIndro .t { font-size: 14px; } .setEmail { width: 100%; } .orIndro { margin-top: 26px; } .orTable table th { padding: 10px 15px; } .orTable table td { padding: 16px 15px; } .orTable table td:nth-child(2), .orTable table th:nth-child(2) { padding-left: 15px; padding-right: 15px; } .orTable table a { margin-right: 20px; } .hrPaging { padding: 50px 0 45px 0; } .mywingtx { padding: 0 15px 48px 15px; } .witi { font-size: 20px; } .wingIntro .txts .freeTx { margin-top: 15px; } .serviceList { margin-top: 25px; } .wingIntro .pic { width: 122px; } .wing1 { padding: 20px 0 0 0; } .ccList .picbox { padding: 15px; } .ccList .freeTx { padding: 27px 15px 30px 15px; } .msImg { margin-top: 12px; } .wing2, .wing3 { padding: 30px 0 0 0; } .handleCard { width: 100%; margin-top: 30px;} .handleCard:hover{ background-color: #977751;} .handleCard span{ padding-left: 34px; background-size: 22px auto;} .msTelBox { margin-top: 36px; } .msTelBox .tel a { display: block; } .msTelBox .tel span { display: none; } .msTelBox .tel em { display: block; font-size: 16px; } .msTelBox .tel { font-size: 14px; } .wingBox { padding: 43px 0; } .maIntro { margin-top: 30px; } .maList { margin-top: 33px; } .ombox { padding: 26px 15px 38px 15px; } .ombox .ti { margin-bottom: 12px; } .omForm .s-input, .omForm .s-textarea{ padding: 10px 15px;} .omForm .clearfix .s-input { width: 100%; margin-right: 0; margin-bottom: 15px;} .omForm .clearfix .s-input:last-child { margin-bottom: 0; } .omForm .v .s-input { width: 70%; margin-bottom: 0; } .omForm .ma { max-width: 28%; margin-left: 2%; height: 46px;} .omForm .ma img{ vertical-align: middle;} .ctabox .pa { padding: 30px 20px 40px 20px; } .ctaList li { padding: 30px 0 30px 0; } .ctaList .ti{ font-size: 16px;} .ctaList .ctas .citme { padding-left: 30px; } .ctaList .ctas .citme:before { transform-origin: left center; -webkit-transform-origin: left center; transform: scale(0.8); -webkit-transform: scale(0.8); } .ctaArea { padding-bottom: 55px; } .store-ctt { margin-top: 30px; } .store-list .txts .pa { padding: 30px 15px; } .brands-box .s-ti { margin-bottom: 10px; font-size: 20px; } .brandsList li { width: 48.2%; } .brandsList { margin-top: 20px; } .brands-box { padding: 35px 15px; } .b-ti { padding: 47px 15px 36px 15px; } .b-ti2 { padding: 0; padding-bottom: 20px; } .b-ti .b-logo { width: 237px; float: none; } /*.b-ti .b-logo { width: 201px; }*/ .b-ti .ti { float: none; margin-left: 0; margin-top: 10px; } .spicbox .shadow { height: 40px; } .spicbox2 .actnum { right: 15px; } .spicbox2 .nowti { left: 50px; right: 50px; font-size: 14px; } .hotel-list dd { width: 100%; float: none; margin: 0; margin-bottom: 15px; } .hotel-list { margin-left: 0; margin-top: 25px; } .f-logo { transform: scale(0.4); -webkit-transform: scale(0.4); left: 15px; top: 15px; } .b-ti2 .tools { float: none; margin-top: 27px; } .b-ti2 .tools a { margin-left: 0; margin-right: 12px; } .f-tx { margin-top: 30px; } .wingshowBox{ padding: 60px 5% 50px; width: 80%;} } @media screen and (max-width:421px) { .banner-yy{ background-position: left 20%;} .speech-Pbox .t{ font-size:18px;} .pbanner-C .c{ font-size: 16px;} .industry-one-img dd{ float: left; width: 100%; margin:15px 0px;} .recruitment-list dd{ width: 100%; float: none; margin-right: 0%; padding-bottom: 0;} .recruitment-list dd:nth-child(3n){ margin-right: 0%;} .recruitment-list .txt{ height: auto; white-space: inherit; line-height: 1.4; padding: 20px 5%;} .join-box-btn .btn{ float: none; margin-right: 0; width: 100%; text-align: center; padding: 8px 0px;} } @media screen and (max-width: 375px) { .vwrap .close{ right: 0; top: -40px;} .iboxT .zh, .iboxT .en{ font-size: 18px;} .industryListPage2 .pageC-zh{ font-size: 18px;} } @media screen and (max-width: 360px) { /*.binbox .t{ font-size: 18px;} .binbox .con{ height: 100px;}*/ .iboxT .en{ display: none;} .industry-list-two dd{ width: 46%; margin: 0px 2% 20px;} .industry-list-two .item{ padding-bottom: 120px;} .industry-list-two .con{ height: 155px;} .previous .prev i{ margin-right: 5px;} .previous .next i{ margin-left: 5px;} .previous .previ{ width: 75px; font-size: 12px;} .backlist{ width: 90px; margin-left: -45px; font-size: 12px;} select.mar-sel{ float: none; width: 100%; margin-right: 0;} }