@charset "utf-8";

/*font*/

@font-face {font-family:"icomoon";src:url("fonts/icomoon.ttf");}

/*global style*/

html{margin-top:0 !important;}

ul,li,p,span,em,i,div,img,h1,h2,h3,h4,h5,h6,a,input,textarea,body{padding:0px;margin:0px;border:none;}

body{font:16px 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif';font-weight:400;color:#333;overflow-x:hidden;background:#fff;margin:0;}

table{border-collapse:collapse;}

em,i{font-style:normal;}

a{color:#333;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}

ul,li{list-style:none;}

img{vertical-align:top;}

hr{display:none;}

figure{margin:0;}

.clear{clear:both;font-size:0;line-height:0;height:0;overflow:hidden;}

.clearm:after{clear:both;display:block;height:0;visibility:hidden;content:" ";}

.clearm{*zoom:1;}

input{outline:none;vertical-align:middle;}

input[type="submit"],button{cursor:pointer;}

textarea{vertical-align:top;resize:none;outline:none;overflow:hidden;font-family:'PingFang SC', 'Microsoft YaHei';}

p{line-height:30px;font-size:18px;}

p.has-small-font-size{line-height:25px;font-size:16px !important;}

p.has-medium-font-size{line-height:36px;font-size:24px !important;}

h1{font-size:60px;line-height:70px;font-weight:bold;}

h2{font-size:40px;line-height:50px;font-weight:bold;}

h3{font-size:28px;line-height:40px;font-weight:bold;}

h3.has-small-font-size{line-height:30px;font-size:24px !important;}

h3.has-medium-font-size{line-height:48px;font-size:36px !important;}

h4{font-size:18px;line-height:20px;font-weight:normal;}

a img{transition:all .5s;}

a img:hover{transform:scale(1.03);}

/* backToTop */

.hidden{display:none;}

.bread{padding:10px 0;background-color:#e5e5e5;color:#888;}

.bread p{color:#888;}

.bread p i{color:#888;}

.bread p a{color:#888;}

.bread p span{color:#888;}

.bread p{line-height:30px;margin:0 !important;font-size:16px;}

.bread i{margin:0 15px;}

#wpadminbar{display:none;}



.main-width{width: 1440px;max-width: 92vw;margin: 0 auto;}

.flex-space{display: flex;justify-content: space-between;}

.flex-items{display: flex;align-items: center;}



.top{height: 40px;padding: 10px 0;box-sizing: border-box;background-color: #f7f7f7;z-index: 9999;position: relative;}

.top .top-contact p{font-size: 14px;line-height: 20px;padding-left: 30px;position: relative;color: #666666;margin-right: 30px;}

.top .top-contact p::before{display: block;width: 27px;height: 21px;font-size: 25px;color: #f08200;font-family: 'icomoon';position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.top .top-contact p.phone::before{content: "\e90f";}

.top .top-contact p.wapps::before{content: "\e900";}

.top .top-contact p.email::before{content: "\e911";}

.top .top-contact p a:hover{color: #f08200;}

.top .top-sns p,

.top .top-sns a{font-size: 0;display: block;width: 25px;height: 20px;margin-left: 15px;position: relative;}

.top .top-sns p a::before{display: block;width: 25px;height: 20px;font-size: 20px;line-height: 20px;text-align: center; color: #666666;font-family: 'icomoon';position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.top .top-sns p.skype a::before{content: "\e905";}

.top .top-sns p.facebook a::before{content: "\e903";}

.top .top-sns p.youtube a::before{content: "\e906";font-size: 25px;}

.top .top-sns p.linkdein a::before{content: "\e904";}

.top .top-sns p:hover a::before{color:#f08200}



header{height: 90px;transition: all .5s;background-color: #fff;z-index: 9999;border-bottom: 1px solid #e1e1e1;}

header .cbox{position: relative;z-index: 9999;}

header .menubtn{display:none;width:28px;height:17px;cursor:pointer;}

header .menubtn span{display:block;width:28px;height:1px;background-color:#000;border-radius:1px;-moz-transform-origin:9.5% 50%;-webkit-transform-origin:9.5% 50%;-o-transform-origin:9.5% 50%;transition:all .3s;}

header .menubtn .b1,header .menubtn .b2{margin-bottom:7px;}

header.active .menubtn .b1{transform:rotate(45deg);}

header.active .menubtn .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}

header.active .menubtn .b3{transform:rotate(-45deg);}

header .logo{height: 51px;margin-top: 20px;float: left;transition: all .5s;}

header .logo img{height: 100%;width: auto;}

header .func{float: right;display: flex;justify-content: flex-end;padding: 25px 0;}

header .func .btn-contact{min-width: 8.33vw;height: 40px;line-height: 40px;border-radius: 20px;padding: 0 20px; background-color: #f08200;color: #fff;text-align: center;margin: 0 40px 0 0;}

header .func .search-icon{width: 40px;height: 40px;position: relative;margin: 0 30px 0 0;}

header .func .search-icon::after{content: "\e910";font-family: 'icomoon';width: 40px;text-align: center; font-size: 30px;line-height: 40px;position: absolute;top: 0;right: 0;color: #222222;}

header .func .lang{padding: 0 15px 0 28px;box-sizing: border-box;position: relative;line-height: 30px;font-size: 16px;color: #222222;margin-top: 3px;}

header .func .lang::before{content: "\e908";font-family: 'icomoon';font-size: 22px;line-height: 30px;position: absolute;left: 0;top: 0;}

header .func .lang::after{content: "\e90d";font-family: 'icomoon';font-size: 15px;line-height: 30px;position: absolute;right: 0;top: 0;transform: rotate(90deg);}

header .func .lang .lang-sel{width: 50px;border: 1px solid #ddd;position: absolute;top: 0;left: 50%;transform: translateX(-50%);opacity: 0;transition: all .5s;box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);z-index: 2;background-color: #fff;}

header .func .lang .lang-sel p{text-align: center;font-size: 16px;line-height: 25px;}

header .func .lang:hover .lang-sel{opacity: 1;top: 100%;}

header .nav{float: right;margin-right: 30px;position: relative;z-index: 999;}

header .nav .one{display: flex;}

header .nav a:hover{color: #f08200;}

header .nav .one > li{line-height: 30px; padding: 30px; font-size: 16px; transition: all .5s;position: relative;}

header .nav .one .sub-menu{position: absolute; top: 100%; left: -100vw; width: 260px; margin: 0 0 0 -130px; border-top: 2px solid #f08200; background-color: #fff; text-align: center; opacity: 0; transition: margin .5s,opacity .5s;}

header .nav .one .sub-menu li{position: relative;line-height: 30px;padding: 5px 0; border-bottom: 1px solid #e1e1e1;}

header .nav .one > li:hover .sub-menu{left:50%;margin:-2px 0 0 -130px;opacity:1;}

header.flow{position: fixed;top: 0;right: 0;left: 0;box-shadow: 0 0 10px 1px rgb(0 0 0 / 10%);}

header .nav .one > li.current-menu-item > a,

header .nav .one > li.current-menu-parent > a{color: #f08200;}



header .search{position:fixed;left:0;top:0;width:100%;padding:13px 0;background-color:#fff;box-sizing:border-box;opacity:0;z-index:999;transition:all .5s;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;}

header .search i{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 310px;transform:rotate(45deg);transform-origin:center;cursor:pointer;}

header .search i:before{content:"";position:absolute;width:30px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#333;}

header .search i:after{content:"";position:absolute;width:2px;height:30px;left:50%;top:0;margin-left:-1px;background-color:#333;}

header .search .box{position:relative;display:flex;width:600px;max-width:92vw;height:44px;margin:0 auto;border:2px solid #666;border-radius:8px;box-sizing:border-box;font-size:0;overflow:hidden;}

header .search .box input[type="text"]{width:calc(100% - 40px);height:40px;padding:0 15px;background:none;box-sizing:border-box;font-size:18px;}

header .search .box input[type="submit"]{position:relative;width:40px;height:40px;cursor:pointer;opacity:0;}

header .search .box:before{content:"\e910";position:absolute;right:0;top:0;width:40px;height:40px;line-height:40px;text-align:center;font-family:"icomoon";font-size:30px;}

header.sr .search{opacity:1;top:130px;}

header.flow.sr .search{opacity:1;top:90px;}



.main-success{padding: 6.25vw 0;text-align: center;}

.main-success h1{font-size: 34px;line-height: 50px;margin-bottom: 30px;}

.main-success .icon-success{display: block;position: relative;width: 80px;height: 80px;margin: 0 auto 30px;}

.main-success .icon-success::after{position: absolute;top: 0; content: "√";font-family: 'icomoon';color: #f08200;display: block;width: 80px;height: 80px;font-size: 80px;line-height: 80px;}

.main-success .return-btn{position: relative; display: inline-block;padding: 0 20px 0 70px;height: 3.65vw;line-height: 3.65vw;font-size: 20px;color: #ffff; font-family: 'Gotham-Book';background-color: #f08200;transition: all .5s;}

.main-success .return-btn::after{content: "\e90d"; font-family: 'icomoon'; display: block; width: 70px; height: 70px; color: #fff; text-align: center; position: absolute; top: 50%; left: 0; font-size: 40px; transform: translateY(-50%) rotate(-180deg); transition: all 0.5s;}

.main-success .return-btn:hover{border-radius: 10px;}







.index-banner{position:relative;overflow:hidden}

.index-banner .posbox{width:100vw;height:40.1vw !important;overflow:hidden;align-items:flex-start;padding:5vw 0;position:relative;box-sizing:border-box;float:left}

.index-banner .posbox .wp-block-image{width: 100vw;height:40.1vw !important;}

.index-banner .posbox .wp-block-image img{width: 100%;height: auto;}

.index-banner .posdot{position:absolute;left:0;bottom:10%;width:100%;height:14px;text-align:center;}

.index-banner .posdot ul{height:14px;}

.index-banner .posdot li{display:inline-block;width:14px;height:14px;margin:0 5px;border:1px solid #fff;border-radius:50%;box-sizing:border-box;cursor:pointer;}

.index-banner .posdot li.active{background-color:#fff;}

.index-banner .btn{width:50px;height:50px;opacity: 0; position:absolute;top:50%;transform:translateY(-50%);border-radius: 50%;text-align: center;}

.index-banner .btn::after{content: "\e90d";font-family: 'icomoon';font-size: 25px;color: #fff;text-align: center;line-height: 50px;}

.index-banner .btn.prev{left:4.69vw;transform:translateY(-50%) rotate(180deg)}

.index-banner .btn.next{right:4.69vw;}

.index-banner:hover .btn{opacity: 1;}

.index-banner .btn:hover{background-color: #f08200;}





section h2{font-size: 40px;line-height: 50px; color: #080000;margin-bottom: 1.04vw;}

section p{font-size: 22px;color: #222;line-height: 30px;margin-bottom: 3.5vw;}

.index-category{padding: 0 0 5.21vw;background-color: #f7f7f7;}

.index-category .title{background-color: #fff;padding: 5.21vw 0 3.5vw;}

.index-category .title p{margin: 0;}

.index-category .cont{width: 100%;}

.index-category .cont > img{position: relative;width: 100%;}

.index-category .cont .main-width{z-index: 1;position: relative;}

.index-category .cont .item{margin-top: -6.15vw;display: flex;justify-content: space-between;}

.index-category .cont .item .box{width: 455px;height: 520px; padding: 2.5vw 2.5vw 0; border-radius: 16px;box-sizing: border-box;position: relative;overflow: hidden;background-color: #fff;}

.index-category .cont .item .box h3{padding: 0 0 1.5vw;position: relative;z-index: 1;}

.index-category .cont .item .box img{width: 100%;height: auto;position: absolute;left: 0;bottom: 0;}

.index-category .cont .item .box ul{border-top: 1px solid #999;padding: 30px 0;position: relative;z-index: 1;}

.index-category .cont .item .box ul li{padding: 5px 10px 5px 16px;box-sizing: border-box;position: relative;}

.index-category .cont .item .box ul li::before{content: '•';position: absolute;top: 5px;left: 0;line-height: 30px;}

.index-category .cont .item .box ul li::after{content: '\e90d';position: absolute;top: 5px; right: 0;line-height: 30px;font-size: 6px; font-family: 'icomoon';}

.index-category .cont .item .box ul li a{display: block; font-size: 17px;line-height: 30px;}

.index-category .cont .item .box ul li:hover::before{color: #f08200;}

.index-category .cont .item .box ul li:hover::after{color: #f08200;}

.index-category .cont .item .box ul li:hover a{color: #f08200;}





.index-about{padding: 5.21vw 0;text-align: center;}

.index-about .wp-block-group p{margin-bottom: 2.08vw;}

.index-about .wp-block-buttons .wp-block-button__link{ min-width: 12.5vw; height: 56px;line-height: 56px;padding: 0 40px;font-size: 18px;; background-color: #f08200; border-radius: 56px; }

.index-adv {padding: 5.21vw 0;background-color: #f7f7f7;}

.index-adv h3{font-size: 1.46vw;line-height: 1.56vw;color: #1f1e1d;font-weight: 100;margin-bottom: 1vw;}

.index-adv .list-adv{padding-top: 1.6vw;align-items: stretch;}

.index-adv .list-adv .item{width: 48.61%; padding:2.76vw 2.08vw 2.6vw 10.36vw;min-height: 9.9vw;margin-bottom: 2.08vw; box-sizing: border-box;position: relative;background-color: #fff;border-radius: 16px;}

.index-adv .list-adv .item::before{position: absolute;top: 2.97vw;left: 3.13vw;text-align: center; display: block;width: 4.58vw;height: 4.58vw;line-height: 4.58vw; border: solid 0.05vw #f08200;font-family: 'icomoon';border-radius: 50%;overflow: hidden;color: #f08200;font-size: 2vw;}

.index-adv .list-adv .item:nth-child(1):before{content: "\e90e";}

.index-adv .list-adv .item:nth-child(2):before{content: "\e909";}

.index-adv .list-adv .item:nth-child(3):before{content: "\e90c";}

.index-adv .list-adv .item:nth-child(4):before{content: "\e90b";font-size: 2.5vw;}

.index-adv .list-adv .item p{font-size: 16px;line-height: 25px;color: #1f1e1d;margin: 0;}

.index-solution{padding: 5.21vw 0;}

.index-solution .wp-block-group{align-items: inherit !important;}

.index-solution .wp-block-group h2{font-size: 28px;line-height: 40px;margin-bottom: 1vw;font-weight: 100;}

.index-solution .wp-block-group p{font-size: 16px;line-height: 25px;}

.index-solution .wp-block-buttons{margin-left: 0 !important;}

.index-solution .wp-block-buttons .wp-block-button__link{width: 12.5vw; height: 3vw; line-height: 3vw; padding: 0; font-size: 0.94vw; background-color: #f08200; border-radius: 1.5vw;}

.index-solution .with-bg{width: 48.6%;border-radius: 0.83vw;padding: 3vw;box-sizing: border-box;}

.index-solution .with-bg .wp-block-cover__inner-container{display: flex;flex-direction: column; justify-content: space-between;height: 100%;}

.index-solution .with-img{width: 47%;}

.index-solution .with-img .wp-block-image{width: 100%;height: 0;padding-bottom: 57.2%;border-radius: 0.83vw;overflow: hidden;}

.index-solution .with-img .wp-block-image + .wp-block-group{padding: 3vw 0 0 2.6vw;}

.index-solution .with-img .wp-block-buttons .wp-block-button__link{width: 9.4vw;}

.index-resource {display: flex;justify-content: space-between;}

.index-resource .wp-block-cover{width: 50vw;min-height: 23.44vw;padding: 6.77vw 13vw 6.77vw 12.5vw;box-sizing: border-box;transition: all .5s;}

.index-resource .wp-block-cover h2{font-size: 30px;line-height: 40px;margin-bottom: 1vw;font-weight: 100;text-transform: uppercase;}

.index-resource .wp-block-cover p{font-size: 16px;line-height: 26px;margin-bottom: 1.6vw;}

.index-resource .wp-block-buttons .wp-block-button__link{min-width: 9.38vw; height: 48px;line-height: 48px;font-size: 16px;padding: 0 40px; color: #333;border-radius: 0.42vw; border: solid 0.05vw #333333;background-color: transparent;transition: all .5s;}

.index-resource .wp-block-cover.white h2{color: #fff;}

.index-resource .wp-block-cover.white p{color: #fff;}

.index-resource .wp-block-cover.white .wp-block-buttons .wp-block-button__link{color: #fff;border-color: #fff;}

.index-resource .wp-block-cover .wp-block-buttons .wp-block-button__link:hover{color: #fff; border-color: #f08200;background-color: #f08200;}



.index-news{padding: 5.21vw 0;overflow: hidden;background-color: #f7f7f7;}

.index-news h2{margin-bottom: 2.6vw;}

.index-news .slide{margin-left: calc((100% - 1440px) / 2);overflow: hidden;}

.index-news .slide-pic{width: 100% !important; height: 25vw;overflow: hidden;margin-bottom: 2.6vw;transition: all .3s;}

.index-news .slide-pic li{width: 19.79vw;height: 25vw;float: left;margin-right: 3.13vw;transition: all .3s;position: relative;z-index: 1;}

.index-news .slide-pic li a{display: flex;position: relative;flex-direction: column;transition: all .3s;}

.index-news .slide-pic li .pic{width: 100%;height: 13.54vw;border-radius: 0.83vw;overflow: hidden;transition: all .3s;}

.index-news .slide-pic li .pic img{width: 100%;height: 100%;object-fit: cover;transition: all .3s;}

.index-news .slide-pic li .text{padding: 1.67vw;width: 100%;box-sizing: border-box;}

.index-news .slide-pic li .text span{display: block; font-size: 0.73vw;color: #f08200;line-height: 0.73vw;}

.index-news .slide-pic li .text h2{font-size: 1.46vw;line-height: 1.82vw;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 16px 0 25px;}

.index-news .slide-pic li .text time{font-size: 0.83vw;line-height: 1.15vw;color: #666;}

.index-news .slide-pic li.active{width: 42.71vw !important;}

.index-news .slide-pic li.active a{height: 100%;justify-content: flex-end;}

.index-news .slide-pic li.active .pic{height: 25vw;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;}

.index-news .slide-pic li.active .text span{display: none;}

.index-news .slide-pic li.active .text h2{color: #fff;margin:0 0 2.6vw;position: relative;}

.index-news .slide-pic li.active .text h2::after{content: "";display:block;width: 100%;height: 1px;background-color: #fff;position: absolute;bottom: -0.73vw;left: 0;}

.index-news .slide-pic li.active .text time{color: #fff;}

.index-news .slide-dot{display: flex;align-items: center; padding: 0 150px 0 90px;position: relative;height: 48px;margin-right: calc(100% - 1440px);box-sizing: border-box;}

.index-news .slide-dot .btn{width: 48px;height: 48px;line-height: 48px;border: 1px solid #7c7c7c;border-radius: 50%;position: absolute;box-sizing: border-box;}

.index-news .slide-dot .btn::after{content: '\e90d';display: block;width: 48px;height: 48px;text-align: center;line-height: 48px;font-size: 20px;color: #7c7c7c; font-weight: 100; font-family: 'icomoon';}

.index-news .slide-dot .btn.prev{left: 0;transform: rotate(180deg);}

.index-news .slide-dot .btn.next{right: 0;}

.index-news .slide-dot .btn.next::after{content: "\e90d";}

.index-news .slide-dot .btn:hover{border-color: #f08200;}

.index-news .slide-dot .btn:hover::after{color: #f08200;}

.index-news .slide-dot ul{width: 100%;display: flex;flex-wrap: nowrap;}

.index-news .slide-dot ul li{flex: 1 auto;height: 3px;background-color: #dedede;}

.index-news .slide-dot ul li.active{background-color: #f08200;}



footer{padding: 5.21vw 0 4.43vw;background-color: #f7f7f7;}

footer .main-width{display: flex;justify-content: space-between;}

footer .one{display: flex;justify-content: space-between;}

footer .one > li{margin-right: 3.39vw;}

footer .one > li > a{display: inline-block; font-size: 18px;line-height: 30px;margin-bottom: 1.3vw;color: #1f1e1d;}

/* footer .one > li > a:hover {color: #f08200;} */

footer .one .sub-menu li a{font-size: 16px;line-height: 30px;color: #666;}

footer .one .sub-menu li a:hover{color: #f08200;}

footer .join{width: 300px;}

footer .join h2{font-size: 18px;line-height: 30px;margin-bottom: 1.5vw;color: #1f1e1d;font-weight: 100;}

/* footer .join form input{width: 100%;height: 40px;border: none;outline: none;font-size: 16px;background-color: #f0f0f0;padding: 0 10px;box-sizing: border-box;border-radius: 0.42vw;}

footer .join form input:focus{border: 1px solid #f08200;}

footer .join form input[type="submit"]{background-color: #f08200;color: #fff;} */



footer .join form li{background-color: #f0f0f0;margin-bottom: 8px;position: relative;border-radius: 8px;overflow: hidden;}

footer .join form li input{width: 100%;height: 40px;border: none;outline: none;padding: 0 10px;font-size: 16px;color: #333;background-color: #f0f0f0; border: 1px solid rgba(255,255,255,.3);box-sizing: border-box;}

footer .join form li input::placeholder{ color: #333; }

footer .join form li label{position: absolute; left: 0;line-height: 40px; font-size: 14px;padding:0 10px; color: #999999; transition: 0.3s; pointer-events: none;}

footer .join form li button{width: 100%;height: 40px;border: none;outline: none;padding: 10px;font-size: 16px;border: 1px solid rgba(255,255,255,.3);box-sizing: border-box;background-color: #f08200;color: #fff;}





.copy-right{padding: 2vw 0;border-top: 1px solid #e6e6e6;background-color: #f7f7f7;}

.copy-right .main-width{display: flex;justify-content: space-between;}

.copy-right .text{font-size: 14px;color: #666;line-height: 25px;}

.copy-right .sns p{font-size: 0;display: block;width: 25px;height: 20px;margin-left: 15px;position: relative;}

.copy-right .sns p a::before{display: block;width: 25px;height: 20px;font-size: 20px;line-height: 20px;text-align: center; color: #666666;font-family: 'icomoon';position: absolute;top: 50%;left: 0;transform: translateY(-50%);}

.copy-right .sns p.skype a::before{content: "\e905";}

.copy-right .sns p.facebook a::before{content: "\e903";}

.copy-right .sns p.youtube a::before{content: "\e906";font-size: 25px;}

.copy-right .sns p.linkdein a::before{content: "\e904";}

.copy-right .sns p:hover a::before{color:#f08200}



.nav-category{float: left; width: 280px;position: sticky;top: 120px;background-color: #fff;}

.nav-category h2{height: 70px;line-height: 70px;padding: 0 1.04vw; background-color: #f08200;color: #fff;font-size: 22px;box-sizing: border-box;}

.nav-category ul li a{display: block;line-height: 25px;font-size: 16px;padding: 12px 20px; color: #151515;}

.nav-category ul li > a::before{content:"●" ;display: inline-block;color: #b5b5b5;margin: 0 10px 0 0;}

.nav-category ul li a:hover,

.nav-category ul li.current-menu-item > a,

.nav-category ul li.current-menu-parent > a{color: #f08200;}

.nav-category ul li a:hover::before,

.nav-category ul li.current-menu-item a::before,

.nav-category ul li.current-menu-parent a::before{color: #f08200;}

.nav-category ul li .sub-menu{display: none;background-color: rgba(230, 140, 0, .06);padding-left: 10px;}

.nav-category ul li .sub-menu li a{padding: 8px 10px 8px 40px;}

.nav-category ul li .sub-menu li a::before{display: none;}

.nav-category ul li.current-menu-item .sub-menu,

.nav-category ul li.current-menu-parent .sub-menu{display: block;}







.list-product{padding: 50px 0;background-color: #f1f1f1;}

.list-product .cont{width: calc(100% - 305px);float: right;}

.list-product .cont ul{column-gap: 2%;row-gap: 20px;display: flex;flex-wrap: wrap;}

.list-product .cont ul li{width: 32%;border: 1px solid #d6d6d6;box-sizing: border-box;}

.list-product .cont ul li a{display: block;background-color: #fff;padding-bottom: 15px;}

.list-product .cont ul li .pic{width: 100%;position: relative;padding-top: 100%;overflow: hidden;border-bottom: 1px solid #d6d6d6;}

.list-product .cont ul li .pic img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;}

.list-product .cont ul li h3{height: 65px;display: flex;justify-content: center;align-items: center;font-size: 16px;line-height: 25px;overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.list-product .cont ul li p{color: #fff; display: block; width: 118px; height: 33px; font-size: 16px; background-color: #9c9c9c; margin: 0 auto; text-align: center;}

/* .list-product .cont ul li:hover{border-color: #f08200;} */

.list-product .cont ul li:hover p{background-color: #f08200;color: #fff;}







.main-product{padding: 40px 0;border-top: 1px solid #ececec;}

.main-product .bread{padding: 10px 15px;}

/* .main-product .category{float: left; width: 235px;position: sticky;top: 90px;}

.main-product .category h2{height: 3.65vw;line-height: 3.65vw;padding: 0 1.04vw; background-color: #f08200;color: #fff;font-size: 22px;box-sizing: border-box;}

.main-product .category ul li a{display: block;line-height: 25px;font-size: 16px;padding: 12px 30px 12px 0; color: #151515;background-color: #fff;}

.main-product .category ul li a::before{content:"●" ;display: inline-block;color: #b5b5b5;margin: 0 20px;}

.main-product .category ul li a:hover{color: #f08200;}

.main-product .category ul li a:hover::before{color: #f08200;} */

.main-product .cont{width: calc(100% - 305px);float: right;}

.main-product .cont .overview{display: flex;justify-content: space-between;padding: 30px 0;}

.main-product .cont .slide-pro{width: 371px;overflow: hidden;}

.main-product .cont .slide-pro .slide-pic li{width: 371px;height: 100%;float: left; border: 1px solid #ddd;box-sizing: border-box;}

.main-product .cont .slide-pro .slide-pic li img{width: 100%;height: 100%;object-fit: cover;}

.main-product .cont .slide-pro .slide-dot{padding: 15px 30px;box-sizing: border-box;overflow: hidden;position: relative;}

.main-product .cont .slide-pro .slide-dot li{width: 80px;height: 80px;margin-right: 32px; float: left;border: 1px solid #ddd;box-sizing: border-box}

.main-product .cont .slide-pro .slide-dot li img{width: 100%;height: 100%;object-fit: cover;}

.main-product .cont .slide-pro .slide-dot li.active{border-color: #f08200;}

.main-product .cont .slide-pro .slide-dot .pos{overflow: hidden;}

.main-product .cont .slide-pro .btn{width: 30px;height: 80px;position: absolute;top: 50%;cursor: pointer;}

.main-product .cont .slide-pro .btn::after{content: "\e90d";font-family: 'icomoon';text-align: center;width: 100%; line-height: 80px;color: #ddd;position: absolute;top: 0;left: 0;}

.main-product .cont .slide-pro .btn.prev{left: 0;transform: translateY(-50%) rotate(180deg);}

.main-product .cont .slide-pro .btn.next{right: 0;transform: translateY(-50%);}

.main-product .cont .slide-pro .btn:hover::after{color: #f08200;}

.main-product .cont .overview .info{width: calc(100% - 400px);}

.main-product .cont .overview .info h1{font-size: 30px;line-height: 40px;color: #f08200;margin-bottom: 5px;}

.main-product .cont .overview .info h3{font-size: 18px;line-height: 25px;margin-bottom: 20px;}

.main-product .cont .overview .info p{font-size: 16px;line-height: 25px;color: #333;}

.main-product .cont .overview .info li{font-size: 16px;line-height: 25px;color: #333;}

.main-product .cont .overview .info li::before{content: "●";line-height: 25px;margin: 0 8px 0 0;color: #f08200;}

.main-product .product-detail{margin-bottom: 50px;}

.main-product .product-detail .tab{display: flex;border-bottom: 1px solid #ddd;margin-bottom: 30px;}

.main-product .product-detail .tab li{width: 120px;height: 40px;line-height: 40px;margin-right: 10px;text-align: center;background-color: #bebdbd;cursor: pointer;}

.main-product .product-detail .tab li.on,

.main-product .product-detail .tab li:hover{background-color: #f08200;color: #fff;}

.main-product .product-detail .tab li.on a,

.main-product .product-detail .tab li:hover a{background-color: #f08200;color: #fff;}

.main-product .product-detail .item{}

.main-product .product-detail .item .wp-block-table{margin-bottom: 30px;}

.main-product .product-detail .item .wp-block-table thead{border: none;}

.main-product .product-detail .item .wp-block-table td,

.main-product .product-detail .item .wp-block-table th{border: 1px solid #ddd;font-size: 14px;}

.main-product .recommend h2{font-size: 24px;line-height: 30px;margin-bottom: 30px;}

.main-product .recommend ul{column-gap: 2%;row-gap: 20px;display: flex;flex-wrap: wrap;}

.main-product .recommend ul li{width: 23.5%;border: 1px solid #d6d6d6;box-sizing: border-box;}

.main-product .recommend ul li a{display: block;background-color: #fff;padding-bottom: 15px;}

.main-product .recommend ul li .pic{width: 100%;position: relative;padding-top: 100%;overflow: hidden;border-bottom: 1px solid #d6d6d6;}

.main-product .recommend ul li .pic img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;}

.main-product .recommend ul li h3{height: 65px;display: flex;justify-content: center;align-items: center;font-size: 16px;line-height: 25px;overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.main-product .recommend ul li p{color: #fff; display: block; width: 118px; height: 33px; font-size: 16px; background-color: #9c9c9c; margin: 0 auto; text-align: center;}

.main-product .recommend ul li:hover p{background: #f08200;color: #fff;}







.flow-message{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .4s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}

.flow-message .box{position:absolute;top:70%;left:50%;width:500px;height:auto;padding:20px;transform:translate(-50%,-50%);background-color:#fff;box-shadow:0 0 20px #333;box-sizing:border-box;text-align:center;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .4s;}

.flow-message .box i{position:absolute;right:-36px;top:0;width:36px;height:36px;cursor:pointer;}

.flow-message .box i::after{content: "\e907";font-family: 'icomoon';display: block;width: 36px;height: 36px;font-size: 30px;line-height: 36px; position: absolute;top: 0;left: 0;text-align: center;color: #fff;}

.flow-message .box i:hover::after{color: #e6232b;}

.flow-message .box input,

.flow-message .box textarea,

.flow-message .box select{width:100%;height:40px;line-height:38px;padding:0 10px;border:1px solid #e1e3e5;box-sizing:border-box;font-family: 'Gotham-Book';font-size: 14px;}

.flow-message .box textarea{height:120px;line-height:25px;margin-bottom:10px;padding:5px 10px;font-family: 'Gotham-Book';}

.flow-message .box button{float:right;width:100%;height:40px;line-height:40px;border: none; text-align:center;background-color:#e6232b;color:#fff;cursor:pointer;font-family: 'Gotham-Book';}

.flow-message .box button.load{font-size:0;background-size:auto 80%;background-position:center;background-repeat:no-repeat;}

.flow-message .box li{width:100%;margin-bottom:10px;box-sizing:border-box;position: relative;text-align: left;}

.flow-message .box li label{font-size: 15px;line-height: 25px;display: inline-block;margin-bottom: 5px;}

.flow-message .box p{font-size: 16px;line-height: 25px;}

.flow-message.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}

.flow-message.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

.flow-message .box li:focus label{font-size: 14px;height: 20px;line-height: 20px; background-color: #fff;transform: translateY(-50%);}

.flow-message .box input:focus,

.flow-message .box textarea:focus{border-color: #f08200;}

.flow-message .box button:hover{border-radius: 10px; -webkit-filter: brightness(1.1); filter: brightness(1.1);}

.flow-message .box li.item-p_purl{display: none;}





.main-404{padding-top:calc(100px + 8.5vw);}

.main-404 .main-width{display: flex;justify-content: space-between;}

.main-404 .pic{width:41%;}

.main-404 .pic img{width:100%;height:auto;}

.main-404 .text{width:47%;}

.main-404 .text h1{line-height:60px;font-size:48px;color:#f08200;}

.main-404 .text p{margin:15px 0 25px;color:#888;}

.main-404 .text a{display:inline-block;line-height:56px;padding:0 80px;font-size:18px;background-color:#f08200;color:#fff;border-radius:5px;}

.main-404 .com-quite h2,.main-404 .com-quite p{display:none;}





.list-case{padding: 40px 0;}

.list-case h1{font-size: 2.6vw;line-height: 60px;margin-bottom: 30px;}

.list-case h1::after{content: ''; display: block; width: 60px; height: 3px; background: #f08200; margin-top: 30px;}

.list-case h4{display: flex;align-items: center;font-size: 18px;line-height: 30px;margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.list-case .desc{font-size: 16px;line-height: 28px;color: #333;margin-bottom: 30px;}

.list-case .main-width{display: flex;justify-content: space-between;}

.list-case .category{float: left; width: 300px;}

.list-case .category h2{height: 3.65vw;line-height: 3.65vw;padding: 0 1.04vw; background-color: #f08200;color: #fff;font-size: 22px;box-sizing: border-box;}

.list-case .category ul li a{display: block;line-height: 25px;font-size: 16px;padding: 12px 30px 12px 0; color: #151515;background-color: #fff;}

.list-case .category ul li a::before{content:"●" ;display: inline-block;color: #b5b5b5;margin: 0 20px;}

.list-case .category ul li a:hover{color: #f08200;}

.list-case .category ul li a:hover::before{color: #f08200;}

.list-case .cont{width: calc(100% - 340px);}

.list-case .cont ul{column-gap: 2%;row-gap: 20px;display: flex;flex-wrap: wrap;}

.list-case .cont ul li{width: 32%;box-sizing: border-box;}

.list-case .cont ul li a{display: block;background-color: #fff;}

.list-case .cont ul li .pic{width: 100%;position: relative;padding-top: 66%;overflow: hidden;}

.list-case .cont ul li .pic img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;}

.list-case .cont ul li .text{padding: 1.04vw 1.04vw 2.6vw;}

.list-case .cont ul li h3{display: flex;align-items: center;font-size: 20px;line-height: 30px;padding: 15px; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.list-case .cont ul li p{color: #4c4c4c; font-size: 16px;line-height: 30px;margin-bottom: 20px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.list-case .cont ul li span{font-size: 14px;line-height: 20px;color: #f08200;}

.list-case .cont ul li:hover{box-shadow: 7px 19px 60px 0 rgb(0 0 0 / 10%);}

.list-case .cont ul li:hover h3{color: #f08200;}

.list-case .cont ul li:hover .pic img{transform: scale(1.1);}





.main-case{padding: 40px 0;}

.main-case h1{font-size: 50px;line-height: 50px;margin-bottom: 30px;}

.main-case h1::after{content: ''; display: block; width: 60px; height: 3px; background: #f08200; margin-top: 30px;}

.main-case h4{display: flex;align-items: center;font-size: 18px;line-height: 30px;margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.main-case .desc{font-size: 16px;line-height: 28px;color: #333;margin-bottom: 30px;}

.main-case .main-width{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}

.main-case .cont{width: calc(100% - 340px);}

.main-case .cont .box{margin-bottom: 3.13vw;}

.main-case .cont .box figure{margin: 20px 0;}

.main-case .cont .quote{display: block;margin: 0 auto; width: 260px;height: 50px;line-height: 50px;background-color: #f08200;color: #fff;text-align: center;}

.main-case .related{padding: 2.6vw 0;}

.main-case .related h2{font-size: 40px;line-height: 50px;margin-bottom: 30px;text-align: center;}

.main-case .related ul{column-gap: 2%;row-gap: 20px;display: flex;flex-wrap: wrap;}

.main-case .related ul li{width: 23.5%;border: 1px solid #d6d6d6;box-sizing: border-box;}

.main-case .related ul li a{display: block;background-color: #fff;}

.main-case .related ul li .pic{width: 100%;position: relative;padding-top: 100%;overflow: hidden;}

.main-case .related ul li .pic img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;}

.main-case .related ul li h3{height: 65px;display: flex;justify-content: center;align-items: center;font-size: 16px;line-height: 25px;overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.main-case .related ul li p{color: #fff; display: block; width: 118px; height: 33px; font-size: 16px; background-color: #9c9c9c; margin: 0 auto; text-align: center;}

.main-case .related ul li:hover{border-color: #f08200;}

.main-case .related ul li:hover a{background-color: #f08200;}

.main-case .related ul li:hover h3{color: #fff;}

.main-case .recommend{width: 300px;border: 1px solid #e6e6e6;}

.main-case .recommend h2{height: 3.65vw;line-height: 3.65vw;padding: 0 1.04vw; background-color: #f08200;color: #fff;font-size: 22px;box-sizing: border-box;}

.main-case .recommend ul li{width: 100%; position: relative; padding: 20px; border-bottom: 1px solid #e6e6e6;box-sizing: border-box;}

.main-case .recommend ul li:first-child{border: none;}

.main-case .recommend ul li a{display: block;}

.main-case .recommend ul li .pic{width: 100%;position: relative;padding-top: 66%;overflow: hidden;}

.main-case .recommend ul li .pic img{position: absolute;top: 0;left: 0; width: 100%;height: 100%;object-fit: cover;}

.main-case .recommend ul li h3{font-size: 16px;line-height: 25px;margin-top: 20px;}

.find{width: 100%;padding: 5.21vw 0;background: url(/wp-content/uploads/2024/03/index-video.webp) center center no-repeat;background-size: cover;}

.find h2{font-size: 44px;line-height: 50px;margin-bottom: 30px;text-align: center;color: #fff;}

.find form{display: flex;flex-wrap: wrap;justify-content: space-between;}

.find ul{width: 100%; display: flex;flex-wrap: wrap;justify-content: space-between;column-gap: 1%;row-gap: 1.04vw;}

.find li{width: 24%;position: relative;background-color: rgba(255,255,255,.3);}

.find li:last-child,.find li:nth-child(5){width: 100%;}

.find li:last-child{background-color: transparent;text-align: center;}

.find input{width: 100%;height: 54px;line-height: 54px;padding: 10px;font-size: 16px;color: #fff; background-color: transparent; border: 1px solid rgba(255,255,255,.3);box-sizing: border-box;}

.find input::placeholder{ color: #fff; }

.find label{position: absolute; left: 0; line-height: 54px;font-size: 16px;padding:0 10px; color: #fff; transition: 0.3s; pointer-events: none;}

.find input:focus{border-color: #fff;}

.find textarea{width: 100%;height: 150px;line-height: 1.3vw;padding: 0.52vw 10px;font-size: 16px;margin-bottom: 16px;color: #fff; background-color: transparent;font-family: 'Gotham-Book'; border: 1px solid rgba(255,255,255,.3);box-sizing: border-box;}

.find textarea::placeholder{ color: #fff; }

.find button{position: relative; width: 260px;height: 50px;line-height: 50px;text-align: center;cursor: pointer; border: none;outline: none; font-size: 20px;color: #f08200; background-color: #fff;font-family: 'Gotham-Book';box-sizing: border-box;overflow: hidden;transition: all .5s;}

.find button:hover{background-color: #f08200;color: #fff;}





.list-news{padding: 50px 0;}

.list-news .cont{width: calc(100% - 320px);float: left;}

.list-news .cont h1{font-size: 36px;line-height: 50px;margin-bottom: 20px;border-bottom: 1px solid #e2e2e2;}

.list-news .cont h3{font-size: 18px;line-height: 25px;color: #333;}

.list-news .cont time{color:#a1a1a5;font-size: 14px;line-height: 20px;margin: 15px 0;display: block;}

.list-news .cont p{color:#a1a1a5;font-size: 16px;line-height: 25px;}

.list-news .cont h1::after{content: ''; display: block; width: 120px; height: 3px; background: #f08200; margin-top: 30px;}

.list-news .cont ul li{padding: 40px 0;border-bottom: 1px solid #e7e7e7;display: flex;}

.list-news .cont ul li .pic{width: 19.27vw;position: relative;height: 0;padding-bottom: 21.4%;margin-right: 1.82vw;overflow: hidden;}



.list-news .cont ul li .pic img{width: 100%;height: 100%;object-fit: cover; position: absolute;top: 0;left: 0;transition: all .5s;}

.list-news .cont ul li .text{width: calc(100% - 19.27vw - 1.82vw);padding-top: 2vw;}

.list-news .cont ul li .pic:hover img{transform: scale(1.1);}

.list-news .cont ul li .text h3:hover a{color: #f08200;}

.recent{width: 280px;float: right;position: sticky;top: 90px;}

.recent h2{font-size: 16px;line-height: 25px;color: #6d6d6d;margin-bottom: 10px;margin-top: 80px;}

.recent ul li{padding: 10px 0 0;display: flex;}

.recent ul li a{display: flex;align-items: center;justify-content: space-between;}

.recent ul li .pic{width: 80px;position: relative;height: 0;padding-bottom: 21.4%;overflow: hidden;}

.recent ul li .pic img{width: 100%;height: 100%;object-fit: cover; position: absolute;top: 0;left: 0;transition: all .5s;}

.recent ul li h3{width: calc(100% - 90px);font-size: 14px;line-height: 22px;color: #333;font-weight: 100;}

.recent ul li:hover .pic img{transform: scale(1.1);}

.recent ul li:hover h3{color: #f08200;}



.list-video{padding: 50px 0;}

.list-video .cont{width: 100%;}

.list-video .cont h1{font-size: 36px;line-height: 46px;margin-bottom: 20px;border-bottom: 1px solid #e2e2e2;}

.list-video .cont h3{font-size: 20px;line-height: 30px;color: #333;margin-bottom: 10px;}

.list-video .cont .more{font-size: 18px;line-height: 25px;}

.list-video .cont .more:hover{color: #f08200;}

.list-video .cont time{color:#a1a1a5;font-size: 14px;line-height: 20px;margin: 15px 0;display: block;}

.list-video .cont p{color:#a1a1a5;font-size: 16px;line-height: 25px;}

.list-video .cont h1::after{content: ''; display: block; width: 120px; height: 3px; background: #f08200; margin-top: 30px;}

.list-video .cont ul{display: grid; gap: 40px; grid-template-columns: 1fr 1fr 1fr;}

.list-video .cont ul li{width: 100%;box-sizing: border-box;}

.list-video .cont ul li .pic{width: 100%;height: 260px; position: relative;overflow: hidden;background-color: rgba(240, 130, 0, .1);}

.list-video .cont ul li .pic img{width: 220px;height: 220px; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); transition: all .5s;border-radius: 50%;}

.list-video .cont ul li .text{width: 100%;padding-top: 2vw;}

.list-video .cont ul li .pic:hover img{width: 100%;height: 100%;object-fit: cover;border-radius: 0;}

.list-video .cont ul li .text h3:hover a{color: #f08200;}

.list-video .cont ul li .pic .video-btn{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); display:inherit;width:60px;height:60px;}

.list-video .cont ul li .pic .video-btn::after{content: "\e913";display: block;width: 60px;height: 60px;line-height: 60px; font-family: 'icomoon';font-size: 36px;color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-color: #f08200;border-radius: 50%;text-align: center;}

.list-video .cont ul li .pic .video-btn span{padding: 40%; position: absolute; left: 10%; top: 10%; border: 1px solid #f08200; box-shadow: 0 0 120px 30px #f08200 inset; border-radius: 100%; z-index: 1; opacity: 0;-webkit-animation: wateranimate 3s 0.8s ease-out infinite;animation: wateranimate 3s 0.8s ease-out infinite; z-index: 0;}

.list-video .cont ul li .pic .video-btn span.sp1{ -webkit-animation: wateranimate 3s 2.4s ease-out infinite; animation: wateranimate 3s 2.4s ease-out infinite; }			

.list-video .cont ul li .pic .video-btn span.sp2{ -webkit-animation: wateranimate 3s 1.6s ease-out infinite; animation: wateranimate 3s 1.6s ease-out infinite; }

.list-video .cont ul li .pic .video-btn span.sp3{ -webkit-animation: wateranimate 3s 0.8s ease-out infinite; animation: wateranimate 3s 0.8s ease-out infinite; }

.list-video .cont ul li .pic .video-btn span.sp4{ -webkit-animation: wateranimate 3s 0s ease-out infinite; animation: wateranimate 3s 0s ease-out infinite; }

@-webkit-keyframes wateranimate {

	0% {

		-webkit-transform: scale(0);

		opacity: 0.5;

	}

	100% {

		-webkit-transform: scale(3);

		opacity: 0;

	}

}

@keyframes wateranimate {

	0% {

		-webkit-transform: scale(0);

		transform: scale(0);

		opacity: 0.5;

	}

	100% {

		-webkit-transform: scale(3);

		transform: scale(3);

		opacity: 0;

	}

}



.page-div {margin-top: 40px;text-align: center;}

.page-div a,

.page-div span{display: inline-block; font-size: 16px; width: 40px;height: 40px;line-height: 40px;margin: 0 5px; border: 1px solid #0078d7;box-sizing: border-box;text-align: center;}

.page-div span,

.page-div a:hover{background-color: #0078d7;color: #fff;}

.page-div a.next::after,

.page-div a.prev::after{content: "\e90d"; font-family: 'icomoon'; font-size: 15px; line-height: 30px;}



.main-content{padding: 3.13vw 0;border-top: 1px solid #e6e6e6;}

.main-content .cont{width: calc(100% - 320px);float: left;}

.main-content .cont .bread{background-color: transparent;}

.main-content .cont h1{font-size: 30px;line-height: 40px;margin: 20px 0 10px;}

.main-content .cont time{font-size: 12px;color: #aaa;}

.main-content .cont .info{padding-bottom: 15px;border-bottom: 1px solid #eee;}

.main-content .cont .news-content{padding: 2.6vw 0;font-size: 16px;line-height: 25px;}

.main-content .cont .news-content p{font-size: 16px;line-height: 30px;color: #666;}

.main-content .cont .news-content h3{margin: 15px 0 10px;}

.main-content .cont .news-content img{max-width: 100%;height: auto;margin: 10px 0;}

.main-content .subpage{position:relative;padding-top:25px;border-top:1px solid #ddd}

.main-content .subpage ul{width:100%;display:flex;}

.main-content .subpage ul li{width:50%;float:left;box-sizing:border-box;position:relative;}

.main-content .subpage ul li::after{content: '\e90d';font-family: 'icomoon';display: block;width: 25px;height: 25px;line-height: 25px;color: #f08200;text-align: center;position: absolute;top: 0;right: 0;font-size: 18px;transition: all 0.5s;}

.main-content .subpage ul li.pre{padding:0 30px;}

.main-content .subpage ul li.next{padding:0 30px;text-align: right;}

.main-content .subpage ul li.pre::after{left:0;transform: rotate(180deg);}

.main-content .subpage ul li.next::after{right:0;}

.main-content .subpage ul li span{font-size:16px;line-height:25px;color:#000;}

.main-content .subpage ul li a{color:#444;font-size:14px;line-height:22px;}

.main-content .subpage ul li a:hover{color:#f08200;}







.main-contact{padding:55px 0 35px;}

.main-contact h2{line-height:35px;font-size:40px;margin-bottom:70px;text-align: center;}

.main-contact .cont{overflow:hidden;display: flex;justify-content: space-between;}

.main-contact .cont .contact-way{width:640px;overflow:hidden;}

.main-contact .cont .contact-way ul{overflow:hidden;}

.main-contact .cont .contact-way ul li{position:relative;float:left;font-size:18px;font-family:"OpenSans-Light";box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}

.main-contact .cont .contact-way ul li::before{content: ""; position:absolute;top:0;left:0;width:70px;height:70px;background:url("/wp-content/uploads/2024/04/all-icon.png") no-repeat;}

.main-contact .cont .contact-way ul li.mail,.main-contact .cont .contact-way ul li.tel{width:355px;line-height:30px;padding:20px 0 20px 85px;margin-bottom:20px;}

.main-contact .cont .contact-way ul li.who, .main-contact .cont .contact-way ul li.phone{width:285px;line-height:30px;padding:20px 0 20px 85px;margin-bottom:20px;}

.main-contact .cont .contact-way ul li.add{width:640px;line-height:25px;padding:10px 0 10px 85px;margin-bottom: 20px;}

.main-contact .cont .contact-way ul li.mail::before{background-position: 0px -540px;}

.main-contact .cont .contact-way ul li.who::before{background-position:-70px -540px;}

.main-contact .cont .contact-way ul li.tel::before{background-position:-140px -540px;}

.main-contact .cont .contact-way ul li.phone::before{background-position:-210px -540px;}

.main-contact .cont .contact-way ul li.add::before{background-position:-280px -540px;}

.main-contact .cont .contact-way .wp-block-group .wp-block-group__inner-container{padding-left: 85px;display: flex;}

.main-contact .cont .contact-way .wp-block-group .wp-block-image{width: 120px;margin-right: 30px;}

.main-contact .cont .contact-way .wp-block-group .wp-block-image img{width: 100%;}

.main-contact .cont .form-box{width: calc(100% - 680px);}

.main-contact .cont .form-box .simple-message > h2{display: none;}

.main-contact .cont .form-box .simple-message > p{display: none;}

.main-contact .cont .form-box form{display: flex;flex-wrap: wrap;justify-content: space-between;}

.main-contact .cont .form-box ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.main-contact .cont .form-box li{width: 49.29%;margin-bottom: 16px;position: relative;background-color: #f0f0f0;}

.main-contact .cont .form-box li:last-child{width: 100%;background-color: transparent;}

.main-contact .cont .form-box li:nth-last-child(2){width: 100%;}

.main-contact .cont .form-box li:last-child{width: 100%;}

.main-contact .cont .form-box li:nth-child(5),

.main-contact .cont .form-box li:nth-child(6){padding-left: 180px;box-sizing: border-box;}

.main-contact .cont .form-box input{width: 100%;height: 54px;line-height: 54px;padding: 10px;font-size: 16px;color: #333;background-color: #f0f0f0; border: 1px solid rgba(255,255,255,.3);box-sizing: border-box;}

.main-contact .cont .form-box input::placeholder{ color: #333; }

.main-contact .cont .form-box label{position: absolute; left: 0; line-height: 54px;font-size: 16px;padding:0 10px; color: #333; transition: 0.3s; pointer-events: none;}

.main-contact .cont .form-box select{width: 100%; height: 54px;line-height: 54px;padding: 0 10px; font-size: 16px;outline: none; border: 1px solid rgba(255,255,255,.3); border-right: 1px solid rgba(255, 255, 255, .3); font-family: 'Gotham-Book';color: #333;background-color: #f0f0f0;box-sizing: border-box;}

.main-contact .cont .form-box .line .txt{width: 100%;padding-left: calc(8.65vw + 10px);}

.main-contact .cont .form-box select:focus{border-color: #f08200;}

.main-contact .cont .form-box input:focus{border-color: #f08200;}

.main-contact .cont .form-box textarea{width: 100%;height: 120px;line-height: 1.3vw;padding: 0.52vw 10px;font-size: 16px;color: #333; background-color: #f0f0f0;font-family: 'Gotham-Book'; border: 1px solid rgba(255,255,255,.3);box-sizing: border-box;}

.main-contact .cont .form-box textarea::placeholder{ color: #fff; }

.main-contact .cont .form-box textarea:focus{border: 1px solid #f08200;}

.main-contact .cont .form-box button{position: relative; width: 100%;height: 70px;line-height: 70px;text-align: center;cursor: pointer; border: none;outline: none; font-size: 20px;color: #fff; background-color: #f08200;font-family: 'Gotham-Book';box-sizing: border-box;overflow: hidden;transition: all .5s;}

.main-contact .cont .form-box li.has label{height: 30px;line-height: 30px;left: 10px;top: -15px;transition: all .5s;}

.main-contact .cont .form-box li.item-c_pro:focus,

.main-contact .cont .form-box li.item-c_type:focus{border: 1px solid #f08200;}





.common-content h1{font-size: 30px; line-height: 40px; text-align: center; font-family: "OpenSans-Bold"; max-width: 70%; margin: 0 auto 20px;}

.common-content h2{font-size: 36px;line-height: 40px;margin: 60px 0 30px;position: relative;}

.common-content h2::after{content: "";display: block;width: 80px;height: 1px;background-color: #bfbfbf;margin: 15px auto 0;}

.common-content h3{position: relative; padding-left: 24px; height: 30px; line-height: 30px; font-size: 24px;margin-bottom: 30px; color: #333; font-family: "OpenSans-Bold"; border-left: 4px solid #f08200;}

.common-content h3::after{content: ""; display: block; border-bottom: 1px solid #eee; position: absolute; bottom: -10px; left: 0; width: 100%;}

.common-content h4{font-size: 22px; color: #000; font-family: "OpenSans-Bold"; margin: 30px auto 10px;}

.common-content .tab{border-bottom: 1px solid #eeeeee;}

.common-content .tab ul{overflow: hidden;}

.common-content .tab ul li{float: left;width: calc(100% / 3);height: 79px;font-size: 18px;color: #333;line-height: 79px;font-family: "OpenSans-Regular";text-align: center;border-right: 1px solid #e5e5e5;cursor: pointer;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}

.common-content .tab ul li a{display:block;}

.common-content .tab ul li.current-menu-item{color: #fff;border-right: 1px solid #f08200;background-color: #f08200;}

.common-content .tab ul li.current-menu-item a{color:#fff;}

.common-content .cont{padding: 50px 0;}

.common-content .cont .wp-block-pullquote{padding: 0;margin-bottom: 30px;}

.common-content .cont .wp-block-pullquote blockquote{margin: 0;}

.common-content .cont .wp-block-pullquote p{font-size: 36px;line-height: 40px;font-weight: bold;}

.common-content .cont .wp-block-pullquote p::after{content: "";display: block;width: 80px;height: 1px;background-color: #bfbfbf;margin: 15px auto 0;}

.common-content .cont .wp-block-pullquote cite{font-size: 14px;color: #666666;}

.common-content .cont .main-width > p{font-size: 16px;line-height: 30px;color: #646464;margin-bottom: 15px;}

.common-content .cont .slide-about{position: relative;overflow: hidden;}

.common-content .cont .slide-about .slide-pic{width: 1440px;height: 100%;overflow: hidden;font-size: 0;}

.common-content .cont .slide-about .slide-pic .wp-block-image{float: left;width: 1440px;}

.common-content .cont .slide-about .slide-pic .wp-block-image img{width: 100% !important;height: auto;}

.common-content .cont .slide-about .slide-dot{position: absolute;bottom: 3%;left: 50%;}

.common-content .cont .slide-about .slide-dot{margin-left: -50%;text-align: center;width: 100%;}

.common-content .cont .slide-about .slide-dot li{display: inline-block; width: 15px;height: 15px;margin: 0 7px;background-color: #fff;cursor: pointer;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;font-size: 0;}

.common-content .cont .slide-about .slide-dot li.active{background-color: #f08200;}

.common-content .history{position: relative;display: block;margin-top: 40px;padding: 40px 0;}

.common-content .history::after{content: "";display: block;width: 200%;height: 100%;position: absolute;top: 0;left: -50%; background-color:rgba(240, 130, 0, .1);z-index: -1;}

.common-content .cont .slide-grow{position:relative;display: block;}

.common-content .cont .slide-grow .slide-pic{width:61.5vw;margin:0 auto 1.5vw;overflow: hidden;}

.common-content .cont .slide-grow .slide-pic .wp-block-group{position:relative;width:61.5vw;height:21.4vw;}

.common-content .cont .slide-grow .slide-pic .wp-block-group h4{display:block;line-height:19.3vw;font-size:20vw;font-family:"Montserrat-SemiBold";color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:1px #f08200;text-align:center;}

.common-content .cont .slide-grow .slide-pic .wp-block-group p{position:absolute;left:50%;top:50%;width:39vw;min-height: 150px; padding:1.8vw;box-sizing:border-box;background-color:rgba(255,255,255,.8);transform:translate(-50%,-50%);}

.common-content .cont .slide-grow .slide-dot{position:relative;overflow:hidden;}

.common-content .cont .slide-grow .slide-dot ul{left:0;width:100%;}

.common-content .cont .slide-grow .slide-dot li{position:relative;float:left;width:10%;padding:2vw 0 1.5vw;text-align:center;}

.common-content .cont .slide-grow .slide-dot li::before{content: ""; display:block;width:20px;height:20px;line-height: 14px;margin:0 auto;border:2px solid #d9dde6;background-color:#fff;box-sizing:border-box;border-radius:50%;cursor:pointer;z-index: -1;}

.common-content .cont .slide-grow .slide-dot li::after{content: ''; display: none; width: 50px; height: 50px; background: rgba(240, 130, 0, .2); position: absolute; border-radius: 50%;transform: translate(-50%, -50%); left: 50%; top: calc(2vw + 10px);z-index: -2;}

.common-content .cont .slide-grow .slide-dot li strong{position:absolute;left:0;top:calc(2.3vw + 20px);width:100%;line-height:1.3vw;font-size:0.83vw;color:#999;text-align:center;transition:all .5s;}

.common-content .cont .slide-grow .slide-dot li.active strong{top:0;font-size:1.25vw;color:#f08200;font-family:"Montserrat-SemiBold";}

.common-content .cont .slide-grow .slide-dot li.active::before{content: '●';color: #f08200;}

.common-content .cont .slide-grow .slide-dot li.active::after{display: block;}

.common-content .cont .slide-grow .slide-dot:before{content:"";position:absolute;left:0;top:calc(2vw + 9px);width:100%;height:2px;background-color:#d9dde6;z-index: -3;}

.common-content .cont .slide-grow .btn{position:absolute;top:9.65vw;width:3vw;height:3vw;line-height:2.8vw;margin-top:-1.5px;font-size:2vw;font-family:Arial;border:1px solid #333;border-radius:50%;cursor:pointer;color:#000;text-align:center;}

.common-content .cont .slide-grow .btn:hover{border-color:#f08200;color:#f08200;}

.common-content .cont .slide-grow .prev{left:0;}

.common-content .cont .slide-grow .next{right:0;}

.common-content .cont .cer-list{flex-wrap: wrap;align-items: flex-start;font-size: 0;column-gap: 15px;row-gap: 15px;}

.common-content .cont .cer-list .wp-block-image{float: left;width: 187px;}

.common-content .cont .cer-list .wp-block-image img{display: block;width: 100%;height: auto;}

.common-content .cont .cer-list .wp-block-image .wp-element-caption{height: 50px; margin-top: 6px; font-size: 14px; color: #333; font-family: "OpenSans-Light"; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.common-content .cont .list-three{flex-wrap: wrap;align-items: flex-start;font-size: 0;column-gap: 15px;row-gap: 15px;margin-bottom: 40px;}

.common-content .cont .list-three .wp-block-image{float: left;width: 32.63%;}

.common-content .cont .list-three .wp-block-image img{display: block;width: 100%;height: auto;}

.common-content .cont .list-three .wp-block-image .wp-element-caption{height: 50px; margin-top: 6px; font-size: 14px; color: #333; font-family: "OpenSans-Light"; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.common-content .cont .faq-list{margin-bottom: 60px;padding: 0 30px;}

.common-content .cont .faq-list h4{margin: 30px 0 6px;font-size: 20px; line-height: 22px; color: #333;font-weight: bold;}

.common-content .cont .faq-list p{font-family: "OpenSans-Light";font-size: 16px;line-height: 30px;}

.common-content .wp-block-button{position: absolute;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;}

.common-content .wp-block-button a{font-size: 0;display: block;width: 40px;height: 40px; line-height: 40px; border: 1px solid #ddd;border-radius: 0;background-color: transparent;padding: 0;}

.common-content .wp-block-button a::after{content: "\e90d";font-family: 'icomoon';font-size: 20px;color: #333;}

.common-content .wp-block-button.prev{left: -50px;transform: translateY(-50%) rotate(180deg);}

.common-content .wp-block-button.next{right: -50px;}

.common-content .wp-block-button:hover a{border-color: #f08200;background-color: #f08200;}

.common-content .wp-block-button:hover a::after{color: #fff;}



.main-video h1{width: 70%;margin-bottom: 4.17vw;font-size: 44px;line-height: 60px;}

.main-video .cont{padding: 5.21vw 0;}

.main-video .cont .video{position: relative;height: 37.5vw;}

.main-video .cont .video::before{content: "VIDEO"; position: absolute; top: 50%; left: -28%; font-size: 184px; color: rgba(240, 130, 0, .1);font-weight: bold;text-transform: uppercase;transform: translateY(-50%) rotate(-90deg); z-index: -1;}

.main-video .cont .video::after{content: ""; position: absolute; top: 50%; left: 80%; transform: translateY(-50%); width: 45%; height: 132%; background-color: #f08200; z-index: -1;}

.main-video .recent{padding: 5.21vw 0;width: 100%;float: inherit;}

.main-video .recent h2{font-size: 36px; line-height: 40px; font-weight: bold;text-align: center;position: relative;margin: 0 0 40px;color: #333;}

.main-video .recent h2::after{content: ""; display: block; width: 80px; height: 1px; background-color: #bfbfbf; margin: 15px auto 0;}

.main-video .recent ul{display: grid;gap: 40px;grid-template-columns: 1fr 1fr 1fr;}

.main-video .recent ul li{width: 100%;}

.main-video .recent ul li a{flex-direction: column; width: 100%;}

.main-video .recent ul li .pic{width: 100%; height: 252px;padding: 0;}

.main-video .recent ul li h3{font-size: 22px;line-height: 32px;margin: 30px 0 18px;width: 100%;text-align: center;}





.list-download{padding: 5.21vw 0;}

.list-download .nav-category{float: right;}

.list-download .cont{width: calc(100% - 320px);float: left;}

.list-download .cont h2{font-size: 40px;line-height: 50px;margin-bottom: 40px;text-align: center;}

.list-download .cont h3{font-size: 18px;line-height: 25px;color: #333;}

.list-download .cont p{color:#a1a1a5;font-size: 16px;line-height: 25px;}

.list-download .cont h1::after{content: ''; display: block; width: 120px; height: 3px; background: #f08200; margin-top: 30px;}

.list-download .cont ul{display: flex;justify-content: space-between;flex-wrap: wrap;}

.list-download .cont ul li{width: 49%; margin-bottom: 20px; align-items: center; background: #fff;display: flex;justify-content: space-between; border: 1px solid #e0e0e0; padding: 12px 18px;box-sizing: border-box;}

.list-download .cont ul li:hover{border-color: #f08200;}

.list-download .cont ul li .flex{display: inline-block;padding-left: 35px;font-size: 16px;line-height: 25px;position: relative;}

.list-download .cont ul li .flex::before{content: "\e914";font-size: 28px;font-family: 'icomoon';position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.list-download .cont ul li .flex:hover{color: #f08200;}

.list-download .cont ul li .button{margin-left: auto;flex-shrink: 0;display: flex;align-items: center;}

.list-download .cont ul li .button a{display: inline-block; width: 40px; height: 40px; margin-left: 5px; background: #f5f5f5; border-radius: 50%; transition: all .2s; text-align: center; line-height: 40px;position: relative;}

.list-download .cont ul li .button a::after{content: "";font-family: 'icomoon';line-height: 40px;}

.list-download .cont ul li .button a.eye::after{content: "\e916";font-size: 18px;}

.list-download .cont ul li .button a.down::after{content: "\e90a";font-size: 26px;}

.list-download .cont ul li .button a:hover{background-color: #f08200;}

.list-download .cont ul li .button a:hover::after{color: #fff;}

.list-download .category{float: right; width: 300px;}

.list-download .category h2{height: 3.65vw;line-height: 3.65vw;padding: 0 1.04vw; background-color: #f08200;color: #fff;font-size: 22px;box-sizing: border-box;}

.list-download .category ul li a{display: block;line-height: 25px;font-size: 16px;padding: 12px 30px 12px 0; color: #151515;background-color: #fff;}

.list-download .category ul li a::before{content:"●" ;display: inline-block;color: #b5b5b5;margin: 0 20px;}

.list-download .category ul li a:hover{color: #f08200;}

.list-download .category ul li a:hover::before{color: #f08200;}





.pop-up-box{position: fixed;right: 1%;bottom: 5%;width: 70px;z-index: 999;display: none; height: auto;border-radius: 8px;background-color: #fff;box-sizing: border-box;opacity: 0;box-shadow: 0 0 5px 1px rgb(0 0 0 / 20%);}

.pop-up-box.on{display: block;opacity: 1;}

.pop-up-box a{position: relative; display: block;width: 60px;margin: 0 auto; text-align: center;padding: 45px 0 10px;border-bottom: 1px solid #eee; font-size: 13px;color: #000;box-sizing: border-box;}

.pop-up-box a::before{position: absolute;font-family: 'icomoon'; display: block;width: 60px;height: 30px;top: 12px; font-size: 28px;text-align: center; line-height: 30px;color: #999;}

.pop-up-box a.email::before{content:"\e901";font-size: 22px;}

.pop-up-box a.whatsapp::before{content:'\e900';}

.pop-up-box a.contact::before{content:'\e902';}

.pop-up-box a.get-top::before{content: "\e90d";transform: rotate(-90deg);font-size: 20px;}

.pop-up-box a.get-top{border-bottom: none;}

.pop-up-box a:hover::before{color: #f08200;}

.pop-up-box a:hover{color: #f08200;}

.pop-up-box a .tip{width: 220px; height: 50px;opacity: 0; left: 0; padding: 5px 10px;text-align: left;color: #fff; border-radius: 0.26vw; box-sizing: border-box; position: absolute; background: #f08200; top: 50%; left: -230px; transform: translateY(-50%) scale(0);transition: .2s;}

.pop-up-box a .tip::before{content: "";position: absolute;right: -10px;top: 50%;transform: translateY(-50%); display: block;width:0px; height:0px; border-left:10px solid #f08200; border-top:10px solid transparent; border-bottom:10px solid transparent;}

.pop-up-box a:hover .tip{transform: translateY(-50%) scale(1);opacity: 1;pointer-events: auto;z-index: 998;}