body {color: #000; font-size: 14px;line-height: 20px;letter-spacing: 2px;} body,input,textarea,button{ font-family:"Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif; } .nowrap{ white-space: nowrap;text-overflow:ellipsis; overflow:hidden; } .break { word-wrap:break-word; word-break: break-all; } /*CSShack*/ @media all and (min-width: 0px) {body { min-width: auto;}} i { font-style: normal; } .tb { display: table;height: 100%;width: 100%; } .tb_c { display: table-cell;vertical-align: middle; } a{ text-decoration: none;color: #666; } a{ -webkit-tap-highlight-color:rgba(255,0,0,0);} ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,p,table,tr,td,img,body{ margin: 0;padding: 0;border: 0;} ul,li,ol{ list-style: none;} input:focus,select:focus,textarea:focus {outline: none; } img { max-width: 100%; height: auto;} h1,h2,h3,h4,h5,p{line-height: 1.2;font-weight: normal; } table{ border-collapse: collapse; } .row .md1 { width: 8.3333%; } .row .md2 { width: 16.6666%; } .row .md3 { width: 25%; } .row .md4 { width: 33.3333%; } .row .md5 { width: 41.6666%; } .row .md6 { width: 50%; } .row .md7 { width: 58.3333%; } .row .md8 { width: 66.6666%; } .row .md9 { width: 75%; } .row .md10 { width: 83.3333%; } .row .md11 { width: 91.6666%; } .row .md12 { width: 100%; } .row .md1, .row .md2,.row .md3,.row .md4,.row .md5,.row .md6, .row .md7, .row .md8,.row .md9,.row .md10,.row .md11,.row .md12 { float: left; } input,button{padding: 0;margin: 0;border: 0;} input[type="text"], input[type="password"] , select , textarea { -webkit-appearance: none;width: 100%;font-size: 14px;} input[type="submit"] { -webkit-appearance: none !important; } input[type="button"] { -webkit-appearance: none !important; } input::-webkit-input-placeholder { color:#666 !important ;} input:-moz-placeholder {color: #666 !important ;} input::-moz-placeholder {color: #666 !important ;} input:-ms-input-placeholder {color: #666 !important ;} textarea::-webkit-input-placeholder { color:#666 !important ;} textarea:-moz-placeholder {color: #666 !important ;} textarea::-moz-placeholder {color: #666 !important ;} textarea:-ms-input-placeholder {color: #666 !important ;} h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } .fl { float: left; } .fr{float: right;} .clearfix:after, .clearfix:before{content: "";display: block;height:0;width: 100%;clear: both;overflow: hidden;font-size: 0;line-height: 0;} .clearboth{width: 100%;height:0;clear: both;overflow: hidden;font-size: 0;line-height: 0;} .clear{overflow: auto;zoom:1;} .blur {filter:url(blur.svg#blur);-webkit-filter: blur(10px);-moz-filter: blur(10px);-o-filter: blur(10px);-ms-filter: blur(10px);filter:blur(10px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);} .gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;} .wrap{max-width: 960px;margin: 0 auto;} /*header*/ .header_box .category{display: none;} .header_box{width: 100%; height: 110px;text-align: center;border-bottom: 2px solid #fff;background: #000;position: fixed;z-index: 99999;top: 0;left: 0;letter-spacing: 4px;} .header_box .header{display: inline-block;} .header_box .logo{width: 115px;height: 110px;margin-right: 40px;position: relative;} .header_box .logo:after, .header_box .logo:before{content:"";position: absolute;width: 1px;height: 1px;box-shadow: 0 0 15px 10px #f0d8a8;left: 0;bottom: 0;background: #f0d8a8;border-radius: 50%;opacity: 0;} .header_box .logo:before{z-index: 1;} .header_box .logo.animated:after{-webkit-animation: Light .8s linear; -o-animation: Light .8s linear; -moz-animation: Light .8s linear; animation: Light .8s linear;} .header_box .logo:hover:before{-webkit-animation: Light .8s linear; -o-animation: Light .8s linear; -moz-animation: Light .8s linear; animation: Light .8s linear;} .header_box .menu{height: 110px;position: relative;} .header_box .menu li{float: left;height: 100%;} .header_box .menu li i{font-size: 35px;float: right;margin-left: 5px;} .header_box .menu li a{display: block;height: 22px;line-height: 22px; padding: 0 60px;color: #fff;border-right: 1px solid #fff;font-size:18px;margin-top: 44px;} .header_box .menu li.none a{border-right: 0;} .header_box .menu li.active a,.header_box .menu li:hover a{color: #9c8962;} .header_box .line{height: 2px;position: absolute;bottom:-2px;left: 0;background: #ce0b24;} .header_box .menu dl{position: fixed;top: 110px;left: 0;width: 100%;background: rgba(0,0,0,0.7);text-align: center;display: none;} .header_box .menu dl dd{display: inline-block;overflow: hidden;padding: 20px 0;} .header_box .menu dl dd a{float: left;margin: 0 10px;width: 180px;height: auto;border-right: 0;padding: 0;font-size: 16px;letter-spacing: 2px} .header_box .menu li.active dd a,.header_box .menu li:hover dd a{color: #fff;} .header_box .menu dl dd .picwrap{height: 100px;overflow: hidden;margin-bottom: 10px;} .header_box .menu dl dd .pic{background-size: cover;height: 100%;} /*底部*/ .footer_box{background: #000;text-align: center;padding: 50px 0;overflow: hidden;} .footer_box .hd{border-bottom: 1px solid #5b5b5b;padding-bottom: 25px;} .footer_box, .footer_box a{color: #fff;} .footer_box .nav{display: inline-block;} .footer_box .nav a{float: left;font-size: 18px;position: relative;padding: 10px 0;line-height: 50px;padding: 0 20px;} .footer_box .nav a.weixin{font-size: 45px;padding-right: 5px;} .footer_box .nav a.weixin img{position: absolute;top: 100%;left: 50%;width: 120px;max-width:120px;margin-left: -60px;opacity: 0;} .footer_box .nav a.weixin:hover img{opacity: 1;} .footer_box .bd{border-top: 1px solid #3f3f3f;padding-top: 20px;} .footer_box .backtop{display: inline-block;font-size: 12px;} .footer_box .backtop span{display: block;} .bgbg{z-index:-1;width: 100%;height: 600px;background-size: cover;background-position: center;background-attachment: fixed;} .common_video{position: relative;} .common_video .video_body{position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0;border: 0;} .scroll_down{position: absolute;bottom:10px;left:0;right: 0;margin: 0 auto;width: 28px;height: 55px;/*border:2px solid rgba(255,255,255,0.8);*/ border-radius: 28px;z-index: 99;cursor: pointer;} .scroll_down i{width: 24px;height: 16px;font-size: 34px;color: #fff;position: absolute;bottom: 8px;left: 0;right: 0;margin: 0 auto; -webkit-animation: movedown 2s infinite ease-in-out; -o-animation: movedown 2s infinite ease-in-out; -moz-animation: movedown 2s infinite ease-in-out; animation: movedown 2s infinite ease-in-out;} /*首页*/ .ind_box .row{background-size: cover;background-position: center;position: relative;} .ind_box .row .content{position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;} .ind_box .banner{overflow: hidden;background: #000;} .ind_box .banner .mobile{display: none;} .ind_box .banner .content{z-index: 9;text-align: center;width: 390px;height: 200px;top:210px;bottom: auto;} .ind_box .banner .logo{text-align: center;opacity: 0;} .ind_box .banner .logo a{display: inline-block;position: relative;} .ind_box .banner .content .name{font-size: 32px;margin-top: 30px;opacity: 0.8;color: #fff;letter-spacing: 8px;} .ind_box .banner .logo a:after, .ind_box .banner .logo a:before{content:"";position: absolute;width: 1px;height: 1px;box-shadow: 0 0 15px 10px #f0d8a8;left: 0;bottom: 0;background: #f0d8a8;border-radius: 50%;opacity: 0;} .ind_box .hasload .logo{opacity: 1;} .ind_box .hasload .logo a:after, .ind_box .banner .logo a:hover:before{-webkit-animation: Light .8s linear 0.5s; -o-animation: Light .8s linear 0.5s; -moz-animation: Light .8s linear 0.5s; animation: Light .8s linear 0.5s;} .ind_box .banner .name{position: relative;} .ind_box .banner .name img{display: block;} .ind_box .banner .name .imgs{position: absolute;top: 0;left: 0;opacity: 0; transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;} .ind_box .banner .name .line{-webkit-animation: imgLine 1s infinite linear; -o-animation: imgLine 1s infinite linear; -moz-animation: imgLine 1s infinite linear; animation: imgLine 1s infinite linear;} .ind_box .hasload .name .line{-webkit-animation: none; -o-animation: none; -moz-animation: none; animation: none;} .ind_box .banner .name .imgrt{opacity: 0;transform:translateX(-60px);-o-transform:translateX(-60px);-ms-transform:translateX(-60px);-moz-transform:translateX(-60px);-webkit-transform:translateX(-60px);} .ind_box .banner .name .imglt{opacity:0;transform:translateX(60px);-o-transform:translateX(60px);-ms-transform:translateX(60px);-moz-transform:translateX(60px);-webkit-transform:translateX(60px);} .ind_box .hasload .name .imgs{opacity: 1;transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);} .ind_box .banner .scroll_down{opacity:0;} .ind_box .hasload .scroll_down{opacity: 1;} .ind_box .banner li{width: 30%;float: left;height: 100%;} .ind_box .banner li:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;} .ind_box .banner .same{width: 35%; position: absolute;top: 0;z-index: 9;overflow: hidden;transition: all 1.5s ease-in-out;-webkit-transition: all 1.5s ease-in-out;-o-transition: all 1.5s ease-in-out;-moz-transition: all 1.5s ease-in-out;-ms-transition: all 1.5s ease-in-out;height: 100%;} .ind_box .banner .lt{left: -10%;-webkit-transform: skew(-16deg);-moz-transform: skew(-16deg);-o-transform: skew(-16deg);-ms-transform: skew(-16deg);transform: skew(-16deg);} .ind_box .banner .lt .box{-webkit-transform: skew(16deg);-moz-transform: skew(16deg);-o-transform: skew(16deg);-ms-transform: skew(16deg);transform: skew(16deg);} .ind_box .banner .rt{right: -10%;-webkit-transform: skew(16deg);-moz-transform: skew(16deg);-o-transform: skew(16deg);-ms-transform: skew(16deg);transform: skew(16deg);} .ind_box .banner .rt .box{-webkit-transform: skew(-16deg);-moz-transform: skew(-16deg);-o-transform: skew(-16deg);-ms-transform: skew(-16deg);transform: skew(-16deg);} .ind_box .banner .md{width: 100%;} .ind_box .banner .md video{width: 100%;} .ind_box .banner .box{width: 100%;height: 100%;} /*.ind_box .banner .lt{-webkit-animation: videoPlus 6s infinite ease-in-out; -o-animation: videoPlus 6s infinite ease-in-out; -moz-animation: videoPlus 6s infinite ease-in-out; animation: videoPlus 6s infinite ease-in-out;} .ind_box .banner .rt{-webkit-animation: videoPlus 6s infinite ease-in-out -6s; -o-animation: videoPlus 6s infinite ease-in-out -6s; -moz-animation: videoPlus 6s infinite ease-in-out -6s; animation: videoPlus 6s infinite ease-in-out -6s;}*/ /*.ind_box .banner .minus{-webkit-animation: videoMin 10s linear; -o-animation: videoMin 10s linear; -moz-animation: videoMin 10s linear; animation: videoMin 10s linear;} .ind_box .banner .lt.plus{-webkit-animation: none; -o-animation: none; -moz-animation: none; animation: none;} .ind_box .banner .rt.plus{-webkit-animation: none; -o-animation: none; -moz-animation: none; animation: none;}*/ .ind_box .banner li:hover:after{opacity:0;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;} .ind_box .banner .box{} .ind_box .banner .rt canvas{margin-left: -960px;} .ind_box .row1{overflow: hidden;background-attachment: fixed;} .ind_box .row1 .wrap{max-width: 990px;} @media screen and (max-width: 990px) { .ind_box .row1 .wrap{padding: 0 15px;} } .ind_box .row1 .wrap, .ind_box .row1 ul, .ind_box .row1 ul li, .ind_box .row1 ul li a{height: 100%;} .ind_box .row1 .content{height: 500px;} .ind_box .row1 ul li{float: left;margin: 0 0.2%;width: 28.5%;background: #000;} .ind_box .row1 ul li:nth-child(1){width:41.3%; } .ind_box .row1 ul li a{display: block;} .ind_box .row1 .pic span{display: block;background-position: center;background-size: cover;height: 100%;opacity: 0.8;transition: all 2s ease-out;-webkit-transition: all 2s ease-out;-o-transition: all 2s ease-out;-moz-transition: all 2s ease-out;-ms-transition: all 2s ease-out;} .ind_box .row1 .pic span img{display: none;} .ind_box .row1 .pic{height: 77%;overflow: hidden;} .ind_box .row1 .txt{height: 23%;} .ind_box .row1 li:nth-child(3) .pic{height:57%; } .ind_box .row1 li:nth-child(3) .txt{height: 43%;} .ind_box .row1 .tb_c{padding: 10px;text-align: center;} .ind_box .common_tit{letter-spacing: 1px;} .ind_box .row1 .common_tit{font-size: 22px;} .ind_box .row1 .txt p{margin-top: 15px;color: #acaaaa;line-height: 20px;} .ind_box .row1 ul li:hover .pic span{opacity: 1;-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);} .ind_box .row2{overflow: hidden;} .ind_box .row2 .picbg{width: 100%;} .ind_box .row2 .picbg,.ind_box .row2 .picbg img{position: absolute;top: 0;left:0;display: block;} .ind_box .row2 .common_tit{font-size:28px;text-align: left;margin-bottom: 40px;} .ind_box .row2 .commom_btn{margin-top: 40px;} .ind_box .commom_btn{width: 200px;height: 45px;line-height: 45px;border: 1px solid #bc9366;text-align: center;color: #fff;font-size: 18px;letter-spacing:3px;display: block;} .ind_box .commom_btn:hover{background: #bc9366;} .ind_box .row2 .txt{max-width:350px;position: absolute;top: 22%;left:73%;color: #fff;line-height: 28px;} .ind_box .shadowMove{transform:translate3d(150px,0,0);-o-transform:translate3d(150px,0,0);-ms-transform:translate3d(150px,0,0);-moz-transform:translate3d(150px,0,0);-webkit-transform:translate3d(150px,0,0);anim} .ind_box .row3 .commom_btn{position: absolute;top: 13%;right: 0;left:0;margin: 0 auto;} .ind_box .row3 .pop .common_tit{font-size: 26px;letter-spacing: 3px;margin: 25px 0;} .ind_box .row3 .pop .wrap{max-width: 840px;height: 100%; position: relative;} .ind_box .row3 .pop .txt p{line-height:26px;color: #fff;} .ind_box .row3 .pop .close{left:auto;right: 30px;top: 30px;} /*品牌页*/ .brand_box{padding-top: 110px;background-image: url('../images/brandbg.jpg');background-attachment:fixed;background-position: center center;} .brand_box .row{padding: 60px 0;background-attachment:fixed;background-position: center center;background-size: cover;} .brand_box .row1 .wrap{position: relative;height: 535px;overflow: hidden;} .brand_box .row1 .video_body{background: url('../images/brand_video.jpg'); } .common_tit{font-size: 22px;letter-spacing: 6px;color: #f6c86f;text-align: center;line-height: 1;} .brand_box .common_line{background: none !important;width:1px;height: 70px; padding: 65px 0;margin: 0 auto;} .brand_box .common_line span{display: block;height: 100%;background: #95825d;} .brand_box .row .txt{color: #fff;letter-spacing: 0.2px;} .brand_box .row .txt p{line-height: 26px;text-indent: 2em;margin-bottom: 35px;} .brand_box .row2 .wrap{background: rgba(0,0,0,0.7);padding: 60px 0 120px 0;} .brand_box .row2 .txt{padding:0 85px;} .brand_box .row2 .common_tit{margin-bottom: 50px;font-size: 30px;letter-spacing: 2px;} .brand_box .row3{padding: 130px 0;} .brand_box .row3 li{overflow: hidden;} .brand_box .row3 li .fl{width: 50%;} .brand_box .row3 li .txt,.brand_box .row3 .pic{background: #171717;} .brand_box .row3 .pic,.brand_box .row3 li .txt{height: 265px;overflow: hidden;} .brand_box .row3 .imgs{height: 100%;background-position: center center;background-size: cover;transition: all 3s ease-out;-webkit-transition: all 3s ease-out;-o-transition: all 3s ease-out;-moz-transition: all 3s ease-out;-ms-transition: all 3s ease-out;opacity: 0.7;} .brand_box .row3 li:hover .imgs{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);opacity: 1;} .brand_box .row3 .common_tit{line-height: 85px;border-bottom: 1px solid #474545;} .brand_box .row3 .con{padding: 25px 25px 10px 25px;text-align: center;} .brand_box .row3 .txt p{line-height: 24px;text-indent: 0;margin-bottom: 0;} .brand_box .row4{padding-top: 0;} .brand_box .row4 .box .pic,.brand_box .row4 .box .txt{background: #171717;} .brand_box .row4 .hd{height: 535px;position: relative;background: none;overflow: hidden;} .brand_box .row4 .hd .box{height: 100%;background: #171717;} .brand_box .row4 .hd .pic{height: 100%;background-size: cover;background-position: center center;box-shadow: 0px 11px 13px #040000;opacity: 0.7;transition: all 3s ease-out;-webkit-transition: all 3s ease-out;-o-transition: all 3s ease-out;-moz-transition: all 3s ease-out;-ms-transition: all 3s ease-out;} .brand_box .row4 .hd .box:hover .pic{opacity: 1;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .brand_box .row4 .hd .common_tit{width: 380px;border:1px solid #dec697;line-height: 32px;padding: 5px 0;position: absolute;bottom: 25px;left: 0;right: 0;margin: 0 auto;color: #dec697;letter-spacing: 4px;} .brand_box .row4 .bd{padding-top: 55px;overflow: hidden;} .brand_box .row4 .bd p{text-indent: 0;text-align: center;margin-bottom: 0;} .brand_box .row4 .bd .common_tit{margin-bottom: 35px;} .brand_box .row4 .bt{max-width: 460px;margin: 0 auto;} .brand_box .row4 .bt .common_tit{border-bottom: 1px solid #474545;height: 120px;line-height: 120px;} .brand_box .row4 .bt .con{padding: 55px 35px;} .brand_box .row4 .hd .pic img{display: none;} .brand_box .row4 .box .pic{overflow: hidden;} .brand_box .row4 .box .pic img{opacity: 0.7;transition: all 2s ease-out;-webkit-transition: all 2s ease-out;-o-transition: all 2s ease-out;-moz-transition: all 2s ease-out;-ms-transition: all 2s ease-out;} .brand_box .row4 .box:hover .pic img{opacity: 1;-webkit-transform: scale(1.07);-moz-transform: scale(1.07);-o-transform: scale(1.07);-ms-transform: scale(1.07);transform: scale(1.07);} /*荣誉*/ .honor_box{background: #fff;padding-top: 90px;overflow: hidden;} .honor_box .row1{height: 520px;background: #000;margin-bottom: 220px;position: relative;} .honor_box .row1 .wrap{max-width:890px;top:-70px;background: #fff; } .honor_box .row1 li,.honor_box .row1 .wrap{height: 650px;position: relative;} .honor_box .row1 .wrap:after,.honor_box .row1 li .pic{width: 100%;height: 610px;position:absolute;bottom: 0;left:0;} .honor_box .row1 .wrap:after{content: '';background: url('../images/honor_row1bg.png'); } .honor_box .row1 li h4{text-align: center;font-size: 18px;} .honor_box .row1 li h4 span{padding: 0 10px;} .honor_box .row1 li .pic{overflow: hidden;} .honor_box .row1 li .pic span{height: 100%;display: block; background-size: cover;background-position: center center;transition: all 5s ease-out;-webkit-transition: all 5s ease-out;-o-transition: all 5s ease-out;-moz-transition: all 5s ease-out;-ms-transition: all 5s ease-out;-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);} .honor_box .row1 li.active .pic span{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .common_slider .bx-wrapper .bx-pager{display: none;} .bx-wrapper .bx-controls-direction a, .prev, .next, .close{text-indent: 0;width: 70px;height: 70px;text-align: center;line-height: 70px;background: rgba(0,0,0,0.2);border-radius: 50%;font-size: 30px;color: #fff;} .prev, .next{position: absolute;top: 50%;margin-top: -35px;cursor: pointer;} .common_slider .bx-wrapper .bx-prev, .prev{left: -80px;} .common_slider .bx-wrapper .bx-next, .next{right: -80px;} .honor_box .down{width: 355px;position: absolute;bottom: -175px;left: 0;right: 0;margin: 0 auto;} .honor_box .down a{display: block;text-align: center;color: #000;margin: 0 auto;} .honor_box .down a span{display: block;height: 45px;line-height: 45px;font-size:18px;border: 1px solid #646464;} .honor_box .row2{background: #000;padding-bottom: 90px;} .honor_box .row2 .wrap{max-width: 1100px;} .honor_box .row2 ul{border-left: 4px solid #6f0108;padding-top: 30px;} .honor_box .row2 ul li{position: relative;height: 30px;line-height: 30px;padding: 20px 0;padding-left: 40px;font-size: 16px;color: #fff;} .honor_box .row2 .common_tit{text-align: left;color: #f6c86f;font-size: 22px;} .honor_box .row2 .dot{width: 18px;height: 18px;background: #000;border:1px solid #6f0108;border-radius: 50%;position:absolute;top: 50%;left: -4px;margin-left: -8px;margin-top: -8px;} .honor_box .row2 ul li:hover .dot{background: #6f0108;} .honor_box .row2 .time{width: 115px;text-align: center; background: #6f0108;margin-right: 70px;} .honor_box .row2 .txt{max-width: 870px;} .honor_box .row2 .down{width: 240px; position: inherit;margin-top: 50px;} .honor_box .row2 .down a{color: #fff;} .honor_box .row2 .down a:hover{background: #6f0108;} .honor_box .row2 .down a:hover span{border-color: #6f0108;} /*领导*/ .lead_box{background-size: cover;background-position: center center;} .lead_box .row{ position: relative;overflow: hidden;} .lead_box .prev{left: 10px;} .lead_box .next{right: 10px;} .lead_box .row .wrap{position: relative;} .lead_box .row .lead_swiper{height: 550px;width: 100%; overflow: hidden;position: absolute;top: 0; bottom: 0;margin: auto 0;padding: 0 100px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .lead_box .row ul{height: 550px;position: relative;left:0;padding:0 220px 0 300px;} .lead_box .row ul:before{content:"";position: absolute;top: 50%;left:300px;width: 100%;height: 1px;background: #a08c65;} .lead_box .row ul:after{content: "关怀·领导励前行";position:absolute; :top: 0;left: 0;width:300px;height: 100%;line-height: 550px;color: #bf9d5b;font-size:30px;} .lead_box .row .line{position: absolute;top: 50%;left:255px;width: 100%;height: 1px;background: #a08c65;} .lead_box .row ul li{float: left;height:100%;width: auto;margin-left: -220px;} .lead_box .row ul li:nth-child(1){margin-left: 0;} .lead_box .row ul li.last{margin-right: 220px;} .lead_box .row ul h3{width: 500px;height: 500px;line-height: 550px;text-align: left;} .lead_box .row ul li {height: 275px;width: 500px;float: left;margin-bottom: 275px;z-index: 2;} .lead_box .row ul li:nth-child(2n){margin-top: 275px;margin-bottom: 0;} .lead_box .row ul .box{position: relative;height: 275px;} .lead_box .row ul li:nth-child(2n) .box{padding-top:95px;height: 180px;} .lead_box .row ul .box span{width: 100%;height: 180px;background-size: cover;background-position: center;display: block;} .lead_box .row ul .box:after,.lead_box .row ul .box:before{content: '';position:absolute;background: #a08c64;z-index: 1;} .lead_box .row ul .box:before{width: 1px;height: 100%;left: 0;top: 0;} .lead_box .row ul .box:after{left:-13px;top: 0;} .lead_box .row ul li:nth-child(1) .box:after, .lead_box .row ul li:nth-child(3n) .box:after{width: 25px;height: 20px;} .lead_box .row ul li:nth-child(3n) .box:after{top: auto;bottom: 0;} .lead_box .row ul li:nth-child(6n) .box:after{top: 0;bottom: auto;} .lead_box .row ul li .pic{width: 43%;height: 180px;position: relative;overflow: hidden;z-index: 9;} .lead_box .row ul li .pic img{display: block;height: 180px;width: auto;max-width: none;} .lead_box .row ul .txt{width:52%;margin-left: 5%; color: #fff;text-align: left;height: 180px;overflow: hidden;} .lead_box .prev, .lead_box .next{z-index: 9;} .inner_banner{position: relative;} .inner_banner img{display: block;} .inner_banner .pic,.inner_banner .pic span{height: 100%;overflow: hidden;} .inner_banner .pic span,.inner_banner .pic img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);transition: all 6s ease-out;-webkit-transition: all 6s ease-out;-o-transition: all 6s ease-out;-moz-transition: all 6s ease-out;-ms-transition: all 6s ease-out;display: block;background-size: cover;background-position: center;} .inner_banner .pic.animated span, .inner_banner .pic.animated img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .inner_banner .container{position: absolute;bottom: 40px;left: 0;right: 0;margin: 0 auto;background: rgba(0,0,0,0.34);} .inner_banner .txt{padding: 50px 100px;color: #fff;} .inner_banner .common_tit{margin-bottom: 40px;font-size: 30px;} .inner_banner .txt p{color: #fff;font-size:16px;line-height: 28px;margin-bottom: 25px;text-indent: 2em;} /*三兄弟*/ .brothers_box .wrap{max-width: 1280px;} .brothers_box{background: #000;} .brothers_box .row{background-image: url('../images/brothersbg1.png');background-size: cover;background-position: center center; } .brothers_box .row2{background-image: url('../images/brothersbg2.png');} .brothers_box .row3{background-image: url('../images/brothersbg3.png');} .brothers_box .list{padding-top: 170px;} .brothers_box .list li{padding-bottom: 170px;position: relative;} .brothers_box .list li .wrap{position: relative;overflow: hidden;} .brothers_box .list li .wrap:after{content: '';position: absolute;top: 0;left:0;width: 100%;height: 100%;background: #000;opacity: 0.4;z-index: 0;} .brothers_box .list .box{width: 45%;position: relative;z-index: 1;height: 785px;} .brothers_box .list .txtwrap{width:55%;} .brothers_box .list li.oddli .txtwrap{float: right;} .brothers_box .list .tb_c{padding: 30px;} .brothers_box .list .pic{background-size: cover;background-position: center;position: relative;z-index: 1;} .brothers_box .list .txt{height:745px;margin: 20px 20px 0 0; border: 1px solid #714e17;text-align: center;} .brothers_box .list li.oddli .txt{margin: 20px 0 0 20px;} .brothers_box .list .txt .common_tit{font-size: 40px;font-family: 'SimSun',sans-serif;} .brothers_box .list .txt .con{display: inline-block;text-align: left;color: #fff;line-height: 28px;border-top: 1px solid #a08c64;padding-top:30px;margin-top:30px;} .brothers_box .down_arr{width: 40px; font-size: 40px;color: #837352;position: absolute;bottom: 80px;left: 0;right: 0;margin: 0 auto;text-align:center;} .brothers_box .list .txtwrap.animated{ -webkit-animation-name: fadeInRight; animation-name: fadeInRight;} .brothers_box .list .pic.animated{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} .brothers_box .list li.oddli .txtwrap.animated{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} .brothers_box .list li.oddli .pic.animated{ -webkit-animation-name: fadeInRight; animation-name: fadeInRight;} /*大事记*/ .note_box .row{background-size: cover;background-position: center;background-attachment: fixed;} .note_box .video{height: 300px;overflow: hidden;} .note_box .wrap{max-width: 1290px;overflow: hidden;} .note_box .common_tit{background: #000;padding: 40px 0;color: #c5a972;font-size: 36px;} .note_box .common_tit span{width: 220px;border-bottom: 1px solid #c5a972;padding-bottom: 25px;display: inline-block;} .note_box .list{margin-right: -100px;overflow: hidden;padding: 135px 0;} .note_box .list li{float: left;width:420px;margin-right: 15px;margin-bottom: 15px; text-align: center;cursor: pointer;} .note_box .list li .box{background: rgba(0,0,0,0.5);} .note_box .list .pic{height: 235px;overflow: hidden;} .note_box .list .pic span{display: block;height: 100%;opacity: 0.7;background-size: cover;background-position: center;transition: all 1s ease-out;-webkit-transition: all 1s ease-out;-o-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;} .note_box .list .txt{padding: 20px;color: #c5a972;} .note_box .list .txt h3,.note_box .list .txt h3 p{white-space: nowrap;text-overflow:ellipsis; overflow:hidden; } .note_box .list .txt h3{font-size: 19px;letter-spacing: 1px;} .note_box .list .txt p{font-size: 13px;padding: 10px 0 15px 0;} .note_box .list .txt .more{color:#fff;} .note_box .list .txt .more i{opacity: 0.5;padding-right: 5px;} .note_box .list li:hover .pic span{opacity: 1; -webkit-transform: scale(1.06);-moz-transform: scale(1.06);-o-transform: scale(1.06);-ms-transform: scale(1.06);transform: scale(1.06);} .note_box .list .append{color: #fff;} .note_box .list .append h2{font-size: 32px;} .note_box .list .append h3{color: #c5a972;font-size: 19px;} .note_box .list .append i{font-size:95px; color: #c5a972;display: block;padding: 30px 0;line-height: 1;} .note_box .pop .wrap{max-width: 740px;height: 100%;position: relative;margin: 0 auto;} .note_box .pop .tit, .note_box .pop small{text-align: center;font-size: 24px;line-height:40px;color:#bf9e5b;} .note_box .pop small{margin-bottom: 50px;display: block;} .note_box .pop .content{text-align: center;padding:40px;background: #fff;} .note_box .pop p{line-height: 26px;font-size: 16px;color: #636363;text-align: left;} .close{position: absolute;} .note_box .close{right: 30px;top: 130px;cursor: pointer;} /*仙作*/ .culture_box{background: #000;} .culture_box .inner_banner .container{left:44.6%;top:18%;background: none;padding-right: 110px;} .culture_box .inner_banner .txt{padding: 0;line-height: 24px;} .culture_box .inner_banner .common_tit{text-align: left;font-size: 48px;} .culture_box .row{padding: 80px;} .culture_box .waterfall{position: relative;overflow: hidden;width: 100%;} .culture_box .item{width: 33.333%;float: left; padding-bottom: 20px;} .culture_box .item .box{margin:0 5px 20px 5px;padding-bottom: 20px; display: block;position: relative;} /*公用线条*/ .common_line{position: relative;} .common_line .line{position: absolute;background: #f6c86f;z-index: 1;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;opacity: 0;} .common_line .line.tp{height: 2px;width: 0;top: 0;left: 0;} .common_line .line.rt{height: 0;width: 2px;bottom: 0;right: 0;} .common_line .line.bt{height: 2px;width: 0;bottom: 0;right: 0;} .common_line .line.lt{height: 0;width:2px;top: 0;left: 0;} .common_line:hover .line{opacity: 1;} .common_line:hover .line.tp{width: 100%;} .common_line:hover .line.rt{height: 100%;} .common_line:hover .line.bt{width: 100%;} .common_line:hover .line.lt{height: 100%;} .culture_box .item img{opacity: 0.7;} .culture_box .item .box:hover img{opacity: 1;} .culture_box .waterfall .common_tit{font-size: 25px;padding: 25px 0;} .culture_box .waterfall .txt{color: #fff;opacity: 0.45;padding: 0 50px;} .culture_box .waterfall .more{text-align: center;margin-top: 30px;} .culture_box .waterfall .more span{display: inline-block;font-size: 12px;padding: 0 10px;line-height: 30px;border: 1px solid #f6c86f;color: #fff;} .culture_box .item .box:hover .more span{border-color: #f6c86f;background: #f6c86f;color: #fff;} .culture_box .culture_detail{color: #b6b5b3;} .culture_box .culture_detail .txt p{font-size: 16px;line-height: 28px;text-indent: 2em;} .culture_box .culture_detail .txt h3{font-size: 48px;color: #d3b167;margin-bottom: 50px;text-align: center;} .culture_box .pop .wrap{position: relative;height: 100%;} .culture_box .pop .txt,.culture_box .pop .wrap{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .culture_box .pop .txt{position: absolute;top: 0;left: 0;right:0;bottom:0;margin:auto;height: 70%;overflow: auto;margin-right: -20px;} /*旅游推荐*/ .travel_box .wrap{max-width: 1100px;} .travel_box .common_tit{font-size: 24px;padding: 30px 0;border-bottom: 1px solid #c7a268;color: #c7a268;} .travel_box .nav{text-align: center;margin:50px 0;} .travel_box .nav ul{display: inline-block;} .travel_box .nav li{float: left;width: 85px;height: 85px;text-align: center;line-height: 85px;color: #c7a268;font-size: 20px;border-radius: 50%;box-shadow: 0 8px 16px rgba(0,0,0,0.12);margin: 0 15px;cursor: pointer;} .travel_box .nav li:hover, .travel_box .nav li.active{background: #c7a268;color: #fff;} .travel_box .tab .item{display: none;} .travel_box .tab .box{box-shadow: 0 5px 25px rgba(0,0,0,0.12);margin-bottom: 145px;} .travel_box .tab .box .imgs{overflow: hidden;} .travel_box .tab .box img{display: block;width: 100%;} .travel_box .tab .box .txt{padding: 50px 20px;font-size: 18px;overflow: hidden;position: relative;} .travel_box .tab .box .txt:after{content: '';width: 1px;height:80%;background:#f3f2ea;position: absolute;top:0;bottom:0;left:50%;margin: auto 0;} .travel_box .tab .box .txt p{font-size: 17px;line-height: 30px;float: left;width:40%;margin: 0 5%;color: #001545;letter-spacing: 2px;} .travel_box .tab .box .first{width: 60px;height: 60px;background: #001545;text-align: center;line-height: 60px;color: #edca91;font-size: 42px;margin-right: 5px;} /*品牌承诺*/ .brand_promise{background: url('../images/brand_childbg.jpg') repeat;color: #fff;padding-bottom: 250px;} .brand_promise .comtainer, .brand_promise .tb{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .brand_promise .comtainer{padding:50px;height: 100%;} .brand_promise .tb{border:20px solid transparent;-moz-border-image:url('../images/brand_childbg2.png') 20 20 round;-webkit-border-image:url('../images/brand_childbg2.png') 20 20 round; -o-border-image:url('../images/brand_childbg2.png') 20 20 round;border-image:url('../images/brand_childbg2.png') 20 20 round;} .brand_promise .common_tit{width:260px;height: 65px;line-height: 60px;margin: 0 auto;position: relative;border: 1px solid #fff;font-size: 26px;margin-top: 8%;} .brand_promise .common_tit:after{content: '';position: absolute;top:0;bottom: 0;left: -3px;width: 110%;height: 19px;background: url('../images/brand_childbg.jpg') repeat;margin: auto 0; } .brand_promise .common_tit span{display: block;position: relative;z-index: 1;} .brand_promise .common_tit small{position: absolute;bottom: -16px;left: 0;right: 0;color: #9e9e9e;color: #9e9e9e;font-size: 16px;background: url('../images/brand_childbg.jpg') repeat;height: 24px;line-height: 1;letter-spacing: 3px;width: 145px;margin: 0 auto; } .brand_promise .txt{max-width: 850px;margin: 60px auto;} .brand_promise .txt p{text-indent: 2em;line-height: 28px;} .brand_promise .item{text-align: center;} .brand_promise .item ul{display: inline-block;overflow: hidden;} .brand_promise .item .box{width:250px;margin: 0 30px;float: left;} .brand_promise .item .box .tit{display: block;border: 2px solid #5d5d5c;text-align: center;height: 45px;line-height: 45px;color: #f3c974;font-size: 18px;letter-spacing: 3px;} .brand_promise .item .box .con{border: 2px solid #5d5d5c;padding: 25px;line-height: 24px;font-size: 13px;border-top: 0;display: none;} /*三福艺术馆*/ .art_header .header_box{background: url('../images/art_headerbg.jpg') repeat; } .art_box .inner_banner{border-bottom: 150px solid #b81016;} .art_box{background: url('../images/artbg.jpg') repeat;} .art_box .row1{position: relative;} .art_box .row1 .wrap{background: url('../images/art_row1bg.jpg') repeat; margin-top: -75px;max-width: 920px;} .art_box .row1 .wrap .txt{padding: 100px;color: #9c774c;} .art_box .row1 .wrap p{line-height: 30px;font-size: 16px;} .art_box .row2{overflow: hidden;position: relative;margin-top: 55px;padding-bottom: 120px;} .art_box .row2 .hd{text-align: center;margin:40px 0;} .art_box .row2 .container_list{position: relative;height: 430px;} .art_box .row2 .swiper li{overflow: hidden;} .art_box .row2 .swiper li .box{cursor: pointer;position: relative;} .art_box .row2 .swiper li .box:after{content: "";width: 100%;height: 100%;background: #000;opacity: 0.25;position: absolute;top: 0;left: 0;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;} .art_box .row2 .swiper li .box:hover:after{opacity: 0;} .art_box .row2 .swiper li.two .box{height: 50%;} .art_box .row2 .swiper li.three .box1{float: left;width: 50%;} .art_box .row2 .swiper .box img{vertical-align: top;} .art_box .row2 .swiper-container{padding:75px 0;padding-left: 480px;position: relative;} .art_box .row2 .swiper-slide{width: auto;float: left;} .art_box .row2 .scrollbar{position: relative;margin-top: 15px;} .art_box .swiper-container-horizontal .swiper-scrollbar{width: 470px;background: #b9b8b8;border-radius: 0;margin:0 auto;height: 2px;} .art_box .swiper-scrollbar-drag{height: 8px;background: #a41f24;border-radius: 0;margin-top: -3px;float: left;} .art_box .row2 .container_list .btn, .art_box .row2 .pop{position: fixed;width: 100%;height: 100%;} .art_box .row2 .pop .close{position: absolute;top:30px;right:30px;cursor: pointer;} .art_box .row2 .container_list .btn{background: none;} .art_box .row2 .container_list .btn i{color: #fff;font-size: 30px;} .art_box .row2 .popcontainer{width:62.5%;height: 80%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;} .art_box .row2 .popswiper{width:100%;overflow: hidden;position: relative;} .art_box .row2 .pop .btn{background: rgba(0,0,0,0.5);border-radius: 0;font-size: 16px;width: 30px;} .art_box .row2 .pop .btn, .art_box .row2 .pop .close{display: block;} .art_box .row2 .pop .prev{left: 0;} .art_box .row2 .pop .next{right: 0;} .art_box .txtwrap{width:380px;position: absolute;top: 0;left: 0;height: 100%;background:rgba(255,255,255,0.9);z-index: 99;} .art_box .txtwrap .tb_c{padding: 0 40px;} .art_box .txtwrap p{color: #90683d;line-height: 26px;text-indent: 2em;} .art_box .tit{color: #a41f24;font-size: 30px;margin-bottom: 35px;line-height: 1;text-align: center;} .art_box .row3 .txtwrap p{color: #fff;} .art_box .row3 .txtwrap .tb_c{vertical-align: top;padding-top: 80px;} .art_box .pop .swiper-container-horizontal .swiper-scrollbar{display: none;} .art_box .row3{position: relative;overflow: hidden;} .art_box .row3 .pic img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);transition: all 5s ease-out;-webkit-transition: all 5s ease-out;-o-transition: all 5s ease-out;-moz-transition: all 5s ease-out;-ms-transition: all 5s ease-out;} .art_box .row3 .pic img.animated{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .art_box .row3 .txtwrap {right: 0;left: auto;background: rgba(0,0,0,0.3);} .common_video{position: relative;} .common_video video{width: 100%;} /*工艺*/ .technology_box{color: #fff;background: #000;} #fp-nav.right{display: none;} .technology_box .bg{background-size: cover;background-position: center;} .technology_box .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.3;transition: all 1.2s ease-out;-webkit-transition: all 1.2s ease-out;-o-transition: all 1.2s ease-out;-moz-transition: all 1.2s ease-out;-ms-transition: all 1.2s ease-out;z-index: -1;} .technology_box .active .bg{opacity: 1;} .technology_box .bgbg{display: none;} .technology_box .tb{position: relative;z-index: 9;} .technology_box .section, .technology_box .section .con, .technology_box .pic span{background-size: cover;background-position: center;} .technology_box .pic span{height: 100%; display: block;opacity: 0.5;} .technology_box .tit{color: #e4bb62;text-align: center;} .technology_box .tit font{display: inline-block;} .technology_box .row1{overflow: hidden;} .technology_box .row2 .tit{background: #000;} .technology_box .row2 .con{height: 100%;overflow: hidden;position: relative;z-index: 1;} .technology_box .row2 .con .fl{max-width:400px;height: 100%;background: rgba(0,0,0,0.65);overflow: hidden;} .technology_box .row2 .con .txtwrap{overflow-y:scroll;overflow-x:hidden;margin-right: -20px;height: 100%;} .technology_box .row2 .con .tit{background: none;line-height: 1.5;text-align: left;} .technology_box .tit{font-size:28px;margin-bottom: 30px;} .technology_box .row2 .con .txt{padding: 20px 50px;} .technology_box .row2 .con p{line-height: 28px;text-indent: 2em;} .technology_box .row3 .wrap{max-width: 920px;height: 480px;position: relative;background: #020202;box-shadow: 0 5px 20px rgba(0,0,0,0.6);} .technology_box .row3 .wrap:hover span{opacity: 1;} .technology_box .row3 .box{height: 100%;} .technology_box .row3 .pic{width: 65%;} .technology_box .row3 .txt, .technology_box .row3 .txt .con, .technology_box .row4 .onther .txt, .technology_box .row4 .onther .con{;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .technology_box .row3 .txt{width: 35%;padding: 15px;} .technology_box .row3 .txt {overflow: auto;height: 100%;position: relative;overflow: hidden;} .technology_box .row3 .txt:before, .technology_box .row4 .onther:before{content: "";border: 1px solid #e4bb62;position: absolute;top: 15px; bottom: 15px; left: 15px; right: 15px;} .technology_box .row3 .txt .conwrap{width: 100%;height: 100%;position: relative;overflow: hidden;} .technology_box .row3 .txt .con{position: absolute;top: 35px; bottom: 35px; left: 0; right: 0;} .technology_box .row3 .txt .tit{line-height: 1;} .technology_box .row3 .txt p{line-height: 27px;} .technology_box .row4 .wrap{max-width: 1000px;height: 480px;} .technology_box .row4 ul{height: 100%;} .technology_box .row4 ul li{float: left;margin: 0 0.3%;width: 32.7%;height: 100%;background: #000;position: relative;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .technology_box .row4 ul li:hover span{opacity: 1;} .technology_box .row4 .pic{height: 330px;} .technology_box .row4 .tit{height: 150px;line-height: 150px;font-size: 24px;} .technology_box .row4 .onther{padding: 15px 0;} .technology_box .row4 .onther .txt{position: relative;height: 100%;margin: 0 15px;overflow:hidden;} .technology_box .row4 .onther .con{padding:0;overflow: auto;position: absolute;top: 35px; bottom: 35px; left: 0; right: 0;margin: auto; } .technology_box .row4 .onther .tit{height: auto;line-height: 1;} .technology_box .row4 .onther p{line-height: 27px;} /*生产流程*/ .flow_box{background: #131110;overflow: hidden;} .flow_box .inner_banner{height: 820px;} .flow_box .inner_banner .con{position: absolute;top:0;left:0;width: 100%;height: 100%;} .flow_box .inner_banner .box{width: 50%;height: 100%;} .flow_box .inner_banner .imgs{margin-left: 41.5%;position: relative;height: 100%;} .flow_box .inner_banner .imgs img{display: block;position: absolute;top: 11%;left: 0;} .shadowMove{transform:translate3d(30px,0px,0);-o-transform:translate3d(30px,0px,0);-ms-transform:translate3d(30px,0px,0);-moz-transform:translate3d(30px,0px,0);-webkit-transform:translate3d(30px,0px,0);transition: all 1.5s ease-out;-webkit-transition: all 1.5s ease-out;-o-transition: all 1.5s ease-out;-moz-transition: all 1.5s ease-out;-ms-transition: all 1.5s ease-out;} .shadowMove.animated{transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);} .flow_box .inner_banner ul{max-width: 600px;margin-top: 21.5%;margin-right: -25px;} .flow_box .inner_banner ul li{float: left;width: 90px;height: 90px;line-height: 90px;margin-right: 25px;margin-bottom: 45px;} .flow_box .inner_banner ul li a{display: block;height:100%;border: 1px solid #cfae65;border-radius: 50%;color: #fff;font-size: 21px;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .flow_box .inner_banner ul li a:hover{background: #cfae65;} .flow_box .list{overflow: hidden;position: relative;} .flow_box .list:before{content: '';position: absolute;top: 25px;left: 50%;width: 1px;height: 100%;background: #d3b167;} .flow_box .list li{overflow: hidden;margin-top: -90px;position: relative;z-index: 1} .flow_box .list li.titwrap{margin-top: 0;font-size: 60px;line-height: 1;text-align: center;height: 90px;} .flow_box .list li.titwrap span{display: inline-block;padding-bottom: 30px;border-bottom: 1px solid #d3b167;line-height: 60px;} .flow_box .list li.titwrap i{float: right;padding-left: 20px;font-size: 30px;} .flow_box .list .tit{color: #d3b167;font-size: 50px;line-height: 1;position: relative;} .flow_box .list li .box{width: 50%;float: left;} .flow_box .list li.oddli .box{float: right;} .flow_box .list li .box .tit{text-align: right;padding-right: 30px;} .flow_box .list li.oddli .box .tit{text-align: left;padding-left: 45px;padding-right: 0;} .flow_box .list li .dot{position: absolute;top:0;bottom:0;margin:auto 0;width: 14px;height: 14px;border:1px solid #d3b167;border-radius: 50%;left: 0;background: #131110;margin-left: -8px;} .flow_box .list li.oddli .dot{left: 0;margin-left: -8px;} .flow_box .list li .dot{left: auto;right: 0;margin-right: -8px;} .flow_box .list li .pic{padding-right: 5px;} .flow_box .list li.oddli .pic{padding-left: 5px;} .flow_box .list li:hover .dot{background: #d3b167;} .flow_box .list li.end{text-align: center;background: #131110;margin-top: 0;} .flow_box .list li.end .box{display: inline-block;float: none;} .flow_box .list li.end .tit{text-align: center;padding: 0; padding-top: 50px;} .flow_box .list li.end .dot{right: 0;left: 0;margin:0 auto;background: #d3b167;} .flow_box .list li.end .pic{margin-top: 60px;} /*招聘*/ .jobfoot .bgbg{display: none;} .job_box{background: url('../images/jobbg.jpg') #000 center bottom no-repeat;background-size: 100% auto;padding-bottom: 490px;color: #fff;} .job_box .wrap{max-width: 1100px;} .job_box .tit,.job_box .nav a,.job_box .nav{color: #ecc06a;} .job_box .tit{padding: 60px 0 15px 0;margin-bottom: 55px; text-align: center;font-size: 28px;line-height: 1;position: relative;} .job_box .tit:after{content: "";width: 50px;height: 2px;position:absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;background: #ecc06a;} .job_box .container{position: relative;} .job_box .nav{width: 200px;font-size: 20px;position: absolute;left:50%;top: 0;margin-left: -100px; z-index: 11; } .job_box .nav dl dt, .job_box .nav dl dd a{height: 40px;line-height: 40px;} .job_box .nav dl dt{border-bottom: 1px solid #ecc06a;text-indent: 8px;} .job_box .nav dl dd a{display: block;padding-left: 40px;position: relative;} .job_box .nav dl dd a:after{content: '';width: 10px;height: 10px;position: absolute;top: 0;bottom: 0;left: 15px;margin: auto 0;background: #ecc06a;border-radius: 50%;opacity: 0;} .job_box .content{width: 63.64%;font-size:16px;line-height: 36px;opacity: 0;transform:translateY(50px);-o-transform:translateY(50px);-ms-transform:translateY(50px);-moz-transform:translateY(50px);-webkit-transform:translateY(50px);} .job_box .on .content{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);} .job_box .on .nav{margin-left: 0;} .job_box .content dd{padding-left: 5em;} .job_box .content .end{float: right;padding-left: 0;margin-top: 30px;} .job_box .nav dl dd a:hover:after{opacity: 1;} /*产品展示*/ .product_box{background: url('../images/probg.jpg') no-repeat #000 center fixed;overflow: hidden; } .product_box .row{position: relative;} .product_box .nav{text-align: center;color: #fff;position: absolute;width: 100%;top: 80px;z-index: 9;} .product_box .nav ul{display: inline-block;} .product_box .nav ul li{position:relative;width:150px;height:40px;line-height:40px;margin: 0 5px;float: left;cursor: pointer;} .product_box .nav ul li svg, .product_box .nav ul li .shape{display: block;width: 100%;height: 100%;} .product_box .nav ul li .shape{stroke-width:6px;fill:transparent;stroke:#e8c793;stroke-dasharray:85 400;stroke-dashoffset:-220;transition:1s all ease;} .product_box .nav ul li:hover .shape{stroke-dasharray:500 0;stroke-width:3px;stroke-dashoffset:0;stroke:#e8c793;} .product_box .nav ul li span{display: block;position: absolute;top: 0;left: 0;font-size:18px;width: 100%;text-align: center;} .product_box .tab ul{display: none;} .common_list2 li, .common_list3 li{float: left;position: relative;cursor: pointer;} .common_list3 li{width: 33.333%;} .common_list3 li:after, .common_list2 li:after, .common_list3 li:before, .common_list2 li:before{content: '';position: absolute;left: 0;width: 100%;height:190px;bottom: 40px;} .common_list3 li:after, .common_list2 li:after{box-shadow:10px 10px 25px #000;background: #000;z-index: 1;} .common_list3 li:before, .common_list2 li:before{background: url('../images/probg.png') repeat-x;z-index: 2;} .common_list3 li .box, .common_list2 li .box{position: absolute;z-index:3;width: 100%;bottom: 150px;} .common_list3 li .pic, .common_list2 li .pic{text-align: center;margin: 0 auto;} .common_list3 li .pic{max-width: 340px;} .common_list2 li .pic{max-width: 720px;} .common_list3 li .pic span, .common_list2 li .pic span{width: 100%;height: 100%;overflow: hidden;background-position: center;background-repeat: no-repeat;display: block;background-size: contain;} .common_list2 li{width: 50%;} .common_list2 li .box dd, .common_list3 li .box dd{margin: 0 60px;} .common_list3 li .box .text, .common_list2 li .box .text{display: none;} .product_box .pop .wrap{max-width: 1100px;height: 100%; } .product_box .pop .con{background: #fff;} .product_box .pop .box{height: 100%;display: table;} .product_box .pop .box dd{display: table-cell;padding: 50px;vertical-align: middle;} .product_box .pop .boxwrap{display: inline-block;} .product_box .pop .pic{width: 44%;float: left;height: 100%;text-align: center;} .product_box .pop .pic span{} .product_box .pop .pic img{max-height: 100%;} .product_box .pop .text{width: 43%;float: right;} .product_box .pop .text .hd{text-align: center;margin-bottom: 40px;} .product_box .pop .bd .tit{color: #444446;text-align: center;font-size: 20px;border-bottom: 1px solid #a7a7aa;padding-bottom: 15px;margin-bottom: 40px;line-height: 1;} .product_box .pop .bd p{line-height: 20px;color: #a7a7aa;} /*新闻*/ .news_box{padding: 55px 0;} .news_box .wrap{max-width: 1030px;} .news_box .inner_banner{overflow: hidden;} .news_box .inner_banner li{position: relative;} .news_box .inner_banner li .tit,.news_box .inner_banner li:after{position: absolute;bottom: 0;left: 0;width: 100%;height: 45px;} .news_box .inner_banner li:after{content:'';background: #f3c974;opacity: 0.6;} .news_box .inner_banner .tit{line-height: 45px;z-index: 1;letter-spacing: 0;font-size: 20px;text-align: center;; } .news_box .inner_banner .page{z-index: 9;text-align: right;left: auto;right: 20px;bottom:0;height: 45px;} .news_box .inner_banner .page span{width: 10px;height: 10px;background: #000;opacity: 0.4;cursor: pointer;margin-top: 17px;} .news_box .inner_banner .page .swiper-pagination-bullet-active{background: #000;opacity: 0.8;} .news_box .inner_banner .pic{height: 500px} .news_box .inner_banner .swiper-slide-active .pic span, .news_box .inner_banner .swiper-slide-active .pic img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .news_box .inner_banner .prev, .news_box .inner_banner .next{border-radius: 0;background: rgba(0,0,0,0.8);width: 30px;font-size: 16px;opacity: 0;} .news_box .inner_banner .prev{left: 0;} .news_box .inner_banner .next{right: 0;} .news_box .inner_banner:hover .prev, .news_box .inner_banner:hover .next{opacity: 1;}; .news_box dl{max-width: 800px;border-top: 1px solid #bbbcbc;margin: 40px auto;} .news_box .list dd{padding: 20px 0;border-bottom: 1px solid #bbbcbc;cursor: pointer;} .news_box .list .tit{line-height: 30px;margin-bottom: 15px;overflow: hidden;} .news_box .list .tit span{width: 85%;font-size: 18px;} .news_box .list .tit .time{width: 12.5%;color: #7f8081;font-size:12px;letter-spacing: 0;text-align: right;} .news_box .list .txt{height: 44px;line-height: 22px;color: #7f8081;overflow: hidden;letter-spacing: 0;} .news_box .more{text-align: center;margin-top:40px;} .news_box .more a{display: inline-block;font-size: 18px;padding: 0 40px;line-height: 50px;height: 50px;border: 1px solid #bbbcbc;color: #000;position: relative;} .news_box .more a:hover{color: #fff;border-color: #bf9e5b;} .news_box .pop .wrap{max-width: 750px;} .news_box .pop .con{background: #fff;} .news_box .pop .box{overflow: auto;padding: 50px;background: #fff;} .news_box .pop .tit{color: #bf9e5b;font-size: 24px;text-align: center;line-height: 40px;margin-bottom: 55px;} .news_box .pop p{font-size: 18px;line-height: 25px;color: #636363;} /*地图*/ .map_box{padding:90px 100px;overflow: hidden;background-color: #000;background-repeat: no-repeat; background-position: center bottom;padding-bottom: 590px;letter-spacing: 3px;} .map_box .map{width: 65%;height: 660px;float: left;} .map_box #allmap{height: 100%;width: 100%;} .map_box .fr{width: 33%;color: #c3ab6c;} .map_box .list li i, .map_box .common_tit i{color: #c3a07d;} .map_box .common_tit{margin-bottom: 85px;color: #c3ab6c;font-size: 20px;} .map_box .common_tit span{display: inline-block;} .map_box .common_tit i{font-size:24px;float: left;border-right: 1px dashed #48412b;width: 40px;text-align: center;margin-right: 20px;padding-right: 5px;} .map_box .list li{line-height: 25px;} .map_box .list li i{float: left;font-size: 20px;margin-right: 15px;} .map_box .search_list{text-align: center;margin-top: 100px; margin-bottom: 35px;} .map_box .search_list ul{text-align: left;overflow: hidden;} .map_box .search_list li{float: left;padding: 0 15px;color: #fff;font-size: 15px;border-bottom: 1px solid #000;padding-bottom: 10px;cursor: pointer;margin-right: 5px;margin-bottom: 10px;overflow: hidden;} .map_box .search_list li.on, .map_box .search_list li:hover{color: #c3a07d;border-bottom-color: #c3a07d;} .map_box .search_list li i{font-size: 20px;float: left;margin-right: 10px;} .map_box .searchbox .fl{margin-right: 5px;} .map_box .searchbox span{font-size: 18px;color: #c3a07d;line-height: 36px;} .map_box .searchbox .input_txt{width: 240px;height: 34px;line-height: 34px;text-indent: 10px;border: 1px solid #c3a07d;background: none;color: #c3a07d;} .map_box .searchbox button{border: 0;color: #c3a07d;line-height: 36px;height: 36px;font-size: 15px;padding: 0 10px;background: none;outline: 0;cursor: pointer;} .map_box .searchbox button i{font-size: 20px;float: left; margin-right: 5px;} .map_box .searchbox button.on{background: #c3a07d; color: #000;} .map_box .searchbox .box{display: none;} .map_box .searchbox .box.none .input_txt{width: 300px;} .map_ft .bgbg{display: none;} /*场景展示*/ .scene_box{background: #000;} .scene_box .like{position: absolute;right: 20px;bottom: 20px;height: 20px;background: #795c48;border-radius: 5px;line-height: 20px;color: #fff;padding:5px 12px;z-index: 99;cursor: pointer;} .scene_box .like i{float: left;margin-right: 5px;} .scene_box .like .num{border-left: 1px solid #fff;padding-left: 15px;margin-left: 15px;} .scene_box .banner{overflow: hidden;position: relative;} .scene_box .banner ul, .scene_box .banner ul li, .scene_box .banner ul li span, .scene_box .banner .swiper{height: 100%;} .scene_box .banner ul li span{display: block;background-size: cover;background-position: center;transition: all 5s ease-out;-webkit-transition: all 5s ease-out;-o-transition: all 5s ease-out;-moz-transition: all 5s ease-out;-ms-transition: all 5s ease-out;} .scene_box .banner ul li span img{display: none;} .scene_box .banner .page_wrap{position: absolute;bottom: 55px;left: 0;right:0;width: 100%;height: 75px;text-align: center;z-index: 99;opacity: 1;margin: 0 auto;overflow: hidden; padding: 0 70px;} .scene_box .banner .page_container{margin: 0 auto;opacity: 0;position: relative;overflow: hidden;} .scene_box .banner .page_container:after{ content: '';display: block; clear: both; } .scene_box .banner .page{position: relative; transition: all .4s ease-out;-webkit-transition: all .4s ease-out;-o-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;} .scene_box .banner .page span{width: 170px; float: left;height: 75px;overflow: hidden;margin: 0 10px;cursor: pointer;background: #000;} .scene_box .banner:hover .page_container{opacity: 1;} .scene_box .banner .swiper-pagination{display: none;} .scene_box .imgs{display: none;} .scene_box .imgs img{width: 100%;display: block;} .scene_box .banner:hover .page_wrap{opacity: 1;} .scene_box .banner ul li.swiper-slide-active span{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .scene_box .prev { left: 0; } .scene_box .next { right: 0; } .scene_box .btn{background: none;opacity: 0;display: none;} .scene_box .banner:hover .btn{opacity: 0.5;} .scene_box .banner:hover .disabled{opacity: 0.2;cursor: default;} /*五代传承*/ .history_box{position: relative;overflow: hidden;} .history_box .swiper-container-v{position: relative;} .history_box .menu_box{position: absolute;z-index: 11;height: 100%;left: 5.5%;} .history_box .menu li{height:46px;padding: 5px 40px 5px 5px;line-height: 46px;color: #f3c974;font-size: 18px;margin: 20px 0;cursor: pointer;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;} .history_box .menu li img{float: left;margin-right: 10px;opacity: 0;width:0;transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;} .history_box .menu li.active{background: rgba(0,0,0,0.2);box-shadow: 0 0 10px rgba(249,247,189,0.4);border-radius: 50px;display: block;} /*.history_box .menu li.active .item{transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);}*/ .history_box .menu li.active img{width: 46px;opacity: 1;} .history_box .container .bg{width: 100%;height: 100%;background-size: cover;background-position: center;z-index: -1; position: relative;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-ms-transition: all 0.5s ease-out;display: none;} /*.history_box .active .bg{opacity: 1;display: none;}*/ .history_box .section{position: relative;} .history_box .content{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .history_box .common_tit{text-align: left;font-size: 34px;letter-spacing: 2px;overflow: hidden;} .history_box .txtwrap{position: relative;} .history_box .txt{position: relative;padding: 0 20px;margin-left: 80px;margin-top: 35px;color: #fff;} .history_box .txt p{line-height: 28px;} .history_box .txt:after,.history_box .txt:before{content:"";position: absolute;top: 0;left: 0;height: 100%;background: #f3c974;} .history_box .txt:before{width: 3px;} .history_box .txt:after{width: 1px;left: 4px;} .history_box .row1 .txtwrap{position: relative;margin: 0 auto; max-width: 850px;} .history_box .row2 .txtwrap{width: 72.3%;left: 19%;} .history_box .row2 .box{width: 44%;} .history_box .pic{width: 52%;background: #000;box-shadow: 0 0 21px rgba(0,0,0,0.75);} .history_box .pic img{width: 100%;} .history_box .pic p{height: 55px;line-height: 55px;color: #f3c974;text-align: center;background: #000;} .history_box .row3 .txtwrap{width: 58%;left: 22%;} .history_box .row3 .box{width: 44%;} .history_box .row3 .pic{width: 49%;} .history_box .row4 .txtwrap{max-width: 770px;left: 30.7%;overflow: hidden;} .history_box .row4 .txt{margin-left: 0;height: 170px;overflow: hidden;} .history_box .row4 .box{width: 350px;float: left;margin-right: 30px;} .history_box .row4 .common_tit{margin-top: 80px;} .history_box .row4 .pic{float: left;} .history_box .row4 .pic1{width: 280px;} .history_box .row4 .pic2{width: 350px;margin: -30px 30px 0 10px;} .history_box .row4 .pic3{width: 365px;margin-top: 30px;} .history_box .row5 .txtwrap{max-width: 1024px;left: 17.5%;} .history_box .row5 .box{width: 570px;} .history_box .row5 .pic{width: 400px;} .history_box .row5 .txt{margin-left: 0;} .history_box .swiper-pagination{display: none;} .history_box .container{position: relative;z-index: 99;} .history_box .row{width:100%;margin:0 auto;} .history_box .menu_box{position:fixed;z-index:999;} .history_box .container:after{content: "";position: absolute;width: 100%;height: 100%;box-shadow: 10px 10px 240px rgba(0,0,0,0.8) inset;top: 0;left: 0;} .history_box .picbg{height: 100%;width: 100%;z-index: 0;left:0;top:0;position: fixed;background-image: url('../images/history_row0bg.jpg');background-size: cover; background-color: #000;} .history_box .picbg ul{height: 100%;padding: 0;margin: 0;} .history_box .picbg li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 0;opacity: 0;} .history_box .picbg li .bg{width: 100%;height: 100%;background-size: cover;} .history_box .picbg li.active{opacity: 1;transition: all 1s ease-out 0.8s;-webkit-transition: all 1s ease-out 0.8s;-o-transition: all 1s ease-out 0.8s;-moz-transition: all 1s ease-out 0.8s;-ms-transition: all 1s ease-out 0.8s;} /*.history_box .swiper-slide-active .common_tit{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} .history_box .swiper-slide-active .txt{-webkit-animation-name:fadeInDown;animation-name:fadeInDown; -webkit-animation-delay: 0.8s;animation-delay: 0.8s;} .history_box .swiper-slide-active .pic{-webkit-animation-name:fadeInRight;animation-name:fadeInRight; -webkit-animation-delay: 1.2s;animation-delay: 1.2s;} .history_box .row4.swiper-slide-active .pic2{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} .history_box .row4.swiper-slide-active .pic2{ -webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-delay: 1.5s;animation-delay: 1.5s;} .history_box .row4.swiper-slide-active .pic3{ -webkit-animation-delay: 1.8s;animation-delay: 1.8s;}*/ .history_box .row .txtwrap{max-width: 1000px;margin: 0 auto;} .history_box .row .common_tit{font-size: 38px;text-align: center;} .history_box .row .txt:after, .history_box .row .txt:before{display: none;} .history_box .row .txt{margin-left: 0;} .history_box .row .common_tit font{display: inline-block;float: none;} /*共用弹出窗*/ .common_pop{background: rgba(0,0,0,0.6);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 99999;display: none;} .common_pop .close{background: #fff;color: #c3c3c1;right: 30px;top:30px;left: auto;z-index: 9;} .common_pop .close:hover{color: #fff;} .common_pop .wrap{overflow: hidden;position: relative;height: 100%;} .common_pop .con, .common_pop .txt{position: absolute;top: 0;left: 0;right:0;bottom:0;margin:auto;height: 75%;overflow: auto;margin-right: -20px;overflow-y:scroll; overflow-x:hidden;} .mCSB_inside .mCSB_container{margin-right: 0;} .technology_box .mCustomScrollBox{padding: 0 70px;} .technology_box .mCSB_scrollTools{right: 10px;width: 8px;} .technology_box .mCSB_scrollTools .mCSB_draggerRail{width:8px;background: #e4bb62;opacity: 0.2;} .technology_box .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 4px;background: #e4bb62;opacity: 0.6;border-radius: 5px;} .technology_box .mCustomScrollBox{padding: 0 35px;} .ani, .header_box .menu li a, .honor_box .row2 .dot, .footer_box .nav a.weixin img, .common_hover:before, .culture_box .item img, .travel_box .nav li, .culture_box .waterfall .more span, .flow_box .list li .dot, .flow_box .inner_banner ul li a, .job_box .nav dl dd a:after, .job_box .content, .news_box .move a, .map_box .search_list li, .technology_box .pic span{transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;} .common_hover{position: absolute;overflow: hidden;z-index: 1;} .common_hover i{position: relative;z-index: 1;} .common_hover:after{background: #bf9e5b;} .common_hover:before{background: #f0d7a4;} .common_hover:after, .common_hover:before{content: "";width: 100%;height: 100%; position:absolute;left: 0;bottom: 100%;z-index: -1;-webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;} /*safri_hack*/ .common_hover:hover:after, .common_hover:hover:before{ -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} .common_hover:hover:after{-webkit-transition-delay: 0.15s;transition-delay: 0.15s;} .ind_box .row2 .M_picbg, .ind_box .row2 .M_picbg img{display: none;} /*宋体*/ .ss{font-family: 'SimSun',sans-serif;} @media screen and (max-width: 1444px) { .header_box,.header_box .logo,.header_box .menu{height: 80px;} .header_box .logo img{max-height: 60px;} .header_box .menu li a{margin-top:26px;font-size: 16px;} .header_box .menu dl{top: 80px;} .header_box .menu dl dd a{font-size: 14px;} .ind_box .row1 .content{height: 380px;} .ind_box .row1 .common_tit{font-size: 18px;} .ind_box .row1 li:nth-child(1) .pic{height:67%;} .ind_box .row1 li:nth-child(1) .txt{height: 33%;} .ind_box .commom_btn{width: 120px;height: 40px;line-height: 40px;font-size: 14px;} .brothers_box .wrap{max-width: 1100px;} .brothers_box .list .box{height: 550px;} .brothers_box .list .txt{height: 510px;} .brothers_box .list{padding-top: 80px;} .brand_box{padding-top: 0;} .brand_box .row2 .wrap{padding: 60px 0;} .lead_box .row ul{padding: 0 600px 0 180px;height: 440px;} .lead_box .row ul:before{left: 180px;} .lead_box .row ul:after{height: 440px;line-height: 440px;font-size: 20px;} .lead_box .row ul li{height: 220px;margin-bottom: 220px;} .lead_box .row ul li:nth-child(2n){margin-top: 220px;} .lead_box .row ul li .pic,.lead_box .row ul .box span{height: 150px;} .lead_box .row ul .box{height: 220px;} .lead_box .row ul li:nth-child(2n) .box{height: 150px;padding-top: 70px; } .lead_box .row .lead_swiper{height: 450px;} .lead_box .row ul li{width: 450px;} .lead_box .row ul .txt{font-size: 12px;} .product_box .nav{top: 30px;} .product_box .nav ul li span{font-size: 16px;} .product_box .nav ul li .shape{stroke-width:3px;} .common_list3 li .box, .common_list2 li .box{bottom: 120px;} .map_box{padding-left: 50px;padding-right: 50px;} .map_box .map{width: 55%;} .map_box .fr{width: 42%;} .history_box .row4 .pic{overflow: hidden;} .history_box .row4 .txt{height: 120px;} .history_box .txt p{font-size: 12px;line-height: 24px;} .history_box .row4 .pic p{position: absolute;bottom: 0;left:0;width: 100%;} .history_box .row4 .common_tit{margin-top: 0;} .history_box .row4 .pic1{height: 240px;} .history_box .row4 .pic2, .history_box .row4 .pic3{height: 200px;} .history_box .row5 .pic{height: 450px;overflow: hidden;} .history_box .menu_box{left: 30px;} .history_box .row5 .txtwrap{max-width: 890px;left: 21%;} .history_box .row5 .box{width: 500px;} .history_box .row5 .pic{width: 320px;} } @media screen and (max-width: 1300px) { .culture_box .row{padding: 0;margin: 30px;} .culture_box .waterfall .common_tit{font-size: 18px;} .art_box .inner_banner{border-bottom-width: 100px;} .art_box .row1 .wrap .txt{padding: 70px;} .note_box .wrap{margin: 0 50px;} .note_box .list{margin-right: 0;padding: 80px 0;} .note_box .list li{width: 30.33%;margin: 0 1.5% 25px 1.5%;} .note_box .list .pic{height: 200px;} .note_box .list .append h2{font-size: 20px;} .note_box .list .append h3{font-size: 16px;} .flow_box .inner_banner ul li{width: 80px;height: 80px;line-height: 80px;} .flow_box .inner_banner ul li a{font-size: 18px;} .flow_box .list .tit{font-size: 40px;} .flow_box .list li.titwrap span{line-height: 40px;} .job_box .nav{font-size: 16px;letter-spacing: 0;} .job_box .content{font-size: 13px;letter-spacing: 0;} .map_box .searchbox span{font-size: 16px;} .map_box .searchbox .input_txt{width: 200px;} .map_box{padding-left: 30px;padding-right: 30px;} } @media screen and (max-width: 1024px) { .bx-wrapper .bx-controls-direction a, .prev, .next, .close{width: 40px;height: 40px;line-height: 40px;font-size: 18px;} .header_box .header{display: block;padding: 0 15px;} .header_box .menu{float: right;} .header_box .menu li a{padding: 0 35px;} .header_box .menu dl dd a{width: 150px;} .ind_box .banner ul{display: none;} .ind_box .banner .mobile{display: block;height: 100%;overflow: hidden;} .ind_box .banner .mobile video{height: 100%;} .ind_box .banner .content{top: 0;bottom: 0;display: none;} .ind_box .row2 .common_tit{font-size: 22px;} .ind_box .row2 .txt{padding-right: 15px;} .brothers_box .wrap{padding: 0 30px;} .culture_box .inner_banner .common_tit{font-size: 24px;} .art_box .row1 .wrap{margin-right: 50px;margin-left: 50px;} .art_box .row2 .swiper-container{padding: 0;} .art_box .row2 .txtwrap{position: initial;width: auto;padding: 30px 0;} .art_box .row2 .txtwrap .tb{max-width: 500px;margin: 0 auto;} .art_box .row3 .txtwrap .tb_c{padding: 30px 15px;} .art_box .row3 .txtwrap{font-size:12px;} .art_box .row3 .txtwrap p{line-height: 24px;} .art_box .tit{margin-bottom: 20px;} .art_box .row2{padding-bottom:60px;} .note_box .wrap{margin: 0 15px;} .lead_box .row ul{padding-right: 1100px;} .brand_promise .item{margin: 0 30px;} .brand_promise .item ul{display: block;} .brand_promise .item .box{width: 30.333%;margin: 0 1.5%;margin-bottom: 15px;} .brand_promise .item .box .con{display: block;min-height: 260px;} .brand_promise .row{height: auto !important;} .brand_promise{padding-bottom: 0;} .brand_promise .common_tit{margin-top: 50px;font-size:20px;} .scene_box .banner .swiper-pagination{display: block;} .scene_box .banner .page_wrap{display: none;} .scene_box .banner{height: 350px !important;} .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff; opacity: .5;} .swiper-pagination-bullet-active{background: #eac208;} .common_list2 li .box dd, .common_list3 li .box dd{margin: 0 35px;} .product_box .pop .wrap{margin: 0 30px;} .honor_box .row2 .wrap{margin: 0 30px;} .honor_box .row2 ul li{font-size: 13px;padding-top: 15px;padding-bottom: 15px;} .honor_box .row2 .time{margin-right: 20px;} .flow_box .inner_banner ul{margin-right: 30px;} .flow_box .inner_banner ul li{width: 20%;margin-right:0;height: auto;line-height: inherit;} .flow_box .inner_banner ul li a{width: 60px;height: 60px;line-height: 60px;font-size: 14px;} .flow_box .list .tit{font-size: 24px;} .flow_box .list li.titwrap span{padding-bottom: 10px;line-height: 30px;} .flow_box .list li.titwrap i{line-height: 30px;font-size: 20px;} .news_box{padding-top: 0;} .news_box .list dd{padding: 20px;} .news_box .list .tit span{font-size: 16px;letter-spacing: 0;} .news_box .list .txt{font-size: 12px;} .news_box .more{margin-top: 20px;} .news_box .more a{font-size: 16px;} .map_box{padding-top: 40px;} .map_box .map, .map_box .fr{width: 100%;} .map_box .common_tit{margin: 40px 0;text-align: left;} .map_box .search_list{margin: 30px 0;} .history_box .menu_box{left: 15px;} .history_box .menu li img,.history_box .menu li.active img, .history_box .menu li:hover img{display: none;} .history_box .menu li{height: 30px;padding: 5px 15px;line-height: 30px;font-size: 14px;} .history_box .swiper-container-v .swiper-slide .tb_c{padding-left: 120px;} .history_box .out .txt p{font-size: 14px;} .history_box .out .common_tit{font-size: 30px;} .history_box .row2 .txtwrap, .history_box .row3 .txtwrap, .history_box .row4 .txtwrap, .history_box .row5 .txtwrap{width: 85%; margin: 0 auto;left:0;} .history_box .row5 .box{width: 60%;} .history_box .row5 .pic{width: 38%;} .history_box .menu li .item{transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);-moz-transform:translateX(0px);-webkit-transform:translateX(0px);} } @media screen and (max-width: 768px) { .header_box, .header_box .logo, .header_box .menu{height: 50px;} .header_box .logo{width: auto;} .header_box .logo img{max-height: 40px;} .header_box{border-bottom-width: 1px;} .header_box .category{display: block;line-height:50px;width: 40px;text-align: center;color: #fff;font-size: 20px;} .header_box .menu{position: fixed;top: 50px;left: 0;background: rgba(0,0,0,0.5);height: auto;width: 100%;padding: 15px 0;display: none;} .header_box .menu li{width: 100%;position: relative;height: auto;} .header_box .menu li a{border: 0;margin-top: 0;height: 40px;line-height: 40px;padding: 0;} .header_box .menu li i, .header_box .line, .header_box .menu dl dd .picwrap{display: none;} .header_box .menu dl{position: relative;top: 100%;} .header_box .menu dl dd{width: 100%;} .header_box .menu dl dd a{width: 33.333%;margin: 0;padding: 0;} .ind_box .row2 .picbg, .ind_box .row2 .picbg .shadowMove{position: relative;} .ind_box .row2 .content,.ind_box .row2 .txt{position: initial;} .ind_box .row2 .txt{margin: 0 auto;} .ind_box .row3 .pop .wrap{margin: 0 30px;} .inner_banner .txt{padding: 30px 45px;} .culture_box .row{padding: 0;margin: 30px 10px;} .brothers_box .list .txt .common_tit{font-size: 24px;} .brothers_box .list .txt .con{padding-top: 20px;margin-top: 20px;font-size: 12px;line-height: 24px;} .brothers_box .list .tb_c{padding: 20px 15px;} .culture_box .item{width:50%;} .art_box .row2 .popcontainer{width: auto;margin-right: 15px;margin-left: 15px;height: 50%;} .brand_box .row1{padding: 0;} .brand_box .row2 .txt{padding: 0 30px;} .note_box .list li{width: 47%;} .brand_promise .tb{border: 0;} .brand_promise .comtainer{padding:50px 20px;} .brand_promise .common_tit{margin-top: 0;} .brand_promise .item{margin: 0;} .brand_promise .item .box .con{padding: 15px;min-height: 320px;} .brand_promise .txt{margin: 30px auto;} .common_list3 li{width: 50%;} .product_box .nav ul li svg, .product_box .nav ul li .shape{display: none;} .product_box .nav ul li{width: auto;padding: 0 15px;} .product_box .nav ul li.active{color: #e8c793;} .product_box .nav ul li span{font-size: 14px;position: initial;} .product_box .pop .pic, .product_box .pop .text{width: 100%} .product_box .pop .pic{margin-bottom: 30px;} .honor_box .row2 ul{border: 0;} .honor_box .row2 ul li{padding-left: 0;height: auto;} .honor_box .row2 .txt{white-space: inherit;line-height: 20px;} .honor_box .row2 .dot{display: none;} .honor_box .row2 .time{float: none;margin-bottom: 10px;} .honor_box .row2 .txt{overflow: inherit;float: none;} .honor_box .row1{background: #fff;margin-bottom: 60px;} .honor_box .row1 .wrap{margin: 0 30px;} .honor_box .row1 .wrap:after{display: none;} .honor_box .row1 li, .honor_box .row1 .wrap{height: 470px;} .honor_box .row1 li .pic{height: 420px;} .honor_box .common_slider .bx-wrapper .bx-prev{left: 0;} .honor_box .common_slider .bx-wrapper .bx-next, .next{right: 0;} .honor_box .row1 li .pic span{background-size: contain; background-repeat: no-repeat;} .honor_box .down{bottom: 0;} .flow_box .inner_banner .box{width: 100%;} .flow_box .inner_banner .imgs{margin-left: 0;text-align: center;} .flow_box .inner_banner .imgs img{} .flow_box .inner_banner ul{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,0.5);padding: 15px 5px;} .flow_box .inner_banner ul li{margin-bottom: 0;text-align: center;} .flow_box .inner_banner ul li a{border: 0;width: auto;font-size: 12px;height: 40px;line-height: 40px;} .flow_box .list li{margin-top: 0;} .flow_box .list .tit{font-size: 16px;} .flow_box .scroll_down i{display: none;} .flow_box .inner_banner ul li a:hover{background: none;color: #cfae65;} .news_box .inner_banner li .tit, .news_box .inner_banner li:after{height:30px;} .news_box .inner_banner .tit{font-size: 13px;height: 30px;line-height: 30px;display: none;} .news_box .inner_banner .page{bottom: 0;right: 0;text-align: center;height: 30px;} .inner_banner .pic span{background: none !important;} .news_box .inner_banner .pic{height: auto;} .news_box .inner_banner .page span{margin-top: 10px;} .news_box .list .tit span, .news_box .list .tit .time{width: 100%;} .news_box .list .tit .time{text-align: left;} .job_box .content{width: 100%;opacity: 1;} .job_box .content dl{margin: 0 20px;} .job_box .content .end{float: left;} .job_box .nav{width: 100%;position: relative;left: 0;margin-left: 0;} .job_box .nav dl{margin: 0 20px;} .job_box .nav dl dt{text-indent: 15px;font-size: 18px;} .job_box .nav dl dd{overflow: hidden;display: none;} .job_box .nav dl dd a{padding-left: 0;width: 50%;text-align: center;float: left;} .job_box .nav dl dd a:after{display: none;} .job_box .tit{padding-top: 40px;padding-bottom: 20px; margin-bottom:30px;} .job_box .nav dl dt, .job_box .nav dl dd a{height: 50px;line-height: 50px;} .history_box .out .txt p{font-size: 12px;line-height:24px;} .history_box .swiper-wrapper{height: auto;} .history_box .swiper-slide{height: auto !important;} .history_box .bg{height: 300px;} .history_box .content{position: initial;height: auto;} .history_box .row .common_tit{font-size: 28px;} .history_box .txtwrap{padding: 30px 15px;} .history_box .row .txt{padding: 0;} .history_box .swiper-wrapper{display: block;} .history_box .swiper-container-v .swiper-slide .tb_c{padding: 40px 15px;display: block;overflow: hidden;} .history_box .txt{margin-left: 0;} .history_box .common_tit{font-size: 24px;} .history_box .row2 .box,.history_box .row2 .txtwrap, .history_box .row3 .txtwrap, .history_box .row4 .txtwrap, .history_box .row5 .txtwrap,.history_box .row3 .box,.history_box .row4 .box,.history_box .row5 .box{width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .history_box .row1 .bg, .history_box .row2 .bg, .history_box .row3 .bg, .history_box .row4 .bg, .history_box .row5 .bg{display: none;} .history_box .row4 .pic1,.history_box .row4 .pic2{margin-top: 30px;} .history_box .menu_box{display: none;} .history_box .row4 .pic{height: auto;width: 100%;margin: 15px 0;} .history_box .row4 .pic p{position: relative;} .history_box .row4 .txt{height: auto;} .history_box .row5 .box{height: auto !important;} .lead_box .row{height: auto !important;} .lead_box .row .lead_swiper, .lead_box .row ul{height: auto;background: #000;padding:0;padding-top: 80px;} .lead_box .row ul:after{height: 80px;line-height: 40px;top: 0;text-align: center;width: 100%;} .lead_box .swiper-wrapper{display: block;} .lead_box .row .lead_swiper{position: inherit;padding: 0 30px;} .lead_box .row ul li, .lead_box .row ul li:nth-child(2n){height: auto;margin: 20px 0;float: none;width: 100%;} .lead_box .row ul li:nth-child(2n) .box{height: auto;padding: 0;} .lead_box .row ul:before, .lead_box .row ul .box:before, .lead_box .row ul .box:after, .lead_box .row ul .box:before, .lead_box .prev, .lead_box .next{display: none;} .lead_box .row ul .box{height: auto;} .lead_box .row ul .txt,.lead_box .row ul li .pic{width: 100%;} .lead_box .row ul .txt{margin: 0;left: 0;height: auto; padding: 30px 0;} .bgbg{display: none;} .map_box .map{height: 320px;} .history_box{background: #000;} .history_box .picbg{display: none;} .ind_box .row2 .picbg, .ind_box .row2 .picbg img{display: none;} .ind_box .row2 .M_picbg, .ind_box .row2 .M_picbg img{display: block;} .ind_box .shadowMove{transform:translate3d(0px,0px,0px);-o-transform:translate3d(0px,0px,0px);-ms-transform:translate3d(0px,0px,0px);-moz-transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);} } @media screen and (max-width: 640px) { .inner_banner .pic img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .ind_box .row1{padding: 30px 0;} .ind_box .row1 ul li, .ind_box .row1 ul li:nth-child(1){width: 100%;margin-bottom: 15px;} .ind_box .row1 .content{position: initial;} .ind_box .row2{padding-bottom: 30px;} .ind_box .row2 .txt{padding: 0 15px;} .ind_box .commom_btn{margin: 0 auto;} .ind_box .row3 .pop .common_tit{font-size: 16px;} .brothers_box .wrap{padding: 0 15px;} .inner_banner .txt{padding: 15px 0;} .inner_banner .common_tit{font-size: 24px;} .inner_banner .txt p{font-size: 12px;line-height: 24px;} .brothers_box .list .box{width: 100%;} .brothers_box .list .txt .common_tit{font-size: 24px;} .brothers_box .list .txt .con{padding-top: 20px;margin-top: 20px;display: block;} .brothers_box .list .tb_c{padding: 15px 10px;} .brothers_box .list .txtwrap{height: auto;} .brothers_box .list .txt{margin: 0;height: auto;padding: 15px 0;} .brothers_box .list li.oddli .txt{margin: 0;} .brothers_box .list li{padding-bottom: 30px;} .brothers_box .down_arr{display: none;} .culture_box .inner_banner .container{left: 3%;right: 3%;padding-right: 0;} .culture_box .item{width:100%;} .culture_box .waterfall .txt{padding: 0 15px;} .culture_box .pop .txt{margin: auto; height: 60%;} .culture_box .culture_detail .txt h3{font-size: 30px;} .culture_box .pop .wrap{margin: 0 20px;} .culture_box .culture_detail .txt p{font-size: 13px;line-height: 24px;} .footer_box .nav a.weixin{font-size: 24px;} .footer_box .nav a{font-size: 12px;padding: 0 10px;} .art_box .inner_banner{border-bottom-width:0;} .art_box .row1 .wrap{margin: 0;} .art_box .row1 .wrap .txt{padding: 30px 15px;} .art_box .row1 .wrap p{font-size: 13px;} .art_box .row2 .hd img{max-width: 60%;} .art_box .row2 .swiper li.two .box{height: auto;} .art_box .row3 .txtwrap{position: inherit;background: #000;} .art_box .row3 .pic img{-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .brand_box .row1 .wrap{height: 210px;} .brand_box .row3 li .fl{width: 100%;} .brand_box .common_line{height: 30px;padding: 30px 0;} .brand_box .row4 .hd{overflow: inherit;height: auto;} .brand_box .row4 .hd .common_tit{position: initial;font-size: 16px;} .brand_box .row4 .hd .pic{background: none !important;} .brand_box .row4 .hd .pic img{display: block;} .brand_box .row4{padding-bottom: 0;} .brand_box .row3 li .txt{height: auto;} .brand_box .row3 .con{padding: 20px;} .note_box .list li{width: 97%;} .common_pop .con, .common_pop .txt{margin-right: 0;} .note_box .pop .wrap{margin: 0 20px;} .common_pop .con, .common_pop .txt{height: 75%;} .common_pop .close{top: 15px;right: 15px;} .brand_promise .item .box{width:100%;margin-right: 0; margin-left: 0;} .brand_promise .item .box .con{min-height:inherit;border-width: 1px;} .brand_promise .item .box .tit{border-width: 1px;} .scene_box .banner{height: 260px !important;} .scene_box .like{font-size: 12px;top: 20px;bottom: auto;} .product_box{padding-bottom: 50px;} .common_list3 li, .common_list2 li{width: 100%;margin-bottom: 40px;} .common_list3 li .box, .common_list2 li .box, .product_box .nav{position: initial;} .common_list3 li .box, .common_list2 li .box{bottom: 0;} .product_box .nav{margin: 30px 0;} .common_list3 li:after, .common_list2 li:after, .common_list3 li:before, .common_list2 li:before{display: none;} .product_box .nav ul{display: block;overflow: hidden;} .product_box .nav ul li{margin: 0;padding: 0;width: 33.33%;text-align: center;} .technology_box .bg{opacity: 1;z-index: 0;height: 300px;position: initial;} .technology_box .row1 .bg{height: auto;position: absolute;} .technology_box .scroll_down i{display: none;} .technology_box .row2 .con .txt{padding: 20px;} .technology_box .row3 .bg{display: none;} .technology_box .row3 .wrap, .technology_box .row4 .wrap{height: auto;} .technology_box .row3 .box{width: 100%;} .technology_box .row3 .txt .con, .technology_box .row4 .onther .con{position: initial;padding: 20px;} .technology_box .row4 ul li{width: 100%;margin: 0;} .technology_box .tit{font-size: 24px;} .technology_box .row4 .tit{height: 60px;line-height: 60px;} .travel_box .tab{padding: 0 15px;} .travel_box .nav{margin-top: 0;} .travel_box .nav ul{display: block;} .travel_box .nav li{width: auto;padding: 0 15px;margin: 0;line-height: 40px;height: 40px;border-radius: 0;box-shadow: none;font-size: 16px;border-right: 1px solid #c7a268;border-bottom: 1px solid #333;} .travel_box .nav li:hover, .travel_box .nav li.active{border-bottom-color: #c7a268;} .travel_box .tab .box .txt p{width: 100%;font-size: 14px;} .travel_box .tab .box .txt:after{display: none;} .travel_box .tab .box{margin-bottom: 50px;} .map_box{padding-left: 15px;padding-right: 15px;padding-bottom: 50px;background-image: none !important;} .map_box .common_tit{margin: 30px 0;} .map_box .list li{font-size: 13px;letter-spacing: 0;} .map_box .list li i{font-size: 18px;margin-right: 8px;} .map_box .search_list li{padding: 0 10px;letter-spacing: 0;} .map_box .search_list li i{font-size: 18px;} .map_box .searchbox span.fl{width: 20%;} .map_box .searchbox .fl{margin-right: 0;} .map_box .searchbox .input_txt{width: 78%;} .map_box .searchbox button{margin-top: 15px;} .honor_box .row1 li, .honor_box .row1 .wrap{height: 300px;} .honor_box .row1 li .pic{height: 250px;} .honor_box .row1{height: 360px;} .common_pop{background: rgba(0,0,0,0.85);} .common_pop .con, .common_pop .txt{margin-right: 0;} } @keyframes 'Light' { 0{opacity: 0;box-shadow:0 0 5px 3px #f0d8a8;transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);} 50%{opacity: 1;box-shadow:0 0 15px 10px #f0d8a8; transform:translate(60px,-60px);-o-transform:translate(60px,-60px);-ms-transform:translate(60px,-60px);-moz-transform:translate(60px,-60px);-webkit-transform:translate(60px,-60px);} 100%{opacity: 0;box-shadow:0 0 5px 3px #f0d8a8;transform:translate(120px,-120px);-o-transform:translate(120px,-120px);-ms-transform:translate(120px,-120px);-moz-transform:translate(120px,-120px);-webkit-transform:translate(120px,-120px);} } @-webkit-keyframes 'Light' { 0{opacity: 0;box-shadow:0 0 5px 3px #f0d8a8;transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);} 50%{opacity: 1;box-shadow:0 0 15px 10px #f0d8a8; transform:translate(60px,-60px);-o-transform:translate(60px,-60px);-ms-transform:translate(60px,-60px);-moz-transform:translate(60px,-60px);-webkit-transform:translate(60px,-60px);} 100%{opacity: 0;box-shadow:0 0 5px 3px #f0d8a8;transform:translate(120px,-120px);-o-transform:translate(120px,-120px);-ms-transform:translate(120px,-120px);-moz-transform:translate(120px,-120px);-webkit-transform:translate(120px,-120px);} } @-o-keyframes 'Light' { 0{opacity: 0;box-shadow:0 0 5px 3px #f0d8a8;transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);} 50%{opacity: 1;box-shadow:0 0 15px 10px #f0d8a8; transform:translate(60px,-60px);-o-transform:translate(60px,-60px);-ms-transform:translate(60px,-60px);-moz-transform:translate(60px,-60px);-webkit-transform:translate(60px,-60px);} 100%{opacity: 0;box-shadow:0 0 5px 3px #f0d8a8;transform:translate(120px,-120px);-o-transform:translate(120px,-120px);-ms-transform:translate(120px,-120px);-moz-transform:translate(120px,-120px);-webkit-transform:translate(120px,-120px);} } @-moz-keyframes 'Light' { 0{opacity: 0;box-shadow:0 0 5px 3px #f0d8a8;transform:translate(0);-o-transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);-webkit-transform:translate(0);} 50%{opacity: 1;box-shadow:0 0 15px 10px #f0d8a8; transform:translate(60px,-60px);-o-transform:translate(60px,-60px);-ms-transform:translate(60px,-60px);-moz-transform:translate(60px,-60px);-webkit-transform:translate(60px,-60px);} 100%{opacity: 0;box-shadow:0 0 5px 3px #f0d8a8;transform:translate(120px,-120px);-o-transform:translate(120px,-120px);-ms-transform:translate(120px,-120px);-moz-transform:translate(120px,-120px);-webkit-transform:translate(120px,-120px);} } @keyframes 'movedown' { 0%{opacity: 0;transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px);-moz-transform:translateY(-30px);-webkit-transform:translateY(-30px);} 50%{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);} 100%{opacity: 0;transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px);-moz-transform:translateY(-30px);-webkit-transform:translateY(-30px);} } @-webkit-keyframes 'movedown' { 0%{opacity: 0;transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px);-moz-transform:translateY(-30px);-webkit-transform:translateY(-30px);} 50%{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);} 100%{opacity: 0;transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px);-moz-transform:translateY(-30px);-webkit-transform:translateY(-30px);} } @-o-keyframes 'movedown' { 0%{opacity: 0;transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px);-moz-transform:translateY(-30px);-webkit-transform:translateY(-30px);} 50%{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);} 100%{opacity: 0;transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px);-moz-transform:translateY(-30px);-webkit-transform:translateY(-30px);} } @-moz-keyframes 'movedown' { 0%{opacity: 0;transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px);-moz-transform:translateY(-30px);-webkit-transform:translateY(-30px);} 50%{opacity: 1;transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);} 100%{opacity: 0;transform:translateY(-30px);-o-transform:translateY(-30px);-ms-transform:translateY(-30px);-moz-transform:translateY(-30px);-webkit-transform:translateY(-30px);} } @keyframes 'imgLine' { 0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;} } @-webkit-keyframes 'imgLine' { 0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;} } @-o-keyframes 'imgLine' { 0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;} } @-moz-keyframes 'imgLine' { 0%{opacity: 0;} 50%{opacity: 1;} 100%{opacity: 0;} } /*@keyframes 'imgMoveLeft' { 0%{opacity: 0;transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);} 100%{opacity: 1;transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);} } @-webkit-keyframes 'imgMoveLeft' { 0%{opacity: 0;transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);} 100%{opacity: 1;transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);} } @-o-keyframes 'imgMoveLeft' { 0%{opacity: 0;transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);} 100%{opacity: 1;transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);} } @-moz-keyframes 'imgMoveLeft' { 0%{opacity: 0;transform:translateX(100%);-o-transform:translateX(100%);-ms-transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);} 100%{opacity: 1;transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);} } @keyframes 'imgMoveRight' { 0%{opacity: 0;transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);} 100%{opacity: 1;transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);} } @-webkit-keyframes 'imgMoveRight' { 0%{opacity: 0;transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);} 100%{opacity: 1;transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);} } @-o-keyframes 'imgMoveRight' { 0%{opacity: 0;transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);} 100%{opacity: 1;transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);} } @-moz-keyframes 'imgMoveRight' { 0%{opacity: 0;transform:translateX(-100%);-o-transform:translateX(-100%);-ms-transform:translateX(-100%);-moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);} 100%{opacity: 1;transform:translateX(0);-o-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);} }*/ .qingke, .flow_box .list .tit{font-family: "Microsoft Yahei", Arial,sans-serif;} /*字体*/ @font-face { font-family: 'qingke'; src: url('font/qingke.eot'); /* IE9*/ src: url('font/qingke.eot?#iefix') format('embedded-opentype'), url('font/qingke.woff') format('woff'), url('font/qingke.ttf') format('truetype'), url('font/qingke.svg#qingke') format('svg'); /* IE6-IE8 */ /* chrome、firefox */ /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */ /* iOS 4.1- */ } /*字体图标*/ @font-face { font-family: 'iconfont'; src: url('//at.alicdn.com/t/font_1477385908_4750662.eot'); /* IE9*/ src: url('//at.alicdn.com/t/font_1477385908_4750662.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1477385908_4750662.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1477385908_4750662.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1477385908_4750662.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont"; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }