/* CSS Document */ body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background-color:#fff;min-width: 1200px;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;} ul,li,ol{list-style:none;} a{text-decoration:none; color:#333;cursor: pointer;} a:hover{text-decoration:none; color: #d2ad53;} input,textarea,select,button{font-family:Arial,"Microsoft YaHei";} input:focus,textarea:focus,select:focus,button:focus{ outline:none;} ::-moz-selection {background:#aaa;color:#FFF;} ::selection {background: #aaa;color: #FFF;} img{border:0} .clear {zoom: 1;clear:both; } .clear:after {content: ''; display: block; clear: both;} table{width: 100%; border-collapse:collapse;} table tr,table td{max-width: 100%; border: solid 1px #eee;} .fl{float:left;} .fr{float:right;} input,textarea,select{font-family:"Microsoft YaHei"; font-size:12px;} input:focus,textarea:focus,select:focus{ outline:none;} @font-face {font-family:'avanti'; src: url('../font/avanti-2.ttf');} @font-face {font-family:'Avignon'; src: url('../font/Avignon-Bold.ttf');} @font-face {font-family:'DIN'; src: url('/static/home/fonts/DIN-Regular-2.otf');} .scrollbar::-webkit-scrollbar{ width:3px; background:#f4f4f4;}/* 滚动条整体部分 */ .scrollbar::-webkit-scrollbar-button{ display:none;}/* 滚动条两端的按钮 */ .scrollbar::-webkit-scrollbar-track{ display:none;}/* 外层轨道 */ .scrollbar::-webkit-scrollbar-track-piece{ display:none;}/* 内层轨道 */ .scrollbar::-webkit-scrollbar-thumb{ background:#d2ad53; }/* 滚动条里面可以拖动的那部分 */ .scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */ .scrollbar::-webkit-resizer{display:none;}/* 定义右下角拖动块的样式 */ .chevron{-webkit-animation: pulse 2s infinite; animation: pulse 2s infinite;display: block;} @-webkit-keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} } @keyframes pulse{0%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} 50%{-webkit-transform: translate(0, 10px); transform: translate(0, 10px);} 100%{-webkit-transform: translate(0, 0); transform: translate(0, 0);} } .iconT{display: flex;align-items: center;text-align: center;justify-content: center;} .c1200{width: 1200px; margin:0 auto;} .wrap{width: 75%; margin:0 auto;min-width: 1200px;} .wrap1{width: 65.6%; margin:0 auto;min-width: 1200px;} /* header */ .header{width: 100%;position: fixed;top: 0;left: 0;z-index:99999;transition: all 0.6s ease} .header .headerBox{ width: 100%; padding: 20px 0;transition: all 0.6s ease;} .header .logo{display: block;float: left;} .header .logo img{display: block;height: 37px;width: 230px;position: absolute;transition: all 0.6s ease;margin-top: 11px;} .navBox{width:920px;float: left;display: table;font-size: 0;text-align: right;margin-left: 200px;} .navBox .nLi{display: inline-block;vertical-align: top;position: relative;margin-left: 0;} .navBox .nLi h3{padding: 20px 30px 0;position: relative;} .navBox .nLi h3::after{content: '';width: 1px;height: 16px;background-color: #fff;position: absolute;top: 22px;left: 0;} .navBox .nLi:nth-child(1) h3::after{display: none;} .navBox .nLi h3 a{display:block; line-height:20px;font-size:16px;color:#fff;font-weight: normal;padding-bottom: 20px;position: relative;} .navBox .nLi h3 a::before{content:'';width: 14px;height: 10px; background: url(../image/icon_logo.png) center no-repeat; background-size: cover; position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);box-sizing: content-box; z-index: 12;opacity: 0;} .navBox .nLi:hover h3 a,.navBox .nLi#on h3 a{color: #d2ad53;font-weight: bold;} .navBox .nLi:hover h3 a::before,.navBox .nLi#on h3 a::before{opacity: 1;} .navBox .nLi .sub{display:none; /* border-top: solid 2px #d2ad53; */ position:absolute;top:60px;transform: translateX(-50%);left: 50%;width: 140px;background-color:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);} .navBox .nLi .sub a{display:block;text-align: center;font-size: 14px;color: #333;padding:10px 10px;box-sizing: border-box;transition: all 0.6s ease; border-top:solid 1px #fff;} .navBox .nLi .sub li:first-child a{ border-top: 0;} .navBox .nLi .sub a:hover,.navBox .nLi .sub a.on{background-color: #d2ad53;color: #fff;} .header .box{float: right;margin-top: 9px;} .header .box .phone{float: left;font-size: 14px;line-height: 24px;color: #666666;text-align: right;position: relative;} .header .box .phone::after{content: ''; width: 1px;height: 40px;background-color: #cccccc;position: absolute;top: 50%;right: -18px;transform: translateY(-50%);} .header .box .phone p{font-family: DIN;font-weight: bold;font-size: 24px;color: #000000;} .header .box .icon-sousuo{float: right;width: 40px;cursor: pointer;height: 40px;line-height: 40px;text-align: center;margin-top: 4px;background-color: #d2ad53;border-radius: 50%;color: #fff;font-size: 30px;transition: all 0.6s ease;} .header .box .icon-sousuo:hover{background-color: #333;} .is-fixed .headerBox{background: #000; box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);padding: 10px 0;} .is-bg{background: #000; box-shadow: 0 0 20px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);} @media (max-width: 1680px) { .navBox{width: 800px;margin-left: 165px;} .navBox .nLi h3{padding: 20px 20px 0;} } .headerSearch{width: 100%;background-color: #fff;padding: 15px 0 ;border-top: 1px solid #eee;margin-top: 0;display: none;} .headerSearch .icon-close{float: right;color: #333;font-size: 26px;line-height: 44px;transition: all 0.6s ease; cursor: pointer;} .headerSearch .icon-close:hover{color: #d2ad53;} .headerSearch .searchBox{width:600px;float: right;margin-right: 40px;} .headerSearch .searchBox form{width: 100%;height: 44px;background-color: #fff;border-radius: 24px;overflow: hidden;border: solid 1px #666;} .headerSearch .searchBox form .inputBox{width: 540px;height: 44px;float: left;font-size: 14px;border: none;color: #333333;padding-left: 20px;box-sizing: border-box;} .headerSearch .searchBox form .btn{border:none;background-color: rgb(0,0,0,0);font-size: 26px;color: #666;width: 60px; height: 44px;line-height: 44px;text-align: center;float: right;cursor: pointer;transition: all 0.6s ease;} .headerSearch .searchBox form .btn:hover{color: #d2ad53;} /*indexBanner*/ .indexBanner{width: 100%;position: relative;} .indexBanner .swiper-container{width: 100%;} .indexBanner .swiper-container .swiper-wrapper{height: auto !important;} .indexBanner .swiper-container .swiper-slide{height: auto !important;position: relative; } .indexBanner .swiper-container .swiper-slide img{display: block;width: 100%;} .indexBanner .pagination{width: 2px;height: 150px;position: absolute;left: 80px;bottom:70px;z-index: 2;} .indexBanner .swiper-pagination-switch{display: inline-block;width: 2px;height: 150px;background:rgba(255, 255, 255, 0.3);cursor: pointer;position: absolute;top: 0;left: 0;display: none;} .indexBanner .swiper-pagination-switch::after{content: '';width: 2px;height: 0;background-color: #fff;position: absolute;top: 0;left: 0;animation: arrow 5.2s linear infinite;} .indexBanner .swiper-active-switch{display: block;} .new-active .swiper-pagination-switch::after{animation: none !important;} @keyframes arrow{ 0%{height: 0;} 100%{height: 150px;} } .indexBanner .swiper-num {position: absolute;width: 100px;left:80px;bottom: 30px;z-index: 2;color: #fff;font-size: 16px;line-height: 30px;} .indexBanner .swiper-num .active {display: inline-block;font-size: 22px;} .indexBanner .swiper-num .total {display: inline-block;} .indexBanner .arrow{width: 120px;position: absolute;bottom: 30px;right: 80px;z-index: 3;display: table;font-size: 0;text-align: right;} .indexBanner .icon-jiantou1{display: inline-block;vertical-align: center;width:30px;height:30px;line-height:30px;margin-left: 30px;font-size: 24px;color:#fff;text-align: center;transition: all 0.6s ease;} .indexBanner .arrow-left{transform: rotateY(-180deg);} .indexBanner .icon-zanting{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);margin-left: 15px;width:30px;height:30px;line-height:30px;font-size: 24px;color:#fff;text-align: center;transition: all 0.6s ease; cursor: pointer; } .indexBanner .icon-bofang{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);margin-left: 15px;width:30px;height:30px;line-height:30px;font-size: 24px;color:#d2ad53;text-align: center;transition: all 0.6s ease;display: none; cursor: pointer;} .indexBanner .iconfont:hover{color: #d2ad53;} .indexBanner .mouse{position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);z-index: 2;cursor: pointer;} .indexBanner .mouse .icon-shubiao{color: #fff;font-size: 30px;} /* indexTitle */ .indexTitle h6{font-size: 38px;color: #000;font-weight: normal;} .indexTitle .p{font-size: 16px;line-height: 24px;color: #ccc;font-weight: bold;text-transform: uppercase;position: relative;padding:6px 0 10px;} .indexTitle .p::after{content: ''; width:60px;height: 3px;background-color: #d2ad53;position: absolute;bottom: 0;left: 0;} /* more */ .more{z-index: 999; display: block;width: 180px;height: 50px;line-height: 50px;background-color: #000;font-size: 14px;color: #fff;padding-left: 30px;box-sizing: border-box;position: relative;transition: all 0.6s ease;} .more .iconfont{color: #fff;font-size: 26px;position: absolute;top: 50%;right: 30px;transform: translateY(-50%);} .more:hover{background-color: #d2ad53; color: #fff!important;} /* indexAbout */ .indexAbout{width: 100%;background:url('../image/index_about_bg.jpg') bottom center no-repeat;background-size: cover;padding: 80px 0;overflow: hidden;} .indexAbout .wrap{position: relative;} .indexAbout .cont{width: 40%;} .indexAbout .cont .tit{font-size: 28px;color: #333333;margin: 40px 0 0;} .indexAbout .cont .txt{ font-size: 14px;line-height: 28px;color: #333333;margin: 20px 0 40px;} .indexAbout .cont .txt p{text-indent: 2em;} .indexAbout .box{width: 54%;position: relative;position: absolute;bottom: 0;right: 0;} .indexAbout .box .aboutList{width: 78%;margin: 0 !important;height: 400px !important;} .indexAbout .box .aboutList .swiper-slide{height: 400px !important;cursor: pointer;position: relative;background-color: #000;} .indexAbout .box .aboutList .swiper-slide .img{width: 100%;display: block;opacity: 0.7;height: 100%;} .indexAbout .box .aboutList .swiper-slide .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); text-align: center;} .indexAbout .box .aboutList .swiper-slide .text .icon-bofang{width: 46px;height: 46px;border-radius: 50%;margin: 0 auto;border: 2px solid #fff;line-height: 46px;text-align: center;color: #fff;font-size: 30px;transition: all 0.6s ease; display: inline-block;} .indexAbout .box .aboutList .swiper-slide .text .icon-bofang:hover{background-color: #d2ad53;border-color: #d2ad53;} .indexAbout .box .aboutList .swiper-slide .text .icon-VR1{color: #fff;font-size: 46px;line-height: 46px;margin: 0 auto;} .indexAbout .box .aboutList .swiper-slide .text .p{color: #fff;font-size: 16px;margin-top: 10px;} .indexAbout .box .aboutTabs{width: 30%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 2;} .indexAbout .box .aboutTabs>a{display: flex;width: 100%;background-color: #bfc0c0;padding: 10% 0;margin: 5% 0;box-sizing: border-box;} .indexAbout .box .aboutTabs>a .iconfont{/* float: left; */color: #fff;font-size: 30px;line-height: 40px;margin:0 5% 0 15%;} .indexAbout .box .aboutTabs>a .tit{/* float: left; */font-size: 18px;color: #ffffff;line-height: 20px;} .indexAbout .box .aboutTabs>a .tit p{text-transform: uppercase;font-size: 14px;color: #eee;} .indexAbout .box .aboutTabs>a.active{background-color: #d2ad53;} .indexAbout .box .aboutImgBox{width: 100%;position: relative;height: 400px !important;} .indexAbout .box .aboutImgBox .swiper-slide img{display: block;width: 100%;height: 100%;} .indexAbout .box .aboutImgBox .pagination{width: 100%;height: 8px;position: absolute;left: 0;bottom:5%;z-index: 2;text-align: center;} .indexAbout .box .aboutImgBox .swiper-pagination-switch{display: inline-block;width: 8px;height: 8px;background-color:#fff;border-radius: 50%;margin: 0 10px;cursor: pointer;} .indexAbout .box .aboutImgBox .swiper-active-switch{background-color: #d2ad53;} @media (max-width: 1680px) { .indexAbout .box .aboutList{height: 350px !important;} .indexAbout .box .aboutList .swiper-slide{height: 350px !important;} .indexAbout .box .aboutImgBox{height: 350px !important;} .indexAbout .box .aboutTabs>a .iconfont{margin: 0 5% 0 10%;} } @media (max-width: 1600px) { .indexAbout .box .aboutList{height: 337px !important;} .indexAbout .box .aboutList .swiper-slide{height: 337px !important;} .indexAbout .box .aboutImgBox{height: 337px !important;} } /* indexVideo */ .popup{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.8);z-index: 998;display: none;} .indexVideo{width: auto; position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index:999;display: none; text-align: center;} .indexVideo .iconfont{width: 40px;height: 40px;border-radius: 50%;border: 2px solid #fff;color: #fff;font-size: 18px;text-align: center;line-height: 40px;position: absolute;top: 0;right: -50px; box-sizing: border-box;transition: all 0.6s ease;cursor: pointer;} .indexVideo video{display: inline-block; width: auto; height: auto; max-height: 80%; background-color: #000;} .indexVideo .iconfont:hover{background-color: #d2ad53;border-color: #d2ad53;} .joinForm{ width: 75%; box-sizing: border-box;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index:999;display: none; background-color: rgba(255, 255, 255, 0.9); } .joinForm .iconfont{width: 40px;height: 40px;border-radius: 50%;border: 2px solid #fff;color: #fff;font-size: 18px;text-align: center;line-height: 40px;position: absolute;top: -48px;right: -24px;box-sizing: border-box;transition: all 0.6s ease; cursor: pointer;} .joinForm .iconfont:hover{background-color: #d2ad53;border-color: #d2ad53;} .joinForm .title{font-size: 36px;color: #000000;text-align: center; margin-top: 40px;} .joinForm .tit{font-size: 20px;color: #333333;text-align: center;margin-top: 10px;} .joinForm .demand{width: 100%;position: relative; padding: 40px; box-sizing: border-box;overflow: hidden; } .joinForm .demand .p{font-size: 16px;color: #666;text-align: center;} .joinForm .demand .p span{color: #da0000;} .joinForm .demand form{width: 100%; } .joinForm .demand form .box{width: 68%;float: left;} .joinForm .demand form .row{width: 46%;float: left;margin-bottom: 30px;margin-right: 4%;position: relative;padding-left: 60px;box-sizing: border-box; } .joinForm .demand form .name{width: 60px;position: absolute;top: 15px;left: 0;text-align: right;color: #333;font-size: 16px;line-height: 20px;} .joinForm .demand form .name span{color: #da0000;} .joinForm .demand form label{display: block;position: relative;background-color: rgba(0, 0, 0, 0.1);} .joinForm .demand form label p{font-size: 14px;line-height:20px;color: #333;position: absolute; top: 15px; left: 12px;display: block;} .joinForm .demand form .txt.w1{width: 100%;font-size: 16px;color: #333;line-height: 20px;padding:15px 12px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;} .joinForm .demand form .row1{width: 32%;float: right;height: 130px;position: relative;padding-left: 60px;box-sizing: border-box;margin-bottom: 30px; } .joinForm .demand form .row1 label{height: 130px;} .joinForm .demand form .txt.w2{width: 100%;font-size: 16px;color: #fff;line-height: 20px;height: 115px;resize: none;padding:15px 12px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;} .joinForm .demand form .btn{width: 210px;display:block;height: 50px;line-height:50px;cursor: pointer;background-color: #000;border: none;color: #fff;font-size: 18px;text-align: center;margin: 40px auto 20px;transition: all 0.6s ease; } .joinForm .demand form .btn:hover{background-color: #d2ad53;} /* RoomForm */ .RoomForm{ width: 400px; box-sizing: border-box;position: fixed;top:50%;left:50%;transform: translate(-50%,-50%);z-index:999;display: none; background-color: rgba(255, 255, 255, 0.9); } .RoomForm .iconfont{width: 40px;height: 40px;border-radius: 50%;border: 2px solid #fff;color: #fff;font-size: 18px;text-align: center;line-height: 40px;position: absolute;top: -48px;right: -24px;box-sizing: border-box;transition: all 0.6s ease; cursor: pointer;} .RoomForm .iconfont:hover{background-color: #d2ad53;border-color: #d2ad53;} .RoomForm .title{font-size: 30px;color: #000000;text-align: center; font-weight: bold; margin-top: 40px;} .RoomForm .tit{font-size: 18px;color: #333333;text-align: center;margin-top: 10px;} .RoomForm .demand{width: 100%;position: relative; padding: 30px; box-sizing: border-box;overflow: hidden; } .RoomForm .demand form{width: 100%; text-align: center;} .RoomForm .demand form .row{width: 100%;float: left;margin-bottom: 15px;position: relative;box-sizing: border-box; } .RoomForm .demand form label{display: block;position: relative;background-color: rgba(0, 0, 0, 0.1);} .RoomForm .demand form label p{font-size: 14px;line-height:20px;color: #333;position: absolute; top: 15px; left: 12px;display: block;} .RoomForm .demand form .txt.w1{width: 100%;font-size: 16px;color: #333;line-height: 20px;padding:15px 12px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;} .RoomForm .demand form .btn{width: 50%;display:inline-block;height: 50px;line-height:50px;cursor: pointer;background-color: #000;border: none;color: #fff;font-size: 18px;text-align: center;margin: 30px auto 20px;transition: all 0.6s ease; } .RoomForm .demand form .btn:hover{background-color: #d2ad53;} /* indexProduct */ .indexProduct{width: 100%;background-color: #fff;padding: 80px 0 130px;overflow: hidden;} .indexProduct .more{margin-top: 30px;} .indexProduct .bigBox{width: 100%;position: relative;margin-top: 40px;} .indexProduct .bigBox .swiper-container {width: 100%;} .indexProduct .bigBox .swiper-container .swiper-wrapper{height: auto !important;} .indexProduct .bigBox .swiper-container .swiper-slide{height: auto !important;padding-right: 30px;box-sizing: border-box;} .indexProduct .bigBox .swiper-container .swiper-slide .cont{width: 100%;background-color: #f5f5f5;position: relative;overflow: hidden;/* height: 400px; */} .indexProduct .bigBox .swiper-container .swiper-slide .cont img{width: 100%;display: block;transition: all 0.8s ease;} .indexProduct .bigBox .swiper-container .swiper-slide .cont .text{width: 100%;/* position: absolute; */top: 0;left: 0;padding: 8% 6%;box-sizing: border-box;transition: all 0.8s ease; overflow: hidden;} .indexProduct .bigBox .swiper-container .swiper-slide .cont .text::after{ content: ''; width: 100%; position: absolute; top: 0; z-index: 0; left: 0; height: 100%; background: linear-gradient(180deg,rgba(0,0,0,0.6) 0,rgba(0,0,0,0)); transform: translateY(-100%); transition: all 0.8s ease;} .indexProduct .bigBox .swiper-container .swiper-slide .cont .p1{font-size: 20px;position: relative;padding-top: 20px;color: #333333;transition: all 0.4s ease; position: relative; z-index: 2;} .indexProduct .bigBox .swiper-container .swiper-slide .cont .p2{font-size: 16px;line-height: 20px; padding: 15px 0 0 0; color: #333333;transition: all 0.4s ease; text-transform: capitalize; position: relative; z-index: 2;} .indexProduct .bigBox .swiper-container .swiper-slide .cont .p1::after{content: ''; width: 15px;height: 2px;background-color: #000000;position: absolute;top: 0;left: 0;transition: all cubic-bezier(0.23, 1, 0.320, 1) ease;} .indexProduct .bigBox .swiper-container .swiper-slide .cont .p2::after{content: '';width: 15px;height: 2px;background-color: #fff;position: absolute;bottom: 0;left: 0;opacity: 0;transition: all cubic-bezier(0.23, 1, 0.320, 1) ease;} .indexProduct .bigBox .swiper-container .swiper-slide:hover .p2::after{opacity: 1;} .indexProduct .bigBox .swiper-container .swiper-slide:hover img{transform: scale(1.1);} .indexProduct .bigBox .swiper-container .swiper-slide:hover .text::after{} .indexProduct .bigBox .swiper-container .swiper-slide:hover .cont .p1{color: #d2ad53;} .indexProduct .bigBox .swiper-container .swiper-slide:hover .cont .p1::after{background: #d2ad53;} .indexProduct .bigBox .swiper-container .swiper-slide:hover .cont .p2{color:#d2ad53;} .indexProduct .bigBox .swiper-container .swiper-slide:hover .cont img{} .indexProduct .bigBox .swiper-scrollbar {height:3px;width: 99.4%;left: 0.3%;bottom: -50px;position: absolute;background-color: #ededed;} .indexProduct .bigBox .swiper-scrollbar-drag {background: #ededed;height: 5px;margin-top: -4px;cursor: pointer;} .indexProduct .bigBox .iconfont{display: block;width:50px;height:50px;line-height:50px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.2);font-size:30px;color:rgba(255, 255, 255, 0.3);text-align: center;position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;transition: all 0.6s ease;} .indexProduct .bigBox .swiper-scrollbar-cursor-drag { background: #d2ad53; } .indexProduct .bigBox .arrow-left1{transform: rotateY(-180deg);left: 60px;} .indexProduct .bigBox .arrow-right1{right: 60px;} .indexProduct .bigBox .iconfont:hover{background-color: #d2ad53;color: #fff;} @media (max-width: 1600px) { .indexProduct .bigBox .swiper-container .swiper-slide .cont .text{padding: 6%;} } @media (max-width: 1440px) { .indexProduct .bigBox .swiper-container .swiper-slide .cont img{/* transform: translateY(36%); */} } @media (max-width: 1280px) { .indexProduct .bigBox .swiper-container .swiper-slide .cont img{transform: translateY(39%);} } /* indexCooperation */ .indexCooperation{position: relative; width: 100%;background: url('../image/index_cooperation_bg.jpg') center center no-repeat fixed;background-size: cover;padding: 100px 0 80px;overflow: hidden;} /* .indexCooperation::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.4); } */ .indexCooperation .wrap{position: relative;z-index: 999;} .indexCooperation .boxLeft{width: 65%;position: relative;} .indexCooperation .boxLeft .tit1{font-size: 38px;line-height: 44px;color: #ffffff;} .indexCooperation .boxLeft .tit1 p{float: left;margin-top: 30px;} .indexCooperation .boxLeft .tit1 span{color: #d2ad53;} .indexCooperation .boxLeft .tit1 img{width: 58px;display: block;float: left;margin: 0 10px;} .indexCooperation .boxLeft .tit2{font-size: 18px;line-height: 28px;color: #cccccc;margin-top: 10px;} .indexCooperation .boxLeft ul{width: 100%;display: table;font-size: 0;text-align: left;} .indexCooperation .boxLeft ul li{width: 45%;display: inline-block;vertical-align: top;margin-right: 10%;margin-top: 40px;} .indexCooperation .boxLeft ul li:nth-child(2n){margin-right: 0;} .indexCooperation .boxLeft ul li .tit{width: 100%;} .indexCooperation .boxLeft ul li .tit .num{float: left; font-family: Avignon;font-size: 40px;line-height:30px;color: #d2ad53;width: 60px;} .indexCooperation .boxLeft ul li .tit .p{float: left;font-size: 24px;line-height: 40px;color: #ffffff;} .indexCooperation .boxLeft ul li .txt{font-size: 14px;line-height: 24px;color: #cccccc;margin-left: 60px;margin-top: 10px;} .more1{display: block;width: 210px;height: 50px;line-height: 50px;background-color: rgba(255, 255, 255, 0.3);font-size: 14px;color: #fff;padding-left: 30px;box-sizing: border-box;/* position: absolute; *//* bottom: 0; *//* left: 55%; *//* margin-left: 60px; */transition: all 0.6s ease;margin-bottom: 190px;} .more1 .iconfont{color: #fff;font-size: 26px;position: absolute;top: 50%;right: 30px;transform: translateY(-50%);} .more1:hover{background-color: #d2ad53;color: #fff;} .indexCooperation .boxRight{width: 21%;position: absolute;bottom: 0;right: 0;} .indexCooperation .boxRight li{border: 1px solid #fff;border-bottom: none;padding: 6% 0 6% 10%;} .indexCooperation .boxRight li:last-child{border-bottom: 1px solid #fff;} .indexCooperation .boxRight li .tit{font-size: 16px;color: #ffffff;line-height: 30px;} .indexCooperation .boxRight li .num{font-family: avanti;font-size: 40px;color: #ffffff;} .indexCooperation .boxRight li .num .s{font-size: 26px;margin-left: 4px;} /* indexNews */ .indexNews{width: 100%;background-color: #fff;padding: 80px 0;overflow: hidden;} .indexNews .newsTabs{width: 520px;height: 50px;display: table;font-size: 0;text-align: right;margin-top: 30px;} .indexNews .newsTabs>a{display:inline-block;vertical-align: top;width: 130px;height: 50px;line-height: 50px;text-align: center;color: #333;font-size: 16px;position: relative;} .indexNews .newsTabs>a::after{content: ''; width: 0;height: 0;border-bottom: 5px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);z-index: 1;} .indexNews .newsTabs>a.active{background-color: #000;color: #fff;} .indexNews .newsList{width: 100%;margin-top: 60px;} .indexNews .newsList .swiper-wrapper{height: auto !important;} .indexNews .newsList .swiper-slide{height: auto !important;} .indexNews .newsList .swiper-slide ul{width: 100%;display: table;font-size: 0;text-align: left;} .indexNews .newsList .swiper-slide ul li{width: 30%;display: inline-block;vertical-align: top;margin-right: 5%;} .indexNews .newsList .swiper-slide ul li:nth-child(3n){margin-right: 0;} .indexNews .newsList .swiper-slide ul li .img{width: 100%;overflow: hidden;} .indexNews .newsList .swiper-slide ul li .img img{width: 100%;display: block;transition: all 0.6s ease;} .indexNews .newsList .swiper-slide ul li .cont{ width: 100%; position: relative; padding: 20px; box-sizing: border-box; transition: all 0.6s ease; position: relative; border: solid 1px #e5e5e5; border-top: 0; } .indexNews .newsList .swiper-slide ul li .tit{font-size: 18px;line-height: 36px;color: #000000; position: relative; padding-right: 90px; margin-bottom: 15px ; box-sizing: border-box; line-height: 20px; width: 100%; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .indexNews .newsList .swiper-slide ul li .tit span{ font-size: 16px;color: #999; position: absolute; right: 0; top: 0;} .indexNews .newsList .swiper-slide ul li .txt{font-size: 14px;line-height: 26px;color: #333333; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;} .indexNews .newsList .swiper-slide ul li .a{width: 100%;font-size: 14px;color: #000000;position: relative;line-height: 24px;margin-top: 15px;} .indexNews .newsList .swiper-slide ul li .a .iconfont{font-size: 20px;line-height: 24px;position: absolute;top: 50%;left: 80px;transform: translate(0,-50%); transition: all 1s ease;} .indexNews .newsList .swiper-slide ul li:hover .img img{transform: scale(1.1);} .indexNews .newsList .swiper-slide ul li:hover .a{color: #d2ad53;} .indexNews .newsList .swiper-slide ul li:hover .a .iconfont{transform: translate(-20px,-50%); left: 100%;} .indexNews .newsList .swiper-slide ul li:hover .cont{ border-color: #d2ad53;background-color: rgba(210, 173, 83, 0.02);} .indexNews .more{margin: 60px auto 0;} /*footer*/ .footer{width: 100%;background: url('../image/footer_bg.jpg') center center no-repeat;background-size: cover;padding-top: 60px;overflow: hidden;position: relative;} /* .footer::after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,0.8); } */ .footer .wrap{position: relative;z-index: 999;} .footer .left{float: left;width: 80%;display: table;font-size: 0;text-align: left;} .footer .left dl{/* margin-left:8%; */display: inline-block;vertical-align: top;text-align: left;width: 180px;} .footer .left dl:first-child{ margin-left: 0;} .footer .left dl dt{margin-bottom: 20px;} .footer .left dl dt a{font-size: 16px;line-height: 20px;color: #ffffff;} .footer .left dl dd{} .footer .left dl dd a{ display: inline-block; font-size: 14px;line-height: 18px;color: #999; margin-bottom: 10px;} .footer .left dl:nth-child(2){/* width: auto; */} .footer .left dl:nth-child(2) dd{/* float: left; *//* width: auto; *//* margin-right: 20px; */} .footer .left dl dt a:hover{color: #d2ad53;} .footer .left dl dd a:hover{color: #d2ad53;} .footer .right{float: right;width: 260px; text-align: right;} .footer .right .logo{display: inline-block;} .footer .right .logo img{display: block;height: 37px; filter: grayscale(100%) brightness(1000%);} .footer .right .phone{position: relative;font-size: 14px;color: #ccc;padding-left: 45px;margin: 20px 0 ;} .footer .right .phone p{font-family:EstrangeloEdessa;font-size:30px;line-height: 34px;color: #fff;font-weight: bold;} .footer .right .phone .icon-dianhua{color: #fff;font-size: 40px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);} .footer .right .item{ width: 100%;} .footer .right .item>div{display: inline-block; vertical-align: middle;} .footer .right .item .pric{margin-left: 20px; position: relative;} .footer .right .item .pric .img{display: none;width: 120px;height: 120px; left: 50%; bottom: 50px; transform: translateX(-50%); position: absolute;} .footer .right .item .pric .img img{ display: block; width: 100%;} .footer .right .item .pric .img::before{content:'';width: 14px;height: 10px; background: url(/static/home/images/icon_logo1.png) center no-repeat; background-size: cover; position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);box-sizing: content-box; z-index: 12;} .footer .right .item .pric p{ width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 26px; background-color: rgba(255, 255, 255, 0.6); border-radius: 50%; color: #fff; cursor: pointer;} .footer .right .item .pric:nth-child(2) p{ font-size: 22px;} .footer .right .item .pric p:hover{background-color: #d2ad53;} .footer .right .item .pric:hover .img{ display: inline-block;} .footer .link{margin-top: 30px;font-size: 16px;line-height: 26px;color: #ffffff;} .footer .link a{color: #999;margin-right: 20px;} .footer .link a:hover{color: #d2ad53;} .footer .copyRight{width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.1);margin-top: 30px;padding: 20px 0;font-size: 14px;color: #999; text-transform: uppercase;} .footer .copyRight a{color: #999;} .footer .copyRight a:hover{color: #d2ad53;} @media (max-width: 1680px) { .footer .left{width: 75%;} .footer .left dl{/* margin-left: 7%; */} } /* customer */ .customer{width: auto;position:fixed;right:2px; top:50%;transform: translateY(-50%); z-index:99;display: flex;flex-direction: column;align-items: flex-end;} .customer dl.icon{width: 56px;height: 56px;border-radius: 3px;/* overflow: hidden; */position: relative; z-index: 2;background-color: rgba(255, 255, 255, 0.9);margin-top: 3px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);transition: all 0.6s ease;} .customer dl.icon dt{height: 56px;/* overflow: hidden; */cursor: pointer;position: relative; z-index: 5;border-radius: 3px;} .customer dl.icon1 dt{width: 160px;} .customer dl.icon2 dt{width: 160px;} .customer dl.icon3 dt{width: 160px;} .customer dl.icon4 dt{width: 160px;} .customer dl.icon dt a{width: 100%; display: flex;align-items: center;justify-content: flex-start;} .customer dl.icon dt .iconfont{width: 56px;height: 56px;color:#333;font-size:36px;transition: all 0.6s ease;} .customer dl.icon dt p{font-size: 18px;color: #333;line-height: 56px;text-align: left;transition: all 0.6s ease;} .customer dl.icon1:hover{width: 160px;} .customer dl.icon2:hover{width: 160px;} .customer dl.icon3:hover{width: 160px;} .customer dl.icon4:hover{width: 160px;} .customer dl.icon5{position: relative;} .customer dl.icon5 dt,.customer dl.icon6 dt{width: 56px;height: 56px;position: relative;z-index: 3;cursor: pointer;color:#333;font-size:36px;background-color: rgba(255, 255, 255, 0.9);border-radius: 3px;margin-top: 3px;box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);transition: all 0.6s ease;} .customer dl.icon5 dd{width: 120px; height: 120px;position: absolute; top: 3px; right: -130px; z-index: 1;transition: all 0.6s ease; } .customer dl.icon5 dd img{ width: 120px; height: 120px; border: solid 1px #eee;box-sizing: border-box;} .customer dl.icon5:hover dt,.customer dl.icon6:hover dt{color: #d2ad53;background-color: #fff;} .customer dl.icon5:hover dd{right: 56px;} /* aboutBanner */ .aboutBanner{width: 100%;overflow: hidden;background: url('/static/home/images/banner_bg.jpg') center top no-repeat fixed;} .aboutBanner img{width: 100%;display: block;} /* pageContent */ .pageContent{ width: 100%; padding: 100px 0;} .pageContent .box{ width: 100%; font-size: 16px; color: #333; line-height: 38px;} .pageContent .box img{ max-width: 100%;} /* pageBrand */ .pageBrand{width: 100%;background-color: #fff;position: relative;overflow: hidden;padding-top: 120px;} .pageBrand::after{content: '';width: 260px;height: 260px;background-color: #d2ad53;transform: rotate(-45deg);position: absolute;top: 32%;left: -130px;} .pageBrand .img{width: 24%;display: block;position: absolute;top: 0;right: 0;} .pageBrand .title{font-size: 62px;line-height: 62px;color: #111;text-align: center;} .pageBrand .titBox{width: 196px;height: 76px;border: 2px solid #d2ad53;position: relative;margin: 50px auto 60px;} .pageBrand .titBox::after{content: '';width: 8px;height: 8px;background-color: #d2ad53;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .pageBrand .titBox .tit1,.pageBrand .titBox .tit2{width: 50px;height: 50px;line-height: 50px;background-color: #fff;font-size: 34px;text-align: center; color: #d2ad53;position: absolute;left: 50%;transform: translateX(-50%);z-index: 2;} .pageBrand .titBox .tit1{top: -25px;} .pageBrand .titBox .tit2{bottom: -25px;} .pageBrand .titBox .tit3,.pageBrand .titBox .tit4{width: 80px;height: 30px;background-color: #fff;text-transform: uppercase;text-align: center;font-size: 18px;line-height: 30px;color: #d2ad53;position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;} .pageBrand .titBox .tit3{left: -40px;} .pageBrand .titBox .tit4{right: -40px;} .pageBrand .tit{font-size: 28px;line-height: 38px;text-align: center;color: #111;} .pageBrand .tit span{ display: inline-block; vertical-align: middle; } .pageBrand .tit span.y{ width: 8px;height: 8px;background-color: #111;border-radius: 50%; margin: 0 10px;} .pageBrand .year{font-family: avanti;font-size: 48px;font-weight: bold;text-align: center;color: #d2ad53;margin: 20px 0 30px;} .pageBrand .year span{font-weight: normal;font-size: 18px;} .pageBrand .text{font-size: 16px;line-height: 30px;color: #333333;width: 83%;margin: 0 auto;position: relative;z-index: 2;} .pageBrand .text p{ margin-bottom: 30px;} .pageBrand .course{width: 100px;border: 1px solid #111;margin: 70px auto 0;text-align: center;font-size: 16px;color: #333333;padding: 30px 0 50px;} .pageBrand .course .iconfont{font-size: 20px;color: #333333;margin-top: 20px;} .pageBrand .courseBox{width: 100%;position: relative;} .pageBrand .courseBox img{width: 100%;display: block;} .pageBrand .courseBox .txt{border-left: 1px solid #d2ad53;position: absolute; transition: all 0.6s ease;} .pageBrand .courseBox .txt::after{content: '';width: 9px;height: 9px;border-radius: 50%;background-color: #ffffff;border: solid 3px #d2ad53;position: absolute;top: 0;left: -8px;} .pageBrand .courseBox .txt::before{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #ffffff;border: solid 1px #d2ad53;position: absolute;bottom:0;left: -4px;} .pageBrand .courseBox .txt .p1{ font-family: avanti;font-size: 20px;line-height: 20px; font-weight: bold;color: #d2ad53;} .pageBrand .courseBox .txt .p2{font-size: 14px;line-height: 24px;color: #666666; padding-right: 2%; max-height: 72px;overflow-y: auto; margin-top: 8%; transition: all 0.6s ease;} .pageBrand .courseBox .txt:hover .p2{ max-height:190px;} .pageBrand .courseBox .txt1{width: 10%;bottom: 19%;left: 4.2%;padding: 0 0 2% 20px;} .pageBrand .courseBox .txt2{width: 9%;bottom: 23.6%;left: 16.8%;padding: 0 0 3% 20px;} .pageBrand .courseBox .txt3{width: 10%;bottom: 26%;left: 29.5%;padding: 0 0 4% 20px;} .pageBrand .courseBox .txt4{width: 10%;bottom: 29.4%;left: 41.6%;padding: 0 0 7% 20px;} .pageBrand .courseBox .txt5{width: 10%;bottom: 33.2%;left: 54.6%;padding: 0 0 8% 20px;} .pageBrand .courseBox .txt6{width: 10%;bottom: 54%;left: 69.2%;padding: 0 0 2% 20px;} .pageBrand .courseBox .txt7{width: 10%;bottom: 58%;left: 83.7%;padding: 0 0 6% 20px;} .pageBrand .courseBox .txt1:hover { padding-bottom: 7%;} .pageBrand .courseBox .txt2:hover { padding-bottom: 8%;} .pageBrand .courseBox .txt3:hover { padding-bottom: 9%;} .pageBrand .courseBox .txt4:hover { padding-bottom: 12%;} .pageBrand .courseBox .txt5:hover { padding-bottom: 13%;} .pageBrand .courseBox .txt6:hover { padding-bottom: 7%;} .pageBrand .courseBox .txt7:hover { padding-bottom: 11%;} @media (max-width: 1570px) { .pageBrand .course{padding: 20px 0 40px;} .pageBrand .courseBox .txt4{width: 10%;bottom: 29.4%;left: 41.6%;padding: 0 0 10% 20px;} .pageBrand .courseBox .txt5{width: 10%;bottom: 33.2%;left: 54.6%;padding: 0 0 11% 20px;} .pageBrand .courseBox .txt6{width: 10%;bottom: 54%;left: 69.2%;padding: 0 0 4% 20px;} .pageBrand .courseBox .txt7{width: 10%;bottom: 58%;left: 83.7%;padding: 0 0 8% 20px;} .pageBrand .courseBox .txt4:hover { padding-bottom: 14%;} .pageBrand .courseBox .txt5:hover { padding-bottom: 15%;} .pageBrand .courseBox .txt6:hover { padding-bottom: 9%;} .pageBrand .courseBox .txt7:hover { padding-bottom: 13%;} } @media (max-width: 1360px) { .pageBrand .course{padding: 10px 0 30px;margin:100px auto 30px;} .pageBrand .courseBox .txt1{width: 10%;bottom: 19%;left: 4.2%;padding: 0 0 2% 14px;} .pageBrand .courseBox .txt2{width: 9%;bottom: 23.6%;left: 16.8%;padding: 0 0 3% 14px;} .pageBrand .courseBox .txt3{width: 10%;bottom: 26%;left: 29.5%;padding: 0 0 4% 14px;} .pageBrand .courseBox .txt4{width: 10%;bottom: 29.4%;left: 41.6%;padding: 0 0 10% 14px;} .pageBrand .courseBox .txt5{width: 10%;bottom: 33.2%;left: 54.6%;padding: 0 0 11% 14px;} .pageBrand .courseBox .txt6{width: 10%;bottom: 54%;left: 69.2%;padding: 0 0 4% 14px;} .pageBrand .courseBox .txt7{width: 10%;bottom: 58%;left: 83.7%;padding: 0 0 8% 14px;} } @media (max-width: 1280px) { .pageBrand .course{margin:100px auto 60px;} .pageBrand .courseBox .txt3{width: 10%;bottom: 26%;left: 29.5%;padding: 0 0 3% 14px;} .pageBrand .courseBox .txt4{width: 10%;bottom: 29.4%;left: 41.6%;padding: 0 0 12% 14px;} .pageBrand .courseBox .txt5{width: 10%;bottom: 33.2%;left: 54.6%;padding: 0 0 13% 14px;} .pageBrand .courseBox .txt4:hover { padding-bottom: 16%;} .pageBrand .courseBox .txt5:hover { padding-bottom: 17%;} } /* pageCustomized */ .pageCustomized{width: 100%;background: url('../image/customized_bg.jpg') center center no-repeat;background-size: cover;overflow: hidden;padding: 110px 0 80px;} .pageCustomized .title{font-size: 62px;color: #111;text-align: center;} .pageCustomized ul{width: 100%;display: table;font-size: 0;text-align: center;margin: 60px 0 40px;} .pageCustomized ul li{display: inline-block;vertical-align: top;text-align: left;margin: 0 5%;} .pageCustomized ul li .tit{font-size: 16px;color: #333333;} .pageCustomized ul li .num .counter{font-family: avanti;font-weight: bold;font-size: 56px;color: #d2ad53;} .pageCustomized ul li .num .s{font-size: 16px;color: #333333; margin-left: 10px;} .pageCustomized .box{width: 87.5%;margin: 0 auto;background-color: #fff;padding: 4% 2%;box-sizing: border-box;overflow: hidden;} .pageCustomized .box .left{float: left;width: 67%;position: relative;background-color: #000;cursor: pointer;} .pageCustomized .box .right{float: right;width: 33%;position: relative;background-color: #000;cursor: pointer;} .pageCustomized .box .left img{width: 100%;display: block;opacity: 0.7;height: 368px;} .pageCustomized .box .right img{width: 100%;display: block;height: 368px;} .pageCustomized .box .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} .pageCustomized .box .text p{font-size: 18px;color: #ffffff;margin-top: 20px;} .pageCustomized .box .left .text .iconfont{width:60px;height: 60px;line-height:60px;border: 3px solid #fff;border-radius: 50%;box-sizing: border-box;color: #fff;text-align: center;font-size: 26px;margin:0 auto;transition: all 0.6s ease;} .pageCustomized .box .left .text .iconfont:hover{background-color: #fff;color: #d2ad53;} .pageCustomized .box .right .text .iconfont{color: #fff;line-height: 60px;font-size: 60px;margin: 0 auto;} /* pageCulture */ .pageCulture{width: 100%; background:url(../image/culture_img.jpg) center no-repeat ; background-size: cover;overflow: hidden;position: relative;} /* .pageCulture .bgimg{ width: 100%; position: relative; z-index: 1; } .pageCulture .bgimg img{ width: 100%; display: block;} */ .pageCulture ul{width: 100%; width: 100%; z-index: 2; position: relative; height: 800px;} .pageCulture ul::after{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; left: 33.33%; background: rgba(255, 255, 255, 0.3); z-index: 2;} .pageCulture ul::before{ content: ''; width: 1px; height: 100%; position: absolute; top: 0; right: 33.33%; background: rgba(255, 255, 255, 0.3); z-index: 2;} .pageCulture ul li{width: 33.33%; position: absolute; top: 0; height: 100%; z-index: 1; overflow: hidden; cursor: pointer; text-align: center;} .pageCulture ul li::after{ content: ''; width: 100%; height: 100%; z-index: 0; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.2); transition: all 1.2s ease;} .pageCulture ul li::before{content: ''; width: 100%; height: 100%; z-index: 0; position: absolute; top: 0; left: 0; background: linear-gradient(180deg,rgba(255,255,255,1) 0,rgba(255,255,255,0.2)); opacity: 0; transition: all 1.2s ease; transform: translateY(0);} .pageCulture ul li:nth-child(1){ left: 0;} .pageCulture ul li:nth-child(2){ left: 33.33%;} .pageCulture ul li:nth-child(3){ right: 0;} .pageCulture ul li .cont{width: 78%;min-height: 200px; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); transition: all 1.2s ease; z-index: 2; color: #fff;} .pageCulture ul li .cont .title{font-size: 36px;} .pageCulture ul li .cont .tit{font-family: Avignon;font-size: 38px;text-transform: uppercase;} .pageCulture ul li .cont .txt{font-size: 16px;line-height: 30px;} .pageCulture ul:hover li::after{ background: rgba(0,0,0,0.4); } .pageCulture ul:hover .cont{ opacity: 0.4;} .pageCulture ul li:hover::before{ transform: translateY(0); z-index: 0; opacity: 1;} .pageCulture ul li:hover::after{background: rgba(0,0,0,0); z-index: 0;} .pageCulture ul li:hover img{ opacity: 1; transform: translateY(0);} .pageCulture ul li:hover .cont{ top: 35%; color: #000;opacity: 1;} /* .pageCulture ul li:hover .cont{ opacity: 0.2;} */ .mt100{margin-top: 100px;} /* pageBanner */ .pageBanner{width: 100%;overflow: hidden;position: relative;} .pageBanner img{display: block;width: 100%;} .pageBanner .title{width: 75%;min-width: 1200px;position: absolute;top: 55%;left: 50%;transform: translate(-50%,-50%);} .pageBanner .title .div1{font-size: 42px;font-weight: bold;color: #ffffff;} .pageBanner .title .div2{text-transform: uppercase;font-size: 20px;font-weight: normal;color: #ffffff;margin-top: 20px;} .pageBanner #pagenav{ position: absolute; bottom: 80px; left: 0; right: 0;} /* pageNav */ .pageNav{width: 100%;border-bottom: 1px solid #eee;overflow: hidden;} .pageNav ul{width: 60%;display: table;text-align: left;font-size: 0;float: left;} .pageNav ul li{display: inline-block;vertical-align: top;border-left: 1px solid #eee;} .pageNav ul li:last-child{border-right: 1px solid #eee;} .pageNav ul li a{color: #333;font-size: 16px;line-height: 20px;padding: 26px 40px;display: block;transition: all 0.6s ease;} .pageNav ul li:hover a,.pageNav ul li.on a{color: #fff;background-color: #000;} .pageNav .position{max-width: 40%;float: right;font-size: 14px;line-height: 20px;color: #333333;margin-top: 26px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .pageNav .position a{color: #333333;margin: 0 5px;} .pageNav .position a:hover{color: #d2ad53;} .position1{font-size: 14px;line-height: 20px;color: #333333;padding: 20px 0;} .position1 a{color: #333333;margin: 0 5px;} .position1 a:first-child{ margin: 0 5px 0 0;} .position1 a:hover,.position1 a.on{color: #d2ad53;} /* pageFactory */ .pageFactory{width: 100%;background: url('/static/home/images/factory_bg.jpg') bottom center no-repeat;background-size: cover;padding-bottom: 140px;} .pageFactory .factory{width: 69%;min-width: 1200px;margin: 70px auto 0;} .pageFactory .factory .bigText{width: 100%; text-align: center; } .pageFactory .factory .bigText li{width: 100%;text-align: center;color: #333;font-size: 20px;line-height: 30px;} .pageFactory .factoryBox{width: 100%;position: relative; margin-bottom: 40px; padding: 25px;box-sizing: border-box;background-color: #fff;border: 1px solid #eee;} .pageFactory .factoryBox>.tempWrap{float: left;width: 83.5%;} .pageFactory .factoryBox .bigImg {width: 100%;} .pageFactory .factoryBox .bigImg li{width: 100%;overflow: hidden;height: 520px;} .pageFactory .factoryBox .bigImg li img{width: 100%;height: 100%;display: block;} .pageFactory .factoryBox .smallScroll {width: 14.7%;float: right;} .pageFactory .factoryBox .smallImg {width: 100%;overflow: hidden;height: 468px;margin: 2px 0;} .pageFactory .factoryBox .smallImg ul{width: 100%;height: 99999px;overflow: hidden;} .pageFactory .factoryBox .smallImg li{width: 100%;cursor: pointer;overflow: hidden;height: 92px;margin-bottom: 2px;} .pageFactory .factoryBox .smallImg li img{display: block;width: 100%;} .pageFactory .factoryBox .smallImg li.on{border: 2px solid #d2ad53;box-sizing: border-box;} .pageFactory .factoryBox .sPrev, .pageFactory .factoryBox .sNext{display: block;width: 100%;height: 24px;background-color: #f7f6f9;transition: all 0.6s ease;} .pageFactory .factoryBox .sPrev i, .pageFactory .factoryBox .sNext i{width: 24px;height: 24px;display: block;color: #999;font-size: 18px;margin: 0 auto;} .pageFactory .factoryBox .sPrev i{transform: rotate(-90deg);} .pageFactory .factoryBox .sNext i{transform: rotate(90deg);} .pageFactory .factoryBox .sPrev:hover,.pageFactory .factoryBox .sNext:hover{background-color: #d2ad53;} .pageFactory .factoryBox .sPrev:hover i,.pageFactory .factoryBox .sNext:hover i{color: #fff;} @media (max-width: 1680px) { .pageFactory .factoryBox .bigImg li{height: 480px;} .pageFactory .factoryBox .smallImg {height: 428px;} .pageFactory .factoryBox .smallImg li{height: 84px;} } /* pageTeam */ .pageTeam{width: 100%;padding: 80px 0;overflow: hidden; position: relative;} .pageTeam #gallery{width: 100%;padding: 20px 0;} .pageTeam #gallery .iconfont{background-image: none !important;color: #fff;font-size: 50px;transition: all 0.6s ease;} .pageTeam #gallery .iconfont:hover{color: #d2ad53;} .pageTeam #gallery .swiper-button-prev{transform: rotate(-180deg);left: 80px !important;} .pageTeam #gallery .swiper-button-next{right: 80px !important;} .pageTeam #gallery .swiper-button-prev1,.pageTeam #gallery .swiper-button-next1{ -webkit-pointer-events: none;-moz-pointer-events: none;-ms-pointer-events: none; -o-pointer-events: none;pointer-events: none;} .pageTeam #thumbs{width: 100%;margin-top: 40px;} .pageTeam #thumbs .swiper-slide{background-color: #fff;width: 100%;} .pageTeam #thumbs .swiper-slide img{opacity: 0.6;} .pageTeam #thumbs .swiper-slide p{color: #333;font-size: 18px;text-align: center;margin-top: 10px;} .pageTeam #thumbs .swiper-slide-thumb-active img{opacity: 1;} .pageTeam .swiper-slide{cursor: pointer; } .pageTeam .swiper-slide img{width: 100%;display: block;} .pageTeam .minimg { width: 100%; position: relative;} .pageTeam .minimg .iconfont{background-image: none !important;color: #333;font-size: 50px;transition: all 0.6s ease; margin-top: -35px;} .pageTeam .minimg .iconfont:hover{color: #d2ad53;} .pageTeam .minimg .iconfont:focus{ outline: none;} .pageTeam .minimg .swiper-button-prev{transform: rotate(-180deg);left: -40px !important;} .pageTeam .minimg .swiper-button-next{right: -40px !important;} @media (max-width: 1440px) { .pageTeam .minimg .swiper-button-prev{left: 10px !important;} .pageTeam .minimg .swiper-button-next{right: 10px !important;} } /* pageProductNav */ .pageProductNav{width: 100%;border-bottom: 1px solid #eee;padding: 40px 0;overflow: hidden;} .pageProductNav .wrap{position: relative;} .pageProductNav .productNav {width:calc(100% + 40px);color: #fff;} .pageProductNav .productNav .swiper-wrapper{height: auto !important;} .pageProductNav .productNav .swiper-slide{height: auto !important; padding-right:40px;box-sizing: border-box;} .pageProductNav .productNav .swiper-slide .img{overflow: hidden;width: 100%;position: relative;} .pageProductNav .productNav .swiper-slide .img::after{content: '';width: 100%;height: 3px;background-color: #d2ad53;position: absolute;bottom: 0;left: 0;opacity: 0;opacity:alpha(opacity=0);transition: all 0.6s ease;} .pageProductNav .productNav .swiper-slide .img img{display:block;width: 100%;} .pageProductNav .productNav .swiper-slide .tit{width: 100%;margin: 20px 0 10px;} .pageProductNav .productNav .swiper-slide .tit p{font-size: 20px;line-height: 20px;color: #333;white-space:nowrap;display: inline-block;margin-left: 50%;transform: translateX(-50%);transition: all 0.6s ease;} .pageProductNav .productNav .swiper-slide .txt{width: 100%;} .pageProductNav .productNav .swiper-slide .txt p{font-size: 16px;line-height: 16px;color: #999;white-space:nowrap;display: inline-block;text-transform: capitalize;margin-left: 50%;transform: translateX(-50%);transition: all 0.6s ease;} .pageProductNav .productNav .swiper-slide:hover .img::after{opacity: 1;opacity: alpha(opacity=100);} .pageProductNav .productNav .swiper-slide:hover .tit p{color:#000;margin:0;transform: translateX(0);font-weight: bold;} .pageProductNav .productNav .swiper-slide:hover .txt p{color:#333;margin:0;transform: translateX(0);} .pageProductNav .productNav .swiper-slide.on .img::after{opacity: 1;opacity: alpha(opacity=100);} .pageProductNav .productNav .swiper-slide.on .tit p{color:#000;margin:0;transform: translateX(0);font-weight: bold;} .pageProductNav .productNav .swiper-slide.on .txt p{color:#333;margin:0;transform: translateX(0);} .pageProductNav .iconfont{display: block;width:50px;height:50px;line-height:50px;border-radius: 50%;background-color: rgba(0,0,0,0.3);font-size: 28px;color:#fff;text-align: center;position: absolute;top: 50%;z-index: 3;transition: all 0.6s ease;} .pageProductNav .arrow-left{transform: rotateY(-180deg) translateY(-50%);left: 0;} .pageProductNav .arrow-right{transform: translateY(-50%);right: 0;} .pageProductNav .iconfont:hover{background-color: #000;} /* pageSmallNav */ .pageSmallNav{margin: 20px 0 0 0;width: 100%;overflow: hidden;} .pageSmallNav ul{width: 100%;display: table;font-size: 0;text-align: left;} .pageSmallNav ul li{display: inline-block;vertical-align: top;margin-right: 3%;} .pageSmallNav ul li a{display: block;font-size: 16px;line-height: 16px;color: #000;padding: 15px 30px;background-color: #efefef;transition: all 0.6s ease;} .pageSmallNav ul li.on a,.pageSmallNav ul li:hover a{background-color: #000;color: #fff;} /* pageProduct */ .pageProduct{width: 100%;overflow: hidden;padding: 40px 0;} .pageProduct ul{width: 100%;display: table;text-align: left;font-size: 0;} .pageProduct ul li{display: inline-block;vertical-align: top;width: 32%;margin:0 2% 2% 0;cursor: pointer;} .pageProduct ul li:nth-of-type(3n){margin-right: 0;} .pageProduct ul li .img{width: 100%;overflow: hidden;position: relative;background-color: #000;} .pageProduct ul li .img img{width:100%;display: block;opacity: 0.8;transition: all 0.4s ease;} .pageProduct ul li .img .tit{width: 100%;position: absolute;top: 50%;left: 0;perspective: 800px;transform:translateY(-50%);font-size: 18px;font-weight: bold;line-height: 32px;opacity: 0;text-align: center;color: #ffffff;padding: 5% 10%;box-sizing: border-box;z-index: 1;transition: all 0.4s ease-out;} .pageProduct ul li .img .tit::before{content: "";background: rgba(0,0,0,0.6);width: 44%;height: 100%;opacity: 0;transform: translateY(-50%) rotateY(90deg);transform-origin: right center;transform-style: preserve-3d;position: absolute;top: 50%;left: 5%;z-index: -1;transition: all 0.4s ease-out;} .pageProduct ul li .img .tit::after{content: "";background: rgba(0,0,0,0.6);width: 44%;height: 100%;opacity: 0;transform: translateY(-50%) rotateY(-90deg);transform-origin: left center;transform-style: preserve-3d;position: absolute;top: 50%;right: 7%;z-index: -1;transition: all 0.4s ease-out;} .pageProduct ul li .img .box{width: 40px;height: 40px;border-radius: 20px;background-color: rgba(0, 0, 0, 0.6);overflow: hidden;position: absolute;bottom: -16%;opacity: 0;} .pageProduct ul li .img .box .iconfont{width: 40px;height: 40px;color: #fff;font-size: 24px;text-align: center;list-style: none;line-height: 40px;} .pageProduct ul li .img .box .p{font-size: 12px;line-height: 12px;color: #ffffff;text-align: center;} .pageProduct ul li .title{font-size: 18px;line-height: 32px;color: #333333;text-align: center;margin-top: 4%;} .pageProduct ul li .img .box:hover{height: 60px;} .pageProduct ul li .img .enlarge{left: 50%;transform:translateX(-50%);margin-left: -30px;transition: all 0.4s;} .pageProduct ul li .img .link{right: 50%;transform:translateX(50%);margin-right: -30px;transition: all 0.4s ease 0.1s;} .pageProduct ul li:hover .img img{opacity: 1;} .pageProduct ul li:hover .title{color: #d2ad53;} .pageProduct ul li:hover .img .tit{opacity: 1;} .pageProduct ul li:hover .img .tit::after{opacity: 1;transform: translateY(-50%) rotateY(0deg);} .pageProduct ul li:hover .img .tit::before{opacity: 1;transform: translateY(-50%) rotateY(0deg);} .pageProduct ul li:hover .img .box{bottom: 3%;opacity: 1;} .SearchHint{ margin-bottom: 40px; font-size: 16px; color: #333;} /* pageProductD */ .pageProductD{width: 100%;background-color: #fff;padding-bottom: 100px;margin-top: 100px;border-top: 1px solid #eee;overflow: hidden;} .pageProductD .box{width: 100%;margin-top: 20px;} .pageProductD .box .cont{width: 680px;float: left;margin-top: 14px;} .pageProductD .box .cont .tit{font-size: 28px;font-weight: bold;line-height: 32px;color: #000000;} .pageProductD .box .cont .txt{font-size: 14px;line-height: 28px;color: #333333;margin-top: 30px;} .pageProductD .box .cont .txt img{ max-width: 100%; display: none;} .pageProductD .box .img{width: 460px;overflow: hidden;float: right;} .pageProductD .box .img img{width: 100%;display: block;} .pageProductD .productD{width: 100%;position: relative;margin-top: 50px;} .pageProductD .productD .swiper-container{width: 100%;} .pageProductD .productD .swiper-container .swiper-wrapper{height: auto !important;/* display: flex; *//* justify-content: center; */} .pageProductD .productD .swiper-container .swiper-slide{/* height: auto !important; */position: relative;display: flex;} .pageProductD .productD .swiper-container .swiper-slide img{display: block;width: 900px;margin: auto;} .pageProductD .productD .iconfont{width:40px;height:40px;line-height:40px;font-size: 26px;color:rgba(0, 0, 0, 0.3);text-align: center;border-radius: 50%;background-color: rgba(255, 255, 255, 0.3);position: absolute;top: 50%;z-index: 2;transition: all 0.6s ease;} .pageProductD .productD .arrow-left{transform: rotateY(-180deg) translateY(-50%);left: 2%;} .pageProductD .productD .arrow-right{transform:translateY(-50%);right: 2%;} .pageProductD .productD .iconfont:hover{background-color: #fff;color: #d2ad53;} .linkpn{width: 100%;margin-top: 70px;position: relative;} .linkpn .prev{float: left;max-width: 40%;display: block;color: #666;font-size: 14px;line-height: 20px;transition: all 0.6s ease;} .linkpn .next{float: right;max-width: 40%;display: block;color: #666;font-size: 14px;line-height: 20px;transition: all 0.6s ease;} .linkpn .prev:hover,.linkpn .next:hover{text-decoration: underline;color: #d2ad53;} .linkpn .back{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: #000;font-size: 14px;line-height: 20px;border: solid 2px #000000;padding: 10px 3%;transition: all 0.6s ease;} .linkpn .back:hover{background-color: #d2ad53;border-color: #d2ad53;color: #fff;} /* pageOnlineStore */ .pageOnlineStore{width: 100%;background: url('../image/onlineStore_bg.jpg') bottom right no-repeat;background-size: cover;padding-bottom: 60px;padding-top: 100px;overflow: hidden;} .pageOnlineStore .box{width: 100%;margin-top: 80px;position: relative;;} .pageOnlineStore .box .imgBox{width: 49%;position: relative;} .pageOnlineStore .box .circular{width: 85%;height: 85%;border-radius: 50%;background-color: rgba(210, 173, 83, 0.15);position: absolute;top: 0;right: 0;} .pageOnlineStore .box .imgBox .img1{width: 82%;display: block;position: relative;z-index: 3;} .pageOnlineStore .box .imgBox .img2{width: 56%;display: block;position: absolute;top: 12%;left: 32%;z-index: 2;} .pageOnlineStore .box .cont{width: 41%;position: absolute;top: 50%;right: 0;transform: translateY(-68%);} .pageOnlineStore .box .cont .tit{font-size: 34px;color: #000000;} .pageOnlineStore .box .cont .tit1{font-size: 52px;color: #000000;font-weight: bold;margin: 10px 0;} .pageOnlineStore .box .cont .tit2{font-size: 24px;color: #333;} .pageOnlineStore .box .cont .img{width: 190px;height: 190px;overflow: hidden;margin-top: 40px;} /* pageStore */ .pageStore{width: 100%;background-color: #fff;padding: 60px 0 80px;overflow: hidden;} .pageStore ul{width: 100%;display: table;font-size: 0;text-align: left;} .pageStore ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;display: inline-block;vertical-align: top;} .pageStore ul li:nth-of-type(3n){margin-right: 0;} .pageStore ul li .img{width: 100%;overflow: hidden;position: relative;background-color: #000;} .pageStore ul li .img img{width: 100%;display: block;transition: all 0.6s ease;} .pageStore ul li .img .iconfont{width: 70px;height: 70px;line-height: 70px;text-align: center;color: #fff;font-size: 40px;border-radius: 50%;background-color: rgba(0,0,0,0.6);position: absolute;top:50%;left: 50%;transform:scale(0) translate(-50%,-50%);transform-origin: 0 0;transition: all 0.6s ease;} .pageStore ul li .tit{font-size: 18px;line-height: 26px;color: #000000;margin: 20px 0 10px;} .pageStore ul li .cont{width: 100%;} .pageStore ul li .txt{float: left;width: 76%;font-size: 14px;line-height: 22px;color: #999999;} .pageStore ul li .address{float: right; font-size: 14px;line-height: 22px;color: #999999;position: relative;padding-left: 24px;margin-top: 11px;} .pageStore ul li .address .iconfont{font-size: 22px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);} .pageStore ul li:hover .img img{transform: scale(1.1);opacity: 0.8;} .pageStore ul li:hover .img .iconfont{transform:scale(1) translate(-50%,-50%);} .pageStore ul li:hover .img .iconfont:hover{background-color: #fff;color: #d2ad53;} .pageStore ul li:hover .txt{color: #000;} .pageStore ul li:hover .address{color: #d2ad53;} /* pageStoreD */ .pageStoreD{width: 100%;background-color: #fff;padding-bottom: 100px;margin-top: 100px;border-top: 1px solid #eee;overflow: hidden;} .pageStoreD .box{width: 100%;margin-top: 20px;} .pageStoreD .box .cont{width: 680px;float: left;margin-top: 14px;} .pageStoreD .box .cont .tit{font-size: 28px;font-weight: bold;line-height: 32px;color: #000000;} .pageStoreD .box .cont .info{font-size: 14px;line-height: 28px;color: #666;margin-top: 20px;} .pageStoreD .box .cont .txt{font-size: 14px;line-height: 28px;color: #333333;margin-top: 20px;} .pageStoreD .box .cont .txt img{ max-width: 100%; display: none;} .pageStoreD .box .img{width: 460px;overflow: hidden;float: right;} .pageStoreD .box .img img{width: 100%;display: block;} .pageStoreD .map{width: 100%;position: relative;margin-top: 50px; height: 60vh;} .pageStoreD .map #map{width: 100%;height: 60vh;} /* pageFlagshipStore */ .pageFlagshipStore{width: 100%;overflow: hidden;padding: 80px 0;} .pageFlagshipStore ul{width: 100%;display: table;font-size: 0;text-align: left;} .pageFlagshipStore ul li{width: 48%;margin-right: 4%;display: inline-block;vertical-align: top;overflow: hidden;position: relative;} .pageFlagshipStore ul li::after{content: ''; width:0;height: 0;background-color: rgba(0, 0, 0, 0.5);border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); z-index: 1;transform-origin: 0 0; transition: all 0.6s ease;} .pageFlagshipStore ul li:nth-of-type(2n){margin-right: 0;} .pageFlagshipStore ul li img{width: 100%;display: block;} .pageFlagshipStore ul li .cont{color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;text-align: center;} .pageFlagshipStore ul li .cont .iconfont{font-size: 50px;} .pageFlagshipStore ul li .cont .p1{font-size: 24px;margin: 14px 0 6px;} .pageFlagshipStore ul li .cont .p2{font-size: 16px;} .pageFlagshipStore ul li:hover::after{width: 100%;height: 100%;border-radius: 0;} /* pageAnalysis */ .pageAnalysis{width: 100%;padding: 60px 0 70px;position: relative;overflow: hidden;z-index: 1;} .pageAnalysis::after{content: '';width: 100%;height: 38%;background-color: #f1f1f1;position: absolute;bottom: 0;left: 0;z-index: -1;} .pageAnalysis .title{font-size: 40px;color: #000000;text-align: center;} .pageAnalysis .tit{font-size: 20px;color: #999999;text-align: center;margin-top: 10px;} .pageAnalysis ul{width: 100%;margin-top: 60px;} .pageAnalysis ul li{width: 100%;position: relative;} .pageAnalysis ul li .cont{width: 46%;position: absolute;top: 50%;transform: translateY(-50%);} .pageAnalysis ul li:nth-child(2n-1) .cont{left: 0;} .pageAnalysis ul li:nth-child(2n) .cont{right: 0;} .pageAnalysis ul li:nth-child(2n-1) .img{float: right;} .pageAnalysis ul li:nth-child(2n) .img{float: left;} .pageAnalysis ul li .cont .tit1{font-size: 32px;color: #000000;margin-bottom: 20px;margin-top: 20px;} .pageAnalysis ul li .cont .txt{font-size: 18px;line-height: 32px;color: #666666;position: relative;padding-left: 20px;margin-top: 0;box-sizing: border-box;} .pageAnalysis ul li .cont .txt::after{content: ''; width: 10px;height: 10px;background-color: #111;border-radius: 50%;position: absolute;top: 11px;left: 0;} .pageAnalysis ul li .img{width: 46%;overflow: hidden;} .pageAnalysis ul li .img img{width: 100%;display: block;} /* pageStory */ .pageStory{width: 100%;padding: 80px 0;overflow: hidden;} .pageStory .box{width: 100%;position: relative;margin-top: 50px;} .pageStory .box .cont{width: 49%;margin-right: 4%;} .pageStory .box .cont .tit{font-size: 36px;color: #000000;margin-bottom: 30px;} .pageStory .box .cont .txt{font-size: 16px;line-height: 30px;color: #666666;} .pageStory .box .cont .txt p{margin-top: 10px; text-indent: 2em;} .pageStory .box .img{width: 47%;/* position: absolute; *//* bottom: 18px; *//* right: 0; */overflow: hidden;} .pageStory .box .img img{width: 100%;display: block;} .pageStory ul{width: 100%;margin: 60px 0 0 0;display: table;font-size: 0;text-align: center;border: 1px solid #eee;box-sizing: border-box;overflow: hidden;} .pageStory ul li{display: inline-block;vertical-align: top;width: 25%;border-right: 1px solid #eee;box-sizing: border-box;padding: 2% 0;} .pageStory ul li:last-child{border-right: none;} .pageStory ul li .tit{font-size: 16px;color: #333333;} .pageStory ul li .num .counter{font-family: avanti;font-weight: bold;font-size: 56px;color: #d2ad53;} .pageStory ul li .num .s{font-size: 16px;color: #333333; margin-left: 10px;} .pageStory .storyBox{width: 100%;position: relative;} .pageStory .storyBox .img{width: 100%;display: block;} .pageStory .storyBox .wrap{position: absolute;top: 0; height: 100%; left: 50%;transform: translateX(-50%);} .pageStory .storyBox .storyList {width: 100%;} .pageStory .storyBox .storyList .swiper-wrapper{height: auto !important;} .pageStory .storyBox .storyList .swiper-slide{height: auto !important;padding:0 0 0 10px;box-sizing: border-box;} .pageStory .storyBox .storyList .swiper-slide-active{margin-top: 60px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible{margin-top: 240px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible{margin-top: 100px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible{margin-top: 310px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible{margin-top: 140px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible{margin-top: 300px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible{margin-top: 20px;} .pageStory .storyBox .storyList .swiper-slide .cont{width: 100%;position: relative;padding-left: 15px;box-sizing: border-box;} .pageStory .storyBox .storyList .swiper-slide .cont::after{content: '';width: 1px;height: 100%;background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));position: absolute;top: 8px;left: 0;} .pageStory .storyBox .storyList .swiper-slide .cont::before{content: '';width: 11px;height: 11px;border-radius: 50%;border: 1px solid #ccc;background-color: #fff;position: absolute;left: -6px;z-index: 1;} /* .pageStory .storyBox .storyList .swiper-slide:nth-child(2n-1) .cont::after{background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));top: -3px;} .pageStory .storyBox .storyList .swiper-slide:nth-child(2n) .cont::before{top: 8px;} .pageStory .storyBox .storyList .swiper-slide:nth-child(2n-1) .cont::before{bottom: 2px;} */ .pageStory .storyBox .storyList .swiper-slide .cont .time{font-family: avanti;font-size: 20px;color: #000;font-weight: bold;} .pageStory .storyBox .storyList .swiper-slide .cont .txt{color: #666;font-size: 14px;line-height: 20px;margin-top: 10px;max-height: 100px;overflow-y: auto;} .pageStory .storyBox .storyList .swiper-slide-active .cont::after{background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));} .pageStory .storyBox .storyList .swiper-slide-active .cont::before{top: 8px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible .cont::after{background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));top: -3px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible .cont::before{bottom: 2px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible .cont::after{background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible .cont::before{top: 8px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .cont::after{background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));top: -3px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .cont::before{bottom: 2px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .cont::after{background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .cont::before{top: 8px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .cont .txt{max-height: 60px !important;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .cont::after{background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));top: -3px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .cont::before{bottom: 2px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .cont::after{background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0));} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .cont::before{top: 8px;} .pageStory .storyBox .storyList .swiper-slide-active+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible+.swiper-slide-visible .cont .txt{max-height: 60px !important;} .pageStory .storyBox .iconfont{display: block;width:40px;height:40px;line-height:36px;border: 2px solid #ccc;box-sizing: border-box;border-radius: 50%;font-size: 24px;color:#ccc;text-align: center;position: absolute;top: 60%;z-index: 3;transition: all 0.6s ease;} .pageStory .storyBox .arrow-left{transform: rotateY(-180deg);left: 0;} .pageStory .storyBox .arrow-right{right: 0;} .pageStory .storyBox .iconfont:hover{background-color: #d2ad53;color: #fff;border-color: #d2ad53;} /* pageSummary */ .pageSummary{width: 100%;background: url('../image/summary_bg.jpg') center center no-repeat;background-size: cover;padding: 80px 0;overflow: hidden;} .pageSummary .title{text-align: center;font-size: 40px;color: #000000;} .pageSummary .tit{text-align: center;font-size: 20px;color: #999999;margin-top: 10px;} .pageStory .title{text-align: center;font-size: 40px;color: #000000;} .pageStory .tit{text-align: center;font-size: 20px;color: #999999;margin-top: 10px;} .pageSummary ul{width: 100%;display: flex;align-items: center;justify-content: center;margin-top: 60px;} .pageSummary ul li{width: 25%;display: flex;flex-direction: column;cursor: pointer;overflow: hidden;position: relative;} .pageSummary ul li .cont{width: 100%; box-sizing: border-box; z-index: 2; position: relative;height: 220px;} .pageSummary ul li .cont img{ width: 100%; position: relative; z-index: 1;} .pageSummary ul li .cont .box{ flex-wrap: inherit; position: absolute; /* padding: 20% 10%; */ width: 100%; height: 100%; box-sizing: border-box; top: 0; left: 0; z-index: 2; background-color: #d2ad53;display: flex;flex-direction: column;justify-content: center;} .pageSummary ul li .cont .p1{font-size: 32px;color: #ffffff;text-align: center;} .pageSummary ul li .cont .p2{font-size: 16px;line-height: 25px;color: #ffffff;margin-top: 20px;text-align: center;} .pageSummary ul li .cont .p2 p{ display: flex;align-items: top;justify-content: baseline;} .pageSummary ul li .cont .p2 p span:first-child{ min-width: 64px;} .pageSummary ul li .img{width: 100%;overflow: hidden; display: block; z-index: 1; position: relative;height: 220px;} .pageSummary ul li .img img{width: 100%;transition: all 0.6s ease;float: left;height: 220px;} .pageSummary ul li:nth-child(2n){flex-direction: column-reverse;} .pageSummary ul li:first-child .cont .box,.pageSummary ul li:last-child .cont .box{background-color: #000;} .pageSummary ul li:hover .img img{transform: scale(1.1);} @media (max-width: 1680px) { .pageSummary ul li .cont .box{/* padding: 14% 10%; */} } /* pagePolicy */ .pagePolicy{width: 100%;padding: 70px 0;overflow: hidden;} .pagePolicy .box{width: 100%;margin-bottom: 60px;position: relative;} .pagePolicy .box .policyImg{width: 41%;height: 100%;overflow: hidden;position: absolute;top:0;left: 0;} .pagePolicy .box .policyImg .swiper-wrapper{height: 100% !important;} .pagePolicy .box .policyImg .swiper-slide{height: 100% !important;overflow: hidden;} .pagePolicy .box .policyImg .swiper-slide img{height: 100%;display: block;} .pagePolicy .box .cont{float: right;width: 55%;} .pagePolicy .box .cont .title{font-size: 40px;line-height: 40px;color: #000000;} .pagePolicy .box .cont .title img{float: left;width: 66px;display: block;} .pagePolicy .box .cont .title p{float: left;margin-top: 36px;margin-left: 10px;} .pagePolicy .box .cont .title p span{color: #d2ad53;} .pagePolicy .box .cont .tit{font-size: 20px;color: #999999;margin-top: 10px;} .pagePolicy .box .cont .policyTabs{width: 100%;height: 40px;display: table;font-size: 0;text-align: left;margin-top: 30px;} .pagePolicy .box .cont .policyTabs>a{display:inline-block;vertical-align: top;height: 40px;line-height: 40px;color: #000;font-size: 20px;padding: 0 4%;} .pagePolicy .box .cont .policyTabs>a.active{background-color: #d2ad53;color: #fff;} .pagePolicy .box .cont .policyList{width: 100%;margin-top: 30px;} .pagePolicy .box .cont .swiper-wrapper{height: auto !important;} .pagePolicy .box .cont .swiper-slide{height: auto !important;padding: 1% 0;border: 1px solid #eee;box-sizing: border-box;} .pagePolicy .box .cont .swiper-slide .text{width: 100%;height: 192px;overflow-y: auto;font-size: 16px;line-height: 32px;color: #333333;padding: 0 4%;box-sizing: border-box;} .pagePolicy .box .cont .swiper-slide .text img{ display: none;} .pagePolicy .box .cont .swiper-slide .text p{ display: flex;align-items: top;justify-content: baseline;} .pagePolicy .box .cont .swiper-slide .text p span.t{ min-width:100px; box-sizing: border-box; padding-left: 20px; background: url(/static/home/images/icon_logo2.png) top 10px left no-repeat; background-size: auto 10px;} .pagePolicy .contact{width: 100%;position: relative;} .pagePolicy .contact .phone{float: left;position: relative;padding-left: 55px;} .pagePolicy .contact .phone .iconfont{color: #666;font-size: 50px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);} .pagePolicy .contact .phone .number{font-size: 14px;color: #666666;line-height: 16px;} .pagePolicy .contact .phone .number p{font-family: DIN;font-size: 32px;line-height: 32px;font-weight: bold;color: #d2ad53;} .pagePolicy .contact .consult{width: 300px;height: 48px;position: absolute;top: 0;left: 50%;transform: translateX(-50%);display: table;font-size: 0;text-align: center;background-color: #a5a5a5;} .pagePolicy .contact .consult .a{display: inline-block;width: 150px;font-size: 18px;line-height: 48px;color: #ffffff;transition: all 0.6s ease;} .pagePolicy .contact .consult .a1{background-color: #d2ad53;} .pagePolicy .contact .consult .a:hover{background-color: #000;} .pagePolicy .contact .txt{float: right; font-size: 18px;line-height: 24px;color: #d2ad53;text-align: right;} .pagePolicy .contact .txt p{color: #000;} /* pageSupport */ .pageSupport{width: 100%;background: url('../image/support_bg.jpg') center center no-repeat fixed;background-size: cover;overflow: hidden;padding: 80px 0;} .pageSupport .title{font-size: 40px;line-height: 40px;color: #000000;display: flex;justify-content: center;} .pageSupport .title img{float: left;width: 66px;display: block;} .pageSupport .title p{float: left;/* margin-top: 36px; *//* margin-left: 10px; */} .pageSupport .tit{font-size: 20px;color: #999999;margin-top: 10px;text-align: center;} .pageSupport .box{width: 100%;margin-top: 60px;position: relative;} .pageSupport .box .supportTabs{width: 540px;display: flex;flex-wrap: wrap;} .pageSupport .box .supportTabs>a:nth-child(2n){border-right: none;} .pageSupport .box .supportTabs>a{display: block;width: 50%;background-color: rgba(255,255,255,0.8);padding: 15px 0;border-bottom: 1px solid #eee;border-right: 1px solid #eee;box-sizing: border-box;} .pageSupport .box .supportTabs>a:last-child{border-bottom: none;} .pageSupport .box .supportTabs>a .iconfont{float: left;width: 56px;height: 56px;border-radius: 50%;background-color: rgba(0, 0, 0, 0.1);color: #333;font-size: 30px;line-height: 56px;text-align: center;margin-left: 22px;} .pageSupport .box .supportTabs>a .txt{float: left;width: 140px;margin-left: 15px;} .pageSupport .box .supportTabs>a .txt .p1{font-size: 20px;color: #333;line-height: 30px;} .pageSupport .box .supportTabs>a .txt .p2{font-size: 14px;color: #999;line-height: 24px;margin-top: 4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .pageSupport .box .supportTabs>a.active{background-color: #d2ad53;} .pageSupport .box .supportTabs>a.active .iconfont{background-color: rgba(255, 255, 255, 0.1);color: #fff;} .pageSupport .box .supportTabs>a.active .txt .p1,.pageSupport .box .supportTabs>a.active .txt .p2{color: #fff;} .pageSupport .box .supportList{width: 55%;height: 100%;position: absolute;top: 0;right: 0;background-color: rgba(255, 255, 255, 0.8);} .pageSupport .box .supportList .swiper-slide .cont{width: 100%;height: 100%;} .pageSupport .box .supportList .swiper-slide .cont .img{width: 37%;height: 100%; overflow: hidden;float: left;} .pageSupport .box .supportList .swiper-slide .cont .text{width: 60%;padding: 0px 4%;box-sizing: border-box;float: left;display: flex;flex-direction: column;justify-content: center;/* align-items: center; */height: 100%;} .pageSupport .box .supportList .swiper-slide .cont .text .tit1{font-size: 36px;color: #000000;} .pageSupport .box .supportList .swiper-slide .cont .text .txt1{ font-size: 16px;line-height: 36px;height: auto;overflow-y: auto;color: #666666;margin-top: 22px;} .pageSupport .box .supportList .swiper-slide .cont .text .txt1 p{ margin-bottom: 15px; text-indent: 2em;} .pageSupport .box .supportList .swiper-slide .cont .text .txt1 img{ display: none;} /* pageHot */ .pageHot{width: 100%;background: url('../image/hot_bg.jpg') center center no-repeat;background-size: cover;overflow: hidden;} .pageHot .wrap{ position: relative;} .pageHot .cont{padding: 90px 0 ;} .pageHot .cont img{height: 70px;display: block; filter: grayscale(100%) brightness(1000%);} .pageHot .cont .p1{font-size: 56px;color: #ffffff;line-height: 56px;margin: 50px 0 20px;} .pageHot .cont .p2{font-size: 32px;color: #eee;line-height: 34px;} .pageHot .phone{position: absolute;color: #d2ad53;font-size: 22px;padding-left: 35px; right: 0; bottom: 20px;display: none;} .pageHot .phone span{font-size: 36px;font-family: DIN;font-weight: bold;} .pageHot .phone .iconfont{position: absolute;top: 0;left: 0;font-size: 30px;margin-top: 12px;} /* pageProcess */ .pageProcess{width: 100%;padding: 80px 0 0 0;overflow: hidden;} .pageProcess .title{font-size: 40px;color: #000000;text-align: center;} .pageProcess .tit{font-size: 20px;color: #ccc;text-align: center;text-transform: uppercase;margin-top: 10px;} .pageProcess .box{width: 100%;position: relative;margin-top: 60px;} .pageProcess .box .left{width: 50%;height: 100%;/* position: absolute; */top: 0;left: 0;border-bottom: 1px solid #efefef;box-sizing: border-box;float: left;} .pageProcess .box .left .img{width: 100%;overflow: hidden;height: 525px;} .pageProcess .box .left .img img{width: 100%;display: block;height: 525px;} .pageProcess .box .left .tit1{font-size: 36px;color: #000000;margin: 30px 6% 21px;} .pageProcess .box .left .txt{font-size: 16px;line-height: 28px;color: #666666;position: relative;margin: 0 6% 18px;padding-left: 5px;} .pageProcess .box .left .txt::after{content: '';width: 0;height: 1px;background-color: #bbb;position:absolute;top: 16px;left: 0;} .pageProcess .box .right{float: right;width: 50%;background-color: #d2ad53;padding: 50px 10%;box-sizing: border-box;} .pageProcess .box .right ul{width: 100%;position: relative;padding-top: 30px;} .pageProcess .box .right ul::after{content: '';width: 1px;height: 100%;background-color: #e0c687;position: absolute;top: 0;left: 20px;} .pageProcess .box .right ul li{position: relative;padding-left: 14%;margin-bottom: 46px;} .pageProcess .box .right ul li .num{width: 40px;height: 40px;line-height: 38px;border-radius: 50%; text-align: center;background-color: #e0c687;font-family:avignon;font-size: 20px;color: #ffffff;position: absolute;top: -5px;left: 0;} .pageProcess .box .right ul li .p1{ font-size: 20px;line-height: 30px;color: #ffffff;} .pageProcess .box .right ul li .p2{ font-size: 16px;color: #eee;line-height: 20px;margin-top: 10px;} @media (max-width: 1680px) { .pageProcess .box .right{padding: 33px 8%;} } /* pageMessage */ .pageMessage{width: 100%;background: url('../image/message_bg.jpg') bottom center no-repeat fixed;background-size: cover;padding: 80px 0;overflow: hidden;} .pageMessage .title{font-size: 36px;color: #000000;text-align: center;} .pageMessage .tit{font-size: 20px;color: #333333;text-align: center;margin-top: 10px;} .pageMessage .tit span{color: #fff;} .pageMessage .demand{width: 100%;background-color: rgba(255, 255, 255, 0.6);margin-top: 40px;padding: 4% 3%;box-sizing: border-box;overflow: hidden;} .pageMessage .demand .p{font-size: 16px;color: #666;text-align: center;} .pageMessage .demand .p span{color: #da0000;} .pageMessage .demand form{width: 100%;} .pageMessage .demand form .box{width: 68%;float: left;} .pageMessage .demand form .row{width: 46%;float: left;margin-bottom: 30px;margin-right: 0%;position: relative;padding-left: 60px;box-sizing: border-box;} .pageMessage .demand form .name{width: 60px;position: absolute;top: 15px;left: 0;text-align: right;color: #333;font-size: 16px;line-height: 20px;} .pageMessage .demand form .name span{color: #da0000;} .pageMessage .demand form label{display: block;position: relative;background-color: rgba(0, 0, 0, 0.18);} .pageMessage .demand form label p{font-size: 14px;line-height:20px;color: #fff;position: absolute; top: 15px; left: 4px;display: block;} .pageMessage .demand form .txt.w1{width: 100%;font-size: 16px;color: #fff;line-height: 20px;padding: 15px 12px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;} .pageMessage .demand form .row1{width: 32%;float: right;height: 130px;position: relative;padding-left: 60px;box-sizing: border-box;margin-bottom: 30px;} .pageMessage .demand form .row1 label{height: 130px;} .pageMessage .demand form .txt.w2{width: 100%;font-size: 16px;color: #fff;line-height: 20px;height: 115px;resize: none;padding:15px 12px;background-color: rgba(0,0,0,0);border: none;box-sizing: border-box;} .pageMessage .demand form .btn{width: 210px;display:block;height: 50px;line-height:50px;cursor: pointer;background-color: #000;border: none;color: #fff;font-size: 18px;text-align: center;margin: 40px auto 20px;transition: all 0.6s ease;} .pageMessage .demand form .btn:hover{background-color: #d2ad53;} /* pageCase */ .pageCase{width: 100%;background-color: #fff;padding: 60px 0 80px;overflow: hidden;} .pageCase ul{width: 100%;display: table;font-size: 0;text-align: left;} .pageCase ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;display: inline-block;vertical-align: top;} .pageCase ul li:nth-of-type(3n){margin-right: 0;} .pageCase ul li.Caseli .imgBox{width: 100%;overflow: hidden;position: relative;background-color: #000;} .pageCase ul li.Caseli .imgBox .img{width: 100%;display: block;transition: all 0.6s ease;} .pageCase ul li.Caseli .imgBox .icon{width: 50px;height: 50px;display: block;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;opacity: 0;transition: all 0.6s ease;} .pageCase ul li.Caseli .imgBox::after{content: '';width: 60px;height: 60px;border-radius: 50%;background-color: rgba(255,255,255,0.1);border: 1px solid rgba(255,255,255,0.2);position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;opacity: 0;transition: all 0.6s ease;} .pageCase ul li.Caseli .cont{width: 100%;margin: 20px 0 10px;} .pageCase ul li.Caseli .cont .tit{width: 80%;float: left;font-size: 18px;line-height: 28px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .pageCase ul li.Caseli .cont .a{color: #666;font-size: 14px;line-height: 26px;border: 1px solid #eee;padding: 0 14px;border-radius: 6px;float: right;transition: all 0.6s ease;} .pageCase ul li.Caseli .txt{font-size: 14px;line-height: 22px;color: #999999; font-size: 14px;line-height: 22px;color: #999999; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .pageCase ul li.Caseli:hover .imgBox .img{transform: scale(1.1);opacity: 0.3;} .pageCase ul li.Caseli:hover .imgBox .icon{opacity: 1;} .pageCase ul li.Caseli:hover .imgBox::after{opacity: 1;width: 150px;height: 150px;} .pageCase ul li.Caseli:hover .cont .a{background-color: #d2ad53;border-color: #d2ad53;color: #fff;} .pageCase ul li.Caseli:hover .cont .tit,.pageCase ul li.Caseli:hover .txt{color: #000;} .pageCase ul li.joinCase .img{width: 100%;overflow: hidden;background-color: #000;} .pageCase ul li.joinCase .img img{width: 100%;display: block;opacity: 0.7;transition: all 0.6s ease;} .pageCase ul li.joinCase .tit{font-size: 18px;line-height: 26px;color: #000000;margin: 20px 0 10px;} .pageCase ul li.joinCase .txt{font-size: 14px;line-height: 22px;color: #999999; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .pageCase ul li.joinCase .txt img{ display: none;} .pageCase ul li.joinCase:hover .img img{transform: scale(1.1);opacity: 1;} .pageCase ul li.joinCase:hover .txt{color: #000;} /* pageNews */ .pageNews{width: 100%;padding: 60px 0;background-color: #fff;overflow: hidden;} .pageNews ul{width: 100%;} .pageNews ul li{width:100%;margin-bottom: 3%;padding-bottom: 3%;border-bottom: 1px solid #e5e5e5;} .pageNews ul li a{width:100%;position: relative;display: block;} .pageNews ul li .img{ float: left; width: 30%;overflow: hidden;} .pageNews ul li .img img{width: 100%;transition: all 0.6s ease;display: block;} .pageNews ul li .cont{width: 54%; float: right; padding:20px 8% 0 0;} .pageNews ul li .cont .tit{color: #000;font-size: 28px;line-height: 32px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .pageNews ul li .cont .txt{color: #333;font-size: 16px;line-height: 30px;margin: 3% 0 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .pageNews ul li .cont .time{color: #999;font-size: 16px;line-height: 30px; margin-top: 5%;} .pageNews ul li:hover .img img{transform:scale(1.1);} .pageNews ul li:hover .cont .tit{color: #d2ad53;} .pageNews ul li:hover .cont .txt{color: #000;} @media (max-width: 1680px) { .pageNews ul li .cont{padding:10px 8% 0 0;} } /* pageNewsD */ .pageNewsD{width: 100%;background-color: #fff;padding-bottom: 100px;margin-top: 27px;border-top: 1px solid #eee;overflow: hidden;} .pageNewsD .title{font-size: 26px;line-height: 38px;color: #333333; margin-top: 30px; text-align: center;font-weight: bold;} .pageNewsD .time{font-size: 16px;color: #999;text-align: center;padding: 20px 0;margin-bottom:30px;border-bottom: 1px dashed #e5e5e5;} .pageNewsD .time span{margin: 0 10px;} .pageNewsD .text{font-size: 16px;line-height: 30px;color: #333333;padding-bottom: 50px; border-bottom: 1px dashed #eee;} .pageNewsD .text img{max-width: 100%;} /* pageForm */ .pageForm{width: 100%;padding: 100px 0;background: url('../image/index_about_bg.jpg') center center no-repeat;background-size: cover;border-top: solid 12px #d0bb9d;overflow: hidden;} .pageForm .title{font-size:64px;line-height: 64px;font-weight: bold;text-align: center;width: 710px; color: #333; margin: 0 auto;position: relative;} .pageForm .title::after{content: '';width: 16px;height: 64px;position: absolute;top: 0;left: -50px; background-color: #333;} .pageForm .title::before{content: '';width: 16px;height: 64px;position: absolute;top: 0;right: -50px; background-color: #333;} .pageForm .box{width: 100%;margin: 60px 0 0;position: relative;} .pageForm .box .leftBox{width: 440px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;} .pageForm .box .leftBox .tit{ font-size: 40px;color: #333;line-height: 40px;} .pageForm .box .leftBox .cont{width: 100%;margin-top: 70px;} .pageForm .box .leftBox .cont .iconfont{float: left;width: 90px;height: 90px;box-sizing: border-box;border-radius: 50%;border: solid 3px #333;color: #333;line-height: 90px;text-align: center;font-size: 46px;} .pageForm .box .leftBox .cont .txt{float: left;width: 310px;margin-left: 30px;} .pageForm .box .leftBox .cont .txt .p1{font-size: 24px;line-height: 30px;color: #d2ad53;} .pageForm .box .leftBox .cont .txt .p2{font-size: 16px;line-height: 24px;color: #666;margin-top: 12px;} .pageForm .box .rightBox{width: 44%;float: right;background-color: rgba(0, 0, 0, 0.5);border-radius: 10px;padding: 3%;box-sizing: border-box;margin-right: 0;position: relative;} .pageForm .box .rightBox::after{content: '';width: 20px;height: 512px;background: url('/static/home/images/form_pic.png') center center no-repeat;position: absolute;top: 50%;transform: translateY(-50%);left:-26%;} .pageForm .box .rightBox ul{width: 100%;display: flex;align-items: center;justify-content: space-between;} .pageForm .box .rightBox ul li{width: 24%;text-align: center;} .pageForm .box .rightBox ul li .iconfont{color: #fff;font-size: 48px;} .pageForm .box .rightBox ul li .tit{font-size: 14px; margin-top: 5px; color: #ffffff;} .pageForm .demand{width: 100%;margin: 40px 0 0;} .pageForm .demand .p{font-size: 18px;line-height: 30px;text-align: center;color: #ffffff;} .pageForm form{width: 100%;} .pageForm form .row{width: 100%;background-color: #f3f3f3;margin-bottom: 30px;} .pageForm form label{display: block;position: relative;width: 100%;padding-left: 60px;box-sizing: border-box;} .pageForm form label .iconfont{color: #d6ccbd;font-size: 40px;line-height: 40px; position: absolute;top: 15px;left: 10px;} .pageForm form label p{font-size: 24px;line-height:30px;color: #d6ccbd;position: absolute; top: 20px; left: 60px;display: block;} .pageForm form .txt.w1{width: 100%;font-size: 24px;color: #333;line-height: 30px;padding:20px 0;background-color: rgba(0,0,0,0);border: none;} .pageForm form .btn{width: 100%;display:block;height: 70px;line-height:70px;cursor: pointer;background-color: #d2ad53;border: none;border-radius: 35px;color: #fff;font-size: 28px;text-align: center;margin: 50px auto 20px;transition: all 0.6s ease;} .pageForm form .btn:hover{background-color: #000;} /* pageDesign */ .pageDesign{width: 100%;background: #fff url(/static/home/images/designbg.jpg) center no-repeat;background-size: cover;padding: 100px 0;overflow: hidden;} .pageDesign .title{width: 700px;height: 100px;line-height: 100px;text-align: center;margin: 0 auto;font-size: 58px;color: #333;} .pageDesign .title span{color: #d2ad53;font-weight: bold;} .pageDesign .box{width: 100%;margin: 70px 0 0;background-color: rgba(0, 0, 0, 0.02);border-radius: 10px;border: solid 2px rgba(0, 0, 0, 0.8);padding:3% 2%;box-sizing: border-box;overflow: hidden;} .pageDesign .box .tit{font-size: 28px;line-height: 50px;color: #333;text-align: center;margin-bottom: 30px;} .pageDesign .box .imgBox{width: 100%;margin-bottom: 60px;} .pageDesign .box .imgBox>div:nth-child(2n-1){float: left;} .pageDesign .box .imgBox>div:nth-child(2n){float: right;} .pageDesign .box .imgBox .img{width: 48%;overflow: hidden;border-radius: 4px;background-color: #fff;} .pageDesign .box .imgBox .img img{width: 100%;display: block;} .pageDesign .box .button{cursor: pointer;width: 48%;height: 70px;line-height: 70px;margin: 0 auto 20px;background-color: #d2ad53;border-radius: 35px;font-size: 28px;text-align: center;color: #ffffff;transition: all 0.6s ease; display: block;} .pageDesign .box .button:hover{background-color: #333;color: #d2ad53;} /* pageHonor */ .pageHonor{width: 100%;background: url('/static/home/images/honor_bg.jpg') bottom center no-repeat;background-size: cover;overflow: hidden;padding: 100px 0;} .pageHonor .title{font-size: 56px;line-height: 62px;font-weight: bold;color: #000000;text-align: center;} .pageHonor .tit{font-size: 32px;line-height: 40px;color: #666;text-align: center;margin-top: 10px;} .pageHonor .box{width: 100%;position: relative;margin-top: 80px;} .pageHonor .box img{width: 100%;display: block;} .pageHonor .box .img1{width: 25%;overflow: hidden;margin: 0 auto;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);position: relative;z-index: 2;} .pageHonor .box .img2{width: 23%;overflow: hidden;position: absolute;bottom: 5%;left: 20%;z-index: 1;} .pageHonor .box .img3{width: 23%;overflow: hidden;position: absolute;bottom: 5%;right: 20%;z-index: 1;} .pageHonor .box .img4{width: 27%;overflow: hidden;position: absolute;bottom: 10%;left: 0;} .pageHonor .box .img5{width: 27%;overflow: hidden;position: absolute;bottom: 10%;right: 0;} /* pageService */ .pageService{width: 100%;overflow: hidden;padding: 100px 0;} .pageService .title{font-size: 56px;line-height: 62px;font-weight: bold;color: #000000;text-align: center;} .pageService .tit{font-size: 32px;line-height: 40px;color: #666;text-align: center;margin-top: 10px;} .pageService ul{width: 100%;display: table;font-size: 0;text-align: left;margin-top: 40px;} .pageService ul li{width: 32%;display: inline-block;vertical-align: top;margin: 0 2% 2% 0;cursor: pointer;} .pageService ul li:nth-child(3n){margin-right: 0;} .pageService ul li .img{width: 100%;overflow: hidden;} .pageService ul li .img img{width: 100%;display: block;transition: all 0.6s ease;} .pageService ul li .p1{font-size: 28px;color: #000000;margin: 20px 0 10px;text-align: center;} .pageService ul li .p2{font-size: 20px;color: #666666;text-align: center;} .pageService ul li:hover .img img{transform: scale(1.1);} /* pageSecurity */ .pageSecurity{width: 100%;background: url('/static/home/images/security_bg.jpg') bottom center no-repeat;background-size: cover;overflow: hidden;padding: 110px 0 240px;} .pageSecurity .title{font-size: 56px;line-height: 62px;font-weight: bold;color: #000000;text-align: center;} .pageSecurity .tit{font-size: 32px;line-height: 40px;color: #666;text-align: center;margin-top: 10px;} .pageSecurity .box{width: 640px;height: 640px;margin: 60px auto 0;position: relative;padding: 35px;border-radius: 50%;} .pageSecurity .box .imgBox{width: 580px;height: 580;padding: 30px;border-radius: 50%;background-color: rgba(98, 96, 96, 0.12);position: relative;} .pageSecurity .box .imgBox::after{content: '';width: 710px;height: 710px;box-sizing: border-box;border: solid 1px #c7c7c7;border-radius: 50%;position: absolute;top: -35px;left: -35px;} .pageSecurity .box .imgBox .img{width: 580px;height: 580px;border-radius: 50%;overflow: hidden;border: solid 1px #c7cacd;} .pageSecurity .box .imgBox .img img{width: 100%;display: block;} .pageSecurity .box .pic{width: 210px;position: absolute;z-index: 1;} .pageSecurity .box .pic::after{content: '';height: 1px;background-color: #ccc;position: absolute;z-index: -1;} .pageSecurity .box .pic::before{content: '';width: 14px;height: 14px;border-radius: 50%;background-color: #fff;border: solid 1px #c8cbce;position: absolute;} .pageSecurity .box .imgBox1{top: 24px;left: -193px;} .pageSecurity .box .imgBox1::after{top: 75px;right: -93px;width: 122px;} .pageSecurity .box .imgBox1::before{top: 67px;right: -104px;} .pageSecurity .box .imgBox2{top: 24px;right: -193px;} .pageSecurity .box .imgBox2::after{top: 75px;left: -93px;width: 122px;} .pageSecurity .box .imgBox2::before{top: 67px;left: -104px;} .pageSecurity .box .imgBox3{top: 320px;left: -238px;} .pageSecurity .box .imgBox3::after{top: 75px;right: -31px;width: 60px;} .pageSecurity .box .imgBox3::before{top: 67px;right: -37px;} .pageSecurity .box .imgBox4{top: 340px;right: -215px;} .pageSecurity .box .imgBox4::after{top: 75px;left: -11px;width: 40px;} .pageSecurity .box .imgBox4::before{top: 67px;left: -17px;} .pageSecurity .box .imgBox5{top: 620px;left: -95px;} .pageSecurity .box .imgBox5::after{top: 12px;right: -5px;width: 56px;transform: rotate(-45deg);} .pageSecurity .box .imgBox5::before{top: -14px;right: -4px;} .pageSecurity .box .imgBox6{top: 610px;right: -95px;} .pageSecurity .box .imgBox6::after{top: 22px;left: -3px;width: 56px;transform: rotate(45deg);} .pageSecurity .box .imgBox6::before{top: -4px;left: -3px;} .pageSecurity .box .pic .img1{width: 150px;height: 150px;border-radius: 50%;margin:0 auto;overflow: hidden;border: 2px solid #fff;box-sizing: border-box;} .pageSecurity .box .pic .img1 img{width: 100%;display: block;} .pageSecurity .box .pic .p1{font-size: 28px;color: #000000;text-align: center;margin: 10px 0 5px;} .pageSecurity .box .pic .p2{font-size: 18px;color: #666666;text-align: center;} /* pageMore */ .pageMore{width: 100%;background: url('/static/home/images/more_bg.jpg') center center no-repeat;background-size: cover;overflow: hidden;padding: 50px 0 80px;} .pageMore .title{font-size: 42px;line-height: 50px;font-weight: bold;color: #fff;} .pageMore .tit{font-size: 32px;line-height: 40px;color: #fff;margin-top: 10px;} .pageMore .demand{width: 100%;margin: 60px 0 0;} .pageMore form{width: 100%;} .pageMore form .row{width: 28%;background-color: #f3f3f3;float: left;margin-right: 1.5%;} .pageMore form .row:nth-child(3){margin-right: 0;} .pageMore form label{display: block;position: relative;width: 100%;} .pageMore form label p{font-size: 14px;line-height:30px;color: #999;position: absolute; top: 10px; left: 20px;display: block;} .pageMore form .txt.w1{width: 100%;font-size: 14px;color: #333;line-height: 30px;padding:10px 20px;background-color: rgba(0,0,0,0);border: none;} .pageMore form .btn{width: 12%;float: right;display:block;height: 50px;line-height:50px;cursor: pointer;background-color: #d2ad53;border: none;color: #fff;font-size: 16px;text-align: center;transition: all 0.6s ease;} .pageMore form .btn:hover{background-color: #000;} #boxer-overlay{background:#000; height:100%; left:0; position: fixed; top:0; width:100%; z-index: 99999;} #boxer{-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none;box-shadow: 0 0 20px rgba(0,0,0,0.2);-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 20px rgba(0,0,0,0.2);position: absolute; z-index: 99999;} #boxer .boxer-close{background:rgba(0, 0, 0, 0.5) url('../image/iconBox.png') no-repeat 5px 5px; background-size: 90px 30px;cursor:pointer; display:block; height:40px; position:absolute; right:-50px; top:-50px; width:40px;text-indent:-99999px;border-radius: 50%; z-index:106;transition: all 0.6s ease;} #boxer .boxer-close:hover{ background:#d2ad53 url('../image/iconBox.png') no-repeat 5px 5px;background-size: 90px 30px;} #boxer .boxer-arrow{display: none;} #boxer .boxer-caption p{margin:0;padding:0; color:#fff; font-size:18px;} #boxer .boxer-caption.gallery p{padding: 0; text-align:center; line-height:50px;} #boxer.loading .boxer-container{background: #fff url('/static/home/images/loading.gif') no-repeat center;} .icon3:hover .askTel{ display: block; } .icon1:hover .askTel{ display: block; } .icon1 img{ width: 110px; padding: 0; box-shadow: none; border:1px solid rgb(230,230,230); left:-125px ; } /* fenye */ .pages{ margin-top:40px ;font-size:14px; text-align: center;} .pages a { display:inline-block; height:30px; line-height:30px; background:#fff; border:1px solid #ddd; text-align:center; color:#333; padding:0 12px; margin:0 2px;} .pages a:hover { background:#d2ad53; border:1px solid #d2ad53; color:#fff; text-decoration:none } .pages span { display:inline-block; height:32px; line-height:32px; background:#d2ad53; color:#fff; text-align:center; padding:0 12px; margin:0 2px;} .box{ display: flex; /* align-items: center; */ color: #fff; font-size: 20px; font-family: arial; flex-wrap: wrap;} .box img{ margin-right: 15px; } .headerBox .box{ display: flex; align-items: center; } .footer .item{ display: none; } .Ewmus{ /* width: 100px; */ } .Ewmus img{ width: 100px; } .Ewmus p{ font-size: 14px; /* text-align: right; */ margin-top: 5px; color: #999; /* width: 100px; *//* display: inline; */margin-right: 13px;}