* { margin: 0; padding: 0; border: 0; }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: borde; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family:"Muli", "Microsoft YaHei", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei"; color: #333333;font-size: 16px;font-weight: 400;line-height: 1.5; background-color: #ffffff; }
h1, h2, h3 { font-weight: bold; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a,a:hover,a:focus { text-decoration: none; color: #333333;-moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
a:hover{cursor: pointer !important;}
iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }
p {color: #333333;font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0 0 20px 0;}
ol, ul { list-style-position: outside; margin: 0 0 20px 0;}
ol{padding-left: 30px;}
ol li{padding: 0;}
ul li { font-size: 16px; font-weight: 400; line-height: 1.5; margin: 0 0 10px 0; color: #333333;padding: 0 0 0 30px;}
ul li{list-style: none;position: relative;}
ul li:before{content: '';width: 6px;height: 6px;background-color: #E45826;border-radius: 50%;position: absolute;left: 10px;top: 10px;}
blockquote { font-size: 16px; font-weight: 400; line-height: 1.5; margin: 0 0 30px 24px; padding: 0 0 0 22px; border-left: 4px solid #bfdeee; color: #9b9b9b; font-style: italic; }
::-moz-selection { background: #B5CAE2; }
::selection { background: #B5CAE2; }
.lt, .grid .grid-2, .grid .grid-3, .grid .grid-4,.grid .grid-5,.grid .grid-6, .graphic .graphic-img, .graphic .graphic-info, .content .sidebar, .content .sidebar_info { float: left; }
.rt { float: right; }
.grid:before, .graphic .graphic-block:before, .grid:after, .graphic .graphic-block:after, .clearfix:before, .clearfix:after{ content: ''; clear: both; display: table; }
#wrapper { max-width: 2560px; min-width: 1260px; margin: 0 auto; word-wrap: break-word; overflow: hidden; }
#wrapper .copying{display: inline-block;}
#wrapper .copying{position: relative;cursor: pointer;}
#wrapper .copying .copytips{display: none; transition: all 0.3s linear; color: #ffffff;font-size: 12px; border-radius: 4px; border: 1px solid #fff;padding: 0 5px; position: absolute;right: -50px; top: 0;}
#wrapper .copying.copied:after{z-index: 3;font-size: 12px; content: 'copied';position: absolute !important;bottom: 0px;right: -50px;transition: all 0.3s linear;color: #ffffff;font-weight: 500;
-webkit-animation:fadeOutUp .3s .3s ease both;-moz-animation:fadeOutUp .3s .3s ease both;}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-10px)}}
@-moz-keyframes fadeOutUp{0%{opacity:1;-moz-transform:translateY(0)}100%{opacity:0;-moz-transform:translateY(-10px)}}

.wrap { width: 1170px; margin: 0 auto; }


:root {
    --fontcolor: #333333;
    --maincolor: #E45826;
    --maincolor1: #E45826;
    --fotbgcolor: #000000;
    --fotfontcolor: #cccccc;
    --white: #ffffff;
    --sidercolor: #666666;
}

.title span{background: #F0A083; width: 30px;height: 4px; text-transform: uppercase;opacity: 0.5;display: block;margin-bottom: 2px;}
.title h2,.title h1{font-size: 30px;line-height: 130%;font-weight: normal;margin: 0;text-transform: none;}
.Stitle {color: #242730; font-size: 24px; font-weight: 700; line-height: 130%; text-transform: uppercase;margin: 0 0 20px 0 !important;}
.grid {margin: 0 -31.5px;}
.grid .grid-3 {width: 33.333333%;padding: 0 31.5px; margin-bottom: 70px;}
.grid .grid-3 a {display: inline-block; transition: .1s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
.grid .grid-3 img { width: 100%; height: 233px; display: block; }
.grid .grid-3 h4 {margin: 20px 0 0; font-size: 20px; font-weight: normal;line-height: 130%;height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .1s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
.grid .grid-3 a:hover h4{color: #E45826;}
.grid .grid-2{width: 50%;padding: 0 29px;margin-bottom: 40px;}
.grid .grid-2 a{display: block;transition: .1s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
.grid .grid-2 img{width: 150px;height: 100px;display: block;}
.grid .grid-2 a>div{margin-left: 16px;width: 390px;}
.grid .grid-2 span{color: #6e6e6e;font-size: 14px;}
.grid .grid-2 h4{font-size: 20px;font-weight: normal;max-height: 70px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .1s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
.grid .grid-2 a:hover h4{color: #E45826;}
.grid.imges_more{margin: 30px 0;}
.grid .grid-4{width: 40%;}
.grid .grid-6 img{display: block;margin: 0;width: 440px;height: auto;}
.grid .grid-6{width: 60%;padding-right: 40px;}

.custom_tables{overflow-y:hidden;-webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-overflow-scrolling: touch; text-align: justify;margin: 20px 0;}
.custom_tables::-webkit-scrollbar{display:block;height:6px}
.custom_tables::-webkit-scrollbar-thumb{background:#a0a4a7;height:6px;top:6px;}
.custom_tables::-webkit-scrollbar-track-piece{background-color:#cfd1d3;}
.custom_tables table{width: 100%; border-collapse:collapse;border-spacing:0;border-color:#ccc;}
.custom_tables table td{color: #222222;text-align: left; font-size: 16px;font-weight: 400;line-height: 150%;padding:8px 10px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;border-color:#ccc;}
.custom_tables table th{color: #666666;font-size: 16px;font-weight: 400;line-height: 150%;padding:0 10px 8px;overflow:hidden;word-break:normal;text-align: left;}
.custom_tables p{margin: 0;}

.table-fixed table{width: 1200px;}/*table-layout: fixed;*/
.table-fixed table th:first-child{width: 15%;}

/* table */
table{width: 100%;border-style:solid;border-right-style: none;text-align: left;overflow: auto;position: relative;overflow-y: hidden;}
table thead{border-bottom: none;border-color: transparent;}
table tr th{font-weight: 700 !important;border: transparent;font-size: 16px;line-height: 130%;font-weight: 400;padding: 10px;background-color: #f6f6f6;color: #666666;}
table tr td{font-size: 16px;color: #222222;line-height: 130%;font-weight: 400;padding: 10px;border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;border-right-style:dashed;border-color: #cccccc}
.wp-block-table td, .wp-block-table th{border-style:solid;border-width:0px;overflow:hidden;word-break:normal;border-top-width:1px;border-bottom-width:1px;border-right-style:dashed;border-color: #cccccc}
.wp-block-table thead{border-bottom: none;}
figcaption.wp-element-caption {color: #6e6e6e;}

.breadcrumb{font-size: 15px;color: #6e6e6e;margin-top: 30px;display: -webkit-inline-box;}
.breadcrumb i{background: url('/wp-content/themes/website/svg/home.svg') no-repeat;width: 16px;height: 16px;background-size: 100% 100%;display: inline-block;vertical-align: middle;}
.breadcrumb .symbol{margin: 0 10px;}
.breadcrumb svg{display: none;}
.about,.prdlist_info{margin-top: 120px;} 
.prdlist_info img{width: 570px;height: 380px;}
.about>div,.prdlist_info>div{margin-left: 50px;width: 490px;}
.about .title,.prdlist_info .title{margin-bottom: 30px;}
.about>div a{display: block;margin-top: 70px;color: #E45826;line-height: 130%;position: relative;}
.about>div a svg{width: 14px;height: 14px;margin-left: 5px;vertical-align: bottom;fill: #E45826;top: 3px;position: absolute;transition: .2s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
.about>div a:hover svg{margin-left: 10px;fill: #E44027;}
.about>div a:hover{color: #E44027;}
#product, #news, #newlist, #about, #error, #sitemap, #privacy,#prdlist{margin-top: 200px;}


#header{background: #fff;width: 100%;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.12);position: fixed;padding-top: 8px; z-index: 999;transition: top 0.3s ease; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
/*#header.active{top: -70px;}*/
#header .header-wrap{width: 1170px;margin: 0 auto;}
#header .header-top{border-bottom: 1px solid #e0e0e0;padding-bottom: 8px;}
#header .logo{float: left;width: 260px;height: auto;display: block;}
#header .logo img{width: 120px;height: auto;display: block;margin-top: 20px;}
#header .logo svg{width: 120px;height: 30px;margin: 12px 0 13px 0;padding: 5px 0;}
#header .menu{display: flex;gap: 70px;padding: 10px 0;}
#header .menu .menu-block{display: inline-block;}
#header .menu .menu-block>a{color: #222222;font-size: 16px;font-weight: 700;padding:8px 20px 10px 0;display: inline-block;position: relative;text-transform: capitalize;max-width:200px;}
/*#header .menu .menu-block:nth-child(5)>a:after{content: '';width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #E45826;position: absolute;bottom: 16px;margin-left: 8px;}*/
#header .menu .menu-block>a:after{content: '';width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #E45826;position: absolute;bottom: 16px;margin-left: 8px;}
#header .menu .menu-block:first-child>a{padding-left: 0;}
#header .menu .menu-block:last-child{margin-left: auto;}
#header .menu .menu-block:last-child>a{padding:2px 10px;background-color: #E45826;text-align: center; text-transform: uppercase;color: #ffffff !important;padding: 8px 16px !important;}
#header .menu .menu-block:last-child>a:after{display: none;}
#header .menu .menu-block:last-child>a:hover{background-color: #E44027;}
#header .menu-mask{background-color: transparent;width: 100%;position: absolute;top: 110px; left: 0;display: none; height: auto;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 0 2px rgba(0, 0, 0, 0.12);}
#header .submenu{width: 100%; margin: 0 auto; background-color: #f6f6f6;padding: 30px 0;display: none;position: absolute;z-index: 5;left: 0;}
#header .submenu ul{margin:0 auto;width: 1170px;display: grid;grid-template-columns: repeat(4, 25%);padding: 20px 0;}
#header .submenu ul:after,#header .menu .submenu ul:before{ content: ''; clear: both;display: none;}
#header .submenu li:before{display: none;}
#header .submenu li{width: 20%;float: left;padding: 0 22.5px;margin-bottom: 20px;position: relative;}
#header .submenu li a{display: inline-block;}
#header .submenu li img{width: 252px;height: 168px;margin-bottom: 8px;}
#header .submenu li p{color: #333333;font-size: 16px;font-weight: 400;line-height: 140%;margin: 0;}
#header .submenu li:hover p,#header .menu .menu-block:hover>a{color: #E45826;}
#header .search-form{float: right;position: relative;}
#header .search-form .search {width: 238px; height: 32px; background-color: #f3f3f3;margin-top: 9px;}
#header .search-form .search input[type="text"] {width: 206px; height: 32px;outline: none;float: left;background-color: #f3f3f3;}
/*#header .search-form .search input[type="submit"] {width: 32px; height: 32px;background: url(/wp-content/themes/website/svg/search.svg); background-size: 18px 18px; background-repeat: no-repeat;background-position: center; outline: none;float: left;}*/
#header .nav-mask{float: right;margin-left: 40px;position: relative;display: flex;width: 350px;}
#header .nav-mask a{color: #222222;font-size: 16px;font-weight: 400;line-height: 130%;float: left;padding: 16px 10px;margin: 0 10px;}
#header .nav-mask a:hover{color: #E45826;}
#header .header-contact{display: block; float: right;padding:2px 10px; background-color: #E45826; font-size: 16px; font-weight: 400;text-align: center; text-transform: uppercase; color: #ffffff !important;
    padding: 8px 16px !important;right: 0;position: absolute;}
#header .header-contact:hover{background-color: #E44027;}

/*#header .language{width: 100px;padding-top: 16px;right: 0;position: absolute;}*/
#header .language a{padding: 0;margin: 0;}
#header .language a:hover{color: #E45826;cursor:pointer;}
#header .language .trp-ls-shortcode-current-language a{font-size: 14px;line-height: 150%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 90px;padding-left: 30px;padding-top: 2px;}
#header .language svg{width: 22px;height: 22px;margin: 1px 6px 1px 0;position: absolute; fill: #E45826;}
#header .trp-ls-shortcode-current-language a{color: #E45826 !important;}
#header .language .trp-ls-shortcode-current-language a:hover{color: #cf000e;}
#header .language:hover svg{fill: #E45826 !important;-webkit-transition: all .2s;cursor:pointer;}
#header .language:hover .trp-ls-shortcode-current-language a{color: #E45826 !important;}

#header .language li:focus a{color: #E45826;}
#header .language .trp-language-switcher{margin: 0; display: block;}
.trp-language-switcher{max-width: 100px !important;}
#header .language .trp-language-switcher .trp-ls-shortcode-current-language{width: auto !important; border: none; padding: 0; border-radius:0; background-image: none; display: block; height:25px; background: transparent;}
#header .language .trp-language-switcher .trp-ls-shortcode-language{border: none; border-radius:0; background-image: none; width: 360px !important; background-color: #313542; border-bottom: 2px solid #c4c8d3;position: absolute; right: 0; left:auto; top: 26px; padding: 20px; visibility:visible;height:auto;z-index: 1000000;}
#header .language .trp-language-switcher .trp-ls-shortcode-language a{font-size: 14px;color: #ffffff;line-height: 150%;font-weight: 400;border-radius: 0; padding: 0 20px 12px 20px !important; width:50%; float: left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#header .language .trp-language-switcher:hover .trp-ls-shortcode-language{ display: block }
#header .language .trp-language-switcher:focus .trp-ls-shortcode-current-language,.language .trp-language-switcher:hover .trp-ls-shortcode-current-language{visibility:visible;}
#header .language .trp-language-switcher > div > a.trp-ls-shortcode-disabled-language{color: #E45826;} /*on_Language color*/
#header .language .trp-language-switcher .trp-ls-shortcode-language a:hover{color: #E45826; background: transparent;}
#trp-floater-ls.trp-floater-ls-names{display: none;}
.trp-language-switcher > div > a > img{display: none !important;}/*flag icon*/

*:hover {transition: all 0.2s ease;}
#header .nav-mask{width: 700px;}
#header .language{width: 100px;padding: 16px 20px 0 20px;}
#header .search-form{margin-left: 40px;position: absolute;right: 0;max-height: 50px;overflow: hidden;}
#header .search-form .search{width: 335px;height: 36px;background-color: #F5F5F5;position: relative;}
#header .search-form .search input[type="text"]{width: 100%;height: 100%;padding-left: 16px;padding-right: 40px;font-size: 14px;font-weight:400;line-height: 140%;color: #333333;}
#header .search-form .search input[type="text"]:hover{background-color: #E3E3E3;}
#header .search-form .search input[type="text"]:focus{background-color: #ECEEED;}
#header .search-form input[type="submit"]{width: 36px;height: 36px;background: url(/wp-content/themes/website/svg/search.svg) no-repeat;background-size: 20px 20px;background-position: center;position: absolute;right: 0;}

#search{display: flex;margin-top: 200px;margin-bottom: 200px;   position: relative;}
#search .search-lt{width: 800px;}
#search .more-button a{color: #ffffff;background-color: #E45826;text-align: center;line-height: 36px;padding: 8px 30px;}
#blog-mainbody ol{display: grid;gap: 30px;margin: 0;padding: 0;}
#blog-mainbody ol a{display: flex;}
#blog-mainbody ol img{width: 210px;height: 140px;display: block;}
#blog-mainbody h2{font-size: 20px;font-weight: 700;line-height: 150%;margin: 0 0 12px 0;}
#blog-mainbody p{color: #666;font-size: 16px;font-weight: 400;line-height: 130%;margin: 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#search .sideBar{right: 0;position: absolute;margin-top: 10%;}
#search .more-button:hover a{background-color: #E44027;}
#blog-mainbody ol:hover h2{color: #E44027;}
.highlight {color: #E44027;}

#home .banner{width: 100%;height: 650px;position: relative;background-color: #242730;}
#home .banner img{width: 100%;height: 650px;}
#home .banner_con{position: absolute;top: 150px;left: 50%;width: 820px;margin-left: -585px;margin-top: 100px;}
#home .banner_con h1{font-size: 46px;font-weight: 700;text-transform: capitalize; letter-spacing: 1px;margin: 0 0 30px;line-height: 130%;color: #fff;}
#home .banner_con p{font-size: 20px;line-height: 40px;color: #fff;}
#home .banner_con a{display: block;margin-top: 20px;color: #ffffff;line-height: 130%;position: relative;}
#home .banner_con a svg{fill: #ffffff;width: 14px;height: 14px;margin-left: 5px;vertical-align: bottom;top: 3px;position: absolute; transition: .2s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
#home .banner_con a:hover{color: #E45826;}
#home .banner_con a:hover svg{margin-left: 10px;fill: #E45826;}
#home .hotprd{margin-top: 80px;}
#home .hotprd .title{margin-bottom: 20px;}
#home .news{margin-top: 120px;}
#home #shipments{margin-top: 80px;}
#home .news .title{margin-bottom: 20px;}
#home .news .grid{margin: 0 -29px;}
#home .partners{margin-top: 80px;margin-bottom: 100px;}
#home .partners .title{margin-bottom: 20px;}
#home .partners .grid{margin: 0;}
#home .partners .grid .grid-5{width: 20%;height: 100px;}
#home .partners .grid .grid-5>div{display: table-cell;vertical-align: middle;width: 234px;height: auto;}
#home .partners .grid .grid-5 img{width: auto; max-height: 50px; margin: 0 auto;display: block;}

#home .hotprd .grid{display: grid;grid-template-columns: repeat(3, 33.33%);gap: 40px 10px;margin: 0;}
#home .hotprd .grid:before{display: none;}
#home .hotprd .grid .grid-3{width: 100%;padding: 0;margin: 0;}
#home .hotprd .grid .grid-3 img{width: 360px;height: 240px;display: block;}
#home .hotprd .grid .grid-3 a{box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), 2px 2px 2px 2px rgba(0, 0, 0, 0.12);background-color: #313542;}
#home .hotprd .grid .grid-3 p{color: #ffffff;font-size: 16px;line-height: 130%;font-weight: 400;padding: 12px 20px;width: 100%;margin: 0;}
#home .hotprd .grid .grid-3:hover a{background-color: #E44027;}

#home .home-cta{background-color: #313542;padding: 40px 60px;display: flex;margin-top: 40px;}
#home .home-cta p{font-size: 20px;font-weight: 700;line-height: 150%;color: #FFFFFF;width: 750px;margin: 0 14px 0;}
#home .home-cta button{border: 1px solid #FFFFFF;background-color: transparent;height: 40px;margin-top: 10px;}
#home .home-cta button a{padding: 10px 30px;text-transform: uppercase;font-size: 16px;font-weight: 700;line-height: 130%;color: #ffffff;}
#home .home-cta button:hover{background-color: #E44027;-webkit-transition: all .3s;}

#home .about img{width: 570px;height: 380px;}
#home .banner_end{margin-top: -160px;z-index: 100;position: relative;margin-bottom: 100px;background-color: #FFFFFF;}
.banner_end{display: grid;grid-template-columns: repeat(2, 50%);padding: 50px 80px 0 80px;box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1), 2px 2px 2px 2px rgba(0, 0, 0, 0.12);}
.banner_end .grid-4{display: flex;margin-bottom: 30px;width: 90%;}
.banner_end .grid-4:nth-child(even){margin-left: 30px}
.banner_end .grid-4 img{width: 40px;height: 40px;}
.banner_end .grid-4 .rt-info{margin-left: 20px;}
.banner_end .grid-4 .rt-info .rt-title{font-size: 16px;color: #222222;font-weight: 700;line-height: 130%;margin-bottom: 10px;}
.banner_end .grid-4 .rt-info p{font-size: 16px;color: #6E6E6E;}

#about .banner_end{margin: 80px 0;background-color: #F5F5F5;}

.layout {margin: 60px 0 100px;}
.layout .layout_info{width: 800px;}
.layout .layout_info h1{font-size: 30px;font-weight: 700;margin: 0 0 30px;line-height: 130%;}
.layout .layout_info h2{font-size: 26px;font-weight: 700;margin: 80px 0 16px 0;line-height: 140%;}
.layout .layout_info h3{font-size: 20px;font-weight: 700;margin: 20px 0 10px 0;line-height: 140%;padding: 0;}
.layout .layout_info .wp-block-columns{margin: 40px 0 20px 0;}
.layout .layout_info .wp-block-columns h3{margin: 0 0 10px 0;}
.layout .layout_info .wp-block-columns h3:before{display: none;}
.layout .layout_info .wp-block-columns img{margin: 0;}
.layout .layout_info h3:before{display: none;}
.layout .layout_info p{font-size: 16px;font-weight: 400;margin: 20px 0;line-height: 150%;}
.layout .layout_info ul li;.layout .layout_info ol li{font-size: 16px;font-weight: 400;margin: 10px 0;line-height: 150%;}
.sideBar{width: 240px !important;}
.sideBar .title{margin-bottom: 30px;}
.sideBar .Stitle{font-size: 24px;line-height: 130%;}
.sideBar ul {margin-bottom: 50px;}
.sideBar ul li{padding: 0;}
.sideBar ul li:before{display: none;}
.sideBar ul li a{color: #666666;transition: .1s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
.sideBar ul li a:hover{color: #E45826;}
.sideBar svg{width: 18px;height: 18px;fill: #E45826;vertical-align: middle;}
.sideBar>div {margin-bottom: 7px;}
.sideBar>div a{color: #E45826;transition: .1s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
.sideBar>div a:hover{text-decoration: underline;}
.sideBar .quote{width: 240px; height: 36px; border-radius: 2px;background: #E45826;color: #ffffff;display: block;text-align: center;line-height: 36px;margin-top: 30px;transition: .1s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
.sideBar .quote:hover{background-color: #E44027;}


.content a{color: #E45826;}
.content a:hover{text-decoration: underline;}
.content h3{font-size: 20px;margin:40px 0 15px;font-weight: 400;padding-left: 16px;position: relative;}
.content h3:before{content: '';width: 6px;height: 20px;background-color: #E45826; position: absolute; left: 0; top: 2px;}
.content img{max-width: 100%;height: auto;display: block;margin: 40px 0;}

#news .head {margin-bottom: 30px;border-bottom: 1px solid #cccccc;}
#news .head h1{margin: 0 0 10px;}
#news .head span{color: #888888;font-size: 14px;margin-bottom: 20px;display: block;}
#news .tag{margin-top: 80px;color: #888888;}
#news .bdsharebuttonbox{color: #888888;margin-top: 30px;border-bottom: 1px solid #e0e0e0;padding-bottom: 40px;overflow: auto;}
#news .bdsharebuttonbox a:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);}
#news #con-form{width: 100%;}
#news #con-form .contact{margin-top: 40px;min-height: 760px;}
#news #con-form h2{margin-top: 40px;}
#news .bdsharebuttonbox span{font-size: 15px;color: #888888;line-height: 22px;font-weight: 400;float: left;margin: 2px 10px 0 0;}
#news .bdsharebuttonbox a{width: 28px;height: 28px;margin-right: 20px;display: block;float: left;}
#news .bdsharebuttonbox svg{width: 28px;height: 28px;margin: 0;fill: #888888;padding:4px;border: 1px solid #888888;}
#news .bdsharebuttonbox a:hover svg{fill:#E44027;border: 1px solid #F5A623;-webkit-transition: all .2s ease;transition: all .2s ease;}



#newlist .list{display: block;margin-bottom: 80px; transition: .1s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
#newlist .list img{width: 264px;height: 176px;}
#newlist .list>div{width: 516px;margin-left: 20px;}
#newlist .list>div .title{font-size: 22px;line-height: 130%;font-weight: 700;margin: 0 0 10px;line-height: 130%;text-transform: none;}
#newlist .list>div span{color: #888888;font-size: 14px;font-weight: 400;display: block;margin: 0 0 20px;}
#newlist .list>div p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;margin: 0;max-height: 52px;}
#newlist .list:hover>div .title{color: #E45826;}


#about .about{margin-top: 55px;}
#about #map{width: 100%;height: 450px;margin: 80px 0 100px;}
#about #map div{background: transparent !important;}
#about #map .map-mask{width: 410px;}
#about #map .map-mask img{width: 29px;height: 36px; float: left;display: block;}
#about #map .map-info{padding: 18px 15px 18px 30px;position: relative;background-color: #E45826 !important;width: 340px;color: #ffffff;font-size: 14px;float: left;margin-left: 36px;margin-top: -10px;}
#about #map .map-info:after{content:'';position:absolute;right:100%;top:10px;width:0;height:0;border-width:10px;border-style:solid;border-color:transparent;border-right-width:20px;border-right-color:currentColor;color: #E45826;}
#about #map .map-info a{color: #ffffff;}
#about #map .map-info>div{margin-bottom: 3px;}
#about #map .map-info .address{display: inline-flex; width: 250px;}
#about #map .map-info a:hover{text-decoration: underline;}
.contact{margin-top: 80px;min-height: 760px;}


#about .gallery{margin: 70px auto 60px;display: grid;grid-template-columns: repeat(3, 33.33%);gap: 16px;}
/*#about .gallery .grid{gap: 20px;}*/
#about .gallery:before{display: none;}
#about .gallery .grid-3{padding: 0;margin-bottom: 30px;position: relative;width: 360px;}
#about .gallery .grid-3 img{width: 360px;height: 240px;}
#about .gallery .grid-3 p{color: #222222;font-size: 16px;font-weight: 400;line-height: 24px;text-align: left;margin: 10px 0 0; max-height: 72px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} 
#about .gallery .grid-3 .overlay{opacity: 0; position: absolute;top: 0;width: 360px;height: 240px;background-color: rgba(228, 88, 38, 0.4);transition: .2s all linear;-moz-transition:.2s all linear;-webkit-transition:.2s all linear;-o-transition:.2s all linear;}
#about .gallery .grid-3 .overlay svg{width: 32px;height: 32px;margin-top: 30%;margin-left: 45%;}
#about .gallery .grid-3:hover .overlay{opacity: 1}

#about .about img{width: 360px;height: 414px;}
#about .about .about-info{width: 690px;max-width: 690px;}

.contact h1{color: #242730; font-size: 30px; line-height: 130%;padding-right: 20px;font-weight: 400;position: relative;margin: 0 0 20px;padding: 0;}
.contact .contact_info{width: 570px;padding-right: 60px;}
.contact .contact_info p{margin-bottom: 50px;}
.contact .contact_info>div{margin-bottom: 20px;}
.contact .contact_info a:hover{color: #E45826;}
.contact .contact_info .address{position: relative;}
/*.contact .contact_info .address a{position: absolute;}*/
.contact .contact_form{width: 600px;}

.contact .follow{margin-top: 80px;}
.contact .follow ul{display: grid;grid-template-columns: repeat(4, 25%);margin: 10px 0;width: 50%;}
.contact .follow p{font-size: 16px;font-weight: 700;line-height: 130%;margin: 20px 0 !important;color: #222222;}
.contact .follow ul li{padding: 0;margin: 0;}
.contact .follow ul li:before{display: none;}
.contact .follow ul li svg{width: 30px;height: 30px;fill: #888888;border: 1px solid #888888;padding: 4px;}
.contact .follow ul li:hover svg{fill: #E44027;border: 1px solid #E44027;}

#form .grid {margin: 0 -10px;}
#form .grid .grid-2{margin-bottom: 20px;padding: 0 10px;}
#form label{color: #6e6e6e;font-size: 14px;display: block;margin: 0 0 2px;}
#form input,#form textarea{border: 1px solid #cccccc;border-radius: 2px;background-color: #f5f5f5;outline: none;padding: 0 14px;}
#form input{width: 100%;height: 44px;}
#form textarea{resize: none;width: 100%;height: 180px;padding: 10px 14px;}
#form input:focus,#form textarea:focus{border: 2px solid #6e6e6e;}
#form input[type='submit']{width: 100%; height: 36px; border-radius: 2px; background-color: #E45826;color: #fff;text-align: center;padding: 6px 0;border:none;text-transform: uppercase;transition: .1s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
#form input[type='submit']:hover{background-color: #E44027;}
#form input[type='tel']{padding-left: 45px;}
#form .intl-tel-input{width: 100%;}
#form .intl-tel-input li{margin: 0;}
#form .intl-tel-input li:before{display: none;}
#form .intl-tel-input .country-list .country{padding: 5px 8px;}
#form .country-list{width: 100%;}
#file .file_input{padding: 10px 20px;font-size: 14px;color: #E45826;border: 1px dashed #9b9b9b;border-radius: 2px;}
#file .file_input:hover{border: 1px dashed #6e6e6e;}
#file .file_info .file_info_list{padding: 8px 10px;}
#file .file_info .file_info_list span{font-size: 14px;}
#file .file_info .file_size{width: 15%;}
#file .file_info .file_close:before{left: 2px;top: 7px;}
#form .email_copy{margin-top: 10px;display: block;font-size: 12px;color: #444444;}
#form .email_copy span.wpcf7-list-item{margin: 0;}
#form .email_copy input{margin: 0;width: 15px;height: 15px;vertical-align: middle;}
#form .wpcf7-form-control.error{border: 2px solid #da251c;background: url('/wp-content/themes/website/svg/error.svg') no-repeat;background-size: 22px;background-position: 260px;}
#form #your-email-error{font-size: 12px;color: #d32f2f;text-align: right;left: 0;width: 100%;position: absolute;}
#form div.wpcf7-mail-sent-ok{background: url('/wp-content/themes/website/svg/success.svg') no-repeat;background-size: 30px; margin: 0;border: none;padding-left: 45px;font-size: 16px;color: #0076B0;}
#form div.wpcf7-mail-sent-ng{background: url('/wp-content/themes/website/svg/warn.svg') no-repeat;background-size: 30px; margin: 0;border: none;padding-left: 45px;font-size: 16px;color: #ea8a1c;}

#product .layout h1 svg{width: 23px;height: 23px;fill: #E45826;margin-right: 13px;}
#product .contact h2:after{width: calc(100% - 185px);}
#product .contact .contact_form{width: 100%;}
#product #form .wpcf7-form-control.error{background-position: 355px;}
#product #con-form{width: 100%;}
#product .pgcsimplygalleryblock-slider-next-prev-navi{background-color: #242730 !important;}
#product .pgcsimplygalleryblock-slider-next-prev-navi:hover{background-color: #000000 !important;}


#prdlist .prdlist_info{margin-top: 30px;}
#prdlist .title{margin-top: 55px;}
#prdlist .title h1{text-transform:capitalize;}
#prdlist .prdlist_info .readmore-js-toggle{color: #E45826;text-align: center;}
#prdlist .prdlist_info .readmore-js-toggle svg{width: 14px;height: 14px;fill: #E45826;}
#prdlist .prdlist_grid{margin-top: 80px;margin-bottom: 40px;}
#prdlist .prdlist_grid .grid-3{margin-bottom: 45px;}
#prdlist .contact{margin-bottom: 100px;}



#error {margin-top: 160px;margin-bottom: 120px;text-align: center;}
#error h1{font-size: 150px;color: #E45826;line-height: 130%;font-weight: 700;margin-bottom: 10px;}
#error p{font-size: 30px;color: #4A4A4A;line-height: 130%;font-weight: 400;}
#error span{font-size: 18px;color: #4A4A4A;line-height: 130%;font-weight: 400;margin-bottom: 60px;display: block;}
#error a{background: #E45826;padding: 10px 60px;font-size: 16px;color: #FFFFFF;line-height: 130%;font-weight: 400;display: inline-block;}
#error a:hover{background: #E44027;}

#sitemap .title{margin-bottom: 50px;}
#sitemap .layout_info h3{font-size: 18px;font-weight: normal;margin: 0 0 20px;}
#sitemap .layout_info a{margin-bottom: 15px;}
#sitemap .layout_info a:hover{color: #E45826;}
#sitemap .layout_info .grid-a{margin-bottom: 20px;}
#sitemap .layout_info ul li:before{display: none;}
#sitemap .layout_info li{padding-left: 30px;}
#sitemap .layout_info li a{margin-bottom: 10px;}
#sitemap .layout_info .grid{margin: 0 -15px;}
#sitemap .layout_info .grid .grid-2{padding: 0 15px;margin-bottom: 20px;}

#privacy .title{margin-bottom: 50px;}
#privacy ol {list-style-position: outside;padding-left: 30px;margin: 20px 0;}
#privacy ol li{padding: 0;}
#privacy ol ol{list-style: none;}
#privacy h2 {font-size: 18px; font-weight: 600; }


#footer{background-color: #242730;width: 100%;padding: 60px 0 50px;color: #cccccc;}
#footer a{color: #cccccc;transition: .1s all linear; -moz-transition: .2s all linear; -webkit-transition: .2s all linear; -o-transition: .2s all linear;}
#footer a:hover{color: #ffffff;}
#footer .footer-con{display: flex;gap: 20px;}
#footer .fot_contact{font-size: 16px;}
#footer .fot_contact>div{display: grid;gap: 10px;width: 450px;}
#footer .fot_contact img{width: 120px;height: auto;margin-bottom: 26px;}
#footer .fot_contact svg{width: 18px;height: 18px;fill: #cccccc;vertical-align: middle;margin: 4px 6px 0 0;position: absolute;}
#footer .fot_contact a{padding-left: 30px;}
#footer .fot_contact .tel,#footer .fot_contact .email{float: left;}
#footer .fot_contact .email{margin-right: 33px;}
#footer .fot_prd .grid{min-width: 400px; display: grid;margin: 0;gap: 10px 50px;grid-template-columns: 55% 45%;}
#footer .fot_prd .grid:before{display: none;}
#footer .fot_prd .pro-type{color: #ffffff;font-size: 16px;margin: 0 0 20px;}
#footer .fot_prd .grid-2{width: 100%;margin-bottom: 8px;padding: 0;}
#footer .fot_prd .grid-2 a{font-size: 16px;}
#footer .fot_end{margin-top: 52px;}
#footer .fot_end .fot_info{font-size: 12px;}
#footer .fot_end .fot_info span,#footer .fot_end .fot_info a{margin-right: 30px;}
#footer .fot_end .fot_menu{font-size: 14px;}
#footer .fot_end .fot_menu a{margin-left: 38px;}

#footer .follow {width: 220px;}
#footer .follow ul{display: grid;grid-template-columns: repeat(4, 25%);margin: 0;}
#footer .follow ul li{padding: 0;margin: 0;}
#footer .follow ul li:before{display: none;}
#footer .follow ul li svg{width: 26px;height: 26px;fill: #cccccc;border: 1px solid #cccccc;padding: 4px;}
#footer .follow ul li:hover svg{fill: #ffffff;border: 1px solid #ffffff;}

#trp-floater-ls.trp-floater-ls-names{max-width: 326px !important; padding: 2px 4px 0 2px !important;}
#trp-floater-ls{border-radius: 0 !important; background-color: transparent !important;}
#trp-floater-ls:hover {box-shadow: none !important;}
#trp-floater-ls-current-language{max-width: 110px !important;}
#trp-floater-ls:hover #trp-floater-ls-current-language{display: block !important; position: absolute !important; bottom: 0 !important; width: auto !important; height: auto !important;}
#trp-floater-ls-current-language a{font-size: 14px !important; line-height: 150% !important; background-color: #E45826 !important; padding: 7px 17px 7px 46px !important; color: #ffffff !important; position: relative !important;}
#trp-floater-ls-current-language a:before{content: '' !important; position: absolute !important; width: 26px !important; height: 26px; left: 10px !important; background-image: url('/wp-content/themes/website/svg/diqiu.svg');background-size: 26px 26px !important;}
#trp-floater-ls-language-list {background: #fff !important; width: 320px !important; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important; padding: 20px 0 14px !important; margin-bottom: 40px !important;}
#trp-floater-ls-language-list:before,#trp-floater-ls-language-list:after{content: '' !important; clear: both !important; display: table !important;}
#trp-floater-ls-language-list a{float: left !important; width: 50% !important; color: #9b9b9b !important; font-size: 14px !important; line-height: 150% !important;padding: 6px 20px !important;}
#trp-floater-ls-language-list a:nth-child(odd){border-right: 1px solid #d8d8d8 !important;}
#trp-floater-ls-language-list a:hover{color: #E45826 !important;background-color: #fff !important;}
#trp-floater-ls-language-list .trp-ls-disabled-language{display: none !important;}

#trp-floater-ls.trp-color-light {background: none !important;box-shadow: none !important;border-radius: none !important;}
#trp-floater-ls { box-shadow: none !important;}



/*contact form-wpforms*/
#con-form div.wpforms-container-full{margin: 0;}
#con-form input{border-radius:0;-webkit-appearance: none;}
#con-form{width: 600px;}
#con-form label{text-align: left;display: block;font-size: 16px;color: #555555;line-height: 130%;font-weight: 400;}
#con-form .wpforms-field-container input{border: 1px solid #cccccc;background-color: #f6f6f6;height: 40px;padding: 12px 14px;font-size: 16px;color: #000000;line-height: 130%;margin-bottom: 0;}
#con-form .your-email{width: 48%;float: left;position: relative;clear: none;}
#con-form .your-phone{width: 48%;float: right;position: relative;clear: none;}
#con-form input[type="email"]{border-radius: 0;width: 100%;height: 40px;}
#con-form input[type="tel"]{padding: 12px 14px 12px 56px;}
#con-form textarea{border-radius:0;resize: none;width: 100%;height: 200px;background-color: #f6f6f6;border: 1px solid #cccccc;padding: 12px 14px;font-size: 16px;color: #000000;line-height: 22px;font-family: auto;}
#con-form .your-name,#con-form .your-email,#con-form .your-phone,#con-form .your-message{margin-bottom: 20px;padding: 0;}
#con-form .wpforms-uploader {padding: 10px;background: #f6f6f6; border: 1px dashed #979797;}
#con-form .wpforms-uploader:hover{background-color: #ffffff;border: 1px dashed #242730;}
#con-form button[type="submit"]{top: 10px;left: 0;position: absolute;border: none;max-height: 40px;background-color: #E45826;font-size: 16px;color: #FFFFFF;text-transform: uppercase; padding: 10px 24px;}
#con-form button[type="submit"]:hover{background: #E44027;-webkit-transition: all .2s;}
#con-form input:focus,#con-form textarea:focus{color: #000000;outline: none;background-color: #ffffff;border: 2px solid #242730;}
#con-form .wpforms-error{color: #E71F12;font-size: 14px;line-height: 130%;font-weight: 400;margin: 0;}
#wpforms-1340-field_4-error,#wpforms-1340-field_1-error,#wpforms-1340-field_5-error{position: absolute;}/*emial/phone/emial-tips*/
#con-form .mailcheck-suggestion{font-size: 14px;color: #000000;line-height: 130%;font-family: auto;}/*email-tips*/
#con-form input.wpforms-error{border: 2px solid #E71F12;}
#con-form .wpforms-confirmation-container-full{background: #f6f6f6;border: 2px dashed #242730;padding: 12px 20px;overflow: auto;margin-top: 30px;}
#con-form .wpforms-confirmation-container-full p{font-size: 18px;line-height: 130%;font-weight: 400;color: #222222;margin: 0;padding: 0;}
#con-form .wpforms-uploader .dz-message svg{display: none;}


/*progallery-NewProudctsPage*/
.progallery{position: relative;width: 800px;height: 500px !important;}
.progallery .pgcsimplygalleryblock-slider-content{padding: 0 !important;}
.progallery .pgcsimplygalleryblock-slider-collection{height: 500px !important;}
.progallery .pgcsimplygalleryblock-slider-slider-view{width: 800px !important;height: 500px !important;}
.progallery .pgcsimplygalleryblock-slider-main-wrap{padding: 0 !important;}
.progallery .pgcsimplygalleryblock-slider-item-wrap img{width: 800px !important;height: 500px !important;top: 0 !important;}
.progallery .pgcsimplygalleryblock-slider-thumbs-navi{position: absolute !important;bottom: 0;z-index: 100;width: 100%;height: 80px;background-color: rgba(255,255,255,0.4);margin: 0 !important;}
.progallery .pgc-rev-scroll-bar-thumb-item-inner{border: none !important;}
.progallery .pgc-rev-scroll-bar-slider-content-view{height: 67px !important;margin-top: 7px;width: 100% !important;}
.progallery .pgc-rev-scroll-bar-view{width: auto !important;}
.progallery .pgc-rev-scroll-bar-thumb-simple-border{width: 90px !important;height: 67px !important;float: left;position: unset;}
.progallery .pgc-rev-scroll-bar-thumb-simple-border .pgc-rev-scroll-bar-thumb-item-wrap img{margin: 0 !important;}
.pgcsimplygalleryblock-slider-collection .pgcsimplygalleryblock-slider-slider-view .pgcsimplygalleryblock-slider-next-prev-navi svg{fill: #ffffff !important;}
.wa{position: fixed;right: 60px;bottom: 60px;z-index: 1000000;border-radius: 50%;background-image: linear-gradient(180deg, #61FD7D 0%, #2BB826 100%);}
.wa .whatsapp{width: 65px;height: 65px;display: block;background-image: url(/wp-content/themes/website/svg/whatsapp.svg);background-size: 70%;background-position: center;background-repeat: no-repeat;}