/*****Public*****/
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}
body{background:#fff;color:#2a2e2e}
body,header,nav,main,section,footer,div,span,ol,ul,li,dl,dt,dd,p,a,button,input,i,b,h1,h2,h3,h4,h5,h6{box-sizing:border-box;margin:0;padding:0}
html,body,button,input,select{font:14px/1.5 PingFangSC-Regular,Helvetica Neue,tahoma,arial,sans-serif}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:400}
a{-webkit-touch-callout:none;text-decoration:none;cursor:pointer}
a:active,a:focus{outline:0}
em,i{font-style:normal}
b,em,i{font-size:1em;font-style:normal;font-weight:500}
button,input,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:content-box;box-sizing:content-box;border:0;outline:0;background:0 0;font:inherit}
input[type=search],input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}
input:focus,select:focus{outline:0}
input::-webkit-input-placeholder{color:#666}
iframe,img{border:0}
img{display:inline-block;vertical-align:top}
img::shadow div{border:none!important}
svg:not(:root){overflow:hidden}
iframe{display:block}
ul{list-style:none}
li{vertical-align:top}
body,html{position:relative;width:100%;min-height:100%}
img:not([src]),img[src=""]{opacity:0}
.none{display:none!important}


/*****Swiper*****/
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}
@font-face{font-family:"Castellar";src:url("font/Castellar.eot") format('eot'),url("font/Castellar.woff") format('woff'),url("font/Castellar.ttf") format('truetype'),url("font/Castellar.svg") format('svg');font-weight:normal;font-style:normal;}
:root{--swiper-theme-color:#007aff}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
.swiper-container-3d{perspective:1200px}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
:root{--swiper-navigation-size:44px}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size)}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}
.swiper-button-lock{display:none}
.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}
.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}
.swiper-pagination-white{--swiper-pagination-color:#ffffff}
.swiper-pagination-black{--swiper-pagination-color:#000000}
.swiper-pagination-lock{display:none}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}
.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}
.swiper-lazy-preloader-black{--swiper-preloader-color:#000}
@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}
}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube{overflow:visible}
.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
.swiper-container-flip{overflow:visible}
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}


