body{margin:0;padding:0;width:100%;position:relative;font-size:14px;/*font-family:"Noto","Microsoft Yahei",Tahoma,Helvetica,Arial,sans-serif;*/ /* font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;*/ font-family:"Arial","Microsoft Yahei",sans-serif;color:#333333;-webkit-font-smoothing:antialiased;color:#666666;} :root { --primary: #e5555e; --primary-hover: #c42f38; --primary-rgb: 229, 85, 94; --info: #2791E5; --info-hover: #1b80d0; --info-dark:#053b93; --info-rgb: 40, 146, 229; --info-hover-rgb: 27, 128, 208; --black: #263450; --black-rgb: 38, 52, 80; --text: #757983; --black-bg: #0a1829; } p,ul,li,h1,h2,h3,h4,h5,h6,dl,dd,dt,button,input,img{margin:0;padding:0;list-style:none;} img{border:none;} .fl{float:left;} .fr{float:right;} .clearfix{zoom:1;} .clearfix:after{display:block;content:"";height:0;clear:both;overflow:hidden;visibility:hidden;} input[type=submit],input[type=reset]{border:none;cursor:pointer;} input,textarea{font-family:"Microsoft YaHei";resize:none;} a{text-decoration:none;color:#666666;} a:hover{text-decoration:none;} h1,h2,h3,h4,h5,h6,i,b{font-size:14px;font-weight:400;font-style:normal;} .arial{font-family:"Arial";} *,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} h1{font-size:45px;font-weight:600;line-height:55px;margin:0 0 10px;color:#263450;} h2{font-size:42px;line-height:50px;color:#263450;margin:0 0 10px;font-weight:500;letter-spacing:-1px;} h3,h4{margin:0 0 10px;font-weight:400;line-height:1.7;color:#263450;letter-spacing:-0.5px;} h3{font-size:20px;} h4{font-size:16px;} h5,h6{font-size:14px;margin:0 0 10px;} p{font-size:15px;line-height:28px;margin-bottom:20px;} /* ======= Scrollbar Style ======= */ ::-webkit-scrollbar{width:8px;height:8px} ::-webkit-scrollbar-thumb{cursor:pointer;background:#2791E5;} ::selection{background-color:#2791E5;color:#fff} -webkit-::selection{background-color:#2791E5;color:#fff} ::-moz-selection{background-color:#2791E5;color:#fff} /*宽度*/ .w-25{width:25% !important;} .w-50{width:50% !important;} .w-75{width:75% !important;} .w-100{width:100% !important;} .w-auto{width:auto !important;} .h-25{height:25% !important;} .h-50{height:50% !important;} .h-75{height:75% !important;} .h-100{height:100% !important;} .h-auto{height:auto !important;} .mw-100{max-width:100% !important;} .mh-100{max-height:100% !important;} /*间距*/ .m-0{margin:0 !important;} .mt-0,.my-0{margin-top:0 !important;} .mr-0,.mx-0{margin-right:0 !important;} .mb-0,.my-0{margin-bottom:0 !important;} .ml-0,.mx-0{margin-left:0 !important;} .m-1{margin:5px !important;} .mt-1,.my-1{margin-top:5px !important;} .mr-1,.mx-1{margin-right:5px !important;} .mb-1,.my-1{margin-bottom:5px !important;} .ml-1,.mx-1{margin-left:5px !important;} .m-2{margin:10px !important;} .mt-2,.my-2{margin-top:10px !important;} .mr-2,.mx-2{margin-right:10px !important;} .mb-2,.my-2{margin-bottom:10px !important;} .ml-2,.mx-2{margin-left:10px !important;} .m-3{margin:20px !important;} .mt-3,.my-3{margin-top:20px !important;} .mr-3,.mx-3{margin-right:20px !important;} .mb-3,.my-3{margin-bottom:20px !important;} .ml-3,.mx-3{margin-left:20px !important;} .m-4{margin:30px !important;} .mt-4,.my-4{margin-top:30px !important;} .mr-4,.mx-4{margin-right:30px !important;} .mb-4,.my-4{margin-bottom:30px !important;} .ml-4,.mx-4{margin-left:30px !important;} .m-5{margin:60px !important;} .mt-5,.my-5{margin-top:60px !important;} .mr-5,.mx-5{margin-right:60px !important;} .mb-5,.my-5{margin-bottom:60px !important;} .ml-5,.mx-5{margin-left:60px !important;} .m-6{margin:80px !important;} .mt-6,.my-6{margin-top:80px !important;} .mr-6,.mx-6{margin-right:80px !important;} .mb-6,.my-6{margin-bottom:80px !important;} .ml-6,.mx-6{margin-left:80px !important;} .m-7{margin:100px !important;} .mt-7,.my-7{margin-top:100px !important;} .mr-7,.mx-7{margin-right:100px !important;} .mb-7,.my-7{margin-bottom:100px !important;} .ml-7,.mx-7{margin-left:100px !important;} .p-0{padding:0 !important;} .pt-0,.py-0{padding-top:0 !important;} .pr-0,.px-0{padding-right:0 !important;} .pb-0,.py-0{padding-bottom:0 !important;} .pl-0,.px-0{padding-left:0 !important;} .p-1{padding:5px !important;} .pt-1,.py-1{padding-top:5px !important;} .pr-1,.px-1{padding-right:5px !important;} .pb-1,.py-1{padding-bottom:5px !important;} .pl-1,.px-1{padding-left:5px !important;} .p-2{padding:10px !important;} .pt-2,.py-2{padding-top:10px !important;} .pr-2,.px-2{padding-right:10px !important;} .pb-2,.py-2{padding-bottom:10px !important;} .pl-2,.px-2{padding-left:10px !important;} .p-3{padding:20px !important;} .pt-3,.py-3{padding-top:20px !important;} .pr-3,.px-3{padding-right:20px !important;} .pb-3,.py-3{padding-bottom:20px !important;} .pl-3,.px-3{padding-left:20px !important;} .p-4{padding:30px !important;} .pt-4,.py-4{padding-top:30px !important;} .pr-4,.px-4{padding-right:30px !important;} .pb-4,.py-4{padding-bottom:30px !important;} .pl-4,.px-4{padding-left:30px !important;} .p-5{padding:60px !important;} .pt-5,.py-5{padding-top:60px !important;} .pr-5,.px-5{padding-right:60px !important;} .pb-5,.py-5{padding-bottom:60px !important;} .pl-5,.px-5{padding-left:60px !important;} .p-6{padding:120px !important;} .pt-6,.py-6{padding-top:120px !important;} .pr-6,.px-6{padding-right:120px !important;} .pb-6,.py-6{padding-bottom:120px !important;} .pl-6,.px-6{padding-left:120px !important;} .padding{padding:80px 0;} .no-padding{padding:0;} .m-auto{margin:auto !important;} .mt-auto,.my-auto{margin-top:auto !important;} .mr-auto,.mx-auto{margin-right:auto !important;} .mb-auto,.my-auto{margin-bottom:auto !important;} .ml-auto,.mx-auto{margin-left:auto !important;} /*阴影*/ .box-shadow{box-shadow:0 0 15px rgba(0,0,0,0.27);} .shadow-sm{box-shadow:0 3px 5px rgba(0,0,0,0.075) !important;} .shadow{box-shadow:0 10px 20px rgba(0,0,0,0.15) !important;} .shadow-lg{box-shadow:0 20px 60px rgba(0,0,0,0.175) !important;} .item-shadow{box-shadow:0px 0 20px 0px rgba(209,218,235,0.50);} .shadow-none{box-shadow:none !important;} .show{display:block;} .hide{display:none;} .img-fluid{max-width:100%;height:auto;} .color-000{color:#000 !important;} .color-333{color:#333 !important;} .color-666{color:#666 !important;} .color-999{color:#999 !important;} .color-white{color:#fff !important;} .mt-bg-brown{background:#e8dccd;} .hide{display:none;} .show{display:block;} .bg-white{background-color:#fff;} .bg-grey{background-color:#f5f8ff;} .bg-dark{background-color:#07122D!important;} .bd-top{border-top:1px solid #eeeeee;} .bd-bottom{border-bottom:1px solid #eeeeee;} .bd-right{border-right:1px solid #eeeeee;} .border-radius-0{border-radius:0;} .border{border:1px solid #eee;} .border-left{border-left:1px solid #eee;} .border-right{border-right:1px solid #eee;} .border-bottom{border-bottom:1px solid #eee;} .border-dashed-bottom{border-bottom:1px dashed #eee;} /*自动隐藏文字*/ .mt-ellipsis-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .mt-ellipsis{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .mt-ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .mt-ellipsis-3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal !important;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .mt-ellipsis-4{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal !important;-webkit-line-clamp:4;-webkit-box-orient:vertical;} .mt-ellipsis-5{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal !important;-webkit-line-clamp:5;-webkit-box-orient:vertical;} .mt-flex{display:flex;} /*定位*/ .justify-content-start{justify-content:flex-start !important;} .justify-content-end{justify-content:flex-end !important;} .justify-content-center{justify-content:center !important;} .justify-content-between{justify-content:space-between !important;} .justify-content-around{justify-content:space-around !important;} .align-items-start{align-items:flex-start !important;} .align-items-end{align-items:flex-end !important;} .align-items-center{align-items:center !important;} .align-items-baseline{align-items:baseline !important;} .align-items-stretch{align-items:stretch !important;} .align-content-start{align-content:flex-start !important;} .align-content-end{align-content:flex-end !important;} .align-content-center{align-content:center !important;} .align-content-between{align-content:space-between !important;} .align-content-around{align-content:space-around !important;} .align-content-stretch{align-content:stretch !important;} .align-self-auto{align-self:auto !important;} .align-self-start{align-self:flex-start !important;} .align-self-end{align-self:flex-end !important;} .align-self-center{align-self:center !important;} .align-self-baseline{align-self:baseline !important;} .align-self-stretch{align-self:stretch !important;} .mt-conta-main{width:72%;position:relative;height:100%;margin:0 auto;} .mt-conta-full{width:92%;position:relative;height:100%;margin:0 auto;} .main{position:relative;width:100%;} .section-default-middle{position:relative;padding-top:80px;padding-bottom:80px;} .blo-box{display:inline-block;vertical-align:top;font-size:14px;position:relative;} /* 字体大小 */ .mt-font-size-28{font-size:28px;} .mt-font-size-22{font-size:22px;} .mt-font-size-16{font-size:16px;} .mt-pannel-padding{padding:52px 0;height:auto;} .mt-60{margin-top:60px !important;} .mt-30{margin-top:30px !important;} .mt-20{margin-top:20px !important;} .mt-none-30{margin-top:-30px !important;} .btn.mt-btn-circle{/* padding:18px 60px;*/ margin:20px auto 50px;height:40px;width:40px;border-radius:50%;padding:0;} .btn-mid{width:40px;margin:0 auto;} .btn.mt-btn-circle .fa{font-size:24px;line-height:38px;} .mt-img-round{border-radius:50%;} /* 头部*/ .header{width:100%;height:90px;z-index:20;color:#fff;transition:all 0.4s ease;background:rgba(53,58,62,.9); box-shadow:0px 6px 26px rgba(0,0,0,0.06);} .header.header-fixed-top{position:fixed;top:0;left:0;height:90px;z-index:20;color:#fff;/* transition:all 0.4s ease;*/ transition:transform .25s ease-in-out;will-change:transform;transform:translateY(0);} .header .header-logo{line-height:90px;/* transition:all .6s ease;*/ position:absolute;left:0;top:0;width:237px;text-align:center;} .header.header-sticky{box-shadow:0 5px 13px rgba(0,0,0,.3);background:rgba(255,255,255,1);} .header.header-sticky .header-logo img{opacity:0;} .header.header-sticky .header-logo{background:url("../images/common/logo.png") no-repeat center;} /* .mt-index-body .header .header-logo{background:url(../images/common/logo.png) no-repeat center;} */ .header .header-logo img{vertical-align:middle;max-height:96%;max-width:96%;transition:all .4s ease;} .header.header-sticky .head-nav .blo-box a{opacity:1;} .header.header-sticky .head-nav .blo-box a{color:#000000;} .header.header-sticky .head-nav .blo-box a:before{content:'';position:absolute;width:0;transition:all .4s ease;height:2px;background:rgba(122,96,75,.8);bottom:4px;left:0;} .header.header-sticky .head-nav .blo-box:not(:last-child):before{border-right:1px solid rgba(0,0,0,.3);} .header .head-nav .blo-box{margin:0 25px;line-height:48px;transition:all .4s ease;font-size:17px;padding:21px 0 0;} .header .head-nav .blo-box p{font-size:16px;line-height:48px;padding:0;margin:0;font-weight: 300; color: #333;} .header .head-nav .blo-box:not(:last-child):before{content:'';position:absolute;border-right:1px solid rgba(255,255,255,.3);top:40%;height:50%;right:-45px;} .header .head-nav .blo-box:not(:last-child):before{content:'';position:absolute;border-right:1px solid rgba(255,255,255,.3);top:40%;height:50%;right:-45px;} .header .head-nav .blo-box a{position:relative;color:#FFFFFF;cursor:pointer;display:block;opacity:1;} .header .head-nav .blo-box a:hover{text-decoration:none;} .header .head-nav .blo-box a:before{content:'';position:absolute;width:0;/*left:50%;*/ transition:all .4s ease;height:2px;/*background:rgba(0,96,90,.8);*/ background:rgba(255,255,255,.6);bottom:4px;left:0;} .header .head-nav .blo-box:hover a:before{width:100%;/*left:0;*/ } .header .dfr{position:absolute;right:0;top:0;} .header .head-sea{line-height:90px;color:#FFFFFF;margin:0 20px;transition:all .4s ease;} .header.header-sticky .head-sea{color:#000000;} .header .head-sea i{cursor:pointer;font-size:23px;display:inline-block;vertical-align:middle;} .header .head-nav .blo-box:hover .blo-second{top:130%;opacity:1;visibility:visible;} .header .head-nav .blo-box .blo-second{min-width:160px;position:absolute;left:-50px;top:130%;background:#26282b;margin:0;padding:10px 0;opacity:0;z-index:8;visibility:hidden;-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-ms-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;} /* .header .head-nav .blo-box .blo-second:before{content:"";width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #26282b transparent;position:absolute;left:50%;top:-10px;margin-left:-5px} */ .header .head-nav .blo-box .blo-second .blo-second-item{margin:0;padding:0 10px;white-space:nowrap;} .header .head-nav .blo-box .blo-second .blo-second-item a{text-align:center;font-size:14px;} .header .head-nav .blo-box .blo-second .blo-second-item a:hover{border-color:transparent;color:#053b93;} .header .head-nav .blo-box .blo-second .blo-second-item a:before{display:none;} /* Top Bar */ .top-bar{background-color:#07122D; height:34px;} .top-bar-inner{ display: -webkit-flex;/*新版本语法:chrome 21+*/ display: flex;/*新版本语法:opera 12.1,Firefox 22+*/ display: -webkit-box;/*老版本语法:Safari,iOS,Android browser,old Webkit browser*/ display: -moz-box;/*老版本语法:Firefox(buggy)*/ display: -ms-flexbox;/*混合版本语法:IE 10*/ align-items:center; justify-content:space-between; color:#fff; display: flex; } .top-bar .top-left li{font-size:14px;color:rgba(255,255,255,0.8);display:inline-block;margin:0;padding-top:7px;padding-bottom:7px;} .top-bar .top-left li:not(:last-of-type){padding-right:20px;} .top-bar .top-left li a{color:rgba(255,255,255,0.8);text-decoration:none;} .top-bar .top-social li{display:inline-block;margin-left:13px;color:rgba(255,255,255,0.8);} .top-bar .top-social .icon{width:20px;height:20px;overflow:hidden;} .top-bar .top-social .icon img{width:20px;height:20px;} .top-bar .top-social li:first-child{margin-left:0;} .top-bar .top-social li a{color:rgba(255,255,255,0.8);font-size:12px;} .top-bar .top-social li a:hover{color:#ddd;} @media (max-width:767px){.top-bar .top-right{display:none;} .top-bar .top-left li,.top-bar .top-left li:first-child{border:none;} .top-bar .top-left li{padding-left:0;} .top-bar .top-left li:not(:last-of-type){padding-right:20px;} } @media (max-width:580px){.top-bar .top-left li{font-size:12px;} .top-bar .top-left li:not(:last-of-type){padding-right:15px;} } /* wap导航*/ .p-click-alert{float:right;display:none;width:30px;height:22px;margin:35px 0 0 26px;position:relative;cursor:pointer;z-index:12;transition:all .4s ease;} .p-click-alert span{border-top:2px solid #fff;display:block;position:absolute;left:0;transition:all .4s ease;} .header.header-sticky .p-click-alert span{border-top:2px solid #000;} .p-click-alert .s1{width:18px;top:0;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;} .p-click-alert .s2{width:26px;top:8px;-webkit-transition:all 0.5s;transition:all 0.5s;} .p-click-alert .s3{width:22px;top:17px;-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotateZ(0deg);-ms-transform:rotateZ(0deg);transform:rotateZ(0deg);-webkit-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;} .p-click-alert.zhuan .s1{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);width:22px;} .p-click-alert.zhuan .s2{opacity:0;} .p-click-alert.zhuan .s3{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);} /* 底部*/ /* FOOTER BAR*/ .footer-bar{width:100%;display:flex;flex-wrap:wrap;margin-bottom:-80px;background:#fff;} .footer-bar .inner{ /* background: -moz-linear-gradient(top, #152139 0%, #263450 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#152139), color-stop(100%,#263450)); background: -webkit-linear-gradient(top, #152139 0%,#263450 100%); background: -o-linear-gradient(top, #152139 0%,#263450 100%); background: -ms-linear-gradient(top, #152139 0%,#263450 100%); background: linear-gradient(to bottom, #152139 0%,#263450 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#152139', endColorstr='#263450',GradientType=0 ); */ padding:10px 30px;color:#fff; z-index: 1; position: relative; background-color: #263450; } .footer-bar .inner figure{margin-bottom:0;float:left;margin-right:20px;} .footer-bar .inner figure img{height:70px;padding:10px;} .footer-bar .inner h3{font-size:22px;margin-bottom:5px;color:#fff;} .footer-bar .inner h3 i{font-size:12px;color:#fff;opacity:0.5;margin-left:5px;} .footer-bar .inner p{font-size:14px;margin:0;} .footer-bar .inner strong{font-weight:600;text-decoration:underline;} /* FOOTER*/ .footer{width:100%;display:flex;flex-wrap:wrap;padding-top:120px;padding-bottom:30px;background:#26282b;} .footer p{color:#fff;} .footer .logo{height:70px;margin-bottom:15px;} .footer .logo img{height:48px;} .footer .select-box{display:inline-block;position:relative;height:50px;line-height:48px;border:1px solid rgba(255,255,255,0.2);padding-right:15px;padding-left:25px;margin-top:20px;} .footer .select-box:hover{border:1px solid rgba(255,255,255,0.35);} .footer .select-box span{margin-right:40px;} .footer .select-box .dropdown-toggle{color:#fff;font-size:14px;font-weight:600;} .footer .select-box .dropdown-toggle:hover{text-decoration:none;} .footer .select-box .dropdown-toggle img{width:20px;margin-right:5px;} .footer .select-box .dropdown-menu{width:100%;background:#fff;border-radius:0;border:none;margin-left:-25px;margin-top:13px;} .footer .select-box .dropdown-menu li{display:block;margin:0;padding:0;list-style:none;} .footer .select-box .dropdown-menu li a{display:block;padding:7px 25px;font-size:14px;line-height:1;} .footer .select-box .dropdown-menu li a:hover{background:none;color:#9f8054;} .footer .select-box .dropdown-menu li a img{width:20px;margin-right:5px;} .footer .footer-menutit{font-size:16px;color:#fff;opacity:0.7;} .footer .footer-menu{display:block;margin:0;} .footer .footer-menu li{width:50%;float:left;margin:0;padding:4px 0;list-style:none;} .footer .footer-menu.menu-full li{width:100%;color:#fff;opacity:0.6;font-size:12px;margin-bottom:10px;} .footer .footer-menu li a{float:left;color:#fff;opacity:0.6;font-size:12px;} .footer .footer-menu li a:hover{color:#e5555e;} .footer .contact-box{float:right;color:#fff;text-align:right;} .footer .contact-box h5{margin-bottom:10px;font-size:19px;font-family:"Playfair Display",serif;} .footer .contact-box h3{font-weight:600;margin:0;font-size:24px;} .footer .contact-box p{margin-bottom:10px;} .footer .contact-box p a{color:#fff;opacity:0.5;} .footer .contact-box ul{float:right;margin:0;margin-top:20px;padding:0;} .footer .contact-box ul li{float:left;margin-left:5px;padding:0;list-style:none;} .footer .contact-box ul li a{width:40px;height:40px;float:left;text-align:center;line-height:42px;font-size:13px;color:#fff;background:rgba(255,255,255,0.1);} .footer .contact-box ul li a:hover{color:#26282b;background:#e5555e;} .footer .foot-copyright{border-top:1px solid rgba(255,255,255,0.1);padding-top:30px;margin-top:10px;color:#fff;font-size:13px;opacity:0.6;} .footer .foot-copyright .copyright{float:left;} .footer .foot-copyright .creation{float:right;} .footer .foot-copyright .creation a{color:#fff;} .footer-code{padding-left:30px;width:130px;float:left;} .footer-code img{width:100%;} .footer-code p{text-align:center;font-size:12px;line-height:34px;} /* 底部end*/ .size-all{width:100%;height:100%;} /*首页*/ .mt-index-banner{width:100%;position:relative;} .mt-index-banner .mt-index-swiper .size-all{opacity:1;transform:scale(1.12);transition:all 6s ease;} .mt-index-banner .mt-index-swiper .swiper-slide-active .size-all{opacity:1;transform:scale(1);} .mt-index-banner .mt-index-swiper .swiper-wrapper .swiper-slide::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;/* background:#26282b;background:-moz-linear-gradient(161deg,#26282b 0%,#26282b 49%,#9f8054 100%);background:-webkit-linear-gradient(161deg,#26282b 0%,#26282b 49%,#9f8054 100%);background:linear-gradient(161deg,#26282b 0%,#26282b 49%,#9f8054 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="#9f8054",GradientType=1);opacity:0.65;*/ } .mt-index-banner .pagination{position:absolute;bottom:7%;right:5%;font-size:0;z-index:3;} .mt-index-banner .pagination span{display:inline-block;width:18px;height:18px;background:#DDDDDD;margin:0 0 0 17px;transition:all .4s ease;} .mt-index-banner .pagination span.swiper-active-switch{background:#2791E5;} .mt-index-banner .com-swbtn1{position:absolute;bottom:7%;right:5%;font-size:18px;z-index:3;text-transform:uppercase;top:30%;} .mt-index-banner .com-swbtn1 .swbtn{color:#ffffff;font-family:'Didot';cursor:pointer;margin:0 35px 0 0;transition:all .4s ease;transform:rotate(90deg);position:absolute;} .mt-index-banner .com-swbtn1 .swbtn.btnleft{width:40px;position:absolute;right:10px;top:calc(50% + 60px);z-index:4;transform:rotate(90deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-ms-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;transform-origin:bottom;margin-top:-60px;font-weight:600;color:#fff;font-size:14px;line-height:1;cursor:pointer;} .mt-index-banner .com-swbtn1 .swbtn.btnleft::after{content:"";width:42px;height:1px;background:#fff;position:absolute;right:calc(-100% - 20px);top:12px;} .mt-index-banner .com-swbtn1 .swbtn.btnright{width:40px;position:absolute;right:10px;top:calc(50% + 60px);z-index:4;transform:rotate(90deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-ms-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;transform-origin:bottom;margin-top:60px;font-weight:600;color:#fff;font-size:14px;line-height:1;cursor:pointer;} .mt-index-banner .com-swbtn1 .swbtn:hover{color:#9f8054;} .mt-index-banner .com-swbtn1 .swbtn i{font-size:22px;} .mt-index-banner .mt-index-swiper .nei-wen{position:absolute;top:50%;width:100%;text-align:center;z-index:3;margin-top:-224px;} .mt-index-banner .mt-index-swiper .swiper-slide-active .nei-wen{animation:fadeInUp2 1s ease;} .mt-index-banner .mt-index-swiper .nei-wen *{max-width:100%;} .mt-index-banner .dowebok{position:absolute;bottom:1%;width:90%;left:5%;height:30px;font-size:18px;z-index:6;} .mt-index-banner .dowebok a{color:#FFFFFF;margin:0 20px;transition:all .4s ease;} .mt-index-banner .dowebok a:hover{text-decoration:underline;} .mt-index-banner .b_video{height:100%;position:relative;} .mt-index-banner .b_video .b_overlay{position:absolute;top:0;left:0;z-index:3;width:100%;height:100%;background-color:rgba(0,0,0,.2);} .mt-index-banner .b_video .b_video_con{position:absolute;transform:translate(0%,0%);-webkit-transform:translate(0%,0%);-ms-transform:translate(0%,0%);left:0px;top:0px;width:100vw;height:100vh;-o-object-fit:cover;object-fit:cover;z-index:2;} audio,canvas,progress,video{display:inline-block;vertical-align:baseline;} /* SLIDER*/ .slider{width:100%;height:100vh;min-height:600px;display:flex;flex-wrap:wrap;background:#26282b;overflow:hidden;} .slider .slider-container{width:100%;height:100%;display:flex;flex-wrap:wrap;overflow:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;transition-duration:700ms;-webkit-transition-duration:700ms;transition-timing-function:cubic-bezier(0.86,0,0.07,1);-webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1);transform:scale(1.3);transition-delay:1.25s;opacity:0;--swiper-theme-color:#ff6600;/* 设置Swiper风格*/ --swiper-preloader-color:#00ff33;/* 单独设置预加载圆圈的颜色*/ } .slider .slider-container .swiper-slide{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;align-content:center;background-size:auto 120%;} .slider .slider-container .swiper-slide:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:#26282b;background:-moz-linear-gradient(161deg,#26282b 0%,#26282b 49%,#9f8054 100%);background:-webkit-linear-gradient(161deg,#26282b 0%,#26282b 49%,#9f8054 100%);background:linear-gradient(161deg,#26282b 0%,#26282b 49%,#9f8054 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#26282b",endColorstr="#9f8054",GradientType=1);opacity:0.65;} .slider .slider-container .swiper-slide .container{position:relative;z-index:9;} .slider .slider-container .swiper-slide .container .swiper-logo{text-align:center;margin-bottom:20px;} .slider .slider-container .swiper-slide .container .swiper-logo img{width:100px;height:100px;} .slider .slider-container .swiper-slide .container h1{font-size:2vw;color:#fff;font-family:"Playfair Display",serif;color:#fff;margin-bottom:20px;text-align:center;} .slider .slider-container .swiper-slide .container h1 span{display:inline-block;position:relative;} .slider .slider-container .swiper-slide .container h1 span:before{content:"";width:247px;height:70px;position:absolute;left:0;top:40px;background:url(../images/title-mark.png) center no-repeat;background-size:contain;z-index:-1;} .slider .slider-container .swiper-slide .container h2{/* font-weight:600;*/ color:#fff;margin-bottom:50px;text-align:center;} .slider .slider-container .swiper-slide .container a{height:60px;line-height:56px;float:left;color:#fff;font-size:14px;font-weight:600;padding-bottom:10px;position:relative;border:2px solid #ebcfa7;padding:0 40px;box-shadow:0 0 20px rgba(235,207,167,0.4);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-ms-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;} .slider .slider-container .swiper-slide .container a i{margin-left:10px;} .slider .slider-container .swiper-slide .container a:hover{text-decoration:none;background:#9f8054;border-color:#9f8054;} .slider .slider-container .swiper-slide .container figure{float:left;margin-left:40px;margin-bottom:0;} .slider .slider-container .swiper-slide .container figure img{height:60px;} .slider .slider-container .inner-elements{width:100%;position:absolute;left:0;top:0;} .slider .slider-container .inner-elements .container{position:relative;height:100vh;} .slider .slider-container .inner-elements .container .social-media{width:20px;position:absolute;left:15px;top:calc(50% + 60px);transform:translateY(-50%);z-index:4;text-align:center;} .slider .slider-container .inner-elements .container .social-media h6{width:120px;color:#fff;transform:rotate(90deg);transform-origin:left;margin-left:9px;font-weight:600;margin-bottom:120px;font-size:14px;} .slider .slider-container .inner-elements .container .social-media ul{margin:0;padding:0;} .slider .slider-container .inner-elements .container .social-media ul:before{content:"";width:1px;height:42px;background:#fff;display:inline-block;margin-bottom:15px;margin-top:10px;} .slider .slider-container .inner-elements .container .social-media ul li{margin:0;padding:3px 0;list-style:none;} .slider .slider-container .inner-elements .container .social-media ul li a{color:#fff;font-size:12px;} .slider .slider-container .inner-elements .container .social-media ul li a:hover{color:#ebcfa7;} .slider .slider-container .inner-elements .container .pagination{width:auto;position:absolute;left:auto;right:15px;bottom:20px;z-index:4;color:#fff;font-size:14px;font-weight:600;line-height:50px;} .slider .slider-container .inner-elements .container .pagination .swiper-pagination-current{font-size:40px;font-weight:800;margin-right:5px;} .slider .slider-container .inner-elements .container .pagination .swiper-pagination-total{font-size:20px;margin-left:5px;} .slider .slider-container .inner-elements .container .button-prev{width:40px;position:absolute;right:10px;top:calc(50% + 60px);z-index:4;transform:rotate(90deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-ms-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;transform-origin:bottom;margin-top:-60px;font-weight:600;color:#fff;font-size:14px;line-height:1;cursor:pointer;} .slider .slider-container .inner-elements .container .button-prev:hover{color:#ebcfa7;} .slider .slider-container .inner-elements .container .button-prev:after{content:"";width:42px;height:1px;background:#fff;position:absolute;right:calc(-100% - 20px);top:5px;} .slider .slider-container .inner-elements .container .button-next{width:40px;position:absolute;right:10px;top:calc(50% + 60px);z-index:4;transform:rotate(90deg);-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;-ms-transition:0.25s ease-in-out;-o-transition:0.25s ease-in-out;transition:0.25s ease-in-out;transform-origin:bottom;margin-top:60px;font-weight:600;color:#fff;font-size:14px;line-height:1;cursor:pointer;} .slider .slider-container .inner-elements .container .button-next:hover{color:#ebcfa7;} /* section 头部*/ .section-title{padding:0 0 60px;color:#000000;} .section-title .section-title-en{font-size:40px;font-family:'Didot';} .section-title .section-title-cn{font-size:30px;} /*阴影*/ .mt-pannel-shadow{box-shadow:0px 0px 20px rgba(0,0,0,.4);} /* ======= Scroll To Top ======= */ #scrollup{width:45px;height:45px;position:fixed;bottom:30px;right:30px;overflow:hidden;z-index:999;} .scroll-to-top{width:100%;height:100%;text-align:center;background-color:#2791E5;font-size:10px;padding:0;line-height:40px;color:#fff;border-radius:50%;text-decoration:none;transform:translateY(150%);transition:all 0.3s ease-in-out;} .scroll-to-top .fa{font-size:22px;} #scrollup.show{opacity:1;} #scrollup.show .scroll-to-top{transform:translateY(0);transition:all 0.3s ease-in-out;} .scroll-to-top:hover{color:#fff;text-decoration:none;opacity:0.8;transition:all 0.3s ease-in-out;} .scroll-to-top:focus{outline:none;} .signal-swiper{position:relative;height:580px;overflow:hidden;} .signal-swiper .swiper-content{position:relative;left:0;top:0;width:100%;height:100%;background:#fff;} .signal-swiper .swiper-content .inner{position:relative;} .signal-swiper .swiper-content .inner img{height:650px;width:100%;object-fit:cover;} .signal-swiper .swiper-content .inner .signal-box{background-color:rgba(39,52,80,0.8);box-sizing:border-box;width:100%;height:100%;position:absolute;left:0;top:0;padding-top:90px;} .signal-swiper .swiper-content .inner .signal-box .signal-ctit p{font-size:46px;line-height:65px;color:#fff;font-weight:800;float:left;} .signal-swiper .swiper-content .inner .signal-box .signal-text{margin-top:10px;font-size:14px;line-height:26px;color:rgba(255,255,255,0.8);max-width:610px;} .signal-swiper .swiper-content .inner .signal-box .signal-btn{width:160px;} .signal-swiper .swiper-content .inner .signal-box .signal-btn .default-btn{width:100%;} .signal-swiper .swiper-content .inner .signal-box-text{width:1200px;margin:0 auto;} .signal-swiper .swiper-content h1{margin:0 0 15px;font-size:25px;} .signal-swiper .swiper-content .movie-pic{float:left;border-radius:5px;box-shadow:0px 1px 2px #000;width:110px;height:auto;} .signal-swiper .swiper-content .movie-text{margin-left:120px;} .signal-swiper .swiper-nav{height:162px;position:absolute;left:0;bottom:0;width:100%;background:url(../images/common/wk_grey5.png);z-index:2;} .signal-swiper .swiper-nav .swiper-slide{width:calc((100% - 0px)/4);height:162px;text-align:center;position:relative;} .signal-swiper .swiper-nav .swiper-slide:first-child{border-left:1px solid rgba(255,255,255,.2);} .signal-swiper .swiper-nav .swiper-slide:after{content:"";position:absolute;top:0px;bottom:0px;right:0px;width:1px;background:url(../images/index/wk_white16.png) repeat;} .signal-swiper .swiper-nav .swiper-slide,.swiper-nav .angle{-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms;} .signal-swiper .swiper-nav .angle{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;position:absolute;left:50%;margin-left:-3px;top:-1px;opacity:0;} .signal-swiper .swiper-nav .active-nav{background-color:rgba(40, 146, 229,.6);color:rgba(255,255,255,1);} .signal-swiper .swiper-nav .active-nav .angle{opacity:1;} .signal-swiper .swiper-nav .swiper-wrapper{margin:0 auto;width:1140px;} .signal-swiper .swiper-nav img{margin-top:20px;width:80px;height:80px;border-radius:5px;} .signal-swiper .swiper-nav .title{margin:0 5px;font-size:16px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;} .signal-swiper .swiper-nav .font{font-size:16px;padding-bottom:20px;width:100%;height:auto;background-color:inherit;color:inherit;display:inline-block;vertical-align:middle;color:rgba(225,225,225,1);} .iconfont.iconfont-company{background:url(../images/icon/about_ico01.png) no-repeat center;} .iconfont.iconfont-yanfa{background:url(../images/icon/about_ico02.png) no-repeat center;} .iconfont.iconfont-video{background:url(../images/icon/about_ico03.png) no-repeat center;} .iconfont.iconfont-rongyu{background:url(../images/icon/about_ico04.png) no-repeat center;} .signal-swiper .swiper-nav .iconfont{display:block;height:80px;width:80px;margin:20px auto;background-position:0 0;-moz-transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-o-transition:all .8s ease 0s;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;} .signal-swiper .swiper-nav .iconfont{color:rgba(225,225,225,1);} /* .signal-swiper .swiper-nav:hover .iconfont{cursor:pointer;-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);} */