body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure { margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px; line-height:1.5;color:#1b2227; }
h1 { font-size:22px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:16px; font-weight:normal; }
h6 { font-size:14px; font-weight:normal; }
body { background-color: #fff;}
li { list-style:none; }
a { color:#1b2227; text-decoration:none; }
a:focus { outline:none; }
a:hover{ color: #3da8c7;}
* { outline: 0; }
* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.layout,.top_bar,.sm_layout{ position:relative; width:1350px; margin:0 auto;}
.sm_layout{ width:1200px;}
.amp-carousel-button{ cursor:pointer;}
.entry{width:100%; padding:30px 0;}
img{max-width:100%;} 
@-webkit-keyframes shine {
  100% {left: 125%;}
}
@keyframes    shine {
  100% {left: 125%;}
}
button{ border:none; background:none;}
button:focus{outline:none;}
a{-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
/*------------------------------
                             head
							 ----------------------------------------------------*/ 
							 
.page_head{ position:relative; width:100%;background: #fff;}
.top_bar{ position:relative;display:flex;justify-content:center;align-items:center; text-align:center;flex-wrap:wrap; padding:38px 0; z-index:2;}
.logo {position:relative;animation:scale-up 1s .2s ease-out both; display:flex;align-items:center;}
.logo .img{width:100px; }
.logo strong{position:relative; text-transform:uppercase;font-size:53px; font-family:"MyriadProBoldIt" }
.lightbox_close {background: rgba(0,0,0,0.8); width: 100%; height: 100%;position: absolute; left:0; top:0}
.lightbox_close_btn{ position:absolute; right:15px; top:15px;color: #fff;border-radius:100%; width:50px; height:50px;  text-align:center;background: #9cbfe6; border:none;fill: #fff;box-shadow:0 0 20px rgba(0,0,0,.1); cursor:pointer;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.lightbox_close_btn:hover{background: #3da8c7;-moz-transform:rotate(-60deg); -webkit-transform:rotate(-60deg); -ms-transform:rotate(-60deg); -o-transform:rotate(-60deg); transform:rotate(-60deg);}
 
.search_wrap{ position:relative; width:800px;max-width:100%; height:100vh; margin:0 auto;background: #fff;display:flex;justify-content:center;align-items:center;}
.search_wrap form { position:relative; display:block; width:85%; height:80px; box-shadow:0 0 20px rgba(0,0,0,.1);border-radius:10px}
.search_wrap form .search_ipt{ position:absolute; left:0; top:0; width:100%; height:100%;padding:0 4%; border:none; background:none; font-size:22px;}
.search_wrap form .search_btn{ position:absolute; right:0; top:0; width:100px; height:100%; border:none; background: #9cbfe6;color: #fff;border-radius:0 10px 10px 0; font-size:24px;cursor: pointer;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.search_wrap form .search_btn:hover{ background: #3da8c7}

.search_ico{ position:absolute; left:0; top:50%;margin-top:-12px; border:none; background:none;cursor: pointer;}
.search_ico svg{ -moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.search_ico:hover svg{color: #3da8c7}
.head_nav{ position:relative; display:flex;justify-content:center;align-items:center; flex-wrap:wrap; background: #9cbfe6;  z-index:1;}
.head_nav li{ position:relative;}
.head_nav li a{position:relative; display:block;color: #fff; padding:7px 15px;font-family: 'GothamBold'; z-index:1;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease; }
.head_nav li ul{ position:absolute; background: #9cbfe6; width:230px; padding:15px 0;box-shadow:0 0 2px  rgba(0,0,0,.2);opacity:0; visibility:hidden;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.head_nav li:hover > ul{opacity:1; visibility:visible;}
.head_nav li.child >a:after{ position:absolute; right:20px;font-family: 'micon';content: "\e006"; font-size:15px}
.head_nav ul li.child >a:after{ right:10px;top:9px;content: "\e008"; font-size:12px;}
.head_nav > li > a{font-size:17px;text-transform:uppercase; padding:0 43px;line-height:54px;}
.head_nav  li:hover > a{color: #3da8c7; -moz-transform:translateX(3px);  -webkit-transform:translateX(3px); -o-transform:translateX(3px); -ms-transform:translateX(3px); transform:translateX(3px);}
.head_nav > li > ul{left:0; top:calc(100% + 1px);}
.head_nav > li > ul ul{left:calc(100% + 1px); top:-15px;}
.head_nav > li > ul li{margin:0}
.head_nav > li:before,.head_nav > li:after {content:"";position:absolute;width:0;height:100%;left:50%;top:0;z-index:0}
.head_nav > li:before {background: #fff;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.head_nav > li:after {background: #fff;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;} 
.head_nav > li:hover:before,.head_nav > li:hover:after,.head_nav > li.nav-current:before,.head_nav > li.nav-current:after {width:100%;left:0;}
.head_nav li.nav-current > a{color: #3da8c7;}
/*------------------------------
                             footer
							 ----------------------------------------------------*/
/* web_footer */
.web_footer{ position:relative; background:#1b2127;}
.web_footer,.web_footer a{ color:rgba(255,255,255,.8);}
.web_footer a:hover{color: #3da8c7;-moz-transform:translateX(2px);  -webkit-transform:translateX(2px); -o-transform:translateX(2px); -ms-transform:translateX(2px); transform:translateX(2px);}
.foot_items{ }
.foot_items:after{  }
.foot_item{position:relative; text-align:center; margin:0 0 7px;}
.index_title.sm{ padding:10px 0 }
.index_title.sm .title{color: #fff; font-size:22px; width:280px}
.index_title.sm .title:after {  background:rgba(255,255,255,.2); }
.foot_item ul li{ position:relative; display:inline-block; padding:7px 0; }
.foot_item.foot_item01 ul li{ margin:0 30px;}
.foot_item.foot_item01 ul li a{ font-size:15px; color: #fff;padding:10px 20px; }
.foot_item.foot_item01 ul li a:hover{color: #fff;}
.foot_item ul li a{position:relative; display:block; padding:10px 15px 0 18px; }
.foot_item ul li a:before{ content:""; position:absolute; left:0; top:14px;width: 0;height: 0;border-top:6px solid transparent;border-bottom:6px solid transparent; border-left:9px solid  #fff;opacity:.4;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.foot_item ul li a:hover:before{border-left-color: #fff;opacity:1;}
.web_bottom{ position:relative; border-top:2px solid rgba(255,255,255,.2); text-align:center; color: rgba(255,255,255,.5) ; padding:20px 0  ;margin-top
:45px;}
.scrollToTop{ position:fixed; right:25px; bottom:25px; width:55px; height:55px; border-radius:100%; background: #9cbfe6;color: #fff; cursor:pointer;    font-family: 'GothamBold'; font-size:16px; animation:btnUpDown 2.0s infinite ease-in-out;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;} 
.scrollToTop:hover{ background: #3da8c7;}
@-webkit-keyframes btnUpDown {
	0%{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
	50%{-webkit-transform: translateY(-8px);-ms-transform: translateY(-8px);-o-transform: translateY(-8px);transform: translateY(-8px);}
	100%{-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}

}
@keyframes    btnUpDown {
	0%{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;}
	50%{-webkit-transform: translateY(-8px);-ms-transform: translateY(-8px);-o-transform: translateY(-8px);transform: translateY(-8px);}
	100%{-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
}
 
/*------------------------------
                             public
							 ----------------------------------------------------*/
/*font*/
@font-face {font-family: 'micon';font-style: normal;font-weight: 400;src: url(webview/font/micon/micon.ttf) format('truetype');}
@font-face {font-family: 'RobotoRegular';font-style: normal;font-weight: 400;src: url(webview/font/Roboto/Roboto-Regular.ttf) format('truetype');}
@font-face {font-family: 'MyriadProBoldIt';font-style: normal;font-weight: 400;src: url(webview/font/MyriadPro/MyriadPro-BoldIt.ttf) format('truetype');}
@font-face {font-family: 'GothamBold';font-style: normal;font-weight: 400;src: url(webview/font/Gotham/Gotham-Bold.otf) format('OpenType');}
amp-img img { object-fit: contain; }
@keyframes    scale-up{0%{opacity:0;transform:scale(.9)}50%{opacity:1}to{transform:none}}
.lune-anim-scale-up{animation:scale-up 1s .2s ease-out both}
@keyframes    levitate{0%{transform:translate3d(0,-2px,0);}50%{transform:translate3d(0,2px,0);}100%{transform:translate3d(0,-2px,0);}}
@-webkit-keyframes tm-bounce { 0%, 100% {-webkit-transform:scale(.9);transform:scale(.9);}
50% {-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes    tm-bounce { 0%, 100% {-webkit-transform:scale(.9);transform:scale(.9);}
50% {-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes    a {0% {transform: translateY(-1vh) rotate(1turn);}50% {transform: translateY(1vh) rotate(1turn);}to {transform: translateY(-1vh) rotate(1turn);}}
@keyframes    b {0% { transform: translateY(1vh) rotate(1turn);}50% {transform: translateY(-1vh) rotate(1turn);} to {transform: translateY(1vh) rotate(1turn);}}
	  
.page_main { position:relative; width:100%; margin:0 auto; min-height:550px;background: #fff; overflow:hidden; padding:0 0 50px;}
 
 
.ampTabContainer {position:relative; display: flex; flex-wrap: wrap; margin-top:80px;}
.tabButton[selected] { outline: none; background:  #fff;z-index:1;  }
.tabButton[selected]:first-child{ border-left:none;}
.tabButton:before{ content:""; width:0; height:3px; background: #fff; position:absolute; right:0; bottom:-1px;-moz-transition-duration:.5s;-webkit-transition-duration:.5s; -o-transition-duration:.5s; -ms-transition-duration:.5s;transition-duration:.5s; }
.tabButton[selected]:before{ width:100%; left:0; right:auto;}
amp-selector [option][selected] { outline:none; }
.tabButton { position:relative;display:flex;align-items:center;  padding:13px  35px; text-align: center; cursor: pointer; font-size:18px; font-weight:bold; }
.tabButton svg{ margin-right:8px;}
.tabContent { display: none; width: 100%; order: 1; border-top:2px solid #E0E1E5; padding:20px 0; background: #fff;}
.tabButton[selected]+.tabContent { position:relative;display:flex;flex-wrap: wrap;justify-content:space-between;}
.tabContent{} 
.tabContent li{ position:relative; width:49%; border:1px solid #E0E1E5;border-radius:10px; padding:18px; margin:0 0 20px;-moz-transition-duration:.5s;-webkit-transition-duration:.5s; -o-transition-duration:.5s; -ms-transition-duration:.5s;transition-duration:.5s;} 
.tabContent li:hover{ background:#f8f8f8;}
.tabContent li .item_title{ font-size:16px; margin-bottom:8px;} 
.tabContent li .item_text{color:#666;} 
/*------------------------------------------------------index------------------------------------------------------------------*/

/*banner*/
.main-banner{ overflow:hidden;} 
.amp-carousel-button{ width:35px; height:60px; text-align:center; line-height:60px;color: #fff; font-size:30px; background: #9cbfe6;cursor:pointer; border:none;opacity:0; visibility:hidden;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.amp-carousel-button:focus {outline:none;} 
.amp-carousel-button:hover{ background: #3da8c7;}
.amp-carousel-button-prev{ left:-35px; background-image:none;}
.amp-carousel-button-next{ right:-35px; background-image:none;}
.main-banner:hover .amp-carousel-button-prev,.about_us:hover .amp-carousel-button-prev{ left:0;opacity:1; visibility:visible;}
.main-banner:hover .amp-carousel-button-next,.about_us:hover .amp-carousel-button-next{ right:0;opacity:1; visibility:visible;}
.amp-carousel-button-prev:after{font-family: 'micon'; content:"\e009";}
.amp-carousel-button-next:after{font-family: 'micon'; content:"\e008";}
.main-banner .wrap{  }
.main-banner .wrap .layout{ position:relative; display:flex;justify-content:space-between;align-items:center; flex-direction:row-reverse; height:100%;}
/*.main-banner .wrap.con_style01 .layout{flex-direction:row;}*/
.main-banner .image_album{position:relative;width:42%;left:80px;}
.main-banner .image_album li{ position:absolute; animation:a 20s ease-out infinite;}
.main-banner .image_album li:nth-child(2n){animation:b 20s ease-out infinite;}
.main-banner .image_album li:nth-child(1){ top:-30px; left:0;}
.main-banner .image_album li:nth-child(2){top:-70px;left:200px;}
.main-banner .image_album li:nth-child(3){top:-110px;left:400px;}
.main-banner .image_album li:nth-child(4){top:30px;left:300px;}
.main-banner .image_album li .img_wrap { position:relative; display:flex;justify-content:center;align-items:center; width:170px; height:170px;background: #fff;opacity:.9; overflow:hidden; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.main-banner .image_album li .img_wrap:hover{opacity:1;}
.main-banner .image_album li:nth-child(2n) .img_wrap{ width:120px; height:120px; }
.main-banner .wrap.con_style01 .image_album li .img_wrap{border-radius:100%;}
.main-banner .image_album li .img_wrap amp-img{-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); width:136px;}
.main-banner .image_album li:nth-child(2n) .img_wrap amp-img{width:100px;  }
.main-banner .image_album li .img_wrap img{ }
.main-banner .info{position:relative;width:52%;color: #fff;font-size:18px;left:-80px;}
.main-banner .info .title{position:relative;text-transform: uppercase;font-size:40px;font-family: "MyriadProBoldIt";color: #fff;}
.main-banner .info .text{position:relative; font-style:italic;margin:8px 0 37px;}
.main-banner .info .link{position:relative; font-style:italic; display:inline-block; padding:0 28px; line-height:58px; border-radius:5px; background: #9cbfe6;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.main-banner .info .link:hover{ background: #3da8c7;}
.main-banner .wrap .image_album,.main-banner .wrap .info{opacity:0; visibility:hidden;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;}
.main-banner .wrap[aria-hidden="false"] .image_album,.main-banner .wrap[aria-hidden="false"] .info{left:0;opacity:1; visibility:visible}
/*index_title*/
.index_title{ position:relative; text-align:center;}
.index_title .title{position:relative; display:inline-block;width:775px;max-width:100%;font-size:29px;font-family: "MyriadProBoldIt"; text-transform:uppercase; padding:13px 0;}
.index_title .title.lg{ font-size:35px;padding:10px 0;}
.index_title .title:after{ content:"";position:absolute; left:0; bottom:0; width:100%; height:2px; background: #9cbfe6;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;}
div:hover > .index_title .title:after{left:40%; width:20%;}
.index_title .title:before{content:"";position:absolute; left:50%; bottom:0; width:0; height:2px; background: #3da8c7;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;}
div:hover > .index_title .title:before{ left:0;width:100%;}
.index_title .more{ position:absolute; right:0; top:50%; margin-top:-15px; font-size:18px;}
 
.slide_btn_wrap{ position:absolute; right:0; bottom:12px;}
.slide_btn_wrap .amp-slide-button{ position:relative; display:inline-block; vertical-align:middle; cursor:pointer;width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid transparent; margin:0 11px;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.slide_btn_wrap .amp-slide-button-prev {border-right: 12px solid  #9cbfe6;}
.slide_btn_wrap .amp-slide-button-prev:hover{ border-right-color: #3da8c7;}
.slide_btn_wrap .amp-slide-button-next{border-left: 12px solid  #9cbfe6;}
.slide_btn_wrap .amp-slide-button-next:hover{ border-left-color: #3da8c7;}
/*index_choose_wrap*/
.index_choose_wrap{ position:relative; width:102%; margin:30px 0 30px -1%;}
.index_choose_items{position:relative;display:flex;flex-wrap:wrap; margin:55px 0 0;}
.index_choose_item{position:relative; width:41%; text-align:center; margin:20px 2%;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s; }
.index_choose_item:hover{-moz-transform:translateY(0);  -webkit-transform:translateY(0); -o-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(-8px);}
.index_choose_item .item_img{position:relative; display:inline-block;width:73px;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;} 
.index_choose_item:hover .item_img{-moz-transform:rotate3d(0,1,0,-180deg);-webkit-transform:rotate3d(0,1,0,-180deg); -o-transform:rotate3d(0,1,0,-180deg); -ms-transform:rotate3d(0,1,0,-180deg);transform:rotate3d(0,1,0,-180deg);}
.index_choose_item .item_text{ margin-top:15px;}
.index_choose_item .item_text,.index_choose_item .item_text a{position:relative;display:block; font-size:18px; text-transform:uppercase;}
/*carousel-parent product-cate*/ 
.carousel-parent.product-cate{padding-top:50px}
.product_items{ margin:38px 0 0;}
.product_item{position:relative;width:25%;  display:block; text-align:center;}
.product_items .product_item a{ padding:20px;}
.product_item a{position:relative; display:block; padding:10px 15px;}
.product_item .item_title{position:relative;color: #fff; font-size:18px; background: #9cbfe6; height:56px; line-height:56px; overflow:hidden; padding:0 10px;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.product_item:hover .item_title{color: #3da8c7;}
.product_item .item_img{ position:relative; display:block; overflow:hidden;border:2px solid #afb2b3;}
.product_item amp-img{-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;}
.product_item:hover .item_img amp-img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.product_item .item_img:before{ width:0; height:0; background:#000; content:""; position:absolute; left:0; top:0; z-index:1;opacity:.15;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;}
.product_item .item_img:after{width:0; height:0; background:#000; content:""; position:absolute; right:0; bottom:0; z-index:1;opacity:.15;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;}
.product_item:hover .item_img:before{ width:100%; height:100%; }
.product_item:hover .item_img:after{width:100%; height:100%; }

.product_item .item_more{ position:absolute; display:flex;align-items:center;justify-content:center; z-index:3;left:50%; top:60%; margin:-23px 0 0 -23px;width:46px; height:46px; background: #9cbfe6;color: #fff;border-radius:100%;opacity:0; visibility:0;-moz-transition-delay:.5s;-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay: .3s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s; -o-transition-duration:.5s; -ms-transition-duration:.5s;transition-duration:.5s;-moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.product_item:hover .item_more{opacity:1; visibility:visible; top:50%;}
.product_item .item_more svg{color: #fff;}
.product_item .item_more:hover{ background: #3da8c7;}
.product_item .item_text{width:100%;align-items:center;color: #fff;background: #9cbfe6; height:46px; padding:0 13px; text-align:left;overflow:hidden;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.product_item:hover .item_text{color: #3da8c7;}
.product_items .product_item .item_text{ height:46px;}
/*about_us*/
.about_us_margin{ padding:40px 0 20px;}
.about_us{position: relative;  overflow:hidden}
.about_us .about_wrap{position: relative;display: flex;justify-content: space-between;flex-wrap:wrap;align-items:flex-start;flex-direction: row-reverse; margin:62px 0 0;}
.about_us .about_wrap .about_img{ overflow:hidden;}
.about_us .about_wrap .about_img li{position: relative; }
.about_us .about_wrap .about_img li amp-img{}
.about_us .about_wrap .about_info{font-size:18px;}
.about_us .about_wrap .about_info .text{  line-height:2;margin:0 0 45px;}
.about_us .about_wrap .about_info .location{ position:relative;padding:0 0 0 40px;}
.about_us .about_wrap .about_info .location svg{ position:absolute; left:0; top:0;}
.web_more{position:relative;display:inline-block;font-family: 'GothamBold';font-size:18px;line-height:28px;padding:0 20px;border:2px solid #afb2b3;border-radius:10px;}
.carousel-parent.product-featured{ padding:80px 0 0;}
.web_more:hover{ background:#1b2227;   border-color:#1b2227;}
/*index_news*/
.index_news{}
.news_items{ margin:30px 0 0;}
.news_item{ position:relative; padding: 30px;}
.news_item .item_wrap{}
.news_item .item_wrap .item_title{}
.news_item .item_wrap .item_title,.news_item .item_wrap .item_title a{font-size: 24px;font-family: "MyriadProBoldIt"; text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;}
.news_item .item_wrap .item_text{ font-size:16px; line-height:2; margin:10px 0 30px;overflow: hidden;text-overflow: ellipsis;height: 100px;}
/*contact_us*/
.contact_us{position:relative; padding:45px 0 0;}
.contact_us_style{ padding-top:0;}
.contact_wrap{ position:relative;}
.contact_wrap .tip{ font-size:18px;color:#000; margin:40px 0 20px;}
.contact_wrap .tip label{ position:relative; display:inline-block;color: #3da8c7;font-size:18px;padding-right:10px;}
.contact_wrap .tip label svg{ margin-right:10px;-moz-transform:translateY(5px);  -webkit-transform:translateY(5px); -o-transform:translateY(5px); -ms-transform:translateY(5px); transform:translateY(5px);}
.contact_wrap .form_wrap{ min-height:450px;}

.contact_wrap .form_wrap fieldset {border: none;}
.contact_wrap .form_wrap fieldset label{display:block;margin:0 0 18px;}
.contact_wrap .form_wrap label span{ margin-bottom:14px;}
.contact_wrap .form_wrap input,.contact_wrap .form_wrap textarea{ position:relative;font-family: 'RobotoRegular';width:100%;height:42px; line-height:39px;font-size:14px;border: 1px solid #eee;background:  #fff; padding:0 10px;   border-left:3px solid #013e5a;}
.contact_wrap .form_wrap textarea{height:95px;}
.contact_wrap .form_wrap input[type=submit]{ color:  #fff; cursor: pointer;background:  #3da8c7;border:1px solid  #3da8c7;
-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s; }
.contact_wrap .form_wrap input[type=submit]:hover{color: #3da8c7; background:none;}
@font-face { font-weight: normal; font-style: normal; font-family: 'fontawesome'; src: url("../webview/font/Font-Awesome/fontawesome-webfont.eot"); src: url("../webview/font/Font-Awesome/fontawesome-webfont.eot#iefix") format("embedded-opentype"), url("../webview/font/Font-Awesome/fontawesome-webfont.woff2") format("woff2"), url("../webview/font/Font-Awesome/fontawesome-webfont.woff") format("woff"), url("../webview/font/Font-Awesome/fontawesome-webfont.ttf") format("truetype"); font-display: fallback; }

    .flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.contact_list{margin:20px 25px;}
.contact_list .contact_item{width:33.33%;padding:30px 10px;background-color:#f7f7f7;}
.contact_list .contact_item:nth-child(even){background-color:#ececec;}
.contact_list .contact_item:nth-child(even) i::before{background-color:#f7f7f7;}
.contact_item .item-icon{margin:10px auto;display:block;text-align:center;}
.contact_item .item-icon i{display:inline-block;}
.contact_item .item-icon i::before{display:block;color: #9386ce;font-size: 60px;background: #ececec;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;line-height: 105px;height: 105px;width: 105px;text-align: center;font-family: fontawesome;font-style:normal;}
.contact_item h3{text-align:center;font-size: 22px;color: #666;line-height: 1.5;}
.contact_item .item-content{font-size: 15px;padding:8px 0;line-height:1.8;margin:10px;text-align:center;color: #666;}

.fa-home::before{content: "\f015";}
.fi-mail::before {content: "\f003";}
.fi-telephone::before {content: "\f095";}
/*------------------------------------------------------product_list------------------------------------------------------------------*/
/*path_nav*/
.path_bar {position:relative; width:100%; margin:0 0 25px; padding:17px 0; border-bottom:1px dashed #E0E1E5;}

.path_bar .path_nav{position:relative; }
.path_bar .path_nav svg{ position:relative; display:inline-block; vertical-align:middle;margin-right:8px;}
.path_bar li{display:inline-block; vertical-align:middle; position:relative; }
.path_bar li,.path_bar li a{ font-size:16px;}
.path_bar li:after { content:"/"; margin:0  13px;}
.path_bar li:last-child:after { display:none;}
/*aside*/
.page_content{ position:relative; overflow:hidden;}
.page_left,.page_right,.page_middle{ position:relative; width:190px; float:left;}
.page_middle{position:relative; width:calc(100% - 414px);min-height:500px; margin:0 17px;}
.aside_bar{ position:relative; margin:0 0 15px;}
.aside_bar .title{ font-size:16px; margin:0 0 7px;}



.aside_bar .content{ border:1px solid #E0E1E5; padding:12px 10px 8px;}
.aside_bar .content li{ margin:0 0 6px; line-height:1.3; position:relative;}
.aside_bar .content li a{ font-size:12px;}
.aside_bar .content ul{ position:absolute; left:108%; top:-12px; width:270px;background: #fff; z-index:999; border:1px solid #E0E1E5; padding:12px 10px 8px;opacity:0; visibility:hidden;-moz-transition-duration:.5s;-webkit-transition-duration:.5s; -o-transition-duration:.5s; -ms-transition-duration:.5s;transition-duration:.5s;}
.aside_bar .content li:hover >ul{opacity:1; visibility:visible;left:calc(100% + 10px);}
/*product_list*/
.product_list { position:relative;}
.product_list_items{position:relative;} 
.product_list_item{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding:40px 22px; border-bottom:1px solid #E0E1E5; background:#f9f9f9;}
.product_list_item:nth-child(2n){ background: #fff;} 
.product_list_item  .item_img{ position:relative; display:block;width:220px; overflow:hidden; padding:6px; border:1px solid #E0E1E5;border-radius:5px; overflow:hidden; background: #fff;}
.product_list_item  .item_img amp-img{border-radius:5px;-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;}
.product_list_item:hover .item_img amp-img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.product_list_item .item_info{position:relative; display:block;width:calc(100% - 245px); font-size:16px;}
.product_list_item .item_info .item_title{ position:relative; font-weight:normal;} 
.product_list_item .item_info .item_title,.product_list_item .item_info .item_title a{  font-size:28px;}
.product_list_item .item_info .item_time{ position:relative; display:block; padding:5px 0 10px;}
.product_list_item .item_info .item_text{} 
.product_list_item .item_info .item_more{ text-align:right; margin-top:20px;}
.product_list_item .item_info .item_more a{position:relative; display:inline-block;font-size:16px; text-transform:uppercase;color: #3da8c7; padding:3px 13px;}
.product_list_item .item_info .item_more a:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background: #3da8c7;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.product_list_item .item_info .item_more a:before{content:""; position:absolute; left:50%; bottom:0; width:0; height:2px; background:#1b2227;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.product_list_item .item_info .item_more a:hover{color:#1b2227;}
.product_list_item .item_info .item_more a:hover:after{left:30%; width:40%;}
.product_list_item .item_info .item_more a:hover:before{left:0; width:100%;}
.page_bar{ position:relative; margin:45px 0 0;}
.pages { position:relative; text-align:center; }
.pages a, .pages span { position:relative; display:inline-block; vertical-align:top; border:1px solid #cfcfcf; line-height:32px; min-width:26px; padding:0 12px; margin:0 0 0 5px; border-radius:3px; font-size:16px;  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe', endColorStr='#ececec', gradientType='0');
background: -moz-linear-gradient(top, #fefefe, #ececec); background: -o-linear-gradient(top, #fefefe, #ececec); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#ececec)); }
.pages a.current, .pages a:hover { background: #9cbfe6; color: #fff; border-color: #9cbfe6; } 
.pagination .active span{ background: #9cbfe6; color: #fff; border-color: #9cbfe6; }
.pages span{
	}
/*pd_items_wrap*/
.product_cate_list{position:relative;padding:10px 20px;}
.pd_items_wrap{ display:flex;flex-wrap:wrap; padding:30px 0; width:102%; margin-left:-1%;}
.pd_items_wrap .pd_left{ position:relative; width:42%;}
.pd_items_wrap .pd_left .product_item{width:100%;}
.pd_items_wrap .pd_right{position:relative;display:flex;flex-wrap:wrap; width:100%;}
.pd_items_wrap .pd_right .product_item{width:25%}
.pd_items_wrap .pd_left .product_item .item_title{ height:60px; line-height:60px; text-transform:uppercase; font-size:20px; font-style:italic;}
.pd_items{ position:relative;display:flex;flex-wrap:wrap; }
.page_info{ position:relative; line-height:1.8; padding:10px 0 30px;}
.page_info .title{ font-size:22px; padding:0 0 10px;}
.page_info .text{ font-size:15px;}

.page_info.lg .title{ font-size:32px; font-weight:normal;}
.page_info.lg .time{ font-size:16px;}
.page_info.lg .time em{ font-style:normal;color: #3da8c7;}
.page_info.lg .text{ padding:20px 0;}

 
article a{color: #3da8c7;}
article p{margin:0;padding:8px 0;line-height:1.8;}
article table{position:relative;border-collapse:collapse;border-spacing:0;width:100%;border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px;}
article th, article td{height:30px;border:1px solid #ccc;text-align:left;line-height:1.5;color:#666;background:#fbfbfb;padding:0 15px;}
article th{background:#eee;}
article td p, article th p, .pd-panel article td p, .pd-panel article th p{margin:0;padding:5px;color:#666;line-height:1.3;}
article .button{margin:15px 10px 0 0;background:#dfdfdf;padding:8px 15px;border:0;cursor:pointer;line-height:1.2;color:#777;font-weight:bold;text-transform:Capitalize;}
article .button:hover{background: #3da8c7;color: #fff;}
article img.alignleft{float:left;margin:20px 15px 0 0;}
article img.alignright{float:right;margin:20px 0 0 15px;}
article img.alignleftnopad{float:left;margin-left:0;}
article img.alignrightnopad{float:right;margin-right:0;}
article img.aligncenter{text-align:center;display:block;margin:20px auto 0 auto;}
article img{max-width:100%;} 
  
/*------------------------------------------------------product------------------------------------------------------------------*/
.product_detail{ position:relative; line-height:1.8;}
.product_detail article{ padding-top:60px;}
.product_detail .article_footer{ position:relative; padding:15px 0; margin-top:50px; border-top:1px solid #eee;border-bottom:1px solid #eee;}
.product_detail .article_footer p a{color: #3da8c7;}

.product_head {border-bottom:40px solid #bf4c13; padding:0;}
.product_head .top_bar{ overflow:visible;}
.product_head .top_bar:before{ content:""; display:block; clear:both; height:1px; width:calc(100% + 110px); position:absolute; left:-55px; bottom:0; background:#E0E1E5;}
.product_head .top_bar:after{ content:""; display:block; clear:both; height:0; visibility:hidden;}
 

.product_main{ background:#f6f7fb; padding:20px 0 60px;}
.product_intro{ position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;background: #fff; padding:0 0 20px; }
.product_view{ position:relative;width:38%;}  
.product_intro amp-img{ border:1px solid #eee;} 
.product_intro [option][selected] amp-img{border-color: #3da8c7} 
.product_image_sm{ padding:15px 30px 15px 0;}
.product_image_wrap_sm{ position:relative;}
.product_intro .amp-slide-button { position:absolute; top:50%; margin-top:-20px;cursor:pointer;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.product_intro .amp-slide-button:hover svg{color: #3da8c7;}
.product_intro .amp-slide-button.amp-slide-button-prev{ left:-50px;}
.product_intro .amp-slide-button.amp-slide-button-next{ right:-20px;}
.product_view .amp-slide-button.amp-slide-button-prev{ left:-50px;}
.product_view .amp-slide-button.amp-slide-button-next{ right:-50px;}
.product_intro .amp-slide-button svg{color:#999;}
.product_view .amp-slide-button{ display:none;}
 
.product_summary{width:58%; padding-right:10%}
.product_summary .product_meta_title{ font-size:26px; font-weight:normal; text-decoration:underline;}
.product_summary  .text{ color:#555; padding:25px 0; font-size:16px; line-height:1.8; }
.contact_us_btn{ position:relative;text-align:center;display:flex;align-items:center;justify-content:center; margin:10px 0 35px;}
.contact_us_btn a{ position:relative; display:flex;width:198px; height:33px; border:1px solid  #3da8c7;align-items:center;justify-content:center; background: #3da8c7;border-radius:9px; color: #fff; text-transform:uppercase; font-size:15px;-moz-transition-duration:.3s;-webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s;transition-duration:.3s;}
.contact_us_btn a:hover{ color: #3da8c7; background:none;}
.contact_us_btn a svg{ margin-right:8px;} 
.single_content{ position:relative; overflow:hidden; margin:20px 0;}
.single_left{ position:relative; width:calc(100% - 317px); float:left; }
.single_right{ position:relative; width:300px; float:right;}
.aside_product{position:relative;background: #fff; border:1px solid #eee; padding:30px ;}
.aside_product .title{ }
.aside_product .title,.aside_product .title a{font-size:18px;}
.aside_product ul{}
.aside_product_item{display:flex;flex-wrap:wrap;justify-content:space-between; margin:20px 0 0;}
.aside_product_item .item_img{ width:100px; border:1px solid #eee; display:block; overflow:hidden;}
.aside_product_item .item_img amp-img{-moz-transition-duration:.8s;-webkit-transition-duration:.8s; -o-transition-duration:.8s; -ms-transition-duration:.8s;transition-duration:.8s;}
.aside_product_item:hover .item_img amp-img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.aside_product_item .item_title{ width:calc(100% - 110px);}
.aside_product_item .item_title,.aside_product_item .item_title a{ font-weight:normal; font-size:14px;}

.single_product{position:relative;background: #fff; border:1px solid #eee; margin-top:20px; padding:25px 28px;}
.single_product h1.title,.single_product h1.title a{ font-size:18px;}
.single_product ul{display:flex;flex-wrap:wrap;}
.single_product .product_item{width:20%; padding:10px;}
.single_product .product_item .item_img{padding:18px;}
.single_product .product_item .item_title,.single_product .product_item .item_title a{ font-weight:normal; font-size:14px; text-align:left;}

.hot_search{position:relative;background: #fff; border:1px solid #eee; margin-top:20px; padding:28px;}
.hot_search .h1.title{}
.hot_search h1.title,.hot_search h1.title a{ font-size:18px;}
.hot_search ul{ position:relative; font-size:0; margin:10px 0 0;}
.hot_search ul li{ position:relative; display:inline-block; vertical-align:top; width:33.33333%; font-size:14px; padding:3px 20px 3px 0;}
.hot_search ul li,.hot_search ul li a{ color:#888;}
.hot_search ul li:hover, .hot_search ul li:hover a{ color: #3da8c7}
.news_article{position: relative; background:  #fff; border: 1px solid #eee; margin-top: 20px;padding: 25px 28px;}
.news_article h1.title{font-size: 18px;border-bottom: 1px dashed #ddd;padding: 0 0 18px;}

/*mobile*/
.mob_btn_wrap{ display:none;}
.mob_btn { position:relative; display:inline-block; vertical-align:middle; font-size:16px; padding:0 18px;font-family: 'GothamBold';}
.mob_btn svg{width:24px; height:24px;}
.mob_side_content {width:50%; background: #fff; padding:30px 2%; }
.mob_nav {font-family: 'GothamBold'; }
.mob_nav ul li {  padding:10px 0} 
.mob_nav ul li a{ position:relative;font-size:18px;}
.mob_nav ul li a:before{font-family: 'micon';content: "\e008"; padding:0 6px 0 0;}
.mob_nav ul ul li { font-weight:normal; padding:5px 10px;}  
.mob_language .language-flag{padding:7px 0; }
.mob_language .language-flag span{font-size:16px;}
/*language*/
.change-language{ position:absolute; right:0; top:50%; margin-top:-10px; text-align:left }
.change-language .change-language-title{ position:relative;    }
.change-language .change-language-title .language-flag span{ font-size:16px;font-family: 'GothamBold';}
.change-language .change-language-title:after{ content:""; position:absolute; right:-15px; top:9px;width: 0;height: 0;border-left:5px solid transparent;border-right:5px solid transparent; border-top:6px solid #1b2227}
.change-language .change-language-cont{position:absolute;top:100%;right:0;width:360px;background: #fff;padding:20px 10px 20px 20px;opacity:0;visibility:hidden;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;border:1px solid #ccc;border-radius:5px;overflow-y:scroll;max-height:80vh;}
.change-language:hover .change-language-cont{opacity:1;visibility:visible;}
.change-language .change-language-cont li{display:inline-block;vertical-align:top;width:30%;margin:0 0 10px;font-size:10pt;overflow:hidden;padding:0 10px 0 0;}
.language-flag span{position:relative;display:inline-block;vertical-align:top;white-space:nowrap;padding:0 0 0 33px;overflow:hidden;}
.change-language ::-webkit-scrollbar{width:5px;}
.change-language ::-webkit-scrollbar-track{background-color: #fff;}
.change-language ::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:3px;}
.change-language .language-cont:hover::-webkit-scrollbar-thumb{display:block}
.language-flag .country-flag{
	position:absolute;left:0;top:50%;display:inline-block;vertical-align:top;
background-repeat:no-repeat;background-image:url(../demosite.globalso.com/webview/image/all-m.gif);width:22px;height:16px;margin:-8px 5px 0;}
li.language-flag a{position:relative;}
.language-flag-af .country-flag{background-position:0 0 ;}
.language-flag-sq .country-flag{background-position:0 -16px ;}
.language-flag-ar .country-flag{background-position:0 -32px ;}
.language-flag-hy .country-flag{background-position:0 -48px ;}
.language-flag-az .country-flag{background-position:0 -64px ;}
.language-flag-eu .country-flag{background-position:0 -80px ;}
.language-flag-be .country-flag{background-position:0 -96px ;}
.language-flag-bg .country-flag{background-position:0 -112px ;}
.language-flag-ca .country-flag{background-position:0 -128px ;}
.language-flag-zh .country-flag{background-position:0 -144px ;}
.language-flag-zh-TW .country-flag{background-position:0 -160px ;}
.language-flag-hr .country-flag{background-position:0 -176px ;}
.language-flag-cs .country-flag{background-position:0 -192px ;}
.language-flag-da .country-flag{background-position:0 -208px ;}
.language-flag-nl .country-flag{background-position:0 -240px ;}
.language-flag-en .country-flag{background-position:0 -256px ;}
.language-flag-et .country-flag{background-position:0 -272px ;}
.language-flag-tl .country-flag{background-position:0 -288px ;}
.language-flag-fi .country-flag{background-position:0 -304px ;}
.language-flag-fr .country-flag{background-position:0 -320px ;}
.language-flag-gl .country-flag{background-position:0 -336px ;}
.language-flag-ka .country-flag{background-position:0 -352px ;}
.language-flag-de .country-flag{background-position:0 -368px ;}
.language-flag-el .country-flag{background-position:0 -384px ;}
.language-flag-ht .country-flag{background-position:0 -400px ;}
.language-flag-iw .country-flag{background-position:0 -416px ;}
.language-flag-hi .country-flag, .language-flag-te .country-flag, .language-flag-kn .country-flag, .language-flag-ta .country-flag, .language-flag-gu .country-flag{background-position:0 -432px ;}
.language-flag-hu .country-flag{background-position:0 -448px ;}
.language-flag-is .country-flag{background-position:0 -464px ;}
.language-flag-id .country-flag{background-position:0 -480px ;}
.language-flag-ga .country-flag{background-position:0 -496px ;}
.language-flag-it .country-flag{background-position:0 -512px ;}
.language-flag-ja .country-flag{background-position:0 -528px ;}
.language-flag-ko .country-flag{background-position:0 -544px ;}
.language-flag-la .country-flag{background-position:0 -560px ;}
.language-flag-lv .country-flag{background-position:0 -576px ;}
.language-flag-lt .country-flag{background-position:0 -592px ;}
.language-flag-mk .country-flag{background-position:0 -608px ;}
.language-flag-ms .country-flag{background-position:0 -624px ;}
.language-flag-mt .country-flag{background-position:0 -640px ;}
.language-flag-no .country-flag{background-position:0 -656px ;}
.language-flag-fa .country-flag{background-position:0 -672px ;}
.language-flag-pl .country-flag{background-position:0 -688px ;}
.language-flag-pt .country-flag{background-position:0 -704px ;}
.language-flag-ro .country-flag{background-position:0 -720px ;}
.language-flag-ru .country-flag{background-position:0 -736px ;}
.language-flag-sr .country-flag{background-position:0 -752px ;}
.language-flag-sk .country-flag{background-position:0 -768px ;}
.language-flag-sl .country-flag{background-position:0 -784px ;}
.language-flag-es .country-flag{background-position:0 -800px ;}
.language-flag-sw .country-flag{background-position:0 -816px ;}
.language-flag-sv .country-flag{background-position:0 -832px ;}
.language-flag-th .country-flag{background-position:0 -848px ;}
.language-flag-tr .country-flag{background-position:0 -864px ;}
.language-flag-uk .country-flag{background-position:0 -880px ;}
.language-flag-ur .country-flag{background-position:0 -896px ;}
.language-flag-vi .country-flag{background-position:0 -912px ;}
.language-flag-cy .country-flag{background-position:0 -928px ;}
.language-flag-yi .country-flag{background-position:0 -944px ;}
.language-flag-bn .country-flag{background-position:0 -960px ;}
.language-flag-eo .country-flag{background-position:0 -976px ;}
.language-flag.language-flag-custom-afghanistan .country-flag{background-position:0 -992px ;}
.language-flag.language-flag-custom-albania .country-flag{background-position:0 -1008px ;}
.language-flag.language-flag-custom-algeria .country-flag{background-position:0 -1024px ;}
.language-flag.language-flag-custom-argentina .country-flag{background-position:0 -1040px ;}
.language-flag.language-flag-custom-australia .country-flag{background-position:0 -1056px ;}
.language-flag.language-flag-custom-austria .country-flag{background-position:0 -1072px ;}
.language-flag.language-flag-custom-belgium .country-flag{background-position:0 -1088px ;}
.language-flag.language-flag-custom-brazil .country-flag{background-position:0 -1104px ;}
.language-flag.language-flag-custom-canada .country-flag{background-position:0 -1120px ;}
.language-flag.language-flag-custom-chile .country-flag{background-position:0 -1136px ;}
.language-flag.language-flag-custom-cote-d-ivoire .country-flag{background-position:0 -1152px ;}
.language-flag.language-flag-custom-ecuador .country-flag{background-position:0 -1168px ;}
.language-flag.language-flag-custom-egypt .country-flag{background-position:0 -1184px ;}
.language-flag.language-flag-custom-england .country-flag{background-position:0 -1200px ;}
.language-flag.language-flag-custom-luxembourg .country-flag{background-position:0 -1216px ;}
.language-flag.language-flag-custom-malaysia .country-flag{background-position:0 -1232px ;}
.language-flag.language-flag-custom-mexico .country-flag{background-position:0 -1248px ;}
.language-flag.language-flag-custom-new-zealand .country-flag{background-position:0 -1264px ;}
.language-flag.language-flag-custom-oman .country-flag{background-position:0 -1280px ;}
.language-flag.language-flag-custom-qatar .country-flag{background-position:0 -1296px ;}
.language-flag.language-flag-custom-saudi-arabia .country-flag{background-position:0 -1312px ;}
.language-flag.language-flag-custom-singapore .country-flag{background-position:0 -1328px ;}
.language-flag.language-flag-custom-south-africa .country-flag{background-position:0 0 ;}
.language-flag.language-flag-custom-switzerland .country-flag{background-position:0 -1344px ;}
.language-flag.language-flag-custom-syria .country-flag{background-position:0 -1360px ;}
.language-flag.language-flag-custom-united-arab-emirates .country-flag{background-position:0 -1376px ;}
.language-flag.language-flag-custom-united-states-of-america .country-flag{background-position:0 -1392px ;}
.language-flag-hy .country-flag{background-position:0 -1408px;}
.language-flag-bs .country-flag{background-position:0 -1424px;}
.language-flag-ceb .country-flag{background-position:0 -1440px;}
.language-flag-ny .country-flag{background-position:0 -1456px;}
.language-flag-ha .country-flag{background-position:0 -1472px;}
.language-flag-hmn .country-flag{background-position:0 -1488px;}
.language-flag-ig .country-flag{background-position:0 -1504px;}
.language-flag-jw .country-flag{background-position:0 -1520px;}
.language-flag-kk .country-flag{background-position:0 -1536px;}
.language-flag-km .country-flag{background-position:0 -1552px;}
.language-flag-lo .country-flag{background-position:0 -1568px;}
.language-flag-la .country-flag{background-position:0 -1584px;}
.language-flag-mg .country-flag{background-position:0 -1600px;}
.language-flag-ml .country-flag{background-position:0 -1616px;}
.language-flag-mi .country-flag{background-position:0 -1632px;}
.language-flag-mr .country-flag{background-position:0 -1648px;}
.language-flag-mn .country-flag{background-position:0 -1664px;}
.language-flag-my .country-flag{background-position:0 -1680px;}
.language-flag-ne .country-flag{background-position:0 -1696px;}
.language-flag-pa .country-flag{background-position:0 -1712px;}
.language-flag-st .country-flag{background-position:0 -1728px;}
.language-flag-si .country-flag{background-position:0 -1744px;}
.language-flag-so .country-flag{background-position:0 -1760px;}
.language-flag-su .country-flag{background-position:0 -1776px;}
.language-flag-tg .country-flag{background-position:0 -1792px;}
.language-flag-uz .country-flag{background-position:0 -1808px;}
.language-flag-yo .country-flag{background-position:0 -1824px;}
.language-flag-zu .country-flag{background-position:0 -1840px;}


@media    only screen and (max-width: 1680px) {
}
@media    only screen and (max-width: 1440px) {
.layout, .top_bar{ width:1200px}
 
.single_right{ width:280px;}
.aside_product{ padding:20px;}
.single_left{    width: calc(100% - 297px);} 
}

 
 
@media    only screen and (max-width: 1280px) {
.layout, .top_bar,.sm_layout{ width:98%;}
.top_bar{justify-content:space-between; padding:15px 0}
.mob_btn_wrap{ display:block;}
.page_head{ padding:1px ;}
.head_nav,.search_ico,.change-language{ display:none;} 
.logo strong{ font-size:38px;}
.logo .img{ width:80px} 
.main-banner .wrap .layout{flex-direction:row}
.main-banner .image_album{ display:none;}
.main-banner .info{ width:60%}
.product_item{ width:33.333%}
.product_item .item_text{ line-height:1.2;} 
 

.page_left, .page_right, .page_middle{ width:100%; float:none; margin:0 0 15px;}
.aside_bar .content ul{ position:relative; width:100%; left:auto; top:auto; opacity:1; visibility:visible; border:none; padding:0;}
.aside_bar .content li a{ font-size:14px; font-weight:bold;}
.aside_bar .content li li a{ font-size:13px;}
.aside_bar .content li li li a{ font-size:12px; font-weight:normal;}
.aside_bar .content  li{ display:inline-block; vertical-align:top; margin:3px 5px;}

.product_view{ margin:0 auto 20px; width:45%;border: 1px solid #eee;}
.product_view .amp-slide-button{ display:block;}
.product_intro amp-img{ border:none;}
.product_image_wrap_sm{ display:none;}
.product_summary{ width:100%; padding-right:0;}  
.single_left,.single_right{ float:none; width:100%;}
.single_product .product_item .item_img{ padding:0;}
.aside_product ul{ display:flex;flex-wrap:wrap;}
.aside_product_item{ width:20%; display:block;padding: 10px;}
.aside_product_item .item_img,.aside_product_item .item_title{ width:100%;}
.aside_product_item .item_title{}
}
@media    only screen and (max-width: 1080px) {
.main-banner .info .title{ font-size:45px;}
.main-banner .info{ width:100%}
.pd_items_wrap .pd_right .product_item{ width:50%;}
.product_view{ width:55%;}
}
@media    only screen and (max-width: 768px) {
body{padding-top:50px;}
.top_bar{ position:fixed; background: #ff; left:0; top:0; width:100%; padding:15px 8px; height:auto;box-shadow:0 0 8px rgba(0,0,0,.2); z-index:99}
.mob_side_content{ width:75%}
.mob_btn{ padding:0 12px;}
.mob_btn svg{ width:22px; height:22px;}
.logo strong{ font-size:32px;}
.logo .img{ width:75px}  
.main-banner .info .title{ font-size:30px;}
.index_choose_item{width: 46%;margin: 20px 2%;}
.about_us .about_wrap .about_info,.about_us .about_wrap .about_img{ width:100%}
.about_us .about_wrap .about_info{ margin:30px 0 0; text-align:center}
.pd_items_wrap .pd_right{ width:100%;}
.pd_items_wrap .pd_right .product_item{ width:33.33333%;}
.product_view{ width:90%;}
.product_view .amp-slide-button.amp-slide-button-prev{ left:-40px;}
.product_view .amp-slide-button.amp-slide-button-next{ right:-40px;}
}
@media    only screen and (max-width: 600px) {
.mob_btn{ padding:0 8px; font-size:14px;}
.mob_btn svg{ width:20px; height:20px;}
.logo strong{ font-size:28px;}
.logo .img{ width:60px} 
.main-banner .info{ text-align:center;}
.main-banner .info .title{ margin:0 0 35px;}
.main-banner .info .text{ display:none;}
.index_title{  }
.slide_btn_wrap,.index_title .more{ right:50%; margin-right:-50px; bottom:-35px}
.index_title .more{ top:auto; }
.product_list_item .item_info{ width:100%; margin-top:25px;}
.product_item{ width:50%}
.tabContent li{ width:100%}
}
@media    only screen and (max-width: 480px) {
.top_bar{ padding:12px 8px;}
.logo strong{ display:none;} 
.search_wrap form { width:90%; height:60px;}
.search_wrap form .search_ipt{font-size: 18px;}
.search_wrap form .search_btn{ width:50px;font-size: 20px;}
.product_item,.pd_items_wrap .pd_right .product_item{ width:50%}
.pd_items_wrap .pd_left{ width:100%;} 

 

.aside_product,.single_product{ padding:20px 0;}
.aside_product .title,.single_product .title{ padding:0 10px;}
.single_product .product_item,.aside_product_item{ width:50%;}

}
@media    only screen and (max-width:414px) {
.index_choose_item,.product_item,.pd_items_wrap .pd_right .product_item,.product_item{ width:100%}
.news_item{ padding:30px 20px }
}
@media    only screen and (max-width: 320px) {
.product_item,.single_product .product_item,.aside_product_item{ width:100%}
 
}
.pagination{
	display: flex;
	justify-content: center;
}
.ch_form_wrap {
        display: flex;
        flex-wrap: wrap;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 2px 16px rgba(0,0,0,0.08);
        padding: 32px 24px;
        margin-top: 24px;
        gap: 32px;
    }
    .inquiry_left {
        flex: 1 1 220px;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        min-width: 180px;
    }
    .inquiry_title {
        font-size: 2rem;
        font-weight: 700;
        color: #1a2a3a;
        margin-bottom: 12px;
        letter-spacing: 1px;
    }
    .inquiry_title span {
        color: #007bff;
        margin-left: 6px;
    }
    .inquiry_right {
        flex: 2 1 340px;
        min-width: 260px;
    }
    .ch_form {
        width: 100%;
    }
    .ch_form ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .ch_form .item {
        margin-bottom: 18px;
        display: flex;
        flex-direction: column;
    }
    .ch_form label {
        font-weight: 500;
        margin-bottom: 6px;
        color: #333;
        font-size: 1rem;
    }
    .ch_form input[type="text"],
    .ch_form textarea {
        border: 1px solid #d1d5db;
        border-radius: 5px;
        padding: 10px 12px;
        font-size: 1rem;
        transition: border-color 0.2s;
        background: #fafbfc;
        color: #222;
        width: 100%;
        box-sizing: border-box;
    }
    .ch_form input[type="text"]:focus,
    .ch_form textarea:focus {
        border-color: #007bff;
        outline: none;
        background: #fff;
    }
    .ch_form textarea {
        min-height: 90px;
        resize: vertical;
    }
    .ch_form .Validform_checktip {
        color: #e74c3c;
        font-size: 0.95em;
        margin-top: 2px;
        min-height: 18px;
    }
    .ch_form .item_submit {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 10px;
    }
    .ch_form .submit_btn {
        background: #007bff;
        color: #fff;
        border: none;
        border-radius: 5px;
        padding: 12px 32px;
        font-size: 1.1rem;
        font-weight: 600;
        cursor: pointer;
        transition: background 0.2s;
        margin-top: 8px;
    }
    .ch_form .submit_btn:hover {
        background: #0056b3;
    }
    @media (max-width: 700px) {
        .ch_form_wrap {
            flex-direction: column;
            padding: 18px 8px;
            gap: 18px;
        }
        .inquiry_left, .inquiry_right {
            min-width: 0;
            width: 100%;
        }
        .inquiry_title {
            font-size: 1.3rem;
        }
    }