/*****Header*****/
.header{position:absolute;left:0;top:0;z-index:90;display:block;width:100%;height:56px;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear}
.headblock{display:block;width:100%;height:56px}
.headert,.headmove{background:rgba(0,0,0,.8)}
.header .headbar{position:relative;display:block;width:100%;height:56px}
.header .logo{display:block;height:36px;width:116px;padding-left:12px;padding-top:10px}
.header .logo h1{display:block;height:36px;width:116px;overflow:hidden;background:url(img/logoy.png) no-repeat 0 0;background-size:contain;text-indent:-9999px}
.header .imenu{position:absolute;z-index:99;right:10px;top:18px;display:block;height:20px;width:20px}
.header .imenu .iopen{position:absolute;left:0;top:4px;display:block;height:14px;width:15px;background:url(img/iopen.png) no-repeat 0 0;background-size:contain}
.header .imenu .iclose{display:none;position:fixed;right:15px;top:22px;height:14px;width:15px;background:url(img/iclose.png) no-repeat 0 0;background-size:contain}
.header .headbg{display:none;position:fixed;z-index:91;left:0;top:0;height:100%;width:100%;background:rgba(0,0,0,.2)}
.headseat{padding-bottom:56px}
.header .nav{position:fixed;z-index:99;right:0;top:0;display:block;width:180px;height:100%;background:rgba(0,0,0,.8);transform:translate(180px,0);opacity:.8;transition:transform .25s ease-out,opacity .25s ease-out}
.header .nav .subnav{display:block;height:72px;margin-left:58px}
.header .nav .subnav:nth-child(1){margin-top:65px}
.header .nav .subnav .txt{position:relative;display:block;height:72px;line-height:72px;font-size:16px;font-weight:400;color:#fff;opacity:.95;transition:color .3s linear;-webkit-transition:color .3s linear}
.header .nav .subnavlan{display:block;position:absolute;bottom:30px;height:72px;line-height:72px}
.header .nav .subnavlan a{color:#fff;opacity:.95;font-size:16px;font-weight:400}
.header .nav .subnavlan .en,.header .nav .subnavlan .sline{display:inline-block!important}
.header .nav .subnavlan .sline{color:#fff;opacity:.8;font-size:14px;margin: 0px 6px;position:relative;top:0}
@media screen and (min-width:800px){
.header{position:absolute;width:100%;padding:0;height:72px}
.headblock{height:72px}
.header .headbar{position:static;display:flex;padding:0 15px;height:72px;flex-flow:row nowrap;justify-content:space-between;align-items:center}
.header .logo{position:static;margin:0;padding:0;height:45px;width:144px}
.header .logo h1{height:45px;width:144px}
.header .imenu{display:none}
.header .nav{position:static;height:72px;width:auto;background:none;opacity:1;transform:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;}
.header .nav .subnav{margin-left:calc(14.2vw - 94px)}
.header .nav .subnav:nth-child(1){margin-top:0}
.header .nav .subnav .txt{font-size:18px;font-weight:700}
.header .nav .subnav .txt:hover{opacity:1}
.header .nav .subnav .txt:after{display:block;content:"";height:4px;width:100%;position:absolute;bottom:0px;left:0;background:#fff;opacity:0;-webkit-transition:transform .4s ease-out,opacity .4s ease-out;transform-origin:50% 0;transform:scale(.01,1)}
.header .nav .subnav:hover .txt:after{transform:scale(1,1);opacity:1}
.header .nav .subnavlan{position:relative;bottom:0}
.header .nav .subnavlan a{color:#fff;opacity:1;font-size:18px;font-weight:400}
.header .nav .subnavlan .en,.header .nav .subnavlan .sline{opacity:.7}
.header .nav .subnavlan .en:hover{opacity:1}
.header .nav .subnavlan .sline{top:-1px;font-size:16px}
}
@media screen and (min-width:1230px){
.header .headbar{padding:0;width:1200px;margin:0 auto}
.header .nav .subnav{margin-left:84px}
}


/*****Footer*****/
.sitefoot{margin-top:50px;background:#fbfbfb;padding:25px 12px}
.modfoot{text-align:center;color:#5f6464;font-size:14px}
.modfoot .logo2{margin:0 auto;display:block;height:36px;width:116px;overflow:hidden;background:url(img/logot.png) no-repeat 0 0;background-size:contain}
.modfoot .phone{margin:15px 0 10px;font-size:18px}
.modfoot a{color:#5f6464}
@media screen and (min-width:800px){
.sitefoot{margin-top:60px;padding:17px 15px}
.modfoot{pointer:relative;font-size:14px;height:45px;line-height:45px;text-align:left}
.modfoot .logo2{float:left;margin:0;height:45px;width:144px}
.modfoot .phone{float:left;margin:0;margin-left:30px}
.modfoot .copyright{float:right}
}
@media screen and (min-width:1230px){
.sitefoot{margin-top:70px;padding:22px 0}
.modfoot{width:1200px;margin:0 auto}
}


/*****Banner*****/
.bnmain{width:auto;margin:0 12px}
.banner .swiper-slide{position:relative;height:120vw;cursor:pointer}
.bncon .swiper-slide{cursor:auto;height:120vw}
.banner .swiper-slide>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.banner .swiper-slide .bntext{position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.1);color:#fff;display:flex;flex-direction:column;justify-content:center}
.bncon .swiper-slide .bntext{text-align:center}
.banner .swiper-slide .bntext h2{font-size:36px}
.banner .swiper-slide .bntext h2 a{color:#fff}
.banner .swiper-slide .bntext h5{font-size:18px}
.banner .bnnav{position:absolute;z-index:1;width:100%;bottom:10px}
.banner .bnnav .bnmain{display:flex;justify-content:space-between;align-items:center}
.bnarrl,.bnarrr{display:inline-block;width:54px;height:54px;margin:0 0 0 24px;background-size:contain;background-repeat:no-repeat;background-position:center left;background-image:url(img/iarrow.png)}
.bnarrl{transform:scaleX(-1)}
.bnarrl:focus{outline:0}
.bnarrr:focus{outline:0}
.bnarr span{cursor:pointer}
.banner .swiper-slide h2{opacity:0;transition:ease all .5s;transform:translate(120px);transition-delay:.2s}
.bncon .swiper-slide h2{opacity:1;transform:translate(0)}
.banner .swiper-slide h5{opacity:0;transition:ease all .5s;transform:translate(120px);transition-delay:.4s}
.banner .swiper-slide-active h2{opacity:1;transform:translate(0)}
.banner .swiper-slide-active h5{opacity:1;transform:translate(0)}
.banner .bnshadow{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.1)}
.banner .swiper-pagination-bullet{border-radius:0;background:#fff;opacity:1;margin-right:12px;width:10px;height:10px;transition:ease all .3s}
.banner .swiper-pagination-bullet-active{width:30px;background:#0052D9}
.banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
@media screen and (min-width:800px){
.banner .swiper-slide{height:50vw}
.bnmain{margin:0 15px}
.banner .swiper-slide .bntext h2{font-size:42px;max-width:70%}
.banner .swiper-slide .bntext h5{font-size:20px;max-width:50%}
.bncon .swiper-slide .bntext h2{max-width:100%}
}
@media screen and (min-width:1230px){
.banner .swiper-slide{height:720px}
.bnmain{width:1200px;margin:0 auto}
.banner .swiper-slide .bntext h2{font-size:52px}
.banner .swiper-slide .bntext h5{font-size:22px}
}


/*****Index*****/
.indexa{position:relative;padding:32px 12px;overflow:hidden}
.indexa .item{position:relative;width:100%;overflow:hidden;transition: 0.6s cubic-bezier(0.4, -0.2, 0.55, 1.26) 0s;}
.indexa .item2{float:left;width:calc(50% - 10px);margin-top:20px}
.indexa .item3{float:left;width:calc(50% - 10px);margin-top:20px;margin-left:20px}
.indexa .item:before{display:block;width:100%;padding-bottom:60%;content:""}
.indexa .item2:before,.indexa .item3:before{padding-bottom:150%}
.indexa .item .con{position:absolute;top:0;left:0;width:100%;height:100%}
.indexa .item a{display:block;width:100%;height:100%;background:url(img/ind/indexam1.jpg) no-repeat top center;background-size:cover;transition: 0.3s linear 0s}
.indexa .item2 a{background:url(img/ind/indexam2.jpg) no-repeat top center;background-size:cover}
.indexa .item3 a{background:url(img/ind/indexam3.jpg) no-repeat top center;background-size:cover}
.indexa .item a .ibg{position:relative;top:0;width:100%;height:100%;background:rgba(0,0,0,0.35);transition:top 0s,opacity 0.3s linear 0s}
.indexa .item a .iten{position:absolute;top:calc(50% - 44px);width:100%;text-align:center;color:#fff;transition: 0.3s ease-out 0s}
.indexa .item:hover a{transition:0.3s linear 0.2s;transform:scale(1.05)}
.indexa .item:hover a .ibg{top:100%;opacity:0;transition:0.3s linear 0s;}
.indexa .item2:hover a .ibg{top:-100%}
.indexa .item3:hover a .ibg{top:-100%}
.indexa .item:hover a .iten{opacity:0; transition:0.3s linear 0s}
.indexa .item a .iten .icos{width:75px;height:54px;margin-bottom:5px}
.indexa .item a .iten .icos3{width:76px;height:61px;margin-top:-7px}
.indexa .item a .iten .tit{font-size:22px}
@media screen and (min-width:800px){
.indexa{padding:40px 15px}
.indexa .item{float:left;width:40%;}
.indexa .item2{width:calc(60% - 25px);margin-top:0;margin-left:25px}
.indexa .item3{width:calc(60% - 25px);margin-top:26px;margin-left:25px}
.indexa .item:before{padding-bottom:141.6667%}
.indexa .item2:before,.indexa .item3:before{padding-bottom:47%}
.indexa .item a{background:url(img/ind/indexap1.jpg) no-repeat top center;background-size:cover}
.indexa .item2 a{background:url(img/ind/indexap2.jpg) no-repeat top center;background-size:cover}
.indexa .item3 a{background:url(img/ind/indexap3.jpg) no-repeat top center;background-size:cover}
.indexa .item2:hover a .ibg{top:100%}
}
@media screen and (min-width:1230px){
.indexa{width:1200px;margin:0 auto;padding:55px 0}
.indexa .item2{width:calc(60% - 40px);margin-left:40px}
.indexa .item3{width:calc(60% - 40px);margin-top:41px;margin-left:40px}
.indexa .item a .iten{top:calc(50% - 50px)}
.indexa .item a .iten .icos{width:84px;height:59px;margin-bottom:5px}
.indexa .item a .iten .icos3{width:85px;height:68px;margin-top:-9px}
.indexa .item a .iten .tit{font-size:26px}
}

.indexb{position:relative;padding:32px 12px 25px;overflow:hidden;background:#f8f8f8}
.indexb .xbtit{text-align:center;margin-bottom:25px}
.indexb .xbtit a{font-size:30px;line-height:100%;color:#2a2e2e}
.indexb .xbcon{position:relative;width:100%;padding-bottom:45px}
.indexb .xbcon .xbpic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.indexb .xbcon .xbtxt{position:relative;width:100%;padding:12px 12px 18px;background:#fff}
.indexb .xbcon .xbtle{font-size:20px}
.indexb .xbcon .xbnum{position:absolute;left:11px;top:-50px;font-family:"Castellar";font-size:40px;line-height:100%;color:#ccc}
.indexb .xbcon .xbdec{font-size:15px;line-height:1.75;color:#5F6464}
.indexb .xbcon .swiper-pagination-bullet{border-radius:0;background:#aaa;opacity:1;margin-right:12px;width:10px;height:10px;transition:ease all .3s}
.indexb .xbcon .swiper-pagination-bullet-active{width:30px;background:#0052D9}
@media screen and (min-width:800px){
.indexb{padding:40px 15px}
.indexb .xbtit{margin-bottom:35px}
.indexb .xbtit a{font-size:36px}
.indexb .xbcon{position:relative;width:100%;padding-bottom:0}
.indexb .xbcon .xbitem{position:relative;float:left;width:25%;height:530px;overflow:hidden;transition:all .3s}
.indexb .xbcon .xbitem .xbpic{position:relative;height:100%}
.indexb .xbcon .xbitem .xbtxt{position:absolute;z-index:2;bottom:0;left:0;height:90px;padding:17px 0 0;text-align:center;transition:all .3s}
.indexb .xbcon .xbitem .xbtle{position:relative;padding:5px 0;}
.indexb .xbcon .xbitem .xbtle:before{position:absolute;content:'';top:-2px;left:50%;transform:translateX(-50%);width:25px;height:2px;background:#5F6464}
.indexb .xbcon .xbitem .xbnum{position:static;left:auto;top:auto;font-size:22px;color:#5F6464}
.indexb .xbcon .xbitem .xbdec{display:none;font-size:14px}
.indexb .xbcon .xbitem:nth-child(2n+2){padding-top:90px}
.indexb .xbcon .xbitem:nth-child(2n+2) .xbtxt{top:0;bottom:auto}
.indexb .xbcon .xbitem:nth-child(2n+2) .xbtle{margin-top:16px;transition: all .3s}
.indexb .xbcon .xbitem:nth-child(2n+2) .xbtle:before{top:auto;bottom:-2px}
.indexb .xbcon .xbitem:nth-child(2n+2) .xbnum{margin-top:-56px}
.indexb .xbcon .xbitem.on{width:15.33%}
.indexb .xbcon .xbitem.active{width:54%}
.indexb .xbcon .xbitem.active .xbnum{position:absolute;top:-60px;left:12px;text-align:left;font-size:54px;color:#ccc}
.indexb .xbcon .xbitem.active .xbtle{position:relative;z-index:2;padding:0}
.indexb .xbcon .xbitem.active .xbtle:before{display:none}
.indexb .xbcon .xbitem.active .xbdec{position:relative;z-index:2;display:block}
.indexb .xbcon .xbitem:nth-child(2n+2).active .xbnum{top:158px}
.indexb .xbcon .xbitem:nth-child(2n+2).active .xbtle{margin-top:0}
}
@media screen and (min-width:1000px){
.indexb .xbcon .xbtle{font-size:21px;line-height:1.4}
.indexb .xbcon .xbitem .xbdec{font-size:16px}
}
@media screen and (min-width:1230px){
.indexb{width:100%;padding:0}
.indexb .xbiner{position:relative;width:1200px;margin:0 auto;padding:55px 0}
.indexb .xbtit{margin-bottom:50px}
.indexb .xbtit a{font-size:46px}
.indexb .xbcon .xbitem{height:630px}
.indexb .xbcon .xbitem .xbtxt{height:100px;padding-top:20px}
.indexb .xbcon .xbitem .xbtle{padding:6px 0;line-height:1.5}
.indexb .xbcon .xbitem:nth-child(2n+2){padding-top:100px}
.indexb .xbcon .xbitem:nth-child(2n+2) .xbnum{margin-top:-60px}
.indexb .xbcon .xbitem.active .xbnum{top:0;left:10px;font-size:66px;line-height:100px}
.indexb .xbcon .xbitem.active .xbtle{margin-top:-4px}
.indexb .xbcon .xbitem.active .xbdec{line-height:1.9;color:#2a2e2e}
.indexb .xbcon .xbitem:nth-child(2n+2).active .xbnum{top:0;margin-top:0}
.indexb .xbcon .xbitem:nth-child(2n+2).active .xbtle{margin-top:-4px}
}

.indexe{position:relative;padding:10px 12px 32px;overflow:hidden}
.indexe .xepic{width:100%}
.indexe .xepic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
@media screen and (min-width:800px){
.indexe{padding:10px 15px 40px}
}
@media screen and (min-width:1230px){
.indexe{padding:0}
.indexe .xepic{width:1200px;margin:0 auto;padding:10px 0 55px}
}

.indexf{position:relative;z-index:2;background:#f8f8f8;padding:32px 0;overflow:hidden}
.indexf .xftit{text-align:center}
.indexf .xftit a{font-size:30px;line-height:100%;color:#2a2e2e}
.indexf .xfcon{position:relative;margin-top:30px}
.indexf .bgfff{position:relative;width:256px;margin:0 auto;background:#fff}
.indexf .bgfff .carousel-3d{position:relative;width:256px;margin:auto;perspective:4000px;transform-style:preserve-3d;pointer-events:none}
.indexf .bgfff ul{display:block;transform-style:preserve-3d;transition:all .3s;transform:translateZ(1250px) rotateY(0);pointer-events:all;position:relative;transform-origin:50% 50%}
.indexf .bgfff ul .xflist{position:absolute;z-index:1;display:block;padding:0;width:256px;overflow:hidden;text-align:center;backface-visibility:hidden;transform:translate3d(0,0,0);visibility:visible;transform:rotateY(0) translateZ(-1250px)}
.indexf .bgfff ul .xflist.swiper-slide-active,.indexf .bgfff ul .xflist.swiper-slide-duplicate-active{transform:scale(1);background-color:#fff}
.indexf .bgfff ul .xflist a{display:block;height:100%;overflow:hidden}
.indexf .bgfff ul .xflist a .xfpic{position:relative;overflow:hidden}
.indexf .bgfff ul .xflist a .xfpic img{position:absolute;display:block;width:100%;}
.indexf .bgfff ul .xflist a .xfpic:after{display:block;position:relative;width:100%;padding-top:75%;overflow:hidden;content:''}
.indexf .bgfff ul .xflist a .xftxt{padding:20px;text-align:center;font-size:20px;line-height:100%;color:#2a2e2e}
.indexf .pag{position:absolute;left:50%;top:208px;width:0;display:flex;justify-content:space-between}
.indexf .pag::after{position:absolute;left:240px;top:-40px;width:1000px;height:600px;content:"";z-index:2}
.indexf .pag::before{position:absolute;right:240px;top:-40px;width:1000px;height:600px;content:"";z-index:2}
.indexf .pag .button-next,.indexf .pag .button-prev{position:relative;width:36px;height:30px;margin-top:0;position:absolute;top:0;cursor:pointer;z-index:3;background-size:contain;background-repeat:no-repeat;background-position:center left;background-image:url(img/iarrow2.png)}
.indexf .pag .button-prev{right:140px;transform:scaleX(-1)}
.indexf .pag .button-next{left:140px}
@media screen and (min-width:750px){
.indexf .xfcon{margin-top:40px}
.indexf .bgfff{width:400px}
.indexf .bgfff .carousel-3d{width:400px}
.indexf .bgfff ul .xflist{width:400px}
.indexf .pag{top:300px}
.indexf .pag .button-next,.indexf .pag .button-prev{width:54px;height:60px;}
.indexf .pag .button-prev{right:240px}
.indexf .pag .button-next{left:240px}
}
@media screen and (min-width:800px){
.indexf{padding:40px 0}
.indexf .xftit a{font-size:36px}
.indexf .bgfff ul .xflist a .xftxt{padding:25px;font-size:21px}
.indexf .pag{top:307px}
}
@media screen and (min-width:1230px){
.indexf{padding:55px 0}
.indexf .xftit a{font-size:46px}
.indexf .xfcon{margin-top:50px}
.indexf .bgfff ul .xflist a .xftxt{padding:30px;font-size:23px}
.indexf .pag{top:313px}
}

.indexg{position:relative;padding:32px 12px 0;overflow:hidden;}
.indexg .xgtit{text-align:center;margin-bottom:25px}
.indexg .xgtit a{font-size:30px;line-height:100%;color:#2a2e2e}
.indexg .xgcon{position:relative;width:100%;padding-bottom:45px}
.indexg .xgcon .xgpic{position:relative;background:#f3f3f3;overflow:hidden}
.indexg .xgcon .xgpic:before{display:block;width:100%;padding-bottom:62.5%;content:""}
.indexg .xgcon .xgpic img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all 0.3s;-webkit-transition:all 0.3s}
.indexg .xgcon .xgtxt{position:relative;width:100%;padding:12px 12px 18px;background:#f8f8f8;transition:all 0.3s;-webkit-transition:all 0.3s}
.indexg .xgcon .xgbtle{font-size:20px;color:#2a2a2e}
.indexg .xgcon .xgtime{font-size:15px;line-height:1.8;color:#2a2e2e}
.indexg .xgcon .xgdec{font-size:15px;line-height:1.8;color:#5F6464;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;display:box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical}
.indexg .xgcon .swiper-pagination-bullet{border-radius:0;background:#aaa;opacity:1;margin-right:12px;width:10px;height:10px;transition:ease all .3s}
.indexg .xgcon .swiper-pagination-bullet-active{width:30px;background:#0052D9}
@media screen and (min-width:800px){
.indexg{padding:40px 15px}
.indexg .xgtit{margin-bottom:35px}
.indexg .xgtit a{font-size:36px}
.indexg .xgcon{padding-bottom:0}
.indexg .swiper-wrapper{width:100%;padding-bottom:0;flex-wrap:wrap;display:flex;justify-content:space-between}
.indexg .xgcon .xgitem:nth-child(3){display:none}
.indexg .xgcon .xgitem{width:48%;}
.indexg .xgcon .xgitem a:hover .xgpic img{transform:scale(1.1)}
.indexg .xgcon .xgitem a:hover .xgtxt{background:#f2f2f2}
}
@media screen and (min-width:1000px){
.indexg .xgcon .xgbtle{font-size:20px;line-height:1.4}
.indexg .xgcon .xgitem:nth-child(3){display:flex}
.indexg .xgcon .xgitem{width:31.2%;}
.indexg .xgcon .xgtxt{padding:15px 15px 25px}
.indexg .xgcon .xgtime,.indexg .xgcon .xgitem .xgdec{font-size:16px}
}
@media screen and (min-width:1230px){
.indexg{width:100%;padding:0}
.indexg .xginer{position:relative;width:1200px;margin:0 auto;padding:55px 0 0}
.indexg .xgtit{margin-bottom:45px}
.indexg .xgtit a{font-size:46px}
.indexg .xgcon .xgitem{width:31%}
}


/*****About*****/
.mlight{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-family: "Microsoft YaHei"}
.mlight:before{position:absolute;z-index:-2;content:'';top:0;right:0;bottom:0;left:0;background-image:inherit}
.mlight:after{position:absolute;z-index:-1;content:'';top:0;right:0;bottom:0;left:0;background-color:#fff}
.mlight{background-image:url(img/denga.jpg);background-position:left top}
.abouta{padding:25px 12px 0;text-align:center}
.abouta h4{font-size:18px}
.abouta h2{font-size:36px;line-height:1.2}
.abouta .con{margin-top:15px;font-size:16px;line-height:1.75;color:#5f6464}
.abouta .conp p{margin-top:15px}
.aboutb{padding:10px 12px;display:flex;justify-content:center;flex-wrap:wrap;align-items:center}
.aboutb dl{width:50%;text-align:center;position:relative;opacity:0.999;padding:15px 0}
.aboutb dl:before, .aboutb dl:after{content:'';width:0;height:100%;opacity:0;position:absolute;top:0;z-index:-1;transition:all 0.3s;-webkit-transition:all 0.3s;background-color:#2a2a2e}
.aboutb dl:hover:before, .aboutb dl:hover:after{width:50%;opacity: 1}
.aboutb dl:before{left:50%}
.aboutb dl:after{right:50%}
.aboutb dl:hover *{color:#fff}
.aboutb dl:hover h6{right:0}
.aboutb dt{display:flex;align-items:center;justify-content:center;margin-bottom:10px;line-height:36px}
.aboutb b{font-size:36px}
.aboutb i{display:block;margin-left:6px}
.aboutb p{font-size:12px;color:#a6a6a6;margin-bottom:10px;text-transform:uppercase}
.aboutb h3{font-size:16px}
.aboutc{padding:0 12px;margin-top:-12px;display:flex;flex-wrap:wrap;justify-content:space-between}
.aboutc div{display:block;width:calc(50% - 6px);margin-top:12px;overflow:hidden}
.aboutc div img{display:block;width:100%;-webkit-transition:all 0.5s;transition:all 0.5s}
.aboutc div:hover img{transform:scale(1.1)}
.aboutd{position:relative;padding:0 12px;margin-top:30px}
.aboutd .swiper-button-next,.aboutd .swiper-button-prev{content: ''!important;opacity:1!important;cursor:pointer;border:0;background:none}
.aboutd .swiper-button-next::after,.aboutd .swiper-button-prev::after{content: ''!important;border:0;background:none}
.aboutd-m{position:relative;width:100%;height:auto;background:#f8f8f8;justify-content;padding:27px 15px 2px}
.aboutd-t{display:block;color:#4b4b4b;font-size:36px;line-height:100%}
.aboutd-t p{width:100%;text-align:center;color:#2a2a2e;font-size:28px}
.aboutd-b{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.aboutd-l{position:relative;margin-top:40px;margin-bottom:20px;width:100%;height:auto}
.aboutd-l2{position:relative;padding: 0 40px}
.aboutd-l2 .swiper-slide-thumb-active p,.aboutd-l2 a:hover p{font-size:28px;}
.aboutd-l2:after{position:absolute;content:'';width: 95%;height:2px;background:#2a2a2e;left: 2.5%;top:calc(50% - 1px);}
.aboutd-l2>div{z-index:2;}
.aboutd-l2 a{position:relative;display:block;text-align:center;color:#2a2a2e;height: 120px;font-size:16px;}
.aboutd-l2 a p{position:absolute;width:100%;left:0;bottom: 0;line-height: 100%;}
.aboutd-l2 a i{display:block;width:10px;height:10px;border-radius:10px;background:#2a2a2e;overflow:hidden;position:absolute;left:calc(50% - 5px);top:calc(50% - 5px);z-index:3;}
.aboutd-l2 a span{display:block;width:18px;height:18px;border-radius:20px;background:#2a2a2e;overflow:hidden;position:absolute;left:calc(50% - 9px);top:calc(50% - 9px);z-index:2;opacity: 0;}
.aboutd-l2 .swiper-slide:nth-child(2n) p{bottom: inherit;top: 0;}
.aboutd-l2 .swiper-slide-thumb-active p,.aboutd-l2 a:hover p{font-size:36px;}
.aboutd-l2 .swiper-slide-thumb-active span, .aboutd-l2 a:hover span{opacity:1;}
.aboutd-l2 .swiper-button-next{width:30px;height:30px;right:1px;margin-top:-12px;outline:0;background-color:#fbfbfb}
.aboutd-l2 .swiper-button-next .icos{width:30px;height:30px;color:#2a2a2e}
.aboutd-l2 .swiper-button-prev{width:30px;height:30px;left:1px;margin-top:-12px;outline:0;background-color:#fbfbfb}
.aboutd-l2 .swiper-button-prev .icos{width:30px;height:30px;color:#2a2a2e}
.aboutd-r{padding:20px;width:100%;}
.aboutd-r h3{margin-bottom:10px;font-size:24px;color:#2a2a2e}
.aboutd-r a>div{font-size:16px;line-height:1.75;color:#2a2a2e}
.aboutd-an{padding-top:20px;display:flex;align-items:center;justify-content:space-between}
.aboutd-an div{display:flex;}
.aboutd-an .a1 .icos{display:block;width:30px;height:30px;color:#a0a0a0}
.aboutd-an .a1:hover .icos{color:#2a2a2e}
.aboutd-an .a2 .icos{margin-left:20px;width:30px;height:30px;color:#a0a0a0}
.aboutd-an .a2:hover .icos{color:#2a2a2e}
@media screen and (min-width:800px){
.mlight{background-image:url(img/dengb.jpg)}
.abouta{padding:25px 15px 0}
.abouta h4{font-size:21px}
.abouta h2{font-size:42px}
.abouta .con{margin-top:17px}
.aboutb{padding:15px}
.aboutb dt{line-height:42px}
.aboutb b{font-size:42px}
.aboutb i{font-size:15px;margin-left:8px}
.aboutc{padding:0 15px;margin-top:-14px}
.aboutc div{width:calc(50% - 7px);margin-top:14px;overflow:hidden}
.aboutd{padding:0 15px;margin-top:40px}
.aboutd-m{padding:0}
.aboutd-m:before{position:absolute;z-index:0;content:'';left:3.5vw;top:3.5vw;width:43%;padding-bottom:43%;display:block;border-radius:50%;background-color:#fff}
.aboutd-t{display:flex;justify-content:flex-end;padding-top:3.5vw}
.aboutd-t p{width:49%;text-align:left}
.aboutd-l{margin:0;width:50%;height:calc(45vw - 36px)}
.aboutd-l2{position:absolute;width:80%;left:50%;top:calc(50% - 55px);-webkit-transform: translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);z-index:3;padding: 0 30px}
.aboutd-l2 .swiper-button-next{right:-1px;margin-top:-12px;background-color:#fff}
.aboutd-l2 .swiper-button-prev{left:-1px;margin-top:-12px;background-color:#fff}
.aboutd-r{padding:0;width:47%;margin-right:2%}
.aboutd-r h3{margin-bottom:1vw;font-size:36px}
.aboutd-r a>div{height:15vw;overflow:hidden}
.aboutd-an{padding-top:8vw}
}
@media screen and (min-width:1000px){
.aboutb dl{width:25%;padding:10px 0}
.aboutb h6{width:1px;height:96px;background:#2a2a2e;position:absolute;right:-1px;top:calc(50% - 48px)}
.aboutc div{width:calc((100% - 36px) / 4);margin-right:12px}
.aboutc div:nth-child(4n){margin-right:0}
.aboutd-l2{padding:0 50px}
.aboutd-l2 .swiper-button-next{right:0;margin-top:-13px;}
.aboutd-l2 .swiper-button-prev{left:0;margin-top:-13px;}
.aboutd-r a>div{font-size:17px;height:11vw}
}
@media screen and (min-width:1230px){
.mlight{background-image:url(img/dengc.jpg)}
.abouta{padding:40px 0 0;width:1200px;margin:0 auto}
.abouta h4{font-size:26px}
.abouta h2{font-size:52px}
.abouta .con{margin-top:20px;font-size:17px;line-height:1.8}
.aboutb{padding:0;width:1200px;margin:13px auto}
.aboutb dl{width:auto;padding:10px 31px}
.aboutb dl:nth-child(2n){width:auto;padding:10px 30px}
.aboutb dt{line-height:52px;margin-bottom:11px}
.aboutb b{font-size:52px}
.aboutb h6{height:112px;top:calc(50% - 56px)}
.aboutb i{font-size:16px;margin-left:10px}
.aboutb p{font-size:13px;margin-bottom:11px}
.aboutb h3{font-size:17px}
.aboutc{padding:0;width:1200px;margin:0 auto}
.aboutc div{width:calc((100% - 42px) / 4);margin-right:14px}
.aboutd{padding:0;width:1200px;margin:70px auto 0}
.aboutd-m:before{left:43px;top:43px}
.aboutd-t{padding-top:43px}
.aboutd-t p{font-size:36px}
.aboutd-l{height:522px}
.aboutd-l2{top:220px;padding:0 55px}
.aboutd-l2 .swiper-button-next{right:1px}
.aboutd-l2 .swiper-button-prev{left:1px}
.aboutd-r h3{margin-bottom:33px}
.aboutd-r a>div{font-size:17px;height:132px}
.aboutd-an{padding-top:40px}
}
@media screen and (min-width:1900px){
.abouta .con{margin-top:20px}
.aboutb dt{margin-bottom:12px}
.aboutb i{font-size:16px;margin-left:10px}
.aboutb p{margin-bottom:12px}
.aboutb h3{font-size:18px}
}

.modsev{position:relative;z-index:3;padding:30px 12px 0;overflow:hidden;}
.modsev img{display:block;max-width:100%}
.modsev .imgbox{position:absolute;z-index:1;width:calc(100% - 24px);left:12px;top:35%;}
.modsev .iconbox img{max-width:100%;height:auto}
.modsev .imgbox .quan{width:10px;height:10px;position:absolute;transition:all .5s ease-in-out;z-index:2}
.modsev .imgbox .quan:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(2,132,124,.3);border-radius:50%;animation:bounce-circle2 1.8s infinite;z-index:1}
.modsev .imgbox .quan:before{content:"";position:absolute;width:8px;height:8px;left:50%;top:50%;margin-left:-4px;margin-top:-4px;border-radius:50%;background:#5f6464;z-index:3}
.modsev .imgbox .quan1{left:78.3%;top:59.3%}
.modsev .ul{position:relative;z-index:3;margin:0 auto;width:70vw;height:70vw;margin-top:25vw;border-radius:50%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center}
.modsev .svgs{position:absolute;width:100%;height:100%;left:0;top:0;z-index:3;transform:rotate(-90deg)}
.modsev .svgs .svg{stroke-width:2;r:calc(50% - 1px);stroke-dasharray:calc(70vw * 3.15 - 2px);stroke-dashoffset:calc(70vw * 3.15 - 2px);opacity:1;animation:run 10s infinite linear}
.modsev .iconbox{width:10vw;height:10vw;background:#5f6464;border-radius:50%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center}
.modsev .iconbox .icon{width:6vw;height:6vw;fill:#fff}
.modsev .ul .li{position:absolute;z-index:3}
.modsev .ul .li span{font-size:4vw;font-weight:bold;color:#018a82;}
.modsev .ul .li1{left:50%;top:-6%;margin-left:-5vw;z-index:3}
.modsev .ul .li1 span{position:absolute;top:-10vw;left:-3vw;width:130px;}
.modsev .ul .li2{left:88%;top:65%;z-index:3}
.modsev .ul .li2 span{position:absolute;top:12vw;left:4vw;width:130px}
.modsev .ul .li3{left:-2%;top:65%;z-index:3}
.modsev .ul .li3 span{position:absolute;top:12vw;right:4vw;width:130px;text-align:right}
.modsev .ul .imgli{width:45vw;background:#fff;box-shadow:1px 20px 35px 0 rgba(34,34,34,.16);border-radius:5px;padding:10px;position:absolute;z-index:3;opacity:0;transition:all .5s;}
.modsev .ul .imgli.cur{opacity:1!important;visibility:visible!important;animation-play-state:paused}
.modsev .ul .imgli span{font-size:15px;line-height:1.5;}
.modsev .ul .imgli h4{margin-top:5px;font-size:18px;font-weight:bold;text-align:center}
.modsev .ul .imgli1{animation:text1 10s linear infinite}
.modsev .ul .imgli2{animation:text2 10s linear infinite}
.modsev .ul .imgli3{animation:text3 10s linear infinite}
.modsev .ul .tty{position:absolute;z-index:4;top:-40%;left:50%;margin-left:-60px;text-align:center;font-size:30px}
@keyframes run{to{stroke-dashoffset:0}}
@keyframes text1{0%,30%{opacity:1}31%{opacity:0}100%{opacity:0}}
@keyframes text2{0%{opacity:0}32%{opacity:0}33%,60%{opacity:1}62%{opacity:0}100%{opacity:0}}
@keyframes text3{0%,65%{opacity:0}66%,90%{opacity:1}}
@keyframes bounce-circle2{0%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}20%{opacity:1}100%,80%{opacity:0;-webkit-transform:scale(1.8);transform:scale(1.8)}}
.tit-16{font-size:16px;text-align:center}
@media screen and (min-width:800px){
.modsev{padding:14vw 15px 14vw}
.modsev .imgbox{width:100%;left:0;top:5vw}
.modsev .imgbox .quan{width:15px;height:15px;}
.modsev .imgbox .quan:before{width:13px;height:13px;margin-top:-6.5px;margin-left:-6.5px;}
.modsev .ul{width:40vw;height:40vw;margin-top:0}
.modsev .svgs{position:absolute;width:100%;height:100%;left:0;top:0;z-index:3;transform:rotate(-90deg)}
.modsev .svgs .svg{stroke-dasharray:calc(600px * 3.15 - 2px);stroke-dashoffset:calc(600px * 3.15 - 2px)}
.modsev .iconbox{width:52px;height:52px;}
.modsev .iconbox .icon{width:30px;height:30px;}
.modsev .ul .li span{font-size:18px;font-weight:bold}
.modsev .ul .li1{top:-24px;margin-left:-26px;}
.modsev .ul .li1 span{top:-52px;left:-12px;width:100px;}
.modsev .ul .li2 span{top:66px;left:26px;width:100px;}
.modsev .ul .li3{left:0%;}
.modsev .ul .li3 span{top:66px;right:26px;width:100px;}
.modsev .ul .imgli{width:22vw;padding:15px;box-shadow:17px 28px 45px 0 rgba(34,34,34,.16);}
.modsev .ul .imgli span{font-size:16px;line-height:1.75;}
.modsev .ul .imgli1{right:-22vw;top:-10vw}
.modsev .ul .imgli2{right:-25vw;bottom:11vw}
.modsev .ul .imgli3{left:-25vw;bottom:11vw}
.modsev .ul .tty{position:static;margin-left:0;font-size:30px;}
}
@media screen and (min-width:1150px){
.modsev{padding:159px 0;max-width:1200px;margin:40px auto 0}
.modsev .imgbox{top:0}
.modsev .ul{width:460px;height:460px;}
.modsev .ul .imgli{width:268px;padding:15px;}
.modsev .ul .imgli span{font-size:17px;}
.modsev .ul .imgli h4{margin-top:10px;}
.modsev .ul .imgli1{right:-280px;top:-130px}
.modsev .ul .imgli2{right:-315px;bottom:132px}
.modsev .ul .imgli3{left:-315px;bottom:132px}
.modsev .ul .tty{font-size:38px;}
}

.sevice{padding:5px 12px 0}
.salitem{width:100%;margin-top:15px;text-align:center}
.salitem .icos img{width:128px;height:128px}
.salitem .tit{font-size:22px}
.salitem .txt{margin-top:5px;font-size:15px;line-height:1.75;}
.sevtit{margin:25px 0 0px;text-align:center;font-size:28px}
@media screen and (min-width:800px){
.sevice{padding:5px 15px 0}
.sales{flex-wrap:wrap;display:flex;justify-content:space-between;}
.salitem{width:45%;margin-top:20px}
.salitem .icos img{width:140px;height:140px}
.salitem .tit{font-size:23px}
.sevtit{margin:35px 0 0;font-size:30px}
}
@media screen and (min-width:1000px){
.salitem{width:22%;margin-top:20px}
}
@media screen and (min-width:1230px){
.sevice{padding:0;width:1200px;margin:0 auto}
.salitem{width:22%;margin-top:20px}
.salitem .icos img{width:145px;height:145px}
.salitem .tit{font-size:24px}
.salitem .txt{font-size:17px}
.sevtit{margin-top:40px;font-size:36px}	
}


/*****Productlist*****/
.productlist{padding:0 12px}
.pdtab{width:100%;margin-top:32px;flex-wrap:wrap;display:flex;justify-content:space-between}
.pdtab .patem{width:33.33%;text-align:center}
.pdtab .patem a{color:#5f6464}
.pdtab .patem a.on{color:#2a2e2e}
.pdtab .patem .icos{width:72px;height:51px}
.pdtab .patem .icos2{width:72px;height:51px}
.pdtab .patem .icos3{width:72px;height:58px;margin-top:-7px}
.pdtab .patem:hover .icos{transition: 0.3s;-webkit-transition:.3s;transform:rotate(15deg)} 
.pdtab .patem .tit{font-size:20px;margin-top:1px}
@media screen and (min-width:800px){
.productlist{padding:0 15px}
.pdtab{width:50%;margin:40px auto 0;}
}
@media screen and (min-width:1000px){
}
@media screen and (min-width:1230px){
.productlist{padding:0;width:1200px;margin:0 auto}
.pdtab{width:620px;margin-top:55px;}
.pdtab .patem .icos{width:84px;height:59px}
.pdtab .patem .icos2{width:84px;height:58px;margin-top:1px}
.pdtab .patem .icos3{width:85px;height:68px;margin-top:-9px}
.pdtab .patem .tit{font-size:23px;margin-top:3px}
}


/*****Product*****/
.product{padding:32px 12px 0}
.product .prdimg{position:relative;overflow:hidden}
.product .prdimg:before{display:block;width:100%;padding-bottom:116.667%;content:""}
.product .prdimg img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.product .prdname{margin-top:15px;font-size:33px;line-height:100%}
.product .prdcon{margin-top:20px;font-size:16px;line-height:2;color:#5F6464}
.product .prdcon img{margin:0 auto;max-width:100%;height:auto}
.product .prdcon h2{font-size:20px;font-weight:bold;margin-top:15px}
.product .prdcon p{position:relative}
@media screen and (min-width:800px){
.product{padding:40px 15px 0}
.prdmain{position:relative;overflow:hidden}
.prdleft{float:left;width:48%;}
.prdright{float:left;width:52%;padding-left:25px}
.product .prdname{margin-top:0}
}
@media screen and (min-width:1000px){
.prdright{padding-left:30px}
}
@media screen and (min-width:1230px){
.product{padding:55px 0 0;width:1200px;margin:0 auto}
.prdright{padding-left:40px}
.product .prdname{font-size:37px}
.product .prdcon{font-size:17px;margin-top:30px}
.product .prdcon img{max-width:560px}
.product .prdcon h2{font-size:21px;margin-top:25px}
}


/*****Quality*****/ 
.quality{padding:32px 12px 0}
.quitem{position:relative;width:100%;margin-bottom:32px;background:#f8f8f8;overflow:hidden}
.quitem .qupic{width:100%}
.quitem .qupic img{display:block;width:100%}
.quitem .qucon{width:100%;padding:4%}
.quitem .qucon .qutit{font-size:21px;font-weight:bold;line-height:100%}
.quitem .qucon .qutxt{padding-top:10px;font-size:15px;line-height:1.8}
@media screen and (min-width:800px){
    .quality{padding:40px 15px 0}
	.quitem{margin-bottom:40px}
    .quitem .ftl{float:left}
	.quitem .ftr{float:right}
	.quitem .qupic{width:50%}
	.quitem .qucon{width:50%;padding:3%}
}
@media screen and (min-width:1000px){
    .quality{padding:42px 15px 0}
	.quitem{margin-bottom:42px}
    .quality .quitem::after{position:absolute;bottom:15px;right:0;width:47%;font-family:'Castellar';font-size:60px;line-height:100%;color:#ccc}
	.quality .quitem:nth-child(1):after{content: '01'}
	.quality .quitem:nth-child(2):after{content: '02'; width:auto;right:auto;left:3%}
	.quality .quitem:nth-child(3):after{content: '03'}
	.quality .quitem:nth-child(4):after{content: '04'; width:auto;right:auto;left:3%}
	.quality .quitem:nth-child(5):after{content: '05'}
	.quality .quitem:nth-child(6):after{content: '06'; width:auto;right:auto;left:3%}
	.quality .quitem:nth-child(7):after{content: '07'}
}
@media screen and (min-width:1230px){
    .quality{width:1200px;padding:55px 0 0;margin:0 auto}	
	.quitem{margin-bottom:55px}
	.quality .quitem::after{bottom:25px;width:46%;font-size:70px}
	.quality .quitem:nth-child(2):after{left:4%}
	.quality .quitem:nth-child(4):after{left:4%}
	.quality .quitem:nth-child(6):after{left:4%}
	.quitem .qucon{padding:4%}
	.quitem .qucon .qutit{font-size:24px}
	.quitem .qucon .qutxt{font-size:16px;padding-top:15px}
}


/*****Loadmore*****/
.loadmore{margin-top:25px;text-align:center;font-size:20px;line-height:100%}
.loadmore span{cursor:pointer;font-size:20px;}
.loadmore span::after{content:'';display:inline-block;width:10px;height:10px;border:3px solid #2a2e2e;border-left:0;margin:0 1.5%}
.loadmore span::before{content:'';display:inline-block;width:10px;height:10px;border:3px solid #2a2e2e;border-right:0;margin:0 1.5%}
@media screen and (min-width:1230px){
	.loadmore{font-size:21px}
	.loadmore span{font-size:21px}
}


/*****Caselist*****/
.caselist{padding:32px 12px 0}
.cslist{position:relative;width:100%}
.csitem{width:100%;margin-bottom:27px;overflow:hidden}
.csitem .cspic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.csitem .cstit{margin-top:8px;text-align:center;color:#2a2e2e;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media screen and (min-width:800px){
    .imgflash,.imgflash2{position:relative;overflow:hidden}
	.imgflash::before{content:"";position:absolute;top:0;z-index:2;left:-80%;width:50%;height:100%;display:block;background:-webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);-webkit-transform:skewX(-25deg);transform:skewX(-25deg)}
	.imgflash:hover::before{-webkit-animation:imgflash 1.3s;animation:imgflash 1.3s}
	@-webkit-keyframes imgflash{100%{left:125%}}
	@keyframes imgflash{100%{left:125%}}	
	.caselist{padding:40px 15px 0;}
	.csitem{width:calc(50% - 13px);margin-bottom:37px}
	.csitem .imgflash2 .cspic img{transition:all 0.3s;-webkit-transition:all 0.3s;}
	.csitem a:hover .imgflash2 .cspic img{transform: scale(1.1)}
}
@media screen and (min-width:1000px){
    .csitem{width:calc((100% - 60px) / 3)}
}
@media screen and (min-width:1230px){	
	.caselist{padding:55px 0 0;width:1200px;margin:0 auto}
	.csitem{width:374px;margin-bottom:45px}
	.csitem .cstit{margin-top:10px;font-size:21px}
}


/*****Newslist*****/
.newslist{padding:32px 12px 0}
.nslist{position:relative;width:100%}
.nsitem{display:block;width:100%;margin-bottom:32px}
.nsitem .nspic{position:relative;background:#f3f3f3;overflow:hidden}
.nsitem .nspic:before{display:block;width:100%;padding-bottom:62.5%;content:""}
.nsitem .nspic img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.nsitem .temcon .tit{padding-top:8px;font-size:20px;line-height:1.8;color:#2a2e2e;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;display:box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical}
.nsitem .temcon .time{font-size:15px;line-height:1.8;color:#2a2e2e}
.nsitem .temcon .txt{font-size:15px;line-height:1.8;color:#5F6464;overflow:hidden;text-overflow:-o-ellipsis-lastline;text-overflow:ellipsis;display:-webkit-box;display:box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical}
.nsmore{margin-top:10px;position:relative;display:inline-block;height:40px;line-height:40px;padding:0 10px;font-size:15px;color:#888}
.nsmore:before{position:absolute;content:"";width:100%;height:100%;box-sizing:border-box;left:0;top:0;border:1px dashed #ccc;}
.nsmore .i{position:absolute;width:100%;height:100%}
.nsmore .i:before,.nsmore .i:after{position:absolute;content:"";width:1px;height:1px;background-color:#888}
.nsmore .i:before{width:5px}
.nsmore .i:after{height:5px}
.nsmore .i0{left:0;top:0}
.nsmore .i0:after,.nsmore .i0:before{left:0;top:0}
.nsmore .i1{right:0;top:0}
.nsmore .i1:after,.nsmore .i1:before{right:0;top:0}
.nsmore .i2{left:0;bottom:0}
.nsmore .i2:after,.nsmore .i2:before{left:0;bottom:0}
.nsmore .i3{right:0;bottom:0}
.nsmore .i3:after,.nsmore .i3:before{right:0;bottom:0}
@media screen and (min-width:800px){
    .newslist{padding:40px 15px 0}
    .nsitem{margin-bottom:40px}
    .nsitem .nspic{display:inline-block;width:32vw;margin-right:15px;vertical-align:top}
    .nsitem .nspic img{transition:all 0.3s;-webkit-transition:all 0.3s}
    .nsitem:hover .nspic img{transform: scale(1.1)}
    .nsitem .temcon{display:inline-block;position:relative;width:calc(100% - 32vw - 20px);height:20vw;vertical-align:top;}
    .nsitem .temcon .tit{padding:0;margin-top:-9px}
	.nsmore{margin-top:0;position:absolute;left:0;bottom:0;transition:all 0.4s;-webkit-transition:all 0.4s}
	.nsitem:hover .nsmore{background:#2a2e2e;color:#fff}
}
@media screen and (min-width:1000px){
    .newslist{padding:42px 15px 0}
	.nsitem{margin-bottom:42px}
	.nsitem .temcon .txt{-webkit-line-clamp:3;line-clamp:3;}
}
@media screen and (min-width:1230px){	
	.newslist{padding:55px 0 0;width:1200px;margin:0 auto}
	.nsitem{margin-bottom:55px}
	.nsitem .nspic{width:374px}
	.nsitem .temcon{width:806px;height:234px}
	.nsitem .temcon .tit{margin-top:-9px;font-size:21px}
	.nsitem .temcon .time,.nsitem .temcon .txt{font-size:16px}
	.nsmore{font-size:16px;height:44px;line-height:44px;padding:0 12px;}	
}
/*****News*****/
.news{padding:25px 12px 0}
.newsname{text-align:center;font-size:28px}
.newstime{margin-top:5px;text-align:center;font-size:15px;color:#888}
.newscon{margin-top:30px;font-size:15px;line-height:1.8}
.newscon img{display:block;margin:0 auto;max-width:100%;height:auto}
@media screen and (min-width:800px){
    .news{padding:30px 15px 0}
	.newsname{font-size:30px}
	.newscon{margin-top:35px}
}
@media screen and (min-width:1230px){
	.news{padding:35px 0 0 0;margin:0 auto;width:1200px}
	.newsname{font-size:36px}
	.newstime{font-size:16px}
	.newscon{margin-top:40px;font-size:16px}
}



/******Contact*****/
.contact{position:relative;padding:0 12px 0;overflow:hidden}
.contact .cttop .tit{position:relative;margin-top:25px;font-size:20px;padding-left:26px}
.contact .cttop .txt{margin-top:5px;font-size:17px;color:#5F6464}
.contact .cttop .icos{position:absolute;top:6px;left:0;width:20px;height:20px}
.contact .ctmap{margin-top:35px;width:100%;height:75vw}
.my-map{width:100%;height:100%}
.my-map .icon{background:url(//a.amap.com/lbs-dev-yuntu/static/web/image/tools/creater/marker.png) no-repeat}
.my-map .icon-cir{height:31px;width:28px}
.my-map .icon-cir-red{background-position: -11px -5px}
.amap-container{height:100%}
.myinfowindow{width:240px;min-height:50px}
.myinfowindow h5{height:20px;line-height:20px;overflow:hidden;font-size:14px;font-weight:bold;width:220px;text-overflow:ellipsis;word-break:break-all;white-space:nowrap;}
@media screen and (min-width:800px){
.contact{padding:10px 15px 0}
.contact .cttop{flex-wrap:wrap;display:flex;justify-content:space-between}
.contact .cttop .tit{font-size:21px}
.contact .cttop .txt{font-size:18px}
.contact .cttop .icos{width:21px;height:21px}
.contact .ctmap{margin-top:45px;height:450px}
}
@media screen and (min-width:1230px){
.contact{width:1200px;margin:0 auto;padding:25px 0 0}
.contact .ctmap{margin-top:50px;height:660px}
}