/*特殊字体*/ /*@font-face{ font-family:"SR"; src: url("/static/font/SOURCEHANSANSCN-REGULAR.OTF") format("opentype"); } @font-face{ font-family:"SM"; src: url("/static/font/SOURCEHANSANSCN-MEDIUM.OTF") format("opentype"); } @font-face{ font-family:"SB"; src: url("/static/font/SOURCEHANSANSCN-BOLD.OTF") format("opentype"); } @font-face{ font-family:"SL"; src: url("/static/font/SOURCEHANSANSCN-LIGHT.OTF") format("opentype"); } @font-face{ font-family:"BC"; src: url("/static/font/bahnschrift.ttf") format("opentype"); } @font-face{ font-family:"GM"; src: url("/static/font/Gilroy-Medium.otf") format("opentype"); } @font-face{ font-family:"AV"; src: url("/static/font/AVGARDN.TTF") format("opentype"); } *{font-family:"SR";}*/ @-webkit-keyframes warn{ 0%{opacity:0;-webkit-transform:scale(1);transform:scale(1);} 50%{opacity:1;} to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);} } @keyframes warn{ 0%{opacity:0;-webkit-transform:scale(1);transform:scale(1);} 50%{opacity:1} to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);} } /*全站搜索*/ #search{width:100%; padding-bottom:40px;} #search .form{margin-bottom:22px;margin-top: 20px;} #search .form .text{width: 340px;padding-left: 15px;height: 49px;line-height: 49px;border:1px solid #dddddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;font-size: 16px;} #search .form .submit{height: 49px;width: 59px;border:1px solid #102744;border-top-right-radius: 5px;border-bottom-right-radius:5px;background: #102744 url(/images/search-icon.png) no-repeat center center;color: #fff;font-size: 16px;} #search .list{width:100%; margin-bottom:50px;} #search .list .info .cate{padding-left:15px;} #search .list .new .cate{} #search .list .know .cate{} #search .list .info li{padding:20px 0; border-bottom:1px solid #dddddd;} #search .list .info li:first-child{border-top:1px solid #dddddd;} #search .list .info .title{margin-right:16px; line-height:22px; color:#102744; font-size:16px; font-weight:bold;} #search .list .info .day, #search .list .info .cate{color:#888888; font-size:16px; margin-right:20px;} #search .list .info .day{margin:0;} #search .list .info .desc{height:60px; overflow:hidden; margin-top:1.375%; color:#888888; font-size:14px; line-height:32px;} #search .txt{font-size: 16px;line-height: 1.6;margin-top: 60px;} @media (max-width: 750px){ #search .form{margin-top: 80px;} #search .form .text{font-size: 26px;} #search .form .submit{width: 75px;font-size: 26px;} #search .list .info .title{font-size: 28px;line-height: 1.6;} #search .list .info .day, #search .list .info .cate{font-size: 28px;line-height: 1.6;} #search .list .info .desc{font-size: 26px;line-height: 1.6;height: 120px;} } /*重写分页*/ .paging[type='default'] .a{width: 50px;height: 50px !important;line-height: 48px !important;font-size: 20px !important;color: #888;font-family: "BC";} .paging[type='default'] .a:first-child{background: url(/images/page-icon1.png) no-repeat center;/*border: 1px solid #e3e3e3;*/} .paging[type='default'] .a:last-child{background: url(/images/page-icon4.png) no-repeat center;/*border: 1px solid #e3e3e3;*/} .paging[type='default'] .a:first-child:hover{background-image: url(/images/page-icon2.png);border-color: #102744;} .paging[type='default'] .a:last-child:hover{background-image: url(/images/page-icon3.png);border-color: #102744;} .paging[type='default'] .number .a{width: auto;border: none; background: #fff;color: #999;font-weight: 700;background: none;} .paging[type='default'] .number .a.cur{color: #102744;background: none !important;border-color: transparent !important;} .paging[type='default'] .number .a:hover{color: #102744;background: none;} @media (max-width: 750px){ .paging[type="default"] .a{font-size: 26px !important;} } /*头部*/ .header-blank{height: 127px;} #header{width: 100%;box-shadow: 0 0 20px 0 rgba(0,0,0,.1);z-index: 20;} #header .top{width: 100%;padding: 5px 0;background: #102744;} #header .top .t{font-size: 14px;color: #dedfe2;margin-left: 46px;} #header .top .item1{background: url(/images/icon1.png) no-repeat left 2px;padding-left: 22px;} #header .top .item2{background: url(/images/icon2.png) no-repeat left 3px;padding-left: 24px;} #header .top .item3{background: url(/images/icon3.png) no-repeat left 3px;padding-left: 24px;z-index: 2;} #header .top .item3 .qrcode-box{width: 110px;height: 110px;background: #fff;left: -10px;top: 25px;display: none;} #header .top .item3 .qrcode-box::before{content: '';position: absolute;border: 5px solid transparent;border-bottom-color: #fff;left: 50%;transform: translateX(-50%);top: -10px;} #header .top .item2:hover, #header .top .item3:hover{color: #fff;} #header .top .item3:hover .qrcode-box{display: block;} #header .bot{height: 96px;line-height: 95px;background: #fff;} #header .bot .logo{width: 170px;height: 40px;margin-top: 26px;margin-right: 90px;} #header .bot .logo img:nth-child(1){display: inline-block;} #header .bot .logo img:nth-child(2){display: none;} #header .bot .nav .one-nav{padding: 0 35px;} #header .bot .nav .one-nav .one-a{font-size: 16px;color: #000;} #header .bot .nav .one-nav.cur .one-a{color: #aacd06;} #header .bot .nav .one-nav .one-a:hover{color: #aacd06;} #header .bot .nav .one-nav .two-nav{width: 100%;background: #fff;left: 0;right: 0;top: 127px;border-top: 1px solid #e2e2e2;} #header .bot .nav .one-nav .two-nav .two-a a{margin: 0 20px;font-size: 16px;color: #333;} #header .bot .nav .one-nav .two-nav .two-a a:hover{color: #aacd06;} #header .bot .nav .one-nav:hover .two-nav{display: flex;} #header .bot .txt{font-size: 16px;color: #666;} /*#header .bot .txt.cur{color: #aacd06;border-bottom: 2px solid #aacd06;line-height: 94px;}*/ #header .bot .mall{font-size: 16px;color: #666;padding-left: 35px;background: url(/images/mall-icon2.png) no-repeat left;margin-left: 35px;} #header .bot .search{width: 21px;height: 21px;background: url(/images/search-icon2.png) no-repeat center;margin-top: 35px;margin-left: 35px;} #header.index .bot{background: url(/images/header-bg.png) no-repeat center;background-size: cover;} #header.index .bot .logo img:nth-child(1){display: none;} #header.index .bot .logo img:nth-child(2){display: inline-block;} #header.index .bot .nav .one-nav .one-a{color: #fff;} #header.index .bot .nav .one-nav.cur .one-a{color: #aacd06;} #header.index .bot .nav .one-nav .one-a:hover{color: #aacd06;} #header.index .bot .txt{color: #fff;} #header.index .bot .mall{color: #fff;background-image: url(/images/mall-icon.png);} #header.index .bot .search{background-image: url(/images/search-icon.png);} #header.index:hover .bot{background: #fff;border-bottom: 1px solid #f1f1f1;} #header.index:hover .bot .logo img:nth-child(1){display: inline-block;} #header.index:hover .bot .logo img:nth-child(2){display: none;} #header.index:hover .bot .nav .one-nav .one-a{color: #000;} #header.index:hover .bot .nav .one-nav .one-a:hover{color: #aacd06;} #header.index:hover .bot .txt{color: #666;} #header.index:hover .bot .mall{color: #666;background-image: url(/images/mall-icon2.png);} #header.index:hover .bot .search{background-image: url(/images/search-icon2.png);} #header .thehovermaskbg{height: 2px;background: #aacd06;top: auto;bottom: 0;} #m-nav{display: none;} @media (max-width: 1680px){ #header .bot .logo{margin-right: 40px;} #header .bot .nav .one-nav{padding: 0 28px;} } @media (max-width: 1440px){ #header .bot .logo{margin-right: 30px;} #header .bot .nav .one-nav{padding: 0 20px;} } @media (max-width: 1280px){ #header .bot .logo{margin-right: 20px;} #header .bot .nav .one-nav{padding: 0 13px;} #header .bot .mall{margin-left: 15px;} #header .bot .search{margin-left: 15px;} } @media (max-width: 1100px){ #header .top{display: none;} #header .nav{display: none;} #header .bot .txt{display: none;} #header .nav-icon{display: block;width: 21px;height: 21px;background: url(/images/gengduo.png) no-repeat center;margin: 35px 0 0 30px;background-size: cover;} #header.index .nav-icon{background-image: url(/images/gengduo-fff.png);} #header .nav-icon.cur{background: url(/images/guanbi.png) no-repeat center;} #m-nav{display: block;width: 100%;height: 0;z-index: 49;left: 0;right: 0;/*top: 127px;*/top: 96px;width: 100%;background: #fff;overflow-y: auto;box-shadow: 0 10px 30px 0 rgba(0,0,0,.1);} #m-nav.cur{height: 800px;padding-bottom: 50px;} #m-nav .nav{width: 92%;margin: 0 auto;} #m-nav .nav .one-nav{line-height: 60px;border-bottom: 1px solid #ebebeb;background: url(/images/down-icon.png) no-repeat right 25px;} #m-nav .nav .one-nav.nobg{background: none;} #m-nav .nav .one-nav.cur{background: url(/images/top-icon.png) no-repeat right 25px;} #m-nav .nav .one-nav.cur.nobg{background: none;} #m-nav .nav .one-nav .one-a{font-size: 18px;font-weight: 700;} #m-nav .nav .one-nav .two-nav{width: 100%;padding-left: 30px;} #m-nav .nav .one-nav .two-nav .two-a{font-size: 16px;} #m-nav .mall{font-size: 16px;color: #666;padding-left: 35px;background: url(/images/mall-icon2.png) no-repeat left;margin-left: 35px;margin-top: 30px;} #header:hover .nav-icon{background-image: url(/images/gengduo.png);} #header:hover .nav-icon.cur{background-image: url(/images/guanbi.png);} #header .bot .mall{display: none;} #header.cur .bot{background: #fff;} #header.cur .bot .logo img:nth-child(1){display: inline-block;} #header.cur .bot .logo img:nth-child(2){display: none;} #header.cur .bot .nav .one-nav .one-a{color: #000;} #header.cur .bot .nav .one-nav .two-nav .two-a a{color: #333;} #header.cur .bot .txt{color: #666;} #header.cur .bot .mall{color: #666;background-image: url(/images/mall-icon2.png);} #header.cur .bot .search{background-image: url(/images/search-icon2.png);} #header.cur .nav-icon{background-image: url(/images/gengduo.png);} #header.cur .nav-icon.cur{background-image: url(/images/guanbi.png);} #header.on .bot{background: #fff;} #header.on .bot .logo img:nth-child(1){display: inline-block;} #header.on .bot .logo img:nth-child(2){display: none;} #header.on .bot .nav .one-nav .one-a{color: #000;} #header.on .bot .nav .one-nav .two-nav .two-a a{color: #333;} #header.on .bot .txt{color: #666;} #header.on .bot .mall{color: #666;background-image: url(/images/mall-icon2.png);} #header.on .bot .search{background-image: url(/images/search-icon2.png);} #header.on .nav-icon{background-image: url(/images/gengduo.png);} #header.on .nav-icon.cur{background-image: url(/images/guanbi.png);} } @media (max-width: 750px){ #header .top{padding: 10px 0;} #header .top .t{font-size: 26px;} #header .top .item1{padding-left: 32px;background-size: 26px;background-position-y: 4px;} #header .top .item2{padding-left: 34px;background-size: 26px;background-position-y: 7px;} #header .top .item3{padding-left: 34px;background-size: 26px;background-position-y: 9px;} #header .top .item3 .qrcode-box{left: 22px;top: 45px;} /*#m-nav{top: 155px;}*/ #header .bot .mall{font-size: 26px;background-size: 26px;} #header .bot .search{width: 26px;height: 26px;background-size: cover;} #header .bot .nav-icon{width: 26px;height: 26px;background-size: cover;} #m-nav .nav .one-nav{line-height: 80px;} #m-nav .nav .one-nav .one-a{font-size: 28px;} #m-nav .nav .one-nav .two-nav .two-a{font-size: 26px;} #m-nav .mall{font-size: 26px;background-size: 26px;} } @keyframes updown { 0%{transform: translateY(-10px);} 50%{transform: translateY(10px);} 100%{transform: translateY(-10px);} } #banner{width: 100%;} #banner .li{height: 100% !important;} #banner .mouse-box{width: 26px;height: 40px;animation: updown 4s linear infinite 0s;background: url(/images/mouse-icon.png) no-repeat center;left: 50%;transform: translateX(-50%);bottom: 60px;z-index: 5;} #banner .page-box{width: 13px;height: 100%;top: 0;bottom: 0;right: 60px;z-index: 10;display: flex;flex-direction: column;justify-content: center;} #banner .swiper-pagination-bullets .swiper-pagination-bullet{width: 13px;height: 13px;opacity: 1;background: transparent;margin: 5px 0;border: 1px solid #fff;} #banner .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #aacd06;border-color: #aacd06;} #banner.brand .mouse-box{bottom: 130px;} /*二级导航*/ #second-nav{border-bottom: 1px solid #e5e5e5;width: 100%;height: 80px;} #second-nav .box{max-width: 100%;} #second-nav .box .li{width: auto;line-height: 78px;margin: 0 38px;font-size: 18px;color: #333;border-bottom: 2px solid transparent;} #second-nav .box .li:hover{color: #aacd06;} #second-nav .box .li.cur{color: #aacd06;font-family: "SB";border-bottom-color: #aacd06;} @media (max-width: 750px){ #second-nav .box .li{font-size: 26px;} } /*面包屑*/ #crumbs{width: 100%;padding-top: 35px;} #crumbs a{font-size: 14px;color: #666;} #crumbs span{font-size: 14px;color: #666;margin: 0 5px;} /*#crumbs a:last-child{color: #000;}*/ #crumbs a:hover{color: #333;} @media (max-width: 750px){ #crumbs{display: none;} #crumbs a{font-size: 26px;line-height: 1.6;} } /*首页*/ #ind-about{} /*#ind-about .video-box{margin-top: 127px;}*/ #ind-about .data-box{width: 100%;top: 127px;z-index: 2;background-image: linear-gradient(rgba(16,39,68,.9),rgba(16,39,68,0));padding: 25px 0 50px;} #ind-about .data-box .li{width: 18.75%;color: #fff;} #ind-about .data-box .li::after{content: '';width: 1px;height: 80px;background: rgba(255,255,255,.2);right: 0;top: 0;bottom: 0;margin: auto;position: absolute;} #ind-about .data-box .li:last-child::after{display: none;} #ind-about .data-box .li .icon{width: 45px;height: 45px;margin: 0 auto;} #ind-about .data-box .li .text{} #ind-about .data-box .li .text .num{font-size: 52px;font-family:"BC";font-weight: 200;} #ind-about .data-box .li .text .unit1{font-size: 52px;} #ind-about .data-box .li .text .unit2{font-size: 16px;vertical-align: bottom;margin-bottom: 16px;} #ind-about .data-box .li .tit{font-size: 14px;} #ind-about .ico{width: 133px;height: 132px;background: url(/images/about-icon1.png) no-repeat center;z-index: 2;left: 50%;top: 50%;transform: translate(-50%,0);} #ind-about .ico::before{ width:100%; height:100%; opacity:0; border-radius:100%; box-shadow:inset 0 0 5px #fff; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';animation:warn 2s ease-out .1s infinite; -webkit-animation:warn 2s ease-out .1s infinite;} @media (max-width: 1280px){ #ind-about .ico{top: 44%;} } @media (max-width: 750px){ #ind-about .video-box{margin-top: 0;} #ind-about .video-box video{width: 100%;height: auto;} #ind-about .data-box{position: static;background: #102744;padding: 50px 0 15px;} #ind-about .data-box .content{flex-wrap: wrap;} #ind-about .data-box .li{width: 50%;color: #fff;margin-bottom: 40px;} #ind-about .data-box .li .icon{width: 60px;height: 60px;} #ind-about .data-box .li .icon img{width: 100%;} #ind-about .data-box .li::after{content: '';width: 1px;height: 80px;background: rgba(255,255,255,.2);right: 0;top: 0;bottom: 0;margin: auto;position: absolute;display: none;} #ind-about .data-box .li .text{margin: 10px 0;} #ind-about .data-box .li .text .unit1{line-height: 1;} #ind-about .data-box .li .text .unit2{font-size: 26px;} #ind-about .data-box .li .tit{font-size: 24px;} #ind-about .ico{top: 71%;} } #ind-products{background: #f5f6f7;padding-top: 160px;} #ind-products .title-en{font-size: 42px;color: #aacd06;font-family: "BC";font-weight: 700;} #ind-products .title-cn{line-height: 1;} #ind-products .title-cn span{font-size: 32px;color: #313131;font-family: "SM";letter-spacing: 10px;background: #f5f6f7;padding: 0 30px;position: relative;z-index: 2;} #ind-products .title-cn::after{content: '';position: absolute;left: 0;right: 0;width: 100%;height: 1px;background: #959595;top: 50%;transform: translateY(-50%);z-index: 1;} #ind-products .top-box{margin-top: 30px;} #ind-products .top-box .cate{width: 80%;margin: 0 auto;font-size: 16px;color: #333;} #ind-products .top-box .cate .item{min-width: 70px;padding: 3px 20px;margin-bottom: 10px;} #ind-products .top-box .cate .item:hover{background: #aacd06;color: #fff;} #ind-products .top-box .cate .item.cur{background: #aacd06;color: #fff;} #ind-products .top-box .more{font-size: 16px;color: #7d7d7d;padding-right: 22px;background: url(/images/detail-icon.png) no-repeat right;top: 5px;right: 0;} #ind-products .top-box .more:hover{color: #aacd06;background-image: url(/images/detail-icon-h.png);} #ind-products .content{margin-top: 35px;} #ind-products .content .li{width: 31.875%;margin: 0 2.1875% 35px 0;} #ind-products .content .li:nth-child(3n){margin-right: 0;} #ind-products .content .li .pic{width: 100%;padding-top: 52.941%;} #ind-products .content .li .cont{background: rgba(16,39,68,.8);opacity: 0;} #ind-products .content .li .cont .con{width: 92%;} #ind-products .content .li .cont .tit{font-size: 20px;color: #fff;font-family: "SM";} #ind-products .content .li .cont .brief{font-size: 14px;color: #fff;line-height: 1.6;margin: 15px 0 8px;} #ind-products .content .li .cont .txt{font-size: 14px;color: #fff;} #ind-products .content .li .cont .more{width: 130px;height: 40px;line-height: 40px;background: #aacd06;text-align: center;font-size: 14px;color: #fff;border-radius: 20px;margin: 18px auto 0;} #ind-products .content .li .cont .more .icon{width: 13px;height: 6px;background: url(/images/detail-icon2.png) no-repeat center;margin-left: 12px;margin-top: 15px;} #ind-products .content .li:hover .cont{opacity: 1;} #ind-products .m-content{display: none;} @media (max-width: 1680px){ #ind-products{padding-top: 150px;} #ind-products .top-box{margin-top: 10px;} #ind-products .content{margin-top: 15px;} #ind-products .content .li{margin-bottom: 25px;} } @media (max-width: 750px){ #ind-products{padding: 60px 0 80px;} #ind-products .top-box{margin-top: 30px;text-align: center;display: none;} #ind-products .top-box .cate{width: 100%;font-size: 26px;} #ind-products .top-box .more{font-size: 26px;position: static;} #ind-products .content{display: none;} #ind-products .content .li{width: 100%;margin: 0 0 35px 0;} #ind-products .content .li .cont .tit{font-size: 30px;} #ind-products .content .li .cont .brief{font-size: 24px;} #ind-products .content .li .cont .txt{font-size: 24px;} #ind-products .content .li .cont .more{width: 180px;height: 60px;line-height: 60px;font-size: 24px;border-radius: 30px;} #ind-products .content .li .cont .more .icon{margin-top: 25px;} #ind-products .m-content{display: block;padding-top: 40px;} #ind-products .m-content .container{overflow: visible;width: 90%;} #ind-products .m-content .li{width: 100%;} #ind-products .m-content .li .pic{width: 100%;padding-top: 52.941%;} #ind-products .m-content .li .cont{background: rgba(16,39,68,.8);top: auto;} #ind-products .m-content .li .cont .con{width: 92%;padding: 30px 0;} #ind-products .m-content .li .cont .tit{font-size: 30px;color: #fff;font-family: "SM";} #ind-products .m-content .li .cont .brief{font-size: 24px;color: #fff;line-height: 1.6;margin: 15px 0 8px;display: none;} #ind-products .m-content .li .cont .txt{font-size: 24px;color: #fff;display: none;} #ind-products .m-content .li .cont .more{width: 150px;height: 50px;line-height: 50px;background: #aacd06;text-align: center;font-size: 24px;color: #fff;border-radius: 30px;margin: 18px auto 0;} #ind-products .m-content .li .cont .more .icon{width: 13px;height: 6px;background: url(/images/detail-icon2.png) no-repeat center;margin-left: 12px;margin-top: 20px;} #ind-products .m-content .swiper-pagination-bullets{bottom: -35px;} #ind-products .m-content .swiper-pagination-bullets .swiper-pagination-bullet{} #ind-products .m-content .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #aacd06;} } @-webkit-keyframes moveRotate{0%{-webkit-transform: rotate(0);transform: rotate(0);}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes moveRotate{0%{-webkit-transform: rotate(0);transform: rotate(0);}100%{-webkit-transform: rotate(360deg);transform: rotate(360deg);}} @keyframes scale1 { 0% {transform: scale(1);opacity: .6;} 100% {transform: scale(2);opacity: .4;} } @keyframes scale2 { 0% {transform: scale(2);opacity: .4;} 100% {transform: scale(2.8);opacity: .0;} } #index4{padding-top: 128px;background: #102744;display: flex;flex-direction: column;justify-content: center;} #index4 .quan1{width: 1086px;height: 1068px;background: url(/images/quan3.png) no-repeat center;left: -550px;top: -360px;-webkit-animation: moveRotate 15s infinite linear;animation: moveRotate 15s infinite linear;/*transform-origin: 0 0;*/z-index: 0;} #index4 .quan2{width: 1086px;height: 1068px;background: url(/images/quan4.png) no-repeat center;right: -550px;bottom: -500px;-webkit-animation: moveRotate 15s infinite linear;animation: moveRotate 15s infinite linear;/*transform-origin: 100% 100%;*/z-index: 0;} #index4 .content{} #index4 .m-content{display: none;} #index4 .content .center{width: 42.5%;margin: 0 auto;padding-top: 42.5%;border-radius: 100%;background: url(/images/reason-bg.png) no-repeat center;background-size: cover;} #index4 .content .center .cont{width: 60%;height: 60%;background: #fff;border-radius: 100%;margin: auto;display: flex;flex-direction: column;justify-content: center;box-shadow: 0 0 30px 0 rgba(0,0,0,.1);} #index4 .content .center .cont .txt1{font-size: 46px;color: #aacd06;font-family:"BC";font-weight: 700;line-height: 48px;} #index4 .content .center .cont .txt2{font-size: 24px;color: #333;margin: 15px 0 0;font-family:"SM";} #index4 .content .center .item{display: flex;justify-content: space-between;} #index4 .content .center .item .icon{width: 16px;height: 16px;background: #aacd06;border-radius: 100%;position: relative;z-index: 1;pointer-events: none;} #index4 .content .center .item .icon img{opacity: 0;transition: 1;} #index4 .content .center .item .icon .scale1{animation:scale1 3s infinite linear;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #aacd06;border-radius: 50%;z-index: -1;pointer-events: none;} #index4 .content .center .item .icon .scale2{animation:scale2 3s infinite linear;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #aacd06;border-radius: 50%;z-index: -1;pointer-events: none;} #index4 .content .center .item .text{} #index4 .content .center .item .text .tit{font-size: 18px;color: #fff;font-family: "SM";line-height: 1.2;} #index4 .content .center .item .text .brief{font-size: 16px;color: #ccc;line-height: 1.5;/*height: 100px;*/opacity: 0;margin-top: 3px;display: none;} /*#index4 .content .center .item .text .brief .mCSB_dragger_bar{opacity: 0;}*/ #index4 .content .center .item:hover .icon{width: 100px;height: 100px;} #index4 .content .center .item:hover .icon img{opacity: 1;} #index4 .content .center .item:hover .icon .scale1{display: none;} #index4 .content .center .item:hover .icon .scale2{display: none;} #index4 .content .center .item:hover{align-items: center;transform: translate(45px,-45px);} #index4 .content .center .item:nth-child(2n-1):hover{transform: translate(-45px,-45px);} #index4 .content .center .item:hover .text .tit{font-size: 24px;} #index4 .content .center .item:hover .text .brief{opacity: 1;display: block;} #index4 .content .center .item0{width: 92%;left: -69.5%;top: 8%;flex-direction: row-reverse;} #index4 .content .center .item0 .text{width: calc(100% - 35px);text-align: right;} #index4 .content .center .item0:hover .text{width: calc(100% - 135px);} #index4 .content .center .item1{width: 92%;left: 77.5%;top: 8%;} #index4 .content .center .item1 .text{width: calc(100% - 35px);} #index4 .content .center .item1:hover .text{width: calc(100% - 135px);} #index4 .content .center .item2{width: 68.382%;left: -67%;top: 48%;flex-direction: row-reverse;} #index4 .content .center .item2 .text{width: calc(100% - 35px);text-align: right;} #index4 .content .center .item2:hover .text{width: calc(100% - 135px);} #index4 .content .center .item3{width: 68.382%;left: 99%;top: 48%;} #index4 .content .center .item3 .text{width: calc(100% - 35px);} #index4 .content .center .item3:hover .text{width: calc(100% - 135px);} #index4 .content .center .item4{width: 92%;left: -69.5%;top: 89.5%;flex-direction: row-reverse;} #index4 .content .center .item4 .text{width: calc(100% - 35px);text-align: right;} #index4 .content .center .item4:hover .text{width: calc(100% - 135px);} #index4 .content .center .item5{width: 92%;left: 77.5%;top: 89.5%;} #index4 .content .center .item5 .text{width: calc(100% - 35px);} #index4 .content .center .item5:hover .text{width: calc(100% - 135px);} @media (max-width: 1280px){ #index4 .content .center .cont .txt1{font-size: 32px;} #index4 .content .center .cont .txt2{font-size: 20px;} } @media (max-width: 750px){ #index4{padding: 60px 0 30px;} #index4 .content .center{display: none;} #index4 .m-content{display: block;} #index4 .m-content .txt1{font-size: 36px;color: #aacd06;font-family:"BC";font-weight: 700;line-height: 48px;} #index4 .m-content .txt2{font-size: 32px;color: #fff;margin-top: 0;font-family:"SM";} #index4 .m-content .cont{margin-top: 50px;} /*#index4 .m-content .cont .item{display: flex;align-items: center;margin-bottom: 35px;} #index4 .m-content .cont .item .icon{width: 100px;height: 100px;background: #aacd06;border-radius: 100%;} #index4 .m-content .cont .item .text{width: calc(100% - 120px);margin-left: 20px;color: #fff;} #index4 .m-content .cont .item .text .tit{font-size: 28px;font-family: "SM";} #index4 .m-content .cont .item .text .brief{font-size: 26px;line-height: 1.5;margin-top: 3px;}*/ /*#index4 .m-content .cont .container{overflow: visible;width: 60%;margin-left: 0;}*/ #index4 .m-content .cont .container{padding-bottom: 40px;} #index4 .m-content .cont .item .icon{width: 100px;height: 100px;background: #aacd06;border-radius: 100%;margin: 0 auto;} #index4 .m-content .cont .item .text{width: 100%;color: #fff;text-align: center;} #index4 .m-content .cont .item .text .tit{font-size: 28px;font-family: "SM";margin: 20px 0;} #index4 .m-content .cont .item .text .brief{font-size: 26px;line-height: 1.5;margin-top: 3px;} #index4 .m-content .cont .swiper-pagination-bullets{bottom: 0;} #index4 .m-content .cont .swiper-pagination-bullets .swiper-pagination-bullet{} #index4 .m-content .cont .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #aacd06;} } #ind-order{padding-top: 180px;} #ind-order .content{} #ind-order .content .left{width: 31.875%;} #ind-order .content .left .txt1{font-size: 42px;color: #aacd06;line-height: 48px;font-family: "BC";font-weight: 700;} #ind-order .content .left .txt2{font-size: 24px;color: #434343;font-family: "SM";} #ind-order .content .left .icon-box{margin-top: 18px;} #ind-order .content .left .icon-box .icon{width: 22px;height: 22px;margin-right: 8px;} #ind-order .content .left .form-box{margin-top: 100px;} #ind-order .content .left .form-box .tit{font-size: 30px;color: #313131;font-family: "SM";letter-spacing: 10px;} #ind-order .content .left .form-box .input-box{margin-top: 20px;height: 56px;line-height: 56px;} #ind-order .content .left .form-box .input-box .input{display: inline-block;width: calc(100% - 155px);background: #eee;} #ind-order .content .left .form-box .input-box .input .inp{width: 100%;padding: 0 16px;font-size: 18px;color: #898989;} #ind-order .content .left .form-box .input-box .input .inp::-webkit-input-placeholder{color: #898989;} #ind-order .content .left .form-box .input-box .input .inp::-moz-placeholder{color: #898989;opacity: 1;} #ind-order .content .left .form-box .input-box .input .inp::-ms-input-placeholder{color: #898989;} #ind-order .content .left .form-box .input-box .submit{display: inline-block;width: 150px;/*height: 56px;line-height: 56px;*/text-align: center;font-size: 22px;color: #fff;font-family: "SM";background: #aacd06;} #ind-order .content .left .txt3{font-size: 16px;color: #7d7d7d;line-height: 2.25;margin-top: 18px;} #ind-order .content .pic{width: 79.625%;right: -25px;top: 0;z-index: -1;} @media (max-width: 750px){ #ind-order{padding: 20px 0 60px;} #ind-order .content .left{width: 100%;} #ind-order .content .left .txt1{font-size: 42px;display: none;} #ind-order .content .left .txt2{font-size: 28px;margin-top: 10px;display: none;} #ind-order .content .left .icon-box{display: none;} #ind-order .content .left .form-box{margin-top: 40px;} #ind-order .content .left .form-box .tit-en{display: block;font-size: 26px;margin-bottom: 12px;} #ind-order .content .left .form-box .input-box .input .inp{width: 100%;padding: 0 16px;font-size: 26px;color: #898989;} #ind-order .content .left .form-box .input-box .submit{width: 150px;font-size: 26px;} #ind-order .content .left .txt3{font-size: 26px;} #ind-order .content .pic{width: 100%;position: static;margin-top: 20px;} } #ind-exper{padding-top: 160px;background: #021f42;} #ind-exper .title-en{font-size: 42px;color: #aacd06;font-family: "BC";font-weight: 700;} #ind-exper .title-cn{font-size: 32px;color: #fff;font-family: "SM";letter-spacing: 10px;line-height: 1;} #ind-exper .title-cn .more{font-size: 16px;color: #fff;padding-right: 20px;background: url(/images/detail-icon2.png) no-repeat right;right: 0;top: 10px;letter-spacing: 0;} #ind-exper .title-cn .more:hover{color: #aacd06;background-image: url(/images/detail-icon-h.png);} #ind-exper .container{width: 62.5%;overflow: visible;margin-top: 40px;} #ind-exper .li{} #ind-exper .li .pic{padding-top: 40%;} #ind-exper .li.swiper-slide-active .pic{padding-top: 56%;} #ind-exper .li .txt{font-size: 18px;color: #fff;padding: 0 20px;margin-top: 15px;} #ind-exper .page-box{bottom: 120px;right: 70px;z-index: 3;} #ind-exper .page-box .btn{width: 60px;height: 60px;border-radius: 12px;} #ind-exper .page-box .btn.prev{background: url(/images/prev-icon1.png) no-repeat center #fff;margin-right: 20px;} #ind-exper .page-box .btn.next{background: url(/images/next-icon1.png) no-repeat center #fff;} #ind-exper .page-box .btn.prev:hover{background: url(/images/prev-icon2.png) no-repeat center #aacd06;} #ind-exper .page-box .btn.next:hover{background: url(/images/next-icon2.png) no-repeat center #aacd06;} #ind-exper .page-box .page{width: auto;font-size: 18px;color: #999;font-family: "BC";margin-left: 45px;} #ind-exper .page-box .page .swiper-pagination-current{color: #aacd06;margin-right: 2px;font-family: "BC";} #ind-exper .page-box .page .swiper-pagination-total{color: #fff;margin-left: 2px;font-family: "BC";} @media (max-width: 1440px){ #ind-exper .page-box{right: 45px;} #ind-exper .page-box .btn.prev{margin-right: 10px;} #ind-exper .page-box .page{margin-left: 25px;} } @media (max-width: 750px){ #ind-exper{padding: 60px 0;} #ind-exper .title-cn .more{font-size: 26px;top: 2px;} #ind-exper .container{width: 80%;overflow: visible;margin-top: 40px;min-height: 380px;} #ind-exper .li .txt{font-size: 28px;} #ind-exper .page-box{position: static;margin-top: 30px;text-align: center;} #ind-exper .page-box .page{font-size: 26px;} } #ind-news{background: #f9f9f9;padding-top: 150px;} #ind-news .title-en{font-size: 42px;color: #aacd06;font-family: "BC";font-weight: 700;} #ind-news .title-cn{font-size: 32px;color: #333;font-family: "SM";letter-spacing: 10px;line-height: 1;} #ind-news .content{margin-top: 30px;} #ind-news .content .li{width: 33.333%;background: #fff;} #ind-news .content .li:nth-child(2){flex-direction: column-reverse;} #ind-news .content .li .pic{width: 100%;padding-top: 52.83%;} #ind-news .content .li .msg{width: 100%;padding-top: 52.83%;} #ind-news .content .li .msg::after{content: '';position: absolute;border: 15px solid transparent;border-bottom-color: #fff;left: 50%;top: -30px;transform: translateX(-50%);transition: .3s;} #ind-news .content .li:nth-child(2) .msg::after{border-bottom-color: transparent;border-top-color: #fff;top: auto;bottom: -30px;} #ind-news .content .li .msg .cont{width: 66.981%;} #ind-news .content .li .msg .cont .time{font-size: 22px;color: #999;font-family: "BC";} #ind-news .content .li .msg .cont .tit{font-size: 20px;color: #333;line-height: 1.5;margin-top: 20px;height: 60px;} #ind-news .content .li .msg .cont .more{width: 130px;height: 40px;line-height: 40px;background: #fff;text-align: center;font-size: 14px;color: #aacd06;border-radius: 20px;margin: 18px auto 0;opacity: 0;} #ind-news .content .li .msg .cont .more .icon{width: 13px;height: 6px;background: url(/images/detail-icon-h.png) no-repeat center;margin-left: 12px;margin-top: 15px;} #ind-news .content .li:hover{background: #aacd06;} #ind-news .content .li:hover .msg .cont .time, #ind-news .content .li:hover .msg .cont .tit{color: #fff;} #ind-news .content .li:hover .msg .cont .more{opacity: 1;} #ind-news .content .li:hover .msg::after{border-bottom-color: #aacd06;} #ind-news .content .li:hover:nth-child(2) .msg::after{border-top-color: #aacd06;border-bottom-color: transparent;} #ind-news .more-btn{margin-top: 38px;} #ind-news .more-btn .more{font-size: 14px;color: #333;z-index: 2;} #ind-news .more-btn .more::before{content: '';position: absolute;width: 60px;height: 60px;background: #eee;border-radius: 100%;left: -26px;top: -23px;z-index: -1;} #ind-news .more-btn .more .icon{width: 13px;height: 6px;background: url(/images/detail-icon.png) no-repeat center;margin-left: 12px;margin-top: 6px;} #ind-news .more-btn .more:hover{color: #aacd06;} #ind-news .more-btn .more:hover .icon{background-image: url(/images/detail-icon-h.png);} @media (max-width: 750px){ #ind-news{padding: 60px 0;} #ind-news .content{flex-wrap: wrap;} #ind-news .content .li{width: 48%;margin-bottom: 20px;margin-right: 4%;} #ind-news .content .li:nth-child(2){flex-direction: column;} #ind-news .content .li:nth-child(2n){margin-right: 0;} #ind-news .content .li .msg{padding: 25px;} #ind-news .content .li .msg::after{display: none;} #ind-news .content .li .msg .absolute{position: static;text-align: left;} #ind-news .content .li .msg .cont{width: 92%;} #ind-news .content .li .msg .cont .time{font-size: 26px;} #ind-news .content .li .msg .cont .tit{font-size: 26px;height: 39px;} #ind-news .content .li .msg .cont .more{width: 180px;height: 60px;line-height: 60px;font-size: 26px;border-radius: 30px;margin: 18px auto 0;opacity: 1;margin-left: 0;/*text-align: left;*/display: none;} #ind-news .content .li .msg .cont .more .icon{margin-top: 26px;} #ind-news .more-btn .more{font-size: 26px;margin-left: 0;} #ind-news .more-btn .more .icon{margin-top: 16px;} #ind-news .more-btn .more::before{top: -10px;} } @keyframes warn{ 0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);} 50%{opacity:1} to{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5);} } @keyframes warn2{ 0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);} 50%{opacity:1} to{opacity:0;-webkit-transform:scale(2);transform:scale(2);} } #partner{padding-top: 128px;background: url(/images/partners-bg.jpg) no-repeat center;background-size: cover;display: flex;flex-direction: column;justify-content: center;} #partner .content{} #partner .pic{display: none;} #partner .content .center{width: 37.5%;margin: 0 auto;padding-top: 37.5%;border-radius: 100%;border: 1px solid rgba(170,250,6,.4);position: relative;} #partner .content .center::before{ width:100%; height:100%; opacity:0; border-radius:100%; box-shadow:inset 0 0 5px rgba(170,250,6,.3); position:absolute; top:0; bottom:0; left:0; right:0; z-index:0; margin:auto; content:'';animation:warn 3s ease-out .1s infinite; } #partner .content .center::after{ width:100%; height:100%; opacity:0; border-radius:100%; box-shadow:inset 0 0 5px rgba(170,250,6,.3); position:absolute; top:0; bottom:0; left:0; right:0; z-index:0; margin:auto; content:'';animation:warn2 3s ease-out .1s infinite; } #partner .content .center .cont{width: 60%;height: 60%;background: #fff;border-radius: 100%;margin: auto;display: flex;flex-direction: column;justify-content: center;} #partner .content .center .cont .txt1{font-size: 32px;color: #333;font-family:"SM";} #partner .content .center .cont .txt2{font-size: 42px;color: #aacd06;font-family:"BC";font-weight: 700;line-height: 48px;margin-top: 5px;} #partner .content .center .item{border-radius: 100%;z-index: 2;} #partner .content .center .item1{width: 135px;height: 135px;background: #18365d;left: -26.667%;top: -4%;} #partner .content .center .item2{left: -50.833%;top: 18%;} #partner .content .center .item3{left: -55.833%;top: 40.833%;} #partner .content .center .item4{left: -45.833%;top: 60%;} #partner .content .center .item5{left: -56.667%;top: 84.167%;} #partner .content .center .item6{left: 9.167%;top: -7.167%;} #partner .content .center .item7{left: -23.667%;top: 36.667%;} #partner .content .center .item8{left: -35.833%;top: 102.167%;} #partner .content .center .item9{left: 14.833%;top: 17.833%;} #partner .content .center .item10{width: 128px;height: 128px;background: #aacd06;left: -10%;top: 48.333%;} #partner .content .center .item11{left: -11.667%;top: 86.667%;} #partner .content .center .item12{width: 110px;height: 110px;background: #18365d;left: 3.333%;top: 91.833%;} #partner .content .center .item13{left: 43.667%;top: 83.5%;} #partner .content .center .item14{left: 52.5%;top: 103.5%;} #partner .content .center .item15{width: 130px;height: 130px;background: #aacd06;left: 64.167%;top: -2.5%;} #partner .content .center .item16{left: 78.667%;top: 28.333%;} #partner .content .center .item17{width: 76px;height: 29px;left: 98.333%;top: 12.5%;} #partner .content .center .item18{width: 90px;height: 34px;left: 104.5%;top: 56.667%;} #partner .content .center .item19{width: 117px;height: 52px;left: 114.667%;top: 80.333%;} #partner .content .center .item20{width: 145px;height: 23px;left: 101.667%;top: 101.667%;} #partner .content .center .item21{right: -32.818%;top: 0%;} #partner .content .center .item22{width: 130px;height: 130px;background: #18365d;right: -36.667%;top: 21.667%;} #partner .content .center .item23{right: -55%;top: 40%;} #partner .content .center .item24{right: -48.833%;top: 66.667%;} #partner .content .center .item25{right: -55.833%;top: 87.5%;} #partner .content .center .item26{width: 150px;height: 150px;background: #aacd06;left: 72.833%;top: 70%;} @media (max-width: 1280px){ #partner .content .center .cont .txt1{font-size: 20px;} #partner .content .center .cont .txt2{font-size: 30px;} #partner .content .center .item1{width: 100px;height: 100px;} #partner .content .center .item10{width: 100px;height: 100px;} #partner .content .center .item12{width: 100px;height: 100px;} #partner .content .center .item15{width: 100px;height: 100px;} #partner .content .center .item22{width: 100px;height: 100px;} #partner .content .center .item26{width: 100px;height: 100px;} } @media (max-width: 750px){ #partner{padding: 0;} #partner .content{display: none;} #partner .pic{width: 100%;display: block;} } /*产品中心*/ #products{padding: 110px 0 80px;background: #f7f7f7;} #products .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #products .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #products .top-box .form-box{width: 47.222%;height: 60px;line-height: 60px;background: #fff;border-radius: 3px;padding-right: 29px;} #products .top-box .form-box .input{width: calc(100% - 45px);font-size: 16px;color: #888;} #products .top-box .form-box .input input{width: 100%;padding-left: 19px;} #products .top-box .form-box .input input::-webkit-input-placeholder{color: #888;} #products .top-box .form-box .input input::-moz-placeholder{color: #888;opacity: 1;} #products .top-box .form-box .input input::-ms-input-placeholder{color: #888;} #products .top-box .form-box .submit{width: 21px;height: 60px;background: url(/images/search-icon2.png) no-repeat center;margin-left: 19px;} #products .cate-box{margin-top: 60px;} #products .cate-box .cate{font-size: 16px;color: #333;} #products .cate-box .cate .item{min-width: 70px;padding: 3px 20px;margin-bottom: 10px;} #products .cate-box .cate .item:hover{color: #aacd06;} #products .cate-box .cate .item.cur{background: #aacd06;color: #fff;} #products .cate-box .cate .more-btn{margin-top: 2px;} #products .cate-box .cate .more-btn:hover{color: #aacd06;} #products .cate-box .prod-cate{padding-bottom: 15px;border-bottom: 1px solid #ccc;} /*#products .cate-box .prod-cate .item:nth-last-of-type(-n+2){display: none;}*/ #products .cate-box .cate .item{display: none;} #products .cate-box .cate .item:nth-of-type(-n+10){display: inline-block;} #products .cate-box .style-cate{margin-top: 30px;} /*#products .cate-box .style-cate .item:nth-last-of-type(-n+6){display: none;}*/ #products .cate-box .style-cate .item{display: none;} #products .cate-box .style-cate .item:nth-of-type(-n+13){display: inline-block;} #products .content{margin-top: 60px;} #products .content .li{width: 31.944%;margin: 0 2.084% 40px 0;} #products .content .li:nth-child(3n){margin-right: 0;} #products .content .li .pic{width: 100%;padding-top: 65.217%;} #products .content .li .pic .cont{background: rgba(16,39,68,.8);opacity: 0;} #products .content .li .pic .cont .con{width: 92%;} #products .content .li .pic .cont .logo{/*width: 159px;height: 58px;*/margin: 0 auto;} #products .content .li .pic .cont .logo img{width: auto;} #products .content .li .pic .cont .brief{font-size: 16px;color: #fff;line-height: 1.5;margin-top: 15px;} #products .content .li .msg{background: #fff;padding: 25px 20px;} #products .content .li .msg .tit{font-size: 18px;color: #333;} #products .content .li .msg .tit2{font-size: 16px;color: #666;} #products .content .li .msg .tit2.op1{opacity: 0;} #products .content .li:hover .pic .cont{opacity: 1;} #products .content .li:hover .pic .cont .logo img{transform: scale(1);} @media (max-width: 1366px){ #products .cate-box .prod-cate .item:nth-last-of-type(-n+4){display: none;} #products .cate-box .style-cate .item:nth-last-of-type(-n+8){display: none;} } @media (max-width: 1366px){ #products .cate-box .prod-cate .item:nth-last-of-type(-n+6){display: none;} #products .cate-box .style-cate .item:nth-last-of-type(-n+10){display: none;} } @media (max-width: 1024px){ #products .content .li{width: 49%;margin: 0 2% 40px 0;} #products .content .li:nth-child(3n){margin: 0 2% 40px 0;} #products .content .li:nth-child(2n){margin-right: 0;} #products .cate-box .prod-cate .item:nth-last-of-type(-n+6){display: inline-block;} #products .cate-box .style-cate .item:nth-last-of-type(-n+10){display: inline-block;} #products .cate-box .prod-cate .item:nth-of-type(n+4){display: none;} #products .cate-box .style-cate .item:nth-of-type(n+4){display: none;} } @media (max-width: 750px){ #products{padding: 60px 0;} #products .top-box{display: block;} #products .top-box .form-box{width: 80%;margin-top: 25px;} #products .top-box .form-box .input{font-size: 26px;} #products .cate-box .cate{font-size: 26px;} #products .content{margin-top: 40px;} #products .content .li{width: 100%;margin: 0 0% 40px 0;} #products .content .li:nth-child(3n){margin-right: 0;} #products .content .li .pic .cont .brief{font-size: 26px;margin-top: 15px;} #products .content .li .msg .tit{font-size: 28px;margin-bottom: 5px;} #products .content .li .msg .tit2{font-size: 26px;} } #advantages{padding: 110px 0 90px;} #advantages .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #advantages .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #advantages .content{margin-top: 50px;} #advantages .content .li{width: 31.944%;margin: 0 2.084% 20px 0;box-shadow: 0px 10px 10px 0px rgba(21, 40, 75, 0.05);padding: 36px 36px 40px;} #advantages .content .li:nth-child(3n){margin-right: 0;} #advantages .content .li .num{font-size: 60px;color: #f5f5fa;top: 40px;right: 35px;z-index: 1;font-family:"BC";line-height: 1;font-weight: 700;} #advantages .content .li .icon{width: 65px;height: 65px;} #advantages .content .li .tit{font-size: 22px;color: #333;line-height: 1.364;font-family:"SM";margin: 15px 0;} #advantages .content .li .brief{font-size: 16px;color: #888;line-height: 1.6;} @media (max-width: 1024px){ #advantages .content .li{width: 49%;margin: 0 2% 20px 0;} #advantages .content .li:nth-child(3n){margin: 0 2% 20px 0;} #advantages .content .li:nth-child(2n){margin-right: 0;} } @media (max-width: 750px){ #advantages{padding: 60px 0;} #advantages .content{margin-top: 30px;} #advantages .content .li{width: 100%;margin: 0 0% 20px 0;display: flex;flex-wrap: wrap;align-items: center;} #advantages .content .li:nth-child(3n){margin-right: 0;} /*#advantages .content .li .num{display: none;}*/ #advantages .content .li .tit{font-size: 32px;margin: 0 0 0 25px;width: calc(100% - 180px);} #advantages .content .li .brief{font-size: 26px;width: 100%;margin-top: 15px;} } #prod-case{padding: 110px 0 90px;background: #f7f7f7;} #prod-case .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #prod-case .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #prod-case .container{width: 69.444%;overflow: visible;margin-top: 70px;padding-bottom: 50px;} #prod-case .li{} #prod-case .li .pic{padding-top: 56%;margin-bottom: 30px;} #prod-case .li .pic .mask1{background: rgba(16,39,68,.5);} #prod-case .li .txt{font-size: 18px;padding: 0 20px;margin-top: 5px;display: none;} #prod-case .li .txt .t1{color: #888;} #prod-case .li .txt .t2{color: #333;} #prod-case .li.swiper-slide-active{opacity: 1;} #prod-case .li.swiper-slide-active .txt{display: block;} #prod-case .li.swiper-slide-active .pic .mask1{display: none;} #prod-case .box .btn{width: 60px;height: 60px;border-radius: 12px;top: 50%;z-index: 3;} #prod-case .box .btn.prev{background: url(/images/prev-icon1.png) no-repeat center #fff;left: 20px;} #prod-case .box .btn.next{background: url(/images/next-icon1.png) no-repeat center #fff;right: 20px;} #prod-case .box .btn.prev:hover{background: url(/images/prev-icon2.png) no-repeat center #aacd06;} #prod-case .box .btn.next:hover{background: url(/images/next-icon2.png) no-repeat center #aacd06;} #prod-case .box .swiper-pagination-bullets .swiper-pagination-bullet{width: 13px;height: 13px;opacity: 1;background: transparent;margin: 0 8px;border: 1px solid #8b8b8b;} #prod-case .box .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #aacd06;border-color: #aacd06;} @media (max-width: 750px){ #prod-case{padding: 60px 0;} #prod-case .container{width: 80%;margin-top: 50px;} #prod-case .box .btn{top: 48%;} #prod-case .li .txt{font-size: 28px;} } /*品牌页*/ #brand1{width: 100%;background: #f7f7f7;} #brand1 .box{padding: 85px 50px 75px;background: #fff;margin-top: -70px;} #brand1 .box .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #brand1 .box .title-cn{font-size: 32px;color: #102744;font-family: "SM";} #brand1 .box .txt1{font-size: 24px;color: #333;font-family: "SM";margin: 15px 0 8px;} #brand1 .box .txt1 span{margin-right: 15px;} #brand1 .box .brief{font-size: 16px;color: #666;line-height: 1.875;} #brand1 .box .icon-box{margin-top: 50px;} #brand1 .box .icon-box .icon{width: 75px;height: 75px;margin-right: 65px;margin-bottom: 20px;} @media (max-width: 1024px){ #brand1 .box .icon-box .icon{margin-right: 40px;} } @media (max-width: 750px){ #brand1 .box{padding: 60px 30px;} #brand1 .box .txt1{font-size: 28px;} #brand1 .box .brief{font-size: 26px;} } #brand-prod{width: 100%;background: #f7f7f7;padding: 110px 0 120px;} #brand-prod .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #brand-prod .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #brand-prod .form-box{width: 70.833%;} #brand-prod .form-box select{width: 49%;height: 60px;line-height: 58px;border: 1px solid #ccc;background: #fff;font-size: 16px;color: #333;background: url(/images/select-icon.png) no-repeat 68%;text-align-last: center;padding: 0 20px;} #brand-prod .form-box select option{text-align-last: center;text-align: center;} #brand-prod .content{margin-top: 60px;} #brand-prod .content .li{width: 31.944%;margin: 0 2.084% 40px 0;background: #fff;} #brand-prod .content .li:nth-child(3n){margin-right: 0;} #brand-prod .content .li .pic{width: 100%;padding-top: 65.217%;} #brand-prod .content .li .pic .cont{background: rgba(16,39,68,.8);opacity: 0;} #brand-prod .content .li .pic .cont .con{width: 92%;} #brand-prod .content .li .pic .cont .brief{font-size: 16px;color: #fff;line-height: 1.5;} #brand-prod .content .li .msg{background: #fff;padding: 25px 20px;} #brand-prod .content .li .msg .tit{font-size: 18px;color: #333;font-weight: 700;} #brand-prod .content .li .msg .tit2{font-size: 16px;color: #666;} #brand-prod .content .li:hover .pic .cont{opacity: 1;} @media (max-width: 1280px){ #brand-prod .form-box{width: 65%;} #brand-prod .form-box select{background-position-x: 86%;} } @media (max-width: 1024px){ #brand-prod .top-box{display: block;} #brand-prod .form-box{width: 100%;margin-top: 25px;} #brand-prod .content .li{width: 49%;margin: 0 2% 40px 0;} #brand-prod .content .li:nth-child(3n){margin-right: 2%;} #brand-prod .content .li:nth-child(2n){margin-right: 0;} } @media (max-width: 750px){ #brand-prod{padding: 60px 0;} #brand-prod .form-box{display: block;} #brand-prod .form-box select{width: 100%;margin-bottom: 20px;font-size: 26px;} #brand-prod .content{margin-top: 40px;} #brand-prod .content .li{width: 100%;margin: 0 0% 40px 0;} #brand-prod .content .li:nth-child(3n){margin-right: 0;} #brand-prod .content .li .pic .cont .brief{font-size: 26px;} #brand-prod .content .li .msg .tit{font-size: 28px;} #brand-prod .content .li .msg .tit2{font-size: 26px;margin-bottom: 5px;} } #brand3{padding-bottom: 120px;background: #f7f7f7;} #brand3 .pic{padding-top: 27.778%;} #brand3 .text{left: 70px;top: 50%;transform: translateY(-50%);text-align: left;} #brand3 .text .t1{font-size: 36px;color: #fff;font-family: "BC";font-weight: 700;} #brand3 .text .t2{font-size: 36px;color: #fff;margin: 15px 0;} #brand3 .text .t3{width: 140px;height: 50px;line-height: 50px;font-size: 18px;color: #fff;background: #aacd06;} @media (max-width: 1024px){ #brand3 .text{position: static;transform: translateY(0);background: #102744;padding: 30px;} } @media (max-width: 750px){ #brand3{padding-bottom: 60px;} #brand3 .text .t3{width: 180px;height: 60px;line-height: 60px;font-size: 26px;} } /*产品详情*/ #prod-de1{padding: 110px 0 40px;background: #f7f7f7;} #prod-de1 .top-box{} #prod-de1 .top-box .title-box{width: 35.764%;padding-right: 60px;} #prod-de1 .title-en{font-size: 20px;color: #666;} #prod-de1 .title-cn{font-size: 32px;color: #102744;font-family: "SM";} #prod-de1 .top-box .brief{width: 64.236%;font-size: 18px;color: #666;line-height: 1.6;} #prod-de1 .content{margin-top: 60px;background: #fff;padding: 60px 70px 10px;} #prod-de1 .content .tit{font-size: 24px;color: #333;font-family: "SM";} #prod-de1 .content .cont{margin-top: 50px;} #prod-de1 .content .cont .item{width: 25%;padding-right: 20px;font-size: 18px;margin-bottom: 50px;} #prod-de1 .content .cont .item .t1{color: #666;} #prod-de1 .content .cont .item .t2{color: #333;margin-top: 10px;word-break: break-all;} @media (max-width: 1200px){ #prod-de1 .top-box{display: block;} #prod-de1 .top-box .title-box{width: 100%;} #prod-de1 .top-box .brief{width: 100%;margin-top: 30px;} #prod-de1 .content .cont .item{width: 33.333%;} } @media (max-width: 750px){ #prod-de1{padding: 60px 0;} #prod-de1 .title-en{font-size: 26px;} #prod-de1 .title-cn{font-size: 36px;} #prod-de1 .top-box .brief{font-size: 28px;} #prod-de1 .content{padding: 60px 30px 10px;} #prod-de1 .content .tit{font-size: 30px;} #prod-de1 .content .cont .item{width: 50%;font-size: 26px;} } #prod-de2{padding: 40px 0 55px;background: #f7f7f7;} #prod-de2 .pic1{width: 65.278%;padding-top: 47.431%;} #prod-de2 .right{width: 30.556%;} #prod-de2 .right .tit{font-size: 36px;color: #333;font-family: "SM";line-height: 1.3;} #prod-de2 .right .pic2{width: 100%;padding-top: 115.909%;margin-top: 75px;} @media (max-width: 1024px){ #prod-de2 .right .tit{font-size: 26px;} } @media (max-width: 750px){ #prod-de2{padding: 20px 0 30px;} #prod-de2 .content{flex-direction: column-reverse;} #prod-de2 .pic1{width: 100%;padding-top: 72.659%;margin-top: 20px;} #prod-de2 .right{width: 100%;} #prod-de2 .right .tit{font-size: 30px;} #prod-de2 .right .pic2{margin-top: 45px;} } #prod-de3{padding: 55px 0;background: #f7f7f7;} #prod-de3 .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #prod-de3 .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #prod-de3 .content{margin-top: 50px;} #prod-de3 .content .pic{width: 31.944%;margin-right: 2.084%;padding-top: 45.139%;} #prod-de3 .content .pic:nth-child(3n){margin-right: 0;} @media (max-width: 750px){ #prod-de3{padding: 25px 0;} #prod-de3 .content{margin-top: 10px;flex-wrap: wrap;} #prod-de3 .content .pic{width: 100%;margin-right: 0;padding-top: 141.304%;margin-top: 20px;} } #prod-de4{padding: 55px 0 20px;background: #f7f7f7;} #prod-de4 .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #prod-de4 .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #prod-de4 .content{margin-top: 50px;} @media (max-width: 750px){ #prod-de4{padding: 30px 0 10px;} #prod-de4 .content{margin-top: 30px;} } #prod-de5{padding-bottom: 55px;background: #f7f7f7;} #prod-de5 .content{padding: 50px 50px 70px;background: #fff;} #prod-de5 .content .top{padding-bottom: 10px;} #prod-de5 .content .top .li{width: auto;min-width: 33.333%;height: 60px;line-height: 60px;background: #f1f1f1;font-size: 18px;color: #102744;position: relative;padding: 0 20px;} #prod-de5 .content .top .li:hover{color: #aacd06;} #prod-de5 .content .top .li.cur{color: #fff;background: #aacd06;font-family: "SB";} #prod-de5 .content .top .li.cur::after{content: '';position: absolute;border: 10px solid transparent;border-top-color: #aacd06;left: 50%;bottom: -20px;transform: translateX(-50%);} #prod-de5 .content .bot{margin-top: 50px;} @media (max-width: 750px){ #prod-de5 .content{padding: 30px 20px 50px;} #prod-de5 .content .top .li{font-size: 26px;} } #prod-de6{padding: 55px 0 120px;background: #f7f7f7;} #prod-de6 .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #prod-de6 .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #prod-de6 .content{margin-top: 50px;} #prod-de6 .content .container{padding-bottom: 60px;} #prod-de6 .content .li{width: 31.944%;height: auto;background: #fff;} #prod-de6 .content .li .pic{width: 100%;padding-top: 65.217%;} #prod-de6 .content .li .pic .cont{background: rgba(16,39,68,.8);opacity: 0;} #prod-de6 .content .li .pic .cont .con{width: 92%;} #prod-de6 .content .li .pic .cont .brief{font-size: 16px;color: #fff;line-height: 1.5;} #prod-de6 .content .li .msg{background: #fff;padding: 25px 20px;} #prod-de6 .content .li .msg .tit{font-size: 18px;color: #333;font-weight: 700;} #prod-de6 .content .li .msg .tit2{font-size: 16px;color: #666;margin-bottom: 5px;} #prod-de6 .content .li:hover .pic .cont{opacity: 1;} #prod-de6 .content .btn{width: 60px;height: 60px;border-radius: 12px;top: 50%;z-index: 3;transform: translateY(-50%);} #prod-de6 .content .btn.prev{background: url(/images/prev-icon1.png) no-repeat center #fff;left: -80px;} #prod-de6 .content .btn.next{background: url(/images/next-icon1.png) no-repeat center #fff;right: -80px;} #prod-de6 .content .btn.prev:hover{background: url(/images/prev-icon2.png) no-repeat center #aacd06;} #prod-de6 .content .btn.next:hover{background: url(/images/next-icon2.png) no-repeat center #aacd06;} #prod-de6 .content .swiper-pagination-bullets .swiper-pagination-bullet{width: 13px;height: 13px;opacity: 1;background: transparent;margin: 0 8px;border: 1px solid #8b8b8b;} #prod-de6 .content .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #aacd06;border-color: #aacd06;} @media (max-width: 1680px){ #prod-de6 .content .btn.prev{left: -40px;} #prod-de6 .content .btn.next{right: -40px;} } @media (max-width: 1200px){ #prod-de6 .content .btn{top: 40%;} #prod-de6 .content .btn.prev{left: 0;} #prod-de6 .content .btn.next{right: 0;} } @media (max-width: 750px){ #prod-de6{padding: 30px 0 60px;} #prod-de6 .content .li{width: 100%;} #prod-de6 .content .li .pic .cont .brief{font-size: 26px;} #prod-de6 .content .li .msg .tit{font-size: 28px;} #prod-de6 .content .li .msg .tit2{font-size: 26px;} } #conditions{padding: 5.729% 0;} #conditions .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #conditions .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #conditions .left{width: 35%;} #conditions .left .l-tab{margin-top: 225px;} #conditions .left .tit{font-size: 30px;color: #333;margin-bottom: 50px;font-family: "SM";} #conditions .left .brief{font-size: 18px;color: #666;margin-bottom: 65px;} #conditions .left .btn{width: 160px;height: 60px;line-height: 60px;text-align: center;background: #aacd06;font-size: 16px;color: #fff;font-family: "SB";border-radius: 3px;} #conditions .book2{width: 52.778%;} #conditions .book2 .quan{width: 100%;height: 760px;background: url(/images/conditions-icon.jpg) no-repeat center center;} #conditions .quan .line{height: 1px;width: 118%;content: "";position: absolute;height: 1px;top: 0;bottom: 0;margin: auto;left: -89%;background: #aacd06;} #conditions .book2 .r-tab{overflow: visible;} #conditions .book2 .r-item{width: 120px;height: 120px;line-height: 120px;background: #f3f3f3;border-radius: 50%;text-align: center;font-size: 18px;color: #333;font-family: "SM";} #conditions .book2 .r-item.pn1{left: 32%;top: 8%;} #conditions .book2 .r-item.pn2{right: -47%;top: 12%;} #conditions .book2 .r-item.pn3{right: -47%;top: 41.5%;} #conditions .book2 .r-item.pn4{left: 16%;bottom: -69%;} #conditions .book2 .r-item.pn5{right: 30%;bottom: -74%;} #conditions .book2 .r-item.pn6{right: 69%;bottom: -55%;} #conditions .book2 .r-item.pn7{right: 85%;bottom: -28%;} #conditions .book2 .r-item.swiper-slide-thumb-active{background: #aacd06;color: #fff;} @media (max-width: 1520px){ #conditions .book2 .r-item.pn6{right: 74%;} #conditions .book2 .r-item.pn7{right: 90%;} } @media (max-width: 1440px){ #conditions .book2 .r-item.pn5{bottom: -76%;right: 36%;} #conditions .book2 .r-item.pn6{right: 82%;} #conditions .book2 .r-item.pn7{right: 98%;} } @media (max-width: 1366px){ #conditions .book2 .r-item.pn5{right: 38%;} #conditions .book2 .r-item.pn6{right: 87%;} #conditions .book2 .r-item.pn7{right: 105%;} } @media (max-width: 1280px){ #conditions .left .l-tab{margin-top: 165px} #conditions .book2 .r-item.pn5{right: 45%;} #conditions .book2 .r-item.pn6{right: 98%;} #conditions .book2 .r-item.pn7{right: 118%;} } @media (max-width: 1200px){ #conditions .left{width: 100%;} #conditions .left .l-tab{margin-top: 30px;} #conditions .left .tit{margin-bottom: 20px;text-align: center;} #conditions .left .brief{margin-bottom: 35px;text-align: center;} #conditions .left .btn{margin: 0 auto;} #conditions .right{display: none;} } @media (max-width: 750px){ #conditions .title-en{text-align: center;} #conditions .title-cn{text-align: center;} #conditions .left .brief{font-size: 28px;} #conditions .left .btn{font-size: 26px;} } #support{padding: 8.073% 0 9.115%;background: #f3f3f3} #support .center{width: 38.889%;margin: 0 auto;border: 2px solid #dcdcdc;padding-top: 38.889%;border-radius: 100%;} #support .m-support{display: none;} #support .center .cont{width: 70%;height: 70%;background: #fff;border-radius: 100%;margin: auto;display: flex;flex-direction: column;justify-content: center;box-shadow: 0 0 30px 0 rgba(0,0,0,.1);} #support .center .cont .txt1{font-size: 200px;color: #aacd06;font-family:"AV";height: 130px;line-height: 155px;overflow: hidden;} #support .center .cont .txt2{font-size: 32px;color: #aacd06;font-family: "BC";margin: 15px 0 0;font-weight: 200;} #support .center .cont .txt3{font-size: 32px;color: #333;font-family: "SL";} #support .center .item{display: flex;justify-content: space-between;} #support .center .item .icon{width: 20px;height: 20px;background: #aacd06;border-radius: 100%;} #support .center .item .text{margin-top: -55px;} #support .center .item .text .num{font-size: 42px;color: #ccc;font-family: "BC";height: 32px;overflow: hidden;} #support .center .item .text .tit{font-size: 20px;color: #333;margin: 6px 0;font-family: "SM";line-height: 1.2;} #support .center .item .text .brief{font-size: 14px;color: #666;line-height: 1.3;height: 100px;opacity: 0;} #support .center .item .text .brief .mCSB_dragger_bar{opacity: 0;} #support .center .item0{width: 107%;left: -75%;top: 10px;flex-direction: row-reverse;} #support .center .item0 .text{width: 83.333%;text-align: right;} #support .center .item1{width: 100%;left: -94.5%;top: 29.464%;flex-direction: row-reverse;} #support .center .item1 .text{width: 85.714%;text-align: right;} #support .center .item2{width: 100%;left: -94.5%;top: 66.964%;flex-direction: row-reverse;} #support .center .item2 .text{width: 85.714%;text-align: right;} #support .center .item3{width: 107%;left: -77%;top: 92.857%;flex-direction: row-reverse;} #support .center .item3 .text{width: 83.333%;text-align: right;} #support .center .item4{width: 107%;left: 70.8%;top: 92.857%;} #support .center .item4 .text{width: 83.333%;} #support .center .item5{width: 100%;left: 94.642%;top: 66.964%;} #support .center .item5 .text{width: 85.714%;} #support .center .item6{width: 100%;left: 94.5%;top: 29.464%;} #support .center .item6 .text{width: 85.714%;} #support .center .item7{width: 107%;left: 68.42%;top: 10px;} #support .center .item7 .text{width: 83.333%;} #support .center .item .text:hover .tit{color: #aacd06;} #support .center .item .text:hover .brief{opacity: 1;} @media (max-width: 1680px){ #support .center .item .text .brief{height: 73px;} #support .center .item1{width: 90%;left: -84.5%;} #support .center .item2{width: 90%;left: -84.5%;} #support .center .item5{width: 90%;} #support .center .item6{width: 90%;} } @media (max-width: 1280px){ #support .center .cont .txt2, #support .center .cont .txt3{font-size: 22px;} #support .center .item .text .brief{height: 37px;} } @media (max-width: 1024px){ #support .cw1440{width: 96%;margin-left: 4%;} #support .center{display: none;} #support .m-support{display: block;} #support .m-support .txt1{font-size: 42px;color: #dcdcdc;font-family: "BC";text-align: center;} #support .m-support .txt2{font-size: 32px;color: #102744;font-family:"SM";margin-bottom: 30px;text-align: center;} #support .m-support .container{padding-bottom: 60px;} #support .m-support .item{background: #fff;padding: 45px 30px 80px;height: auto;min-height: 680px;} #support .m-support .item .num{font-size: 46px;color: #ccc;font-family: "BC";height: 38px;overflow: hidden;} #support .m-support .item .tit{font-size: 30px;color: #333;font-family: "SM";margin: 16px 0 36px;} #support .m-support .item .brief{font-size: 24px;color: #666;line-height: 1.5;} #support .m-support .swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #ccc;margin: 0 10px;} #support .m-support .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #aacd06;} } #joinprocess{padding: 5.729% 0;} #joinprocess .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #joinprocess .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #joinprocess .content{margin-top: 100px;} #joinprocess .content .li{width: 17.361%;padding: 0 30px;} #joinprocess .content .li:first-child{width: 15.278%;padding: 0 10px;} #joinprocess .content .li:last-child{width: 15.278%;padding: 0 10px;} #joinprocess .content .li .icon{width: 80px;height: 80px;background: #eee;border-radius: 100%;margin: 0 auto 18px;} #joinprocess .content .li .tit{font-size: 18px;color: #333;font-family: "SM";text-align: center;} #joinprocess .content .li .brief{font-size: 14px;color: #666;line-height: 1.7;margin-top: 6px;text-align: center;} #joinprocess .content .li::before{content: '';position: absolute;width: 100%;height: 1px;background: #ccc;top: 40px;left: 50%;} #joinprocess .content .li::after{content: '';position: absolute;width: 20px;height: 20px;background: url(/images/process-icon.png) no-repeat center;top: 30px;right: -10px;} #joinprocess .content .li:last-child::before{display: none;} #joinprocess .content .li:last-child::after{display: none;} @media (max-width: 750px){ #joinprocess .content{margin-top: 35px;flex-wrap: wrap;} #joinprocess .content .li{width: 50%;margin-bottom: 20px;} #joinprocess .content .li:first-child{width: 50%;} #joinprocess .content .li:last-child{width: 50%;} #joinprocess .content .li::before, #joinprocess .content .li::after{display: none;} #joinprocess .content .li .tit{font-size: 26px;} #joinprocess .content .li .brief{font-size: 24px;} } #apply{padding: 6.25% 0;background: #f3f3f3;} #apply .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #apply .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #apply .content{margin-top: 55px;background: #fff;} #apply .content .form-box{width: 55.556%;padding: 35px 46px 50px;} #apply .content .form-box .txt1{font-size: 18px;color: #666;} #apply .content .form-box .txt2{font-size: 32px;color: #102744;font-family: "BC";font-weight: 700;margin: 5px 0 35px;} #apply .content .form-box .top{margin-bottom: 25px;} #apply .content .form-box .input{width: 47.143%;} #apply .content .form-box .input.email{width: 100%;} #apply .content .form-box .input input{width: 100%;padding-bottom: 25px;border-bottom: 1px solid #dadada;font-size: 16px;color: #888;} #apply .content .form-box .input input::-webkit-input-placeholder{color: #888;} #apply .content .form-box .input input::-moz-placeholder{color: #888;opacity: 1;} #apply .content .form-box .input input::-ms-input-placeholder{color: #888;} #apply .content .form-box .bot{padding-bottom: 25px;border-bottom: 1px solid #dadada;margin-top: 25px;} #apply .content .form-box .bot .txt{font-size: 16px;color: #888;} #apply .content .form-box .bot .address{width: 80%;} #apply .content .form-box .bot .address select{width: 29%;font-size: 16px;color: #333;} #apply .content .form-box .bot .address select:nth-child(3){margin-right: 3%;} #apply .content .form-box .submit{width: 100%;height: 60px;line-height: 60px;background: #aacd06;font-size: 20px;color: #fff;border-radius: 5px;margin-top: 40px;} #apply .content .form-box .textarea{width: 100%;height: 66px;margin-top: 20px;border-bottom: 1px solid #dadada;font-size: 16px;color: #888;} #apply .content .form-box .textarea::-webkit-input-placeholder{color: #888;} #apply .content .form-box .textarea::-moz-placeholder{color: #888;opacity: 1;} #apply .content .form-box .textarea::-ms-input-placeholder{color: #888;}} #apply .content .pic{width: 44.444%;} @media (max-width: 1280px){ #apply .content .pic{display: none;} #apply .content .form-box{width: 100%;} } @media (max-width: 750px){ #apply .content{margin-top: 30px;} #apply .content .form-box .txt1{font-size: 28px;} #apply .content .form-box .txt2{font-size: 42px;} #apply .content .form-box .input input{font-size: 26px;} #apply .content .form-box .bot{display: block;} #apply .content .form-box .bot .txt{font-size: 26px;} #apply .content .form-box .bot .address{width: 100%;margin-top: 15px;} #apply .content .form-box .bot .address select{width: 33%;font-size: 24px;} #apply .content .form-box .bot .address select:nth-child(3){margin-right: 0;} #apply .content .form-box .submit{font-size: 26px;margin-top: 30px;} #apply .content .form-box .textarea{height: 100px;font-size: 26px;} } /*案例*/ #case{padding: 110px 0 80px;background: #f7f7f7;} #case .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #case .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #case .cate-box{margin-top: 60px;} #case .cate-box .cate{font-size: 16px;color: #333;} #case .cate-box .cate .item{min-width: 70px;padding: 3px 20px;margin-bottom: 10px;} #case .cate-box .cate .item:hover{color: #aacd06;} #case .cate-box .cate .item.cur{background: #aacd06;color: #fff;} #case .cate-box .case-cate{padding-bottom: 15px;border-bottom: 1px solid #ccc;} #case .cate-box .prod-cate{margin-top: 30px;} #case .content{margin-top: 60px;} #case .content .li{width: 31.944%;margin: 0 2.084% 40px 0;} #case .content .li:nth-child(3n){margin-right: 0;} #case .content .li .pic{width: 100%;padding-top: 65.217%;} #case .content .li .pic .cont{background: rgba(16,39,68,.8);opacity: 0;} #case .content .li .pic .cont .con{width: 92%;} #case .content .li .pic .cont .more{width: 130px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: #aacd06;margin: 0 auto;border-radius: 20px;} #case .content .li .pic .cont .more .icon{width: 13px;height: 6px;background: url(/images/detail-icon2.png) no-repeat center;margin: 16px 0 0 12px;} #case .content .li .msg{background: #fff;padding: 25px 20px;} #case .content .li .msg .tit{font-size: 18px;color: #333;font-family: "SM";} #case .content .li .msg .tit2{font-size: 16px;color: #666;} #case .content .li:hover .pic .cont{opacity: 1;} @media (max-width: 750px){ #case{padding: 60px 0;} #case .cate-box{margin-top: 30px;} #case .cate-box .cate{font-size: 26px;} #case .content{margin-top: 30px;} #case .content .li{width: 100%;margin: 0 0 40px 0;} #case .content .li .pic .cont .more{width: 160px;height: 60px;line-height: 60px;font-size: 24px;border-radius: 30px;} #case .content .li .pic .cont .more .icon{margin: 26px 0 0 12px;} #case .content .li .msg .tit{font-size: 28px;margin-bottom: 5px;} #case .content .li .msg .tit2{font-size: 26px;} } #design{padding: 110px 0 120px;background: url(/images/design-bg.jpg) no-repeat center;background-size: cover;} #design .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #design .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #design .content{margin-top: 60px;background: #fff;} #design .content .form-box{width: 55.556%;padding: 70px 50px 60px;} #design .content .form-box .top{margin-bottom: 28px;} #design .content .form-box .top .input{width: 47.143%;} #design .content .form-box .top .input input{width: 100%;padding-bottom: 25px;border-bottom: 1px solid #dadada;font-size: 16px;color: #888;} #design .content .form-box .top .input input::-webkit-input-placeholder{color: #888;} #design .content .form-box .top .input input::-moz-placeholder{color: #888;opacity: 1;} #design .content .form-box .top .input input::-ms-input-placeholder{color: #888;} #design .content .form-box .bot{padding-bottom: 25px;border-bottom: 1px solid #dadada;} #design .content .form-box .bot .txt{font-size: 16px;color: #888;} #design .content .form-box .bot .address{width: 80%;} #design .content .form-box .bot .address select{width: 29%;font-size: 16px;color: #333;} #design .content .form-box .bot .address select:nth-child(3){margin-right: 3%;} #design .content .form-box .submit{width: 100%;height: 60px;line-height: 60px;background: #aacd06;font-size: 20px;color: #fff;border-radius: 5px;margin-top: 40px;} #design .content .pic{width: 44.444%;} @media (max-width: 1280px){ #design .content .pic{display: none;} #design .content .form-box{width: 100%;} } @media (max-width: 750px){ #design{padding: 60px 0;} #design .content{margin-top: 30px;} #design .content .form-box{padding: 30px;} #design .content .form-box .txt1{font-size: 28px;} #design .content .form-box .txt2{font-size: 42px;} #design .content .form-box .top .input input{font-size: 26px;} #design .content .form-box .bot{display: block;} #design .content .form-box .bot .txt{font-size: 26px;} #design .content .form-box .bot .address{width: 100%;margin-top: 15px;} #design .content .form-box .bot .address select{width: 33%;font-size: 24px;} #design .content .form-box .bot .address select:nth-child(3){margin-right: 0;} #design .content .form-box .submit{font-size: 26px;margin-top: 30px;} #design .content .form-box .textarea{height: 100px;font-size: 26px;} } #case-detail{padding: 115px 0 145px;} #case-detail .title{font-size: 30px;color: #333;font-family: "SM";margin-bottom: 42px;} #case-detail .txt{font-size: 16px;color: #666;margin: 0 18px;} #case-detail .txt1{background: url(/images/case-icon1.png) no-repeat left;padding-left: 35px;} #case-detail .txt2{background: url(/images/case-icon2.png) no-repeat left;padding-left: 30px;} #case-detail .content{width: 62.5%;margin-top: 75px;overflow: visible;} #case-detail .content .pic{width: 100%;padding-top: 56%;} #case-detail .content .btn{width: 60px;height: 60px;border-radius: 12px;top: 50%;z-index: 3;transform: translateY(-50%);} #case-detail .content .btn.prev{background: url(/images/prev-icon1.png) no-repeat center #fff;left: -200px;} #case-detail .content .btn.next{background: url(/images/next-icon1.png) no-repeat center #fff;right: -200px;} #case-detail .content .btn.prev:hover{background: url(/images/prev-icon2.png) no-repeat center #aacd06;} #case-detail .content .btn.next:hover{background: url(/images/next-icon2.png) no-repeat center #aacd06;} #case-detail .content .swiper-pagination-bullets{bottom: -53px;} #case-detail .content .swiper-pagination-bullets .swiper-pagination-bullet{width: 13px;height: 13px;opacity: 1;background: transparent;margin: 0 8px;border: 1px solid #8b8b8b;} #case-detail .content .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #aacd06;border-color: #aacd06;} #case-detail .pic-box{margin-top: 80px;} #case-detail .pic-box .txt3{font-size: 18px;color: #333;} #case-detail .brief{width: 62.5%;font-size: 16px;color: #666;line-height: 1.875;margin: 50px auto 0;} @media (max-width: 750px){ #case-detail{padding: 60px 0;} #case-detail .title{margin-bottom: 25px;} #case-detail .txt{font-size: 26px;} #case-detail .content{width: 80%;margin-top: 35px;overflow: visible;} #case-detail .content .btn{box-shadow: 0 0 10px 0 rgba(0,0,0,.3);} #case-detail .content .btn.prev{left: -60px;} #case-detail .content .btn.next{right: -60px;} #case-detail .pic-box .txt3{font-size: 28px;} #case-detail .brief{width: 100%;font-size: 26px;margin: 30px auto 0;} } #pop-img{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,1);left: 0;top: 0;z-index: 50;display: none;flex-direction: column;justify-content: center;} #pop-img.cur{display: flex;} #pop-img .content{max-width: 90%;max-height: 90%;margin: auto;} #pop-img .btn{width: 60px;height: 60px;border-radius: 12px;top: 50%;z-index: 3;transform: translateY(-50%);} #pop-img .btn.prev{background: url(/images/prev-icon1.png) no-repeat center #fff;left: 20px;} #pop-img .btn.next{background: url(/images/next-icon1.png) no-repeat center #fff;right: 20px;} #pop-img .btn.prev:hover{background: url(/images/prev-icon2.png) no-repeat center #aacd06;} #pop-img .btn.next:hover{background: url(/images/next-icon2.png) no-repeat center #aacd06;} /*关于*/ #about{padding-top: 110px;} #about .top{} #about .top .title-box{width: 33.68%;padding-right: 100px;} #about .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #about .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #about .top .brief{width: 66.32%;font-size: 16px;color: #333;line-height: 1.8;} #about .bot{width: 100%;margin-top: 110px;} #about .bot .data-box{width: 100%;top: 0;z-index: 2;background: rgba(16,39,28,.3);padding: 35px 0 20px;} #about .bot .data-box .li{width: 23.75%;color: #fff;line-height: 1;} #about .bot .data-box .li::after{content: '';width: 1px;height: 80px;background: rgba(255,255,255,.2);right: 0;top: -35px;position: absolute;} #about .bot .data-box .li:last-child::after{display: none;} #about .bot .data-box .li .left{margin-right: 8px;} #about .bot .data-box .li .left .num{font-size: 52px;font-family:"BC";font-weight: 200;color: #aacd06;} #about .bot .data-box .li .left .unit1{font-size: 36px;color: #aacd06;line-height: 0;} #about .bot .data-box .li .right .unit2{font-size: 16px;margin: -10px 0 10px 0;} #about .bot .data-box .li .right .tit{font-size: 14px;} #about .bot .ico{width: 133px;height: 132px;background: url(/images/about-icon1.png) no-repeat center;z-index: 2;left: 50%;top: 50%;transform: translate(-50%,0);} #about .bot .ico::before{ width:100%; height:100%; opacity:0; border-radius:100%; box-shadow:inset 0 0 5px #fff; position:absolute; top:0; bottom:0; left:0; right:0; z-index:2; margin:auto; content:'';animation:warn 2s ease-out .1s infinite; -webkit-animation:warn 2s ease-out .1s infinite;} @media (max-width: 1680px){ #about .top .title-box{padding-right: 40px;} } @media (max-width: 1366px){ #about .bot .data-box .li{width: 25%;} } @media (max-width: 1280px){ #about .top .title-box{width: 40%;} #about .top .brief{width: 60%;} #about .bot .content{flex-wrap: wrap;} #about .bot .data-box .li{width: 50%;margin-bottom: 25px;} #about .bot .data-box .li:nth-child(2)::after{display: none;} } @media (max-width: 750px){ #about{padding-top: 60px;} #about .top{display: block;} #about .top .title-box{width: 100%;} #about .top .brief{width: 100%;font-size: 26px;margin-top: 30px;} #about .bot{margin-top: 60px;} #about .bot .data-box{position: static;background: #102744;padding: 50px 0;text-align: center;} /*#about .bot .data-box .li{width: 100%;color: #fff;line-height: 1;justify-content: flex-start;margin-bottom: 50px;}*/ #about .bot .data-box .li{width: 48%;color: #fff;line-height: 1;justify-content: flex-start;margin-bottom: 50px;margin-right: 4%;flex-wrap: wrap;} #about .bot .data-box .li:nth-child(2n){margin-right: 0;} /*#about .bot .data-box .li:last-child{margin-bottom: 0;}*/ #about .bot .data-box .li:nth-last-child(-n+2){margin-bottom: 0;} #about .bot .data-box .li::after{display: none;} /*#about .bot .data-box .li .left{width: 120px;margin-right: 15px;}*/ #about .bot .data-box .li .left{width: 100%;margin-right: 0;} #about .bot .data-box .li .right{width: 100%;margin-top: 15px;} /*#about .bot .data-box .li .right .unit2{font-size: 26px;margin: -10px 0 10px 0;}*/ #about .bot .data-box .li .right .unit2{font-size: 26px;margin: 0;} #about .bot .data-box .li .right .tit{font-size: 26px;display: inline-block;} #about .bot .ico{top: 68%;} } #history{padding: 110px 0 120px;} #history .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #history .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #history .box{margin-top: 100px;} #history .left{width: 27.083%;height: 600px;background: url(/images/history-line-bg.png) no-repeat top right 55px;} #history .left .li{line-height: 2;font-size: 60px;color: #e5e5e5;} #history .left .li span{font-family: "BC";} #history .left .li .icon{display: flex;justify-content: center;align-items: center;top: 50%;right: 1px;width: 110px;height: 110px;border: 1px solid #aacd06;opacity: 0;border-radius: 100%;transform: translateY(-50%);} #history .left .li .icon img{z-index: 1;} #history .left .li .icon:before{display: block;content: '';position: absolute;top: 50%;left: 50%;z-index: 1;width: 72px;height: 72px;background: #aacd06;border-radius: 50%;transform: translate(-50%, -50%);} #history .left .li .icon .in{width: 150px;right: 50%;height: 2px;background: #aacd06;} #history .left .li .icon .in:before{display: block;content: '';position: absolute;top: 50%;left: 0;width: 8px;height: 8px;background: #aacd06;border-radius: 50%;transform: translateY(-50%);} #history .left .li.swiper-slide-active{color: #aacd06;} #history .left .li.swiper-slide-active .icon{opacity: 1;} #history .left .prev, #history .left .next{right: 90px;z-index: 999;transform: rotate(90deg);} #history .left .prev .svg, #history .left .next .svg{width: 21px;height: 21px;fill: #102744;} #history .left .prev:hover .svg, #history .left .next:hover .svg{fill: #aacd06;} #history .left .prev{top: 60px;} #history .left .next{bottom: 50px;} #history .right{width: 66.319%;} #history .right .li{display: flex;justify-content: space-between;align-items: center;width: 100%;} #history .right .li .text{width: 50%} #history .right .li .text .y{padding-bottom: 20px;line-height: 1;border-bottom: 1px solid #aacd06; font-size: 65px; color: #333;font-family: "BC";} #history .right .li .text .y:before{display: block;content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px; background: #ecd9cc;} #history .right .li .text .txt{font-size: 24px;color: #959595;margin-top: 15px;} #history .right .li .text .desc{margin-top: 40px;width: 100%;padding: 0 35px 0 20px;} #history .right .li .text .desc li{margin-top: 30px;width: 100%;line-height: 1.8;font-size: 16px;color: #1a1a1a;list-style: disc;font-family: "ALIM";} #history .right .li .text .desc li:first-child{margin-top: 0;} #history .right .li .pic{width: 40.572%;} @media (max-width: 1440px){ #history .left{width: 27%;} } @media (max-width: 1366px){ #history .left{width: 28%;} #history .right .li .text{width: 55%;} } @media (max-width: 1280px){ #history .left{width: 30%;} #history .left .li .icon .in{width: 90px;} } @media (max-width: 980px){ #history .left{display: none;} #history .right{float: none;width: 100%;} } @media (max-width: 750px){ #history{padding: 60px 0;} #history .box{margin-top: 40px;} #history .right .li{display: block;} #history .right .li .text{width: 100%;} #history .right .li .text .desc{padding: 0 0px 0 30px;} #history .right .li .text .desc li{font-size: 28px;} #history .right .li .pic{width: 100%;margin-top: 30px;} } #environmental{padding: 105px 0 120px;background: #f3f3f3;} #environmental .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #environmental .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #environmental .content{margin-top: 75px;padding: 60px;background: #fff;} #environmental .content .li{width: 50%;border-right: 1px solid #dcdcdc;padding-top: 23px;padding-bottom: 23px;} #environmental .content .li:nth-child(2n){border-right: 0;padding-left: 5.556%;} #environmental .content .li:nth-child(2n-1){padding-right: 5.556%;} #environmental .content .li:nth-last-child(-n+2){padding-bottom: 0;} #environmental .content .li .icon{width: 116px;height: 116px;border: 1px solid #dcdcdc;border-radius: 8px;} #environmental .content .li .text{width: calc(100% - 95px);font-size: 18px;color: #666;padding-left: 10.619%;} #environmental .content .li .text .tit{font-family: "SB";} #environmental .content .li .text .brief{line-height: 1.875;margin-top: 15px;} @media (max-width: 1366px){ #environmental .content{padding: 30px;} #environmental .content .li:nth-child(2n){padding-left: 3%;} #environmental .content .li:nth-child(2n-1){padding-right: 3%;} #environmental .content .li .text{padding-left: 6%;} } @media (max-width: 1024px){ /*#environmental .content{display: block;}*/ /*#environmental .content .li{width: 100%;border-right: 0;padding: 30px 0;}*/ #environmental .content .li{width: 48.5%;border-right: 0;padding: 20px 0;margin-right: 3%;display: block;} #environmental .content .li:nth-child(2n){padding-left: 0;margin-right: 0;} #environmental .content .li:nth-child(2n-1){padding-right: 0;} #environmental .content .li:nth-last-child(-n+2){padding-bottom: 30px;} #environmental .content .li .icon{margin: 0 auto 20px;} #environmental .content .li .text{width: 100%;text-align: center;padding-left: 0;} } @media (max-width: 750px){ #environmental{padding: 60px 0;} #environmental .content{margin-top: 40px;} #environmental .content .li .text{font-size: 26px;} } #tech{padding: 110px 0 210px;} #tech .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #tech .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #tech .content{margin-top: 70px;} #tech .content .top{} #tech .content .top .li{width: auto;min-width: 25%;padding: 0 20px 25px;border-bottom: 2px solid #102744;font-size: 18px;color: #333;transition-property: all;} #tech .content .top .li:hover{color: #aacd06;} #tech .content .top .li.cur{color: #aacd06;font-family: "SB";border-bottom-color: #aacd06;font-weight: 700;} #tech .content .bot{margin-top: 135px;} #tech .content .m-bot{display: none;} #tech .content .bot .center{width: 34.722%;margin: 0 auto;border: 2px dashed #dcdcdc;padding-top: 34.722%;border-radius: 100%;} #tech .content .bot .center .cont{width: 76%;height: 76%;background: #eee;border-radius: 100%;margin: auto;display: flex;flex-direction: column;justify-content: center;} #tech .content .bot .center .cont .txt1{font-size: 223px;color: #aacd06;font-family:"AV";height: 130px;line-height: 155px;overflow: hidden;} #tech .content .bot .center .cont .txt2{font-size: 31px;color: #aacd06;font-family: "BC";margin: 15px 0 6px;} #tech .content .bot .center .cont .txt3{font-size: 30px;color: #333;} #tech .content .bot .center .item{display: flex;justify-content: space-between;} #tech .content .bot .center .item .icon{width: 65px;height: 65px;position: relative;background: #eee;border-radius: 100%;} #tech .content .bot .center .item .text{} #tech .content .bot .center .item .text .tit{font-size: 24px;color: #333;margin-bottom: 12px;} #tech .content .bot .center .item .text .brief{font-size: 16px;color: #666;line-height: 1.6;height: 128px;} #tech .content .bot .center .item .text .brief .mCSB_dragger_bar{opacity: 0;} #tech .content .bot .center .item0{width: 125%;left: -95%;top: 10px;flex-direction: row-reverse;} #tech .content .bot .center .item0 .icon::after{content: '';position: absolute;width: 199px;height: 46px;background: url(/images/tech-line1.png) no-repeat center;left: -182px;top: -40px;} #tech .content .bot .center .item0 .text{width: 58.065%;text-align: right;margin-top: -55px;} #tech .content .bot .center .item1{width: 125%;left: 72%;top: 10px;} #tech .content .bot .center .item1 .icon::after{content: '';position: absolute;width: 199px;height: 46px;background: url(/images/tech-line2.png) no-repeat center;left: 50px;top: -36px;} #tech .content .bot .center .item1 .text{width: 58.065%;margin-top: -55px;} #tech .content .bot .center .item2{width: 104%;left: -95%;top: 30%;flex-direction: row-reverse;} #tech .content .bot .center .item2 .icon::after{content: '';position: absolute;width: 83px;height: 1px;background: #666;left: -80px;top: 30px;} #tech .content .bot .center .item2 .text{width: 69.231%;text-align: right;margin-top: 13px;} #tech .content .bot .center .item3{width: 104%;left: 92%;top: 30%;} #tech .content .bot .center .item3 .icon::after{content: '';position: absolute;width: 83px;height: 1px;background: #666;left: 63px;top: 30px;} #tech .content .bot .center .item3 .text{width: 69.231%;margin-top: 13px;} #tech .content .bot .center .item4{width: 104%;left: -95%;top: 63%;flex-direction: row-reverse;} #tech .content .bot .center .item4 .icon::after{content: '';position: absolute;width: 94px;height: 48px;background: url(/images/tech-line4.png) no-repeat center;left: -80px;top: 55px;} #tech .content .bot .center .item4 .text{width: 69.231%;text-align: right;margin-top: 85px;} #tech .content .bot .center .item5{width: 104%;left: 91%;top: 63%;} #tech .content .bot .center .item5 .icon::after{content: '';position: absolute;width: 94px;height: 48px;background: url(/images/tech-line5.png) no-repeat center;left: 55px;top: 55px;} #tech .content .bot .center .item5 .text{width: 69.231%;margin-top: 85px;} @media (max-width: 1680px){ #tech .content .bot .center .item0 .text{width: 55%;} #tech .content .bot .center .item1 .text{width: 55%;} #tech .content .bot .center .item2 .text{width: 64%;} #tech .content .bot .center .item3 .text{width: 64%;} #tech .content .bot .center .item4 .text{width: 63%;} #tech .content .bot .center .item5 .text{width: 63%;} } @media (max-width: 1440px){ #tech .content .bot .center .item0 .text{width: 50%;} #tech .content .bot .center .item1 .text{width: 50%;} #tech .content .bot .center .item2 .text{width: 60%;} #tech .content .bot .center .item3 .text{width: 60%;} #tech .content .bot .center .item4 .text{width: 60%;} #tech .content .bot .center .item5 .text{width: 60%;} } @media (max-width: 1280px){ #tech .content .bot .center .item0 .text{width: 45%;} #tech .content .bot .center .item1 .text{width: 45%;} #tech .content .bot .center .item2 .text{width: 54%;} #tech .content .bot .center .item3 .text{width: 54%;} #tech .content .bot .center .item4 .text{width: 54%;} #tech .content .bot .center .item5 .text{width: 54%;} #tech .content .bot .center .cont .txt2, #tech .content .bot .center .cont .txt3{font-size: 20px;} } @media (max-width: 1200px){ #tech .content .bot .center .item .text .tit{margin-bottom: 2px;} #tech .content .bot .center .item .text .brief{height: 80px;} } @media (max-width: 1024px){ #tech{padding: 80px 0 100px;} #tech .cw1440{width: 96%;margin-left: 4%;} #tech .content .bot{display: none;} #tech .content .m-bot{display: block;margin-top: 55px;} #tech .content .m-bot .container{padding-bottom: 60px;} #tech .content .m-bot .tit-en{font-size: 42px;color: #aacd06;font-family: "BC";} #tech .content .m-bot .tit-cn{font-size: 32px;color: #333;font-family:"SL";margin-bottom: 30px;} #tech .content .m-bot .item{background: #f3f3f3;padding: 40px 30px 30px;height: auto;/*min-height: 480px;*/display: flex;flex-direction: column;/*justify-content: space-between;*/} #tech .content .m-bot .item .tit{font-size: 30px;color: #333;font-family: "SB";margin-top: 20px;} #tech .content .m-bot .item .brief{font-size: 24px;color: #666;line-height: 1.5;margin: 30px 0 10px;} #tech .content .m-bot .item .icon{width: 72px;height: 72px;/*margin-top: auto;*/background: #fff;border-radius: 100%;} #tech .content .m-bot .swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: #ccc;margin: 0 10px;} #tech .content .m-bot .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #aacd06;} } @media (max-width: 750px){ #tech{padding: 60px 0;} #tech .content .top .li{font-size: 28px;} #tech .content .m-bot .tit-en{font-size: 50px;} #tech .content .m-bot .tit-cn{font-size: 40px;} #tech .content .m-bot .item{/*min-height: 680px;*/} } /*服务专区*/ /*门店查询*/ #store{padding: 5.729% 0 6.25%;} #store .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #store .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #store .content{margin-top: 55px;} #store .content .left{width: 30.556%;background: url(/images/store-bg.jpg) no-repeat left top #ededed;} #store .content .left .text{padding-left: 40px;padding-top: 77.272%;} #store .content .left .text .t1{font-size: 46px;color: #102744;line-height: 1.3;font-family: "BC";font-weight: 700;} #store .content .left .text .t2{font-size: 36px;color: #666;line-height: 1.333;font-family: "SM";margin-top: 10px;} #store .content .right{width: 69.444%;} #store .content .right .cont{width: 88%;height: 82.352%;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 2px solid rgba(255,255,255,.15);background: rgba(0,0,0,.15);} #store .content .right .cont .form-box{padding: 70px 0 0 65px;} #store .content .right .cont .form-box .txt{font-size: 16px;color: #fff;} #store .content .right .cont .form-box .address{margin-left: 15px;} #store .content .right .cont .form-box .address select{width: 240px;height: 60px;line-height: 60px;font-size: 16px;color: #333;margin-right: 30px;background: url(/images/select-icon.png) no-repeat center right 30px #fff;padding: 0 18px;} #store .content .right .cont .form-box .submit{width: 240px;height: 60px;line-height: 60px;background: #aacd06;margin-top: 30px;font-size: 16px;color: #fff;font-family: "SM";margin-left: 60px;} #store-result{width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 99;} #store-result .box{height: 840px;padding: 40px;background: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);} #store-result .box .close{width: 20px;height: 20px;background: url(/images/close.png) no-repeat center;top: 40px;right: 40px;} #store-result .box .title{font-size: 32px;color: #666;font-family: "SM";} #store-result .box .content{margin-top: 25px;height: 680px;} #store-result .box .map-box{width: 73.529%;} #store-result .box .result{width: 26.471%;background: #f6f6f6;} #store-result .box .result .tit{width: 100%;height: 60px;line-height: 60px;font-size: 18px;color: #666;background: #f6f6f6;border-bottom: 1px dashed #d9d9d9;padding-left: 25px;} #store-result .box .result .tit span{font-family: "SB";color: #102744;} #store-result .box .result .container{height: 485px;background: #f6f6f6;} #store-result .box .result .li{padding: 18px 20px 26px;border-bottom: 1px dashed #d9d9d9;background: #f6f6f6;} #store-result .box .result .li:hover{background: #fff;transition-property: all;} #store-result .box .result .li.cur {background: #fff;transition-property: all;} #store-result .box .result .li .t1{font-size: 18px;color: #333;background: url(/images/store-icon1.png) no-repeat left;padding-left: 45px;line-height: 32px;} #store-result .box .result .li .t2{font-size: 16px;color: #666;padding-left: 45px;margin: 10px 0 15px;} #store-result .box .result .li .t2 span{font-family: "SB";color: #102744;} #store-result .box .result .li .btn-box{padding-left: 45px;} #store-result .box .result .li .btn-box .btn{width: 120px;height: 36px;line-height: 34px;border: 1px solid #ccc;text-align: center;font-size: 16px;color: #102744;border-radius: 3px;} #store-result .box .result .li .btn-box .btn1{margin-right: 20px;} #store-result .box .result .li .btn-box .btn1 .icon{width: 18px;height: 16px;background: url(/images/store-icon2.png) no-repeat center;margin-right: 3px;margin: 10px 8px 0 0;} #store-result .box .result .li .btn-box .btn2 .icon{width: 18px;height: 18px;background: url(/images/store-icon3.png) no-repeat center;margin-right: 3px;margin: 8px 8px 0 0;} #store-result .box .result .li .btn-box .btn:hover{background-color: #aacd06;border-color: #aacd06;color: #fff;} #store-result .box .result .li .btn-box .btn1:hover .icon{background-image: url(/images/store-icon2-h.png);} #store-result .box .result .li .btn-box .btn2:hover .icon{background-image: url(/images/store-icon3-h.png);} #store-result .box .result .page-box{padding-top: 78px;background: #f6f6f6;} #store-result .box .result .page-box .page{width: 180px;height: 60px;} #store-result .box .result .page-box .page:hover{background-color: #aacd06;} #store-result .box .result .page-box .prev{background: url(/images/page-icon5.png) no-repeat center #102744;margin-right: 2px;} #store-result .box .result .page-box .next{background: url(/images/page-icon6.png) no-repeat center #102744;} @media (max-width: 1440px){ #store-result .box .map-box{width: 70%;} #store-result .box .result{width: 30%;} #store-result .box .result .li{padding: 18px 10px 26px;} #store-result .box .result .li .btn-box .btn1{margin-right: 10px;} } @media (max-width: 1280px){ #store .content{display: block;} #store .content .left{width: 100%;} #store .content .left .text{padding: 5%;} #store .content .right{width: 100%;} #store .content .right .cont .form-box{padding-left: 30px;} #store .content .right .cont .form-box .address select{margin-right: 10px;} #store-result .box .map-box{width: 60%;} #store-result .box .result{width: 40%;} #store-result .box .result .li{padding: 18px 10px 26px;} #store-result .box .result .li .btn-box .btn1{margin-right: 10px;} } @media (max-width: 1024px){ #store-result .box{overflow-y: auto;height: 1000px;} #store-result .box .content{display: block;height: auto;} #store-result .box .map-box{width: 100%;height: 500px;} #store-result .box .result{width: 100%;} #store-result .box .result .page-box{padding-top: 30px;justify-content: start;display: none;} } @media (max-width: 750px){ #store .content .right .cont .form-box .top{display: block;text-align: left;} #store .content .right .cont .form-box .txt{font-size: 26px;margin-bottom: 20px;} #store .content .right .cont .form-box .address{display: block;margin-left: 0;} #store .content .right .cont .form-box .address select{width: 260px;font-size: 26px;} #store .content .right .cont .form-box .submit{width: 260px;margin-left: 0;font-size: 26px;} #store-result .box .result .tit{font-size: 28px;} #store-result .box .result .container{height: 600px;} #store-result .box .result .li .t1{font-size: 28px;line-height: 36px;} #store-result .box .result .li .t2{font-size: 26px;} #store-result .box .result .li .btn-box .btn{width: 180px;height: 56px;line-height: 56px;font-size: 26px;} #store-result .box .result .li .btn-box .btn .icon{margin-top: 21px;} } /*订单查询*/ #order{padding: 5.729% 0 6.25%;} #order .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #order .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #order .content{margin-top: 50px;} #order .content .cont{display: flex;flex-direction: column;justify-content: center;} #order .content .cont .txt{font-size: 30px;color: #fff;line-height: 1.4;font-family: "SM";margin-top: -120px;padding: 20px 0;} #order .content .cont .form-box{width: 48.611%;margin: 70px auto 0;} #order .content .cont .form-box .input-box{margin-top: 20px;height: 56px;line-height: 56px;} #order .content .cont .form-box .input-box .input{display: inline-block;width: 65.714%;background: #eee;} #order .content .cont .form-box .input-box .input .inp{width: 100%;padding: 0 20px;font-size: 18px;color: #666;} #order .content .cont .form-box .input-box .input .inp::-webkit-input-placeholder{color: #666;} #order .content .cont .form-box .input-box .input .inp::-moz-placeholder{color: #666;opacity: 1;} #order .content .cont .form-box .input-box .input .inp::-ms-input-placeholder{color: #666;} #order .content .cont .form-box .input-box .submit{display: inline-block;width: 34.286%;text-align: center;font-size: 16px;color: #fff;font-family: "SM";background: #aacd06;} #order-result1{width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 99;} #order-result1 .box{width: 760px;background: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 40px 70px 60px;} #order-result1 .box .close{width: 20px;height: 20px;background: url(/images/close.png) no-repeat center;top: 40px;right: 40px;} #order-result1 .box .title{font-size: 32px;color: #666;font-family: "SM";margin-bottom: 25px;} #order-result1 .box .tit{font-size: 18px;color: #333;} #order-result1 .box .tit span{color: #aacd06;} #order-result1 .box .content{width: 50%;margin: 42px auto 0; height: 243px; overflow-y: auto;} #order-result1 .box .content .content-row{ padding-top: 15px; width: 98%; border-top: 1px solid #c1c1c1;} #order-result1 .box .content .content-row:first-child{ padding-top: 0; border-top: 0;} #order-result1 .box .content .txt{margin-bottom: 15px;} #order-result1 .box .content .txt .t1{font-size: 16px;color: #888;} #order-result1 .box .content .txt .t2{font-size: 16px;color: #333;} #order-result2{width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,.2);z-index: 99;} #order-result2 .box{width: 760px;background: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 40px 70px 60px;} #order-result2 .box .close{width: 20px;height: 20px;background: url(/images/close.png) no-repeat center;top: 40px;right: 40px;} #order-result2 .box .title{font-size: 32px;color: #666;font-family: "SM";margin-bottom: 25px;} #order-result2 .box .tit{font-size: 18px;color: #333;} #order-result2 .box .tit span{color: #aacd06;} #order-result2 .box .content{width: 50%;margin: 35px auto 0;} #order-result2 .box .content .icon{width: 103px;height: 112px;background: url(/images/order-icon.png) no-repeat center;margin: 0 auto 20px;} #order-result2 .box .content .txt{font-size: 16px;color: #666;line-height: 1.875;} @media (max-width: 1366px){ #order .content .cont .txt{background: rgba(0,0,0,.2);} } @media (max-width: 1024px){ #order .content .cont .txt{margin-top: 30px;} #order .content .cont .form-box{margin-top: 50px;} #order-result1 .box{width: 650px;padding: 40px 30px 60px;} #order-result2 .box{width: 650px;padding: 40px 30px 60px;} } @media (max-width: 750px){ #order .content .cont .txt{margin-top: 0;} #order .content .cont .form-box{width: 80%;margin: 30px auto 0;} #order .content .cont .form-box .input-box .input .inp{font-size: 26px;} #order .content .cont .form-box .input-box .submit{font-size: 26px;} #order-result1 .box .tit{font-size: 26px;} #order-result1 .box .content{width: 92%;margin: 30px auto 0; height: 366px;} #order-result1 .box .content .txt .t1{font-size: 26px;} #order-result1 .box .content .txt .t2{font-size: 26px;} #order-result2 .box .content{width: 100%;} #order-result2 .box .tit{font-size: 28px;} #order-result2 .box .content .txt{font-size: 26px;} } /*在线体验*/ #experience{padding: 5.729% 0;background: #f7f7f7;} #experience .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #experience .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #experience .cate-box{width: 100%;margin-top: 60px;padding-bottom: 20px;} #experience .cate-box .li{width: auto;min-width: 16.666%;height: 60px;line-height: 60px;padding: 0 20px;font-size: 18px;color: #333;transition-property: all;background: #fff;} #experience .cate-box .li.cur{background: #aacd06;color: #fff;font-family: "SB";} #experience .cate-box .li.cur::after{content: '';position: absolute;border: 10px solid transparent;border-top-color: #aacd06;left: 50%;bottom: -20px;transform: translateX(-50%);} #experience .cate-box .li:hover{color: #aacd06;} #experience .cate-box .li.cur:hover{color: #fff;} #experience .content{margin-top: 70px;} #experience .content .li{width: 31.944%;margin: 0 2.084% 40px 0;} #experience .content .li:nth-child(3n){margin-right: 0;} #experience .content .li .pic{width: 100%;padding-top: 65.217%;} #experience .content .li .pic .cont{background: rgba(16,39,68,.8);opacity: 0;} #experience .content .li .pic .cont .con{width: 92%;} #experience .content .li .pic .cont .qrcode{width: 98px;height: 98px;margin: 0 auto 30px;background: #fff;} #experience .content .li .pic .cont .more{width: 130px;height: 40px;line-height: 40px;font-size: 14px;color: #fff;background: #aacd06;margin: 0 auto;border-radius: 20px;} #experience .content .li .pic .cont .more .icon{width: 13px;height: 6px;background: url(/images/detail-icon2.png) no-repeat center;margin: 16px 0 0 12px;} #experience .content .li .msg{background: #fff;padding: 25px 20px;} #experience .content .li .msg .tit{font-size: 18px;color: #333;font-family: "SM";} #experience .content .li:hover .pic .cont{opacity: 1;} #experience .content .li:hover .pic .cont .qrcode img{transform: scale(1);} @media (max-width: 1024px){ #experience .content .li .pic .cont .qrcode{margin-bottom: 10px;} } @media (max-width: 750px){ #experience .cate-box{margin-top: 30px;} #experience .cate-box .li{width: auto;min-width: 25%;font-size: 28px;} #experience .content{margin-top: 40px;} #experience .content .li{width: 100%;margin: 0 0 40px 0;} #experience .content .li .pic .cont .qrcode{margin-bottom: 30px;} #experience .content .li .pic .cont .more{width: 180px;height: 60px;line-height: 60px;font-size: 24px;border-radius: 30px;} #experience .content .li .pic .cont .more .icon{margin: 26px 0 0 12px;} #experience .content .li .msg .tit{font-size: 28px;} } /*服务流程*/ #serverprocess{padding: 5.729% 0 6.25%;background: #f7f7f7;} #serverprocess .title-en{font-size: 42px;color: #dcdcdc;font-weight: 700;font-family:"BC";} #serverprocess .title-cn{font-size: 32px;color: #102744;font-family:"SM";} #serverprocess .cate-box{width: 100%;margin-top: 55px;padding-bottom: 20px;} #serverprocess .cate-box .li{width: auto;min-width: 50%;height: 60px;line-height: 60px;padding: 0 20px;font-size: 18px;color: #333;transition-property: all;background: #fff;} #serverprocess .cate-box .li.cur{background: #aacd06;color: #fff;font-family: "SB";} #serverprocess .cate-box .li.cur::after{content: '';position: absolute;border: 10px solid transparent;border-top-color: #aacd06;left: 50%;bottom: -20px;transform: translateX(-50%);} #serverprocess .cate-box .li:hover{color: #aacd06;} #serverprocess .cate-box .li.cur:hover{color: #fff;} #serverprocess .content{margin-top: 50px;background: #fff;} #serverprocess .content .li{width: 8.333%;padding-top: 40.278%;transition-property: all;} #serverprocess .content .li.cur{width: 50%;} #serverprocess .content .li.cur .cont{} #serverprocess .content .li .cont{display: flex;justify-content: space-between;flex-direction: column;align-items: center;padding: 55px 0;} #serverprocess .content .li .cont .num{font-size: 28px;color: #102744;font-family: "BC";font-weight: 200;} #serverprocess .content .li .cont .tit{font-size: 20px;color: #333;font-family: "SM";writing-mode: tb-rl;} #serverprocess .content .li .cont2{opacity: 0;} #serverprocess .content .li.cur .cont2{opacity: 1;} #serverprocess .content .li .cont2 .text{z-index: 3;left: 48px;top: 31.034%;text-align: left;padding-right: 20px;} #serverprocess .content .li .cont2 .text .num{font-size: 36px;color: #102744;font-family: "BC";font-weight: 200;} #serverprocess .content .li .cont2 .text .tit{font-size: 30px;color: #102744;margin-left: 10px;} #serverprocess .content .li .cont2 .text .brief{font-size: 16px;color: #102744;line-height: 2;margin-left: 44px;} @media (max-width: 1024px){ #serverprocess .content .li{width: 10%;padding-top: 48.278%;} #serverprocess .content .li.cur{width: 60%;} #serverprocess .content .li .cont2 .text{left: 20px;top: 20%} } @media (max-width: 750px){ #serverprocess .cate-box .li{font-size: 28px;} #serverprocess .content .li{width: 10%;padding-top: 64.5%;} #serverprocess .content .li.cur{width: 80%;} #serverprocess .content .li .cont .tit{font-size: 26px;} #serverprocess .content .li .cont2 .text .brief{font-size: 26px;} } /*联系我们*/ #contact{padding: 105px 0 90px;background: #f7f7f7;} #contact .title-en{font-size: 42px;color: #dcdcdc;font-family: "BC";font-weight: 700;} #contact .title-cn{font-size: 32px;color: #102744;font-family: "SM";line-height: 1;margin-top: 8px;} #contact .content1{margin-top: 50px;background: #fff;padding: 70px 0;} #contact .content1 .item{width: 33.333%;border-right: 1px solid #ececec;padding: 0 55px;} #contact .content1 .item:nth-child(3){border-right: 0;} #contact .content1 .item .icon{width: 40px;height: 40px;} #contact .content1 .item .t1{font-size: 16px;color: #102744;font-family: "SB";margin: 28px 0 12px;} #contact .content1 .item .t2{font-size: 16px;color: #102744;word-break: break-all;} #contact .content2{height: 480px;background: #fff;margin-top: 30px;} #contact .content2 .address{width: 33.333%;padding: 20px;} #contact .content2 .address .icon{width: 40px;height: 40px;margin: 0 auto;} #contact .content2 .address .t1{font-size: 16px;color: #102744;font-family: "SB";margin: 28px 0 12px;} #contact .content2 .address .t2{font-size: 16px;color: #102744;} #contact .content2 .map-box{width: 66.667%;height: 100%;} @media (max-width: 1200px){ #contact .content1 .item{padding: 0 25px;} } @media (max-width: 750px){ #contact{padding: 60px 0;} #contact .content1{padding: 30px 0;display: block;} #contact .content1 .item{width: 100%;border-right: 0;text-align: center;margin-bottom: 30px;} #contact .content1 .item:nth-child(3){margin-bottom: 0;} #contact .content1 .item .icon{margin: 0 auto;} #contact .content1 .item .t1{font-size: 28px;margin-top: 15px;} #contact .content1 .item .t2{font-size: 28px;} #contact .content2{height: auto;display: block;} #contact .content2 .address{width: 100%;padding: 20px;} #contact .content2 .address .t1{font-size: 28px;} #contact .content2 .address .t2{font-size: 28px;} #contact .content2 .map-box{width: 100%;height: 480px;margin-top: 15px;} } #message{background: #f7f7f7;padding-bottom: 125px;} #message .title-en{font-size: 42px;color: #dcdcdc;font-family: "BC";font-weight: 700;} #message .title-cn{font-size: 32px;color: #102744;font-family: "SM";line-height: 1;margin-top: 8px;} #message .form-box{width: 100%;background: #fff;padding: 110px 60px 78px;margin-top: 60px;} #message .form-box .input{width: 30.303%;margin-right: 4.5455%;} #message .form-box .input.mr0{margin-right: 0;} #message .form-box .input input{width: 100%;padding-bottom: 25px;border-bottom: 1px solid #ccc;font-size: 16px;color: #888;} #message .form-box .input input::-webkit-input-placeholder{color: #888;} #message .form-box .input input::-moz-placeholder{color: #888;opacity: 1;} #message .form-box .input input::-ms-input-placeholder{color: #888;} #message .form-box .textarea{margin-top: 35px;width: 100%;height: 100px;font-size: 16px;color: #888;border-bottom: 1px solid #ccc;} #message .form-box .textarea::-webkit-input-placeholder{color: #888;} #message .form-box .textarea::-moz-placeholder{color: #888;opacity: 1;} #message .form-box .textarea::-ms-input-placeholder{color: #888;} #message .form-box .submit{width: 200px;height: 60px;line-height: 60px;background: #aacd06;font-size: 20px;color: #fff;font-family: "SM";margin: 50px auto 0;} @media (max-width: 1280px){ #message .form-box{padding: 60px 20px;} } @media (max-width: 750px){ #message{padding-bottom: 60px;} #message .form-box{margin-top: 30px;} #message .form-box .input{width: 100%;margin-right: 0;margin-bottom: 30px;} #message .form-box .input:nth-child(3){margin-bottom: 0;} #message .form-box .input input{font-size: 26px;} #message .form-box .textarea{font-size: 26px;} #message .form-box .submit{width: 200px;font-size: 26px;margin: 30px auto 0;} } /*新闻*/ #news{padding: 100px 0 60px;} #news .top .pic{padding-top: 35%;} #news .top .tit{height: 95px;line-height: 95px;bottom: 0;z-index: 1;left: 0;right: 190px;background: rgba(0,0,0,0.5);} #news .top .tit .t1{margin-left: 36px;width: calc(100% - 200px);color: #fff;font-size: 26px;font-weight: 700;font-family: 'SB';} #news .top .tit .t2{font-size: 20px;color: #fff;font-family: 'BC';margin-right: 48px;font-weight: 200;} #news .top .prev, #news .top .next{width: 95px;height: 95px;bottom: 0;z-index: 5;background: #fff;} #news .top .prev{right: 95px;} #news .top .next{right: 0px;} #news .top .prev .svg, #news .top .next .svg{width: 35px;height: 35px;fill: #343434;} #news .top .prev:hover, #news .top .next:hover{background: #aacd06;} #news .top .prev:hover .svg, #news .top .next:hover .svg{fill: #fff;} #news .bot .li .item{padding: 71px 0px 75px;border-bottom: 1px solid #e6e6e6;} #news .bot .li .time{width: 70px;text-align: center;margin-right: 80px;} #news .bot .li .time .t1{font-size: 70px;color: #ccc;font-family: 'BC';font-weight: 700;} #news .bot .li .time .t2{font-size: 20px;color: #ccc;font-family: 'BC';font-weight: 700;} #news .bot .li .pic{width: 400px;/*height: 226px;*/} #news .bot .li .text{width: calc(100% - 610px);margin-left: 60px;padding-top: 10px;} #news .bot .li .text .tit{font-size: 26px;color: #1a1a1a;font-weight: 700;line-height: 1.4;font-family: "SB";} #news .bot .li .text .brief{font-size: 16px;color: #999;line-height: 1.875;max-height: 60px;margin: 20px auto 50px;} #news .bot .li .text .more{font-size: 16px;color: #ccc;font-family: "SB";} #news .bot .li:hover{background: #f7f7f7;} #news .bot .li:hover .time .t1{color: #aacd06;} #news .bot .li:hover .time .t2{color: #aacd06;} #news .bot .li:hover .text .tit{color: #aacd06;} #news .bot .li:hover .text .brief{color: #1a1a1a;} #news .bot .li:hover .text .more{color: #aacd06;} #news .paging{margin-top: 60px;} @media (max-width: 1366px){ #news .bot .li .time{margin-right: 60px;} #news .bot .li .text{width: calc(100% - 480px);} #news .bot .li .pic{width: 288px;height: 180.8px;} } @media (max-width: 1200px){ #news .bot .li .text .brief{margin: 10px 0 20px;} } @media (max-width: 980px){ #news .bot .li .time{margin-right: 30px;} #news .bot .li .text{width: calc(100% - 420px);margin-left: 30px;} } @media (max-width: 750px){ #news .top .tit .t1{margin-left: 36px;width: calc(100% - 36px);font-size: 26px;} #news .top .tit .t2{display: none;} #news .bot .li .time{width: 100px;} #news .bot .li .time .t2{font-size: 30px;} #news .bot .li .pic{width: calc(100% - 130px);height: auto;} #news .bot .li .text{width: 100%;margin-left: 0;margin-top: 20px;} #news .bot .li .text .tit{font-size: 32px;height: auto;} #news .bot .li .text .brief{font-size: 28px;max-height: none;} #news .bot .li .text .more{font-size: 28px;} } #news-detail{padding: 55px 0 115px;} #news-detail .left{width: 70.833%;} #news-detail .left .title{font-size: 36px;color: #1a1a1a;font-family: "SB";margin-bottom: 15px;} #news-detail .left .txt{font-size: 16px;color: #999;margin-right: 20px;} #news-detail .left .content{margin-top: 35px;} #news-detail .left .content img{display: block;margin: 0 auto;} #news-detail .left .page-box{margin-top: 80px;padding-top: 36px;border-top: 1px solid #e6e6e6;} #news-detail .left .page-box .page-left{width: calc(100% - 200px);} #news-detail .left .page-box .page{font-size: 16px;color: #888;margin-bottom: 12px;} #news-detail .left .page-box .page a{width: 90%;display: inline-block;} #news-detail .left .page-box .page a:hover{color: #aacd06;} #news-detail .left .back{width: 176px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background: #102744;} #news-detail .left .back:hover{background: #aacd06;} #news-detail .right{width: 25%;} #news-detail .right .form-box{width: 100%;height: 55px;line-height: 55px;} #news-detail .right .form-box .input{width: calc(100% - 55px);height: 100%;background: #f6f6f6;} #news-detail .right .form-box .input input{width: 100%;padding: 0 28px;font-size: 16px;color: #999;} #news-detail .right .form-box .submit{width: 55px;height: 55px;background: url(/images/search-icon.png) no-repeat center #aacd06;} #news-detail .right .news-box{margin-top: 24px;background: #f6f6f6;} #news-detail .right .news-box .top{} #news-detail .right .news-box .top .txt{width: 50%;height: 60px;line-height: 60px;font-size: 18px;color: #666;border-bottom: 1px solid #e6e6e6;} #news-detail .right .news-box .top .txt.cur{color: #102744;font-family: "SB";border-bottom-color: #102744;} #news-detail .right .news-box .top .txt:hover{color: #102744;} #news-detail .right .news-box .bot{padding: 13px 30px 20px;} #news-detail .right .news-box .bot .li{padding: 15px 0;border-bottom: 1px solid #e6e6e6;} #news-detail .right .news-box .bot .li:last-child{border-bottom: none;} #news-detail .right .news-box .bot .li .tit{font-size: 16px;color: #444;line-height: 1.5;} #news-detail .right .news-box .bot .li .time{font-size: 14px;color: #999;margin-top: 10px;} #news-detail .right .news-box .bot .li:hover .tit{color: #aacd06;} #news-detail .right .share-box{margin-top: 30px;} #news-detail .right .share-box .share{width: 48.611%;height: 50px;line-height: 48px;border: 1px solid #eaeaea;font-size: 14px;color: #444;} #news-detail .right .share-box .share1 .icon{width: 24px;height: 18px;background: url(/images/share8.png) no-repeat center;margin: 15px 7px 0 0;} #news-detail .right .share-box .share2 .icon{width: 24px;height: 18px;background: url(/images/share10.png) no-repeat center;margin: 15px 7px 0 0;} #news-detail .right .share-box .share:hover{background: #aacd06;color: #fff;} #news-detail .right .share-box .share1:hover .icon{background-image: url(/images/share9.png);} #news-detail .right .share-box .share2:hover .icon{background-image: url(/images/share11.png);} @media (max-width: 1200px){ #news-detail .box{display: block;} #news-detail .left{width: 100%;} #news-detail .right{width: 100%;margin-top: 30px;} } @media (max-width: 750px){ #news-detail{padding: 60px 0 100px;} #news-detail .left .txt{font-size: 26px;} #news-detail .left .page-box{margin-top: 50px;display: block;} #news-detail .left .page-box .page-left{width: 100%;} #news-detail .left .page-box .page{font-size: 26px;margin-bottom: 15px;} #news-detail .left .page-box .page a{width: 100%;display: inline-block;} #news-detail .left .back{height: 60px;line-height: 60px;font-size: 26px;margin-top: 30px;} #news-detail .right .news-box .top .txt{font-size: 28px;} #news-detail .right .news-box .bot .li .tit{font-size: 26px;} #news-detail .right .news-box .bot .li .time{font-size: 24px;} #news-detail .right .form-box .input input{font-size: 26px;} #news-detail .right .share-box{margin-top: 30px;} #news-detail .right .share-box .share{height: 60px;line-height: 58px;;font-size: 24px;} #news-detail .right .share-box .share1 .icon{width: 36px;height: 26px;background-size: 34px;margin: 18px 7px 0 0;} #news-detail .right .share-box .share2 .icon{width: 32px;height: 36px;background-size: 34px;margin: 12px 7px 0 0;} } /*底部*/ #footer{width: 100%;background: #102744;padding: 90px 0 30px;position: relative;z-index: 1;} #footer .top{} #footer .top .left{width: 21.875%;} #footer .top .left .txt1{font-size: 15px;color: #fff;margin-bottom: 36px;} #footer .top .left .txt2{font-size: 28px;color: #aacd06;font-family: "GM";margin-bottom: 3px;} #footer .top .left .txt3{font-size: 14px;color: #ccc;} #footer .top .left .share-box{margin-top: 30px;} #footer .top .left .share-box a{width: 30px;height: 30px;background: #fff;border-radius: 100%;margin-right: 12px;margin-bottom: 10px;} #footer .top .left .share-box a .qr{width: 110px;height: 110px;background: #fff;left: -42px;top: 36px;display: none;z-index: 1;} #footer .top .left .share-box a .qr::before{content: '';position: absolute;border: 5px solid transparent;border-bottom-color: #fff;left: 50%;transform: translateX(-50%);top: -10px;} #footer .top .left .share-box a:hover .qr{display: block;} #footer .top .nav{width: 78.125%;} #footer .top .nav .one-nav{margin-left: 100px;text-align: right;;} #footer .top .nav .one-nav .one-a{font-size: 16px;color: #fff;} #footer .top .nav .one-nav .two-nav{margin-top: 32px;} #footer .top .nav .one-nav .two-nav .two-a{font-size: 14px;color: #ccc;margin-bottom: 10px;} #footer .top .nav .one-nav .two-nav .two-a:hover{color: #fff;} #footer .bot{padding-top: 32px;border-top: 1px solid rgba(255,255,255,.1);margin-top: 60px;} #footer .bot .left{font-size: 14px;color: #ccc;} #footer .bot .left a{display: inline-block;transform: translateY(1px);} #footer .bot .left a:hover{color: #fff;} #footer .bot .right{font-size: 14px;color: #ccc;} #footer .bot .right a{transition: .3s;} #footer .bot .right a:hover{color: #fff;} @media (max-width: 1680px){ #footer .top .nav .one-nav{margin-left: 80px;} } @media (max-width: 1440px){ #footer .top .nav .one-nav{margin-left: 70px;} } @media (max-width: 1366px){ #footer .top .nav .one-nav{margin-left: 60px;} } @media (max-width: 1280px){ #footer .top .nav .one-nav{margin-left: 50px;} } /* @media (max-width: 1200px){ #footer .top .nav .one-nav{margin-left: 30px;} } @media (max-width: 980px){ #footer .top .nav .one-nav{margin-left: 20px;} } @media (max-width: 860px){ #footer .top .nav .one-nav{margin-left: 15px;} } */ @media (max-width: 1024px){ #footer{padding-top: 60px;} #footer .top .left{float: none;width: 100%;padding-left: 30px;text-align: center;} #footer .top .left .txt1{font-size: 26px;margin-bottom: 20px;} #footer .top .left .txt2{font-size: 30px;margin-bottom: 10px;} #footer .top .left .txt3{font-size: 26px;} #footer .top .left .share-box a{width: 50px;height: 50px;margin-right: 20px;float: none;} #footer .top .left .share-box a img{width: 60%;} #footer .top .left .share-box a .qr{left: -36px;top: 46px;} #footer .top .nav{float: none;width: 100%;margin-top: 30px;display: block;} #footer .top .nav .one-nav{text-align: left;margin-left: 0;background: url(/images/f-a.png) no-repeat right 6px;margin-bottom: 20px;} #footer .top .nav .one-nav.cur{background-image: url(/images/f-a-h.png);} #footer .top .nav .one-nav .one-a{font-size: 28px;} #footer .top .nav .one-nav .two-nav{margin-top: 20px;display: none;} #footer .top .nav .one-nav .two-nav .two-a{font-size: 26px;margin-bottom: 20px;} #footer .bot{text-align: center;margin-top: 30px;} #footer .bot .left{width: 100%;font-size: 26px;margin-bottom: 15px;} #footer .bot .right{width: 100%;font-size: 26px;} } /*网站地图*/ #sitemap{padding: 60px 0;} #sitemap .title{background: #102744;font-size: 16px;color: #fff;padding: 14px 32px;} #sitemap .content{margin-top: 60px;} #sitemap .content .list{margin-bottom: 30px;} #sitemap .content .list .tit{font-size: 18px;color: #102744;padding-left: 25px;position: relative;} #sitemap .content .list .tit::before{width: 5px;height: 100%;background: #102744;position: absolute;left: 0;top: 0;z-index: 2;content: '';} #sitemap .content .list .cont{margin-top: 20px;padding-left: 25px;} #sitemap .content .list .cont .txt{font-size: 16px;color: #222;margin-right: 30px;display: inline-block;margin-bottom: 10px;} #sitemap .content .list .cont .txt:hover{color: #aacd06;} @media (max-width: 750px){ #sitemap .title{font-size: 32px;} #sitemap .content .list .tit{font-size: 28px;} #sitemap .content .list .cont .txt{font-size: 26px;margin-right: 45px;margin-bottom: 22px;} } /*免责声明*/ #disclaimer{padding: 100px 0;}