@charset "utf-8"; html {font-size:625%;} body {font-size:14px;background:#FFF;} 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;} body, html, input, button, textarea {color:#002140;font-family:Arial, Helvetica, sans-serif;line-height:1.5} body{background-color: #f4f4f4;} article, aside, figcaption, figure, footer, header, main, nav, section {display:block;} h1 {font-size:20px;} h2 {font-size:18px;} h3 {font-size:16px;} h4, h5 {font-size:14px;} img {border:none;vertical-align:middle;max-width:100%;} li {list-style:none;} i, em {font-style:normal;} a {color:#002140;text-decoration:none;} a:focus {outline:none;} a:hover {color:#75c0c7;text-decoration:none;} input[type="text"]:focus {outline:none;} input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;} input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;} hr {height:1px;border:none;border-top:1px dashed #c1c1c1;margin:15px 0 15px 0;} a:active, select, input, textarea {-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;outline:0!important;} * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;outline: 0;} /* clear floating */ .clearfix:after,.layout:after,.sys_row:after, .web_main:after,.page_main:after, .nav_wrap .head_nav:after,.items_list ul:after,.product_items:after,.cate_items ul:after,.web_head .logo:after,.product-intro:after,.detail-tabs:after,.foot_items:after,.foot_item .news_cell:after, .top_contacts:after, .index_recommend .recommend_items:after{content:"";display:block;clear:both;visibility:hidden;height:0;} .clearfix,.layout,.sys_row, .web_main,.page_main, .nav_wrap .head_nav,.items_list ul,.product_items,.cate_items ul,.web_head .logo,.product-intro,.detail-tabs,.foot_items,.foot_item .news_cell, .top_contacts, .index_recommend .recommend_items{*zoom:1;} .clear {clear:both;} /* layout */ body {width:100%;position:absolute;left:0;top:0;min-width: 1560px;} .z9999 {z-index:9999!important;} .layout {width: 1200px;margin:0 auto;position:relative;} .index_main .layout,.foot_follow .layout{width: 1400px;} .web_footer .layout{width:1560px;max-width: 95%;} .hide{display: none;} /*gotop*/ .gotop {position:fixed;text-align:center;right:50px;bottom:50px;color:#fff;background-color: #5ba395;text-align: center;height:45px;width:45px;border-radius:3px;border: 3px solid rgba(204,204,204,.3);background-clip: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;z-index:99999;cursor:pointer;font-size:20px;opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;-moz-transform:translateY(100%);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);} .gotop:hover,.gotop.active:hover {-moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);color: #fff;} .gotop.active{opacity: 1;visibility: visible;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;transform:none;} .gotop em{display: none;} .gotop:before{content: "\f106";display: inline-block;font: 28px/45px 'FontAwesome';} /* transition */ .head_nav li a,.nav_wrap .head_nav li li a,.nav_wrap .head_nav li ul,.nav_wrap .head_nav li li>a:before,.head_nav b:after,.web_head .btn--search,.web_head .btn--search:before,.product_item figure, .gotop, .product-item .item-img img,.product_item .item_img img,.product_item .item_img a,.product_item,.product_item .item_img a:before,.product_item .item_img a:after,.product_item .item_img:after, .product-btn-wrap a,.web_head,.change-language .change-language-title a:after, .newsletter .button, .mobile-head-item .middle-show-content-wrap, .product_item figure figcaption,.foot_item a, .pages a,.ad_item figure figcaption .item_more,.head_sns li img,.side_product_item .add-friend,.side_product_item .add-friend:after,.side-product-items .btn-prev,.side-product-items .btn-next,.foot_sns li img,.blog-item:after{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} .head_nav>li>a:before,.head_nav>li>a:after,.head-search .search-btn,.icon-cate, .top_contacts .top_contact_label, .index_recommend .recommend_item .item_tit,.promote_item .item_img:before,.promote_item .item_img:after,.index_business .btn_ico_more:before,.index_business .btn_ico_more:after,.index_business .business_title:after,.promote_item .btn_more,.sys_btn:after{-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;} /* grid */ .sys-layer{margin: 0 auto;} .sys-row{margin: 0 -8px;} .sys-col{float: left;} .sys-col-inner{margin: 0 8px;} .sys-col-md{float:left;} .sys-col-md-12 {width:100%;} .sys-col-md-11 {width:91.66666667%;} .sys-col-md-10 {width:83.33333333%;} .sys-col-md-9 {width:75%;} .sys-col-md-8 {width:66.66666667%;} .sys-col-md-7 {width:58.33333333%;} .sys-col-md-6 {width:50%;} .sys-col-md-5 {width:41.66666667%;} .sys-col-md-4 {width:33.33333333%;} .sys-col-md-3 {width:25%;} .sys-col-md-2 {width:16.66666667%;} .sys-col-md-1 {width:8.33333333%;} /* float */ .sys_fl{float:left!important;} .sys_fr{float:right!important;} /* flex */ .flex_row,.product_items,.items_list>ul{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;} /* button */ .sys_btn{display: inline-block;line-height: 20px;padding: 11px 25px;background: #5ba395;font-size: 16px;letter-spacing: 2px;text-transform: uppercase;color: #fff!important;vertical-align: middle;text-transform: uppercase;position: relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow: hidden;-webkit-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;} .sys_btn:before{display: none;} .sys_btn:after{content: '';display: block;width: 30%;height: 100%;position: absolute;left: 35%;top: 0;z-index: -1;} .sys_btn:hover:after{width: 100%;left: 0;background-color:#51b29f;} /* placeholder */ input::-webkit-input-placeholder{color:#aaa;} input::-moz-placeholder{color:#aaa;opacity: 1;} input:-ms-input-placeholder{color:#aaa;} input:-moz-placeholder{color:#aaa;} /* box-sizing */ .index_promote,.company_subscribe .button,.nav_wrap,.product_item .item_img {-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;} /* font-family */ .side-cate li .icon-cate:before, .product-btn-wrap a:before, .mobile-head-item .title:before, .head_nav > li:after,.head_nav li b:after, .download-item .item-button:before, .faq-item .faq-title:before{font-family: "fontawesome";font-style: normal;font-weight: normal;speak: none;display: inline-block;text-decoration: inherit;font-variant: normal;text-transform: none;} .btn_more:after,.sys_btn:after, .head-search .search-btn:before,.web_head .btn--search:before,.swiper-button-next:before, .swiper-button-prev:before, .side-product-items .btn-prev:before,.side-product-items .btn-next:before,.product-btn-wrap .email:before,.product-btn-wrap .pdf:before, .company_subscribe .button:after{font-family: 'fontawesome';} .index_hd .hd_title,.promote_item .item_title,.index_business .business_title h3,.foot_follow .follow_title{font-family: 'FRADM';font-weight: normal;} .index_hd .hd_desc,.promote_item .btn_more{font-family: 'AkzidenzGrotesk-Light';} .foot_follow .follow_title,.foot_item .title{font-family: 'AkzidenzGroteskBE-BoldCn';} /*transition*/ a{-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} /* hover */ .shine_img{display: block;position: relative;overflow: hidden;} .shine_img img{display: block;width: 100%;height: auto;} .shine_img:after{-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .shine_img:after {content: '';display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));background-image:linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0));opacity: 0;} .shine_img:hover:after {width: 100%;opacity: 1;} .scale_item .item_img a,.scale_img {display: block;position: relative;overflow: hidden;} .scale_item .item_img img,.scale_img img, .scale_item .item_img a:before,.scale_img:before{-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;} .scale_item .item_img a:before,.scale_img:before{content: '';display: block;width: 0%;height: 100%;opacity:0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.4),rgba(0,0,0,0));background-image:linear-gradient(left,rgba(0,0,0,.4),rgba(0,0,0,0));position: absolute;left: 0;top: 0;z-index: 11;} .scale_item:hover .item_img a img,.scale_img:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;} .scale_item:hover .item_img a:before,.scale_img:hover:before{width:100%;opacity: 1;-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;} @-webkit-keyframes shine {100% {left: 125%;}} @keyframes shine { 100% {left: 125%;}} .link_line{display: inline-block;padding-bottom: 8px;position: relative;} .link_line:before{content: '';display: block;width: 0%;border-bottom: 2px solid;position: absolute;bottom: 0;-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;opacity: 0;filter: alpha(opacity=0);} .link_line:before{right: 0;} .link_line:hover:before{width: 100%;opacity: 1;filter: alpha(opacity=100);right: 0;left: 0;} /* web_head */ .web_head{padding-top: 20px;} .head_top{border-top: 1px solid #969594;border-bottom: 1px solid #969594;position: relative;} .head_top .layout{width: auto;} .head_top .head_left{width: 25%;float: left;font-size: 0;} .head_top .top_contacts .top_contact_item{display: inline-block;font-size: 14px;padding: 0 35px;position: relative;border-right: 1px solid #969594;} .head_top .top_contacts .top_contact_item:first-child{padding-left: 40px;} .head_top .top_contacts .top_contact_item:last-child{border-right: 0;} .head_top .top_contacts .top_contact_ico{display: inline-block;width: 35px;height: 35px;background-repeat: no-repeat;background-position: center;vertical-align: middle;} .head_top .top_contacts .top_ico_tel{background-image: url(img/top_ico_tel.png);} .head_top .top_contacts .top_ico_email{background-image: url(img/top_ico_email.png);} .head_top .top_contacts .top_contact_label{display: block;white-space: nowrap;font-size: 16px;line-height:33px;position: absolute;left:85px;top: 1px;background-color: #3eafb7;padding: 0 10px;opacity: 0;filter: alpha(opacity=0);visibility: hidden;-webkit-transform: translateX(10%);-ms-transform: translateX(10%);-o-transform: translateX(10%);transform: translateX(10%);font-style: italic;} .head_top .top_contacts .top_contact_label,.head_top .top_contacts .top_contact_label a{color: #fff;} .head_top .top_contacts .top_contact_label:before{content: '';display: block;width: 0;height: 0;overflow: hidden;border: 8px solid #3eafb7;border-top-color: transparent;border-bottom-color: transparent;border-left: 0;position: absolute;left: -8px;top: 50%;margin-top: -8px;} .head_top .top_contacts .top_contact_item:hover {z-index: 1;} .head_top .top_contacts .top_contact_item:hover .top_contact_label{opacity: 1;filter: alpha(opacity=100);visibility: visible;-ms-transform:none;-o-transform:none;transform:none;} .head_top .top_contacts .top_contact_item:hover+.top_contact_item{opacity: 0;} .head_top .head_right{width: 25%;float: right;font-size: 0;text-align: right;} .head_top .top_item{display: inline-block;height: 35px;vertical-align: top;border-right:1px solid #969594;padding: 0 35px;font-size: 14px;} .head_top .top_item:last-child{border-right: 0;padding-right: 40px;} .head_top .btn--search{display: inline-block;border-radius:50%;position: relative;vertical-align: middle;cursor: pointer;-webkit-box-sizing: content-box;box-sizing: content-box;margin-top: 1px;} .head_top .btn--search:before,.head_top .btn--search:after{content: '';display: inline-block;width: 33px;height: 33px;background-image: url(img/search_btn.png);background-repeat: no-repeat;background-position: center 0;vertical-align: middle;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .head_top .btn--search:after{background-position: center -33px;background-color: #3eafb7;position: absolute;left: 0;top: 0;border-radius: 50%;-webkit-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);opacity: 0;filter: alpha(opacity=0);-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;} .head_top .btn--search:hover:after{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;filter: alpha(opacity=100);} .head_top .btn--search:hover:before{-webkit-transform: scale(.3);-ms-transform: scale(.3);-o-transform: scale(.3);transform: scale(.3);opacity: 0;filter: alpha(opacity=0);} .head_top .change-language{display: inline-block;position: relative;text-align: left;vertical-align: middle;margin-top: 7px;} .head_top .top_welcome{width: 50%;float: left;text-align: center;text-transform: uppercase;font-weight: normal;line-height: 35px;} .head_top .top_welcome,.head_top .top_welcome a{color: #999;} .head_layer .layout{width: auto;margin: 0 50px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position: relative;} .head_layer .logo{padding-right: 3%;float: left;} .head_layer .logo img{width: auto;max-height: 65px;position: relative;z-index: 1;max-width: 230px;} .head_layer .nav_wrap{position: relative;float: left;-webkit-box-flex:1;-webkit-flex:1;flex:1;} .nav_wrap .head_nav{position: relative;z-index: 2;text-align: right;} .nav_wrap .head_nav,.nav_wrap .head_nav a{color: #222;} .nav_wrap .head_nav>li {display: inline-block;line-height: 88px;font-size: 20px;margin: 0 15px;position:relative;perspective: 500px;font-family: Arial;vertical-align: middle;} .nav_wrap .head_nav>li:last-child{margin-right: 0;} .nav_wrap .head_nav>li>a {color:#888;position:relative;display:inline-block;text-transform: uppercase;} .nav_wrap .head_nav>li>a:before{content: '';display: block;width: 0%;height: 3px;background-color: #75c0c7;position: absolute;left: 50%;bottom: 23px;} .nav_wrap .head_nav>li>a:after{content: '';display: block;width: 0;height: 0;overflow: hidden;-webkit-box-sizing: content-box;box-sizing: content-box;border: 6px solid #75c0c7;border-bottom-width: 0;border-left-color: transparent;border-right-color: transparent;position: absolute;left: 50%;bottom: 18px;margin-left: -6px;opacity: 0;filter: alpha(opacity=0);} .nav_wrap .head_nav>li>a>b{display: inline-block;margin-left: 5px;} .nav_wrap .head_nav>li>a>b:after {font-family: 'fontawesome';font-size: 16px;content: '\f107';font-weight: bold;vertical-align: middle;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .nav_wrap .head_nav>li li {position: relative;text-align: left;font-weight: bold;padding: 0 15px;} .nav_wrap .head_nav>li li a {display: block;line-height:1.8em;padding:10px 0;font-size: 12px;position: relative;color: #333;border-bottom: 1px solid #f6f6f6;} .nav_wrap .head_nav>li li a:before,.nav_wrap .head_nav>li li:hover>a:before{content:'';display:block;width:4px;height:30%;background-color:#5ba395;position:absolute;left:-16px;top:40%;opacity:0;filter:alpha(opacity=0);} .nav_wrap .head_nav>li li a:hover:before,.nav_wrap .head_nav>li li:hover>a:before{top:50%;margin-top: -11px;height:22px;opacity:1;filter:alpha(opacity=100);} .nav_wrap .head_nav>li li a:hover{padding-left: 5px;text-decoration: underline;} .nav_wrap .head_nav>li li b:after{content: '\f105';font-size: 16px;position: absolute;right: 0;top: 10px;} .nav_wrap .head_nav>li li:last-child>a{border-bottom: 0;} .nav_wrap .head_nav>li li:hover>a{color: #75c0c7;} .nav_wrap .head_nav>li ul ul{left: 102%;top: -15px;} .nav_wrap .head_nav>li:hover>a{color:#75c0c7;} .nav_wrap .head_nav>li:hover>a>b:after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} .nav_wrap .head_nav>li.nav-current>a{color: #75c0c7;} .nav_wrap .head_nav>li.nav-current>a:before,.nav_wrap .head_nav>li.nav-current>a:after,.nav_wrap .head_nav:hover>li:hover>a:before,.nav_wrap .head_nav:hover>li:hover>a:after{opacity: 1;filter: alpha(opacity=100);} .nav_wrap .head_nav>li.nav-current>a:before,.nav_wrap .head_nav:hover>li:hover>a:before{width: 110%;left: -5%;} .nav_wrap .head_nav:hover>li>a:before,.nav_wrap .head_nav:hover>li>a:after{opacity: 0;filter: alpha(opacity=0);} .nav_wrap .head_nav:hover>li>a:before{width: 0%;left: 50%;} .nav_wrap .head_nav li ul{width: 250px;padding: 15px 0;border: 1px solid #ddd;background-color:#fff;background-color: rgba(255,255,255,.95);position: absolute;left: 0;top: 100%;z-index:999;-webkit-transform:translateY(10%) scale(.9);-ms-transform:translateY(10%) scale(.9);-o-transform:translateY(10%) scale(.9);transform:translateY(10%) scale(.9);opacity:0;filter: alpha(opacity=0);visibility:hidden;box-sizing: border-box;-webkit-transform-origin: center 0;-moz-transform-origin: center 0;-ms-transform-origin: center 0;-o-transform-origin: center 0;transform-origin: center 0;box-shadow:4px 4px 0 rgba(0,0,0,.06);} .nav_wrap .head_nav li:hover>ul{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;filter: alpha(opacity=100);visibility: visible;} .nav_wrap .head_nav li.menu_left ul{left: auto;right: 0;} .nav_wrap .head_nav li.menu_left ul ul{right:102%;} .web_head .head-search{float: right;position: relative;position: absolute;right: 0;bottom: 0;} .web_head .head-search{width: 350px;} .web_head .head-search .search-ipt{width: 100%;height: 42px;line-height: 42px;padding: 0 15px;border: 0;border-radius: 4px;background-color: #fff;font-size: 16px;-webkit-box-sizing: border-box;box-sizing: border-box;} .web_head .head-search .search-ipt::-webkit-input-placeholder {color: #999;} .web_head .head-search .search-ipt::-moz-placeholder {opacity: 1;color: #999;} .web_head .head-search .search-ipt:-ms-input-placeholder {color: #999;} .web_head .head-search .search-ipt::-webkit-search-cancel-button, .web_head .head-search .search-ipt::-webkit-search-decoration {-webkit-appearance: none;} .web_head .head-search .search-ipt::-ms-clear {display: none;} .web_head .head-search .search-btn{display: inline-block;width: 52px;height: 42px;cursor: pointer;background-repeat: no-repeat;background-position:0 center;background-image: url(img/search_btn.png);background-color: transparent;border: 0;position: absolute;right: 0;top: 0;border-radius: 0 4px 4px 0;} .fixed-nav .head_layer{width: 100%;position: fixed;left: 0;top: 0;z-index: 9;-webkit-transition: none;-o-transition: none;transition: none;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);opacity:1;background-color: rgba(255,255,255,.95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff,endColorstr=#e5ffffff);border-bottom: 1px solid #ddd;} .fixed-nav .nav_wrap{padding-top: 0;} .fixed-nav .nav_wrap .head_nav>li{line-height: 60px;} .fixed-nav .nav_wrap .head_nav>li>a:before{bottom: 13px;} .fixed-nav .nav_wrap .head_nav>li>a:after{bottom: 8px;} .fixed-nav .head_nav>li>ul{border-top: 0;} .fixed-nav-active .head_layer{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;} .fixed-nav-active .nav_wrap:before{opacity: 1;height: 100%;} .fixed-nav .change-language .change-language-cont{top: 51px;background-color: rgba(255,255,255,.95);} .fixed-nav .head_top{display: none;} .fixed-nav .head-search{display: none;} .fixed-nav .logo a,.fixed-nav .logo img,.fixed-nav .head_nav li a{-webkit-transition: none;-o-transition: none;transition: none;} /* web_footer */ .foot_follow{padding-top: 30px;line-height: 55px;margin-bottom: -5px;background-color: #fff;} .foot_follow .follow_title{float: left;font-size: 45px;font-weight: bold;text-transform: uppercase;color: #000;-webkit-transform: scale(1,1.2);-ms-transform: scale(1,1.2);-o-transform: scale(1,1.2);transform: scale(1,1.2);} .foot_sns {float: right;} .foot_sns li{padding-left: 15px;float: left;} .foot_sns li a{display: inline-block;} .foot_sns li a:hover{-webkit-transform: translateY(-10%);-ms-transform: translateY(-10%);-o-transform: translateY(-10%);transform: translateY(-10%);} .foot_sns li img{max-height: 51px;width: auto;} .web_footer{width: 100%;background-color: #000;} .foot_service {padding-top: 60px;padding-bottom: 10px;} .foot_service,.foot_service a{color: #fff;} .foot_service a:hover{color: #5ba395;} .foot_items{margin: 0 -15px;-webkit-box-pack:space-between;-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between;} .foot_items:after{display: none;display: block\9;} .foot_item {-webkit-box-flex:0 0 24%;-webkit-flex:0 0 24%;-ms-flex:0 0 24%;flex:0 0 24%;max-width: 24%;width: 24%;padding: 20px 15px;font-size: 18px;float: left;} .foot_item .title{font-size: 30px;line-height: 1.3;text-transform: uppercase;margin-bottom: 40px;position: relative;} .foot_item .foot_txt_list li{font-size: 20px;padding: 9px 0;} .foot_item .foot_txt_list li a{display: block;height: 1.5em;line-height: 1.5em;overflow: hidden;position: relative;} .foot_item .foot_txt_list li a:before{content: '';display: inline-block;width: 6px;height: 6px;background-color: #000;-webkit-box-sizing: content-box;box-sizing: content-box;position: absolute;left: 3px;top: 50%;margin-top: -2px;opacity: 0;filter: alpha(opacity=0);border-radius: 50%;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .foot_item .foot_news_list li{line-height: 1.6em;margin-bottom: 40px;} .foot_item .foot_news_list li a{display: block;} .foot_item_product{-webkit-box-flex:0 0 18%;-webkit-flex:0 0 18%;-ms-flex:0 0 18%;flex:0 0 18%;} .foot_item_contact{-webkit-box-flex:0 0 20%;-webkit-flex:0 0 20%;-ms-flex:0 0 20%;flex:0 0 20%;} .foot_item_contact address li{margin-bottom: 18px;font-style: normal;} .foot_item_contact address li.foot_email a{color: #5ba395;} .foot_subscribe{padding-bottom: 35px;} .company_subscribe .subscribe_tit{margin-bottom: 45px;font-weight: normal;} .foot_bar {text-align: center;} .foot_bar,.foot_bar a{color: #888;} .foot_bar .layout{border-top: 1px solid #fff;padding: 25px 0 35px;} .tel_link{pointer-events: none;} @media screen and (max-width: 768px){.tel_link{pointer-events: auto;}} /*-------------------------------------------------------- page: index ------------------------------------------------------*/ .web_main{overflow: hidden;} .index_main,.index_main a{color: #000;} .index_main{font-family:'AkzidenzGrotesk-Light',Arial, Helvetica, sans-serif;} /* title */ .index_hd{padding-top: 50px;padding-bottom: 20px;text-align: center;line-height: 1.2;text-transform: uppercase;} .index_hd:before{content: '';display: block;width: 175px;height: 16px;background-color: #5ba395;border-radius: 10px;margin: 0 auto 35px;-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} .index_hd .hd_title{font-size: 55px;} .index_hd .hd_title:before{content: '.';padding-right: .3em;} .index_hd .hd_title:after{content: '.';padding-left: .3em;} .index_hd .hd_desc{font-size: 28px;letter-spacing: .05em;} /* slider_banner */ .slider_banner {box-shadow: 0 1px 1em rgba(0,0,0,.3);} .slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{width: 50px;height: 60px;line-height: 60px;margin-top: -30px;} .slide-page-box {display: none;} .slider_banner .banner_ft_bg{display: block;width: 100%;position: absolute;left: 0;bottom: 0;z-index: 2;} .slider_banner .banner_ft_bg img{width: 100%;height: auto;} .slider_banner .swiper-pagination-white .swiper-pagination-bullet{padding: 3px;} .slider_banner .swiper-pagination-white .swiper-pagination-bullet:before{width: 8px;height: 8px;} .slider_banner .swiper-pagination-bullets{padding-bottom: 20px;text-align: right;} .slider_banner .slider_swiper_control {width: 100%;position: absolute;left: 0;bottom: 30px;z-index: 1;} .slider_banner .slider_swiper_control .swiper-pagination-bullets{position: static;} /* index_recommend */ .index_main .index_recommend .layout{width: auto;} .index_recommend{background-color: #fff;} .index_recommend .recommend_item{-webkit-box-flex:0 0 30%;-webkit-flex:0 0 30%;-ms-flex:0 0 30%;flex:0 0 30%;max-width: 30%;width: 30%;float: left;} .index_recommend .recommend_item .item_inner{display: block;position: relative;} .index_recommend .recommend_item .item_img{display: block;opacity: .4;filter: alpha(opacity=40);} .index_recommend .recommend_item .item_img img{display: block;width: 100%;height: auto;} .index_recommend .recommend_item:nth-child(3n-1){-webkit-box-flex:0 0 40%;-webkit-flex:0 0 40%;-ms-flex:0 0 40%;flex:0 0 40%;max-width: 40%;width: 40%;} .index_recommend .recommend_item:nth-child(3n-1) .item_img{opacity: 1;filter: alpha(opacity=100);} .index_recommend .recommend_item .item_tit,.index_recommend .recommend_item .item_tit a {color:#fff;display: block;} .index_recommend .recommend_item .item_tit{width: 90%;height: 32px;line-height: 32px;border-radius:30px;overflow: hidden;font-size: 16px;font-weight: normal;text-transform: uppercase;position: absolute;left: 5%;bottom: 10px;background-color: rgba(91,163,149,.95);background-color: #5ba395\9;text-align: center;-webkit-transform: translateY(-20%);-ms-transform: translateY(-20%);-o-transform: translateY(-20%);transform: translateY(-20%);opacity: 0;filter: alpha(opacity=0);} .index_recommend .recommend_item .item_inner:hover .item_tit{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;filter: alpha(opacity=100);} /*index_promote*/ .index_promote .index_bd .layout{max-width: 1440px;} .index_promote .promote_list {} .index_promote .promote_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width: 33.33333333%;width: 33.33333333%;float: left;overflow: hidden;margin-bottom: 30px;} .index_promote .promote_item,.index_promote .promote_item a{color: #fff;} .index_promote .promote_item .item_inner{display: block;position: relative;text-align: center;} .index_promote .promote_item .item_img img{display: inline-block;max-width: 100%;height: auto;} .promote_item .item_info{width: 90%;padding: 1em 0;position: absolute;left: 0;top: 50%;right: 0;margin-left: auto;margin-right: auto;text-align: center;z-index: 1;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .promote_item .item_title{height: 1.2em;line-height: 1.2em;overflow: hidden;font-size: 45px;text-transform: uppercase;} .promote_item .learn_more{padding-top: 1em;position: relative;} .promote_item .btn_more {display: inline-block;line-height: 1.4em;font-size:24px;border: 2px solid #fff;padding: 0 .3em;color: #fff;overflow: hidden;position: relative;} .promote_item .btn_more:before{content: '';display: block;width: 20px;height: 20px;background-color: #75c0c7;border-radius: 50%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: -1;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;} .promote_item .item_img:before,.promote_item .item_img:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;} .promote_item .item_img:before{background-color: #000;left: 0;opacity: .4;filter: alpha(opacity=40);} .promote_item .item_img:after{width: 30%;right: 0;} .index_promote .item_inner:hover .item_img:after{width: 100%;left: 0;right: auto;background-color: #5ba395;opacity: .8;filter: alpha(opacity=80);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;border-radius:0;-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;} .index_promote .item_inner:hover .btn_more{background-color: rgba(0,0,0,.7);color: #fff;} /* index_business */ .index_business .index_bd{padding-top: 60px;padding-bottom: 60px;background-repeat: no-repeat;background-position: center top;-webkit-background-size: cover;background-size: cover;text-align: center;} .index_business .index_bd,.index_business .index_bd a{color: #fff;} .index_business .business_title:after{content: '';display: block;width: 2px;background-color: #fff;position: absolute;right: 0;top: 0;bottom: 28px;} .index_business .business_title{width: 100%;position: relative;font-size: 45px;text-transform: uppercase;line-height: 1.2;padding-top: 45px;} .index_business .business_title h3{font-size: 45px;} .index_business .business_title h4{display: block;font-size: 32px;font-weight: normal;letter-spacing: .05em;} .index_business .business_desc{font-size: 18px;padding: 40px 5% 60px;line-height: 36px;text-align: left;} .index_business .index_ft{text-align: left;min-height: 60px;} .index_business .btn_ico_more{display: inline-block;font-size: 50px;line-height: 60px;width: 60px;height: 60px;text-align: center;position: relative;color: #fff;position: absolute;left:0;} .index_business .btn_ico_more:after{content: '';display: inline-block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);--webkit-transform: scale(.3);-ms-transform: scale(.3);-o-transform: scale(.3);transform: scale(.3);border-radius: 50%;} .index_business .btn_ico_more:before{display: inline-block;text-align: center;font-family: 'fontawesome';content: '\f067';position: relative;z-index: 1;vertical-align: middle;} .index_business a.btn_ico_more:hover{color: #5ba395;} .index_business a.btn_ico_more:hover:before{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} /* index_product */ .product_item {width: 33.33333333%;float: left;} .product_item figure{margin: 0;} .product_item .item_img{display: block;position: relative;width: 100%;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;} .product_item .item_img{*display: inline;} .product_item .item_img a{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;} .product_item .item_img img{width: 100%;} .product_item figcaption{ padding:15px 10px;} .product_item .item_title{ font-weight:normal; font-size:15px;text-align: center;} .product_item .item_title a{display: block;height: 2.4em;line-height: 1.2em;overflow: hidden;vertical-align: middle;padding: 0 10%;} .product_item:hover .item_img a:before{width: 100%;left: 0;} .index_product{padding-bottom: 50px;background-color: #fff;} .index_product .product_items{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;margin: 0 -10px;} .index_product .product_item{-webkit-box-flex:0 0 25%;-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width: 25%;width: 25%;} .index_product .product_item figure{position: relative;margin: 10px;perspective: 500px;} .index_product .product_item .item_img a:after{display: none;} .index_product .product_item .item_img a:before{content: '';display: block;width: 100%;height: 100%;background-color: #5ba395;opacity: 0;filter: alpha(opacity=0);position: absolute;left: 0;top: 0;-webkit-transform: scale(1,.3);-ms-transform: scale(1,.3);-o-transform: scale(1,.3);transform: scale(1,.3);} .index_product .product_item figcaption{width: 100%;position: absolute;left: 0;top: 50%;text-align: center;z-index: 1;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;transform: none;opacity: 0;filter: alpha(opacity=0);} .index_product .product_item figcaption,.index_product .product_item figcaption a{color: #fff;} .index_product .product_item .item_title{padding: 0;margin-bottom: .5em;font-size: 24px;text-transform: uppercase;} .index_product .product_item .item_title a{display: block;height:1.2em;line-height: 1.2em;overflow: hidden;text-decoration: underline;} .index_product .product_item .item_title a:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .index_product .product_item .item_desc{padding: 0 1.5em;} .index_product .product_item:hover .item_img a:before{opacity: .8;filter: alpha(opacity=8);-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;} .index_product .product_item:hover figcaption{-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);opacity: 1;filter: alpha(opacity=100);-webkit-transition-delay: .2s;-o-transition-delay: .2s;transition-delay: .2s;} /*----------------------------------aside---------------------------------*/ .aside {float:left;width:230px;} .side-tit-bar {position:relative;margin-bottom: 15px;} .side-tit-bar .side-tit {position:relative;font-size:18px;line-height:38px;color:#FFF;padding:0 0 0 15px;background:#007f8b;} .side-widget {position:relative;margin:0 0 34px;} .side-widget+.side-widget .side-tit-bar .side-tit{text-transform: none;} .side-cate {padding: 0 0 0 10px;} .side-cate li {position:relative;line-height:35px;font-size: 16px;} .side-cate li li {line-height: 30px;font-size: 13px;} .side-cate li a {position:relative;display:block;margin-right: 38px; height: 35px;overflow: hidden;} .side-cate ul {display:none;overflow:visible !important } .side-cate li li {padding: 2px 0;} .side-cate li li a {padding:0 10px 0 15px;margin-right: 0; position: relative;} .side-cate li li a:hover,.side-cate li li.active>a{color: #007f8b;} .side-cate li li a:hover:before,.side-cate li li.active>a:before{background-color: #007f8b;} .side-cate li li a:before{content: '';display: inline-block;width: 5px;height: 5px;background-color: #007f8b;position: absolute;left: 0;top: 12px;} .side-cate li li li a {padding:0 66px;margin-right: 0;} .side-cate li .icon-cate {position:absolute;right:0;top:7px;display: inline-block;width: 20px;height: 20px;line-height:22px;overflow: hidden;text-align: center;font-size:10px;cursor:pointer;color:#000;border-radius: 0%;-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;} .side-cate li .icon-cate:before{padding-left: 1px;padding-right: 1px;} .side-cate li .icon-cate.icon-cate-down:before {content:'\f04b';} .side-cate li .icon-cate.icon-cate-up:before{content:'\f04b';} .side-cate li .icon-cate.icon-cate-up{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} .side-cate li.nav-current > .icon-cate{color:#000;} .side-product-items {position:relative;} .side-product-items .items_content {position:relative;padding: 35px 0;} .side_product_item {position:relative;display:block;width:100%;overflow:hidden;} .side_product_item figure {position:relative;display:table;width: 100%;overflow:hidden;} .side_product_item .item-img,.side_product_item figcaption{display: table-cell;vertical-align: middle;} .side_product_item .item-img{width: 70px;-webkit-box-sizing: content-box;box-sizing: content-box;position: relative;border: 1px solid #cdcdcd;} .side_product_item .item-img:before{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} .side_product_item .item-img img{display: block;max-width: 100%;max-height: 70px;margin: 0px auto;} .side_product_item:hover .item-img:before{background-color: rgba(255,255,255,.3);} .side_product_item figcaption{padding-left: 15px;} .side_product_item figcaption h3{font-size: 14px;font-weight: normal;} .side_product_item figcaption h3 a{display: block;max-height:3.2em;line-height: 1.6em;-ms-word-break: break-all;word-break: break-all;word-wrap: break-word;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .side_product_item figcaption h3 a:hover,.side_product_item .item-img:hover + figcaption h3 a{color:#75c0c7;} .side-product-items .swiper-slide {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;} .side-product-items .side_slider {max-height: 450px;overflow: hidden;-webkit-box-sizing: content-box;box-sizing: content-box;position: relative;} .side-product-items .side_slider .swiper-wrapper{-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;} .side-product-items .side_product_item{height: 90px;} .side-product-items .btn-prev,.side-product-items .btn-next{position: absolute;left: 0;width: 100%;height: 32px;line-height:32px;opacity: 1;filter: alpha(opacity=100);font-size: 38px;color: #ccd3d9;z-index: 1;text-align: center;cursor: pointer;} .side-product-items .swiper-button-disabled{color: #eee;cursor: default;} .side-product-items .btn-prev:before,.side-product-items .btn-next:before{display: inline-block;-webkit-transform: scale(2.5,1);-ms-transform: scale(2.5,1);-o-transform: scale(2.5,1);transform: scale(2.5,1);} .side-product-items .btn-prev{top: 0;} .side-product-items .btn-prev:before{content: '\f106';} .side-product-items .btn-next{bottom: 0;} .side-product-items .btn-next:before{content: '\f107';} .side-product-items .btn-prev:not(.swiper-button-disabled):hover,.side-product-items .btn-next:not(.swiper-button-disabled):hover{color: #000;} .aside .side-bn {width:100%;margin:0 0 40px;} .aside .side-bn img {width:100% } /*----------------------------------main---------------------------------*/ .main { position:relative; width:calc(100% - 290px); float:right;padding-bottom: 50px; } .main .banner_section {margin-bottom: 25px;} .main_tl{width:calc(100% - 290px); float:right;padding-bottom: 50px;} /*title*/ .page_title {line-height:38px;position:relative;font-size:22px;margin:0 0 15px;padding-bottom: 10px;font-size: 22px;color: #000;} .items_list .page_title{text-transform: uppercase;font-size: 28px;color: #333;line-height: 1.2;padding-bottom: 5px;} .items_list .share_this{float: right;position: absolute;right: 0;top: 5px;} /*main_banner*/ .banner_section .main_banner_slider ul{-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;margin: 0!important} .main_banner{margin-bottom: 30px;position: relative;overflow: hidden;} .main_banner img{display: block;width: 100%;height: auto;min-height: 160px;} .main_banner .swiper-wrapper li a{display: block;position: relative;} .main_banner .swiper-wrapper li a:before{content: '';display: block;width: 100%;height: 100%;background-image: -webkit-linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,.6));background-image: linear-gradient(top,rgba(0,0,0,0) 60%,rgba(0,0,0,.6));position: absolute;left: 0;top: 0;} .main_banner .swiper-pagination{width: 100%;text-align: center;padding-bottom: 15px;position: absolute;left: 0;bottom: 0;z-index: 1;} .main_banner .swiper-pagination-bullet{margin: 0 5px;} .main_banner .swiper-pagination-bullet:before{border: 0;} .main_intro{line-height: 2;} /*page*/ .page_bar{ position:relative; line-height:31px; height:33px; margin:30px 0; text-align:right; font-size:12px;} .page_bar a,.page_bar span{position:relative; display:inline-block; vertical-align:top; min-width:33px; padding:0 5px; border:1px solid #ccc; margin:0 0 0 8px; text-align:center; border-radius:3px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff',endColorStr='#e7eaee',gradientType='0');background: -moz-linear-gradient(top, #ffffff, #e7eaee);background: -o-linear-gradient(top,#ffffff, #e7eaee);background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e7eaee));} .page_bar a.on,.page_bar a:hover{ color:#FFF; background:#75C0C7; border-color:#75C0C7 } .page_bar span.goes{padding-left: 8px;padding-right: 8px;} /*-------------------------------------------------------- page: product list ------------------------------------------------------*/ .items_list {width:100%;position: relative;} .items_list ul{margin: 0 -18px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;} .items_list .product_item {-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width: 33.33333333%;width: 33.33333333%;float: left;} .items_list .product_item figure{margin:10px 18px;} .items_list .product_item .item_img,.goods-may-like .product_item .item_img {border-left: 10px solid rgba(0,33,64,.04);border-bottom: 3px solid rgba(0,33,64,.04);} .items_list .product_item .item_img:hover img,.goods-may-like .product_item .item_img:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;} .items_list .product_item .item_title a,.goods-may-like .product_item .item_title a{padding: 0;} .items_list .product_item .item_img a:before,.goods-may-like .product_item .item_img a:before{content: '';display: block;position: absolute;width: 100%;height: 100%;background-color: #75C0C7;left: 0;top: 0;right: 0;bottom: 0;margin: auto;opacity: 0;filter: alpha(opacity=0);} .items_list .product_item .item_img a:after,.goods-may-like .product_item .item_img a:after{content: '';display: inline-block;width: 39px;height: 39px;line-height: 39px;background-image: url(img/ico_plus.png);background-position: center;background-repeat: no-repeat;-webkit-background-size: auto 39px;background-size: auto 39px;text-align: center;color: #fff;font-size: 24px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;z-index: 1;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);} .items_list .product_item:hover .item_title a,.goods-may-like .product_item:hover .item_title a{color: #75C0C7;} .items_list .product_item:hover .item_img a:before,.goods-may-like .product_item:hover .item_img a:before{width: 100%;height: 100%;border-radius:0%;opacity: .70;filter: alpha(opacity=70);} .items_list .product_item:hover .item_img a:after,.goods-may-like .product_item:hover .item_img a:after{opacity: .9;filter: alpha(opacity=90);font-size: 40px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;-webkit-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;} /*-------------------------------------------------------- page: single Product ------------------------------------------------------*/ /*product photos*/ .product-intro {margin-bottom: 10px;} .cloud-zoom-lens {border: 1px solid #eee;cursor:move;} .cloud-zoom-title {position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px;} .cloud-zoom-big {overflow:hidden;padding:0px;} .cloud-zoom-loading {color:white;background:#222;padding:3px;border:1px solid #000;} .product-view .swiper-slide{padding-bottom: 1px;} /*.product-view .product-image.zoom_remove:after {content: "";position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;z-index: 999;} */.product-view{width:45%;float:left;} .product-view .product-image{} .product-view .product-image img{position:relative;width:100%;} .product-view .image-additional{position:relative;width:100%;margin:25px auto;overflow:hidden;} .product-view .image-additional li{position:relative;width:100%;width: 25%;float: left;} .product-view .image-additional li.single{display:none;} .product-view .image-additional li img{display: block;width:100%;position:relative;margin:0 auto;} .product-view .image-additional li a{display: block;position:relative;} .product-view .image-additional li a:before,.product-view .image-additional li a:after{-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .product-view .image-additional li a:before{content: '';font-family: 'fontawesome';color:#fff;display: block;text-align: center;background-color: rgba(255,255,255,.5);position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;} .product-view .image-additional li.current a:before{background: none;} .product-view .image-additional li:not(.current) a:hover{border-color: #eee;} .product-view .image-additional img.popup{display:none;} .ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none;} .product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets{display:none;} .product-view .swiper-button-next,.product-view .swiper-button-prev {width:26px;height:34px;margin-top:-17px;line-height: 34px;font-weight: bold;font-size: 20px;opacity: .9;filter: alpha(opacity=90);} .product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-prev {left:0;border-radius: 0 3px 3px 0;} .product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-next {right:0;border-radius: 3px 0 0 3px;} .product-view .swiper-button-prev:not(.swiper-button-disabled):hover, .product-view .swiper-button-next:not(.swiper-button-disabled):hover, .product-view .image-additional:hover+.swiper-button-prev:not(.swiper-button-disabled),.product-view .image-additional:hover+.swiper-button-next:not(.swiper-button-disabled){background-color: #75c0c7;color:#fff;} /*product summary*/ .product-summary {position:relative;width:51%;float:right;padding:20px 0 10px;} .product-summary .page_title{font-size: 28px;} .product-summary .product-meta {line-height:25px;font-size: 16px;line-height: 1.8;} .product-summary .product-meta h3 {margin:0 0 10px;font-size:18px;font-weight: normal;color: #aaa;} .product-summary .product-meta p{font-size: 17px;} .product-summary .product-meta ul{padding-top: 25px;} .product-summary .product-meta li{width: 100%;display: table;font-size: 16px;padding: 2px 0;line-height: 1.6;} .product-summary .product-meta li em{display: table-cell;width: 36%;color: #aaa;} .product-summary .product-meta li .item-val{display: table-cell;-ms-word-break: break-all;word-break: break-all;word-wrap: break-word;} .product-summary .product-meta br{height: 10px;display: none;} .product-btn-wrap {position:relative;padding-top: 90px;text-align: right;} .product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy {position:relative;display:inline-block; *display:inline;*zoom:1;vertical-align:top;line-height:28px;padding:.05em .8em;font-size:15px;background:#75c0c7; color:#fff;margin:0 0 10px 25px;text-transform: uppercase;border-radius: 3px;} .product-btn-wrap .email:hover, .product-btn-wrap .pdf:hover, .product-btn-wrap .buy:hover{background: #007f8b;} .product-btn-wrap .email:before,.product-btn-wrap .pdf:before{padding-right: 10px;font-size: 16px;} .product-btn-wrap .email:before{content: '\f003';} .product-btn-wrap .pdf:before{content: '\f1c1';} .product-summary .share-this {margin:45px 0 0;text-align: right;} /* product detail */ .product-detail {position:relative;overflow:visible;} .detail-tabs {position:relative;margin-bottom: -1px;background-color: #eaedf0;border:1px solid #ccd3d9;} .detail-tabs .title {position:relative;display:inline-block;vertical-align:top;line-height:35px;padding:1px 35px;cursor:pointer;font-weight:bold;font-size:18px;float: left;margin-right: -1px;position: relative;color: #959da7;text-transform: uppercase;border-left: 1px solid #ccd3d9;border-right: 1px solid #ccd3d9;margin-left: -1px;position: relative;} .detail-tabs .title.current {background:#fff;color: #002140;padding-bottom: 2px;margin-bottom: -1px;position: relative;z-index: 2;} .product-detail .tab-panel-content {padding:10px 0;display:block;overflow:hidden } .product-detail .disabled {display:none;} .tab-panel-wrap{padding:40px;background-color: #fff;border: 1px solid #ccd3d9;margin-bottom:60px;} /*like product*/ .goods-may-like{position: relative;overflow: hidden;margin-bottom: 80px;} .goods-may-like .swiper-slider{} .goods-may-like .swiper-wrapper{} .goods-may-like .title{font-size:24px;margin:80px 0 40px;font-weight: bold;} .goods-may-like .title em{font-weight: normal;padding-right: 3px;} .goods-may-like .title:before,.goods-may-like .title:after{content: '';display: inline-block;width: 20px;height: 14px;background-color: #002140;opacity: .1;filter: alpha(opacity=10);-webkit-transform: skew(30deg);-ms-transform: skew(30deg);-o-transform: skew(30deg);transform: skew(30deg);margin: 0 15px;vertical-align: middle;} .goods-may-like .title:before{margin-left: 3px;} .goods-may-like .product_item{width: 25%;margin:0;padding:0;} .goods-may-like .swiper-slide{width: 25%;overflow: visible;} .goods-may-like .product_item{width: 33.3333%;margin-right: 20px;padding-bottom: 0px;position: relative;} .goods-may-like .product_item figure{margin: 0;} .goods-may-like .product_item:hover .item_img img{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;} .goods-may-like .product_item{width: 25%; margin:0; padding:0;} .goods-may-like .product_item .item_title a{height: 3em;line-height: 1.5em;} .goods-may-like .swiper-control{position: absolute;right: 0;top: 90px;} .goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next{position: static;display: inline-block;width: 26px;height: 26px;line-height: 26px;font-size: 18px;border-radius:0;text-align: center;background-color: #002140;color: #fff;margin-left: 7px;opacity: 1;filter: alpha(opacity=100);} .goods-may-like .swiper-button-prev:before,.goods-may-like .swiper-button-next:before{content: '';display: inline-block;width: 0;height: 0;overflow: hidden;border: 8px solid #fff;border-top-width: 5px;border-bottom-width: 5px;border-top-color: transparent;border-bottom-color: transparent;} .goods-may-like .swiper-button-prev:before{border-left-width: 0;} .goods-may-like .swiper-button-next:before{border-right-width: 0;} .goods-may-like .swiper-button-prev:not(.swiper-button-disabled):hover, .goods-may-like .swiper-button-next:not(.swiper-button-disabled):hover{background-color: #75c0c7;} .goods-may-like .swiper-button-next.swiper-button-disabled,.goods-may-like .swiper-button-prev.swiper-button-disabled{opacity: 0.3;filter: alpha(opacity=30);} /*public*/ .web_main { position:relative; } .page_main { background:#FFF; padding:50px 0 0; -moz-transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } /*path_nav*/ .path_bar {background-color: #e5f2f3;padding: 0;text-align: left;font-size: 16px;line-height: 32px;} .path_bar .layout{} .path_bar li{display: inline;padding-right: 10px;text-transform: uppercase;} .path_bar li:after{content: '';display: inline-block;width: 0;height: 0;overflow: hidden;border:5px solid #75c0c7;border-left-width: 8px;margin-left: 12px;border-right: 0;border-top-color: transparent;border-bottom-color: transparent;-webkit-box-sizing: content-box;box-sizing: content-box;} .path_bar li:last-child:after{display: none;} .mobile-head-items {display:none;} /*-------------------------------------------------------- page: blog list ------------------------------------------------------*/ .blog_list {position:relative;width:100%;} .blog-item {position:relative;width:100%;overflow:hidden; padding:35px 20px;} .blog-item:nth-child(2n+1) {background:#f9f9f9;} .blog-item:before {content: "";position: absolute;left: 0;bottom: 0;width:100%;height: 1px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} .blog-item:after{content: '';display: block;width: 0;height: 3px;background-color: #75c0c7;position: absolute;left: 0;bottom: 0;opacity: 0;filter: alpha(opacity=0);} .blog-item:hover:after{width: 100%;opacity: 1;filter: alpha(opacity=100);-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;} .blog-item .item-img,.blog-item .item-img img{border-radius: 5px;} .blog-item .item-img {position:relative;display:block;max-width:200px;padding: 5px;border: 1px solid #eee;background-color: #fff; margin:0 20px 0 0;float:left;} .blog-item .item-img img {position:relative;width:100%;} .blog-item .item-info .item-title {height: 1.5em;line-height: 1.5em;overflow: hidden;font-size:20px;font-weight: normal;} .blog-item .item-info time {display:block;font-size: 16px;margin:8px 0;} .blog-item .item-info .item-detail {} .blog-item .item-info .item-more {color:#8f9395;margin:20px 0 0;float: right;} .blog-item .item-info .item-more{display: inline-block;padding: .2em .8em;line-height: 1.8;color: #75c0c7;position: relative;text-transform: uppercase;} .blog-item .item-info .item-more:after{content: '';display: block;width: 100%;height: 2px;background-color: #75c0c7;position: absolute;-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} .blog-item .item-info .item-more:after{right: 0;bottom: 0;} .blog-item .item-info .item-more:hover:before,.blog-item .item-info .item-more:hover:after{width: 0;opacity: 0;} .blog-item .item-info .item-more:hover{background-color: #75c0c7;color: #fff;-webkit-transition-delay: .3s;-o-transition-delay: .3s;transition-delay: .3s;} /*-------------------------------------------------------- page: download list ------------------------------------------------------*/ .download_list {position:relative;width:100%;} .download-item {position:relative;overflow:hidden; padding:15px 0;margin:0 0 10px;line-height:30px;border-bottom:1px solid #eee;} .download-item .item-img {max-width:25px;} .download-item .item-title {position:relative;display:inline-block; *display:inline;vertical-align:top; *zoom:1;margin:0 10px;font-size:16px;font-weight:bold;} .download-item .item-button {position:relative;display:inline-block; *display:inline;vertical-align:top; *zoom:1;float:right; line-height:30px;padding:0 15px;border:1px solid #ccc;background:#eee;border-radius:5px;cursor:pointer;} .download-item .item-button:before {content:"\f019"; margin:0 10px 0 0;} /*-------------------------------------------------------- page: faq list ------------------------------------------------------*/ .faq_list {position:relative;width:100%;} .faq-item {position:relative;width:100%;overflow:hidden; padding:0 25px;border:1px solid #eee;margin:0 0 20px;} .faq-item .faq-title {position:relative;font-size:16px; padding:15px 0;cursor:pointer;} .faq-item .faq-title:before {position:absolute;content:"\f067";right:0;font-size:14px;} .faq-item .faq-title.show-title:before {content:'\f068';} .faq-item .faq-title h3{font-weight:normal;} .faq-item .faq-cont {margin:0 0 25px;display:none;} .faq-item:first-child .faq-cont {display:block;} @media only screen and (max-width: 768px) { .inquiry-form .form-btn-wrapx .form-btn-submitx {top:0 !important;} } @media only screen and (max-width: 1680px) { body {min-width: 1400px;} .web_footer .layout{width:1400px;max-width: inherit;} } @media only screen and (max-width: 1500px) { } @media only screen and (max-width: 1440px) { body {min-width: 1200px;} .layout {width: 1100px;} .index_main .layout,.foot_follow .layout{width: 1200px;} .web_footer .layout{width:1200px;} /*index*/ .index_product .owl-carousel .owl-stage-outer{overflow: hidden;} .index_product .owl-item:not(.active) .product_item{filter: none;} } @media only screen and (max-width: 1366px) { /*layout*/ body {min-width: inherit;} .layout,.index_main .layout,.foot_follow .layout,.web_footer .layout {width: 95%;} /*header*/ /*footer*/ .social_bar .social_title{font-size: 45px;} .foot_item{font-size: 15px;} .foot_item .foot_txt_list li{font-size: 18px;} /*list*/ .items_list .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width: 33.33333333%;width: 33.33333333%} } @media only screen and (max-width: 1250px){ .items_list .product_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%} } @media only screen and (max-width: 1200px) { /*header*/ .head_top .head_left,.head_top .head_right{width: 30%;} .head_top .top_welcome{width: 40%;} .head_top .top_contacts .top_contact_item,.head_top .top_item,.head_top .top_contacts .top_contact_item:first-child,.head_top .top_item:last-child{padding: 0 20px;} .head_layer .logo{padding-right: 8%;} .nav_wrap .head_nav > li{margin: 0 8px;font-size: 14px;} } @media only screen and (max-width: 950px) { body{min-width:100%;} .z10000 {position:relative;z-index:100000;} .mobile-body-mask {width:100%;height:100vh;background:rgba(0, 0, 0, 0.6);position:fixed;left:0;top:0;z-index:999 } .mobile-ico-close {width:30px;height:30px;background:#fff url(img/mobile_close.png) center center no-repeat;background-size:50% auto;position:absolute;right:-35px;top:0;} .sub-content {position:relative;display:block;right:auto;border-radius:0;border:none;box-shadow:none;z-index:99999;} .lang-more {display:none !important } .mobile-head-items {position:fixed;top:0;left:0;background:#161622;width:100%;height:35px;line-height:35px;text-align:left;display:block;z-index:999;} .mobile-head-item {float:left;width:45px;} .mobile-head-item.mobile-head-aside {float:right } .mobile-head-item .title {width:100%;height:35px;line-height:35px;overflow:hidden;text-align:center;color:#FFF;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);} .mobile-head-item .title a {position:relative;display:block;color:#FFF;} .mobile-head-item.mobile-head-home .title a:before {content:'\f015';} .mobile-head-item.mobile-head-nav .title:before {content:'\f0c9';} .mobile-head-item.mobile-head-language .title:before {content:"EN";} .mobile-head-item.mobile-head-search .title:before {content:"\f002";} .mobile-head-item.mobile-head-social .title:before {content:"\f007";} .mobile-head-item.mobile-head-aside .title:before {content:"\f060";} .mobile-head-item .main-content-wrap {background:#FFF;top:0;display:block;z-index:99999;} .mobile-head-item .main-content-wrap .content-wrap {overflow-y:auto;height:100%;padding:15px 10px;background-color:#fff;} .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {overflow-y:hidden;} .mobile-head-item .side-content-wrap {position:fixed;display:block;left:-70%;width:70%;height:100%;} .mobile-head-item .middle-content-wrap {position:absolute;left:0;width:100%;height:auto;padding:20px 0;opacity:0;visibility:hidden;} .mobile-head-item .middle-show-content-wrap {top:30px;visibility:visible;opacity:1;} .web_head .logo{position:relative;display:block;float:none;text-align:center;} .web_head{padding:35px 0 0;height:auto;} .web_head .nav_wrap .head_nav,.web_head .change-language,.web_head .btn--search{display:none;} .web_head .nav_wrap{position:static;} .web_head .btn--search{ right:0;top:-20px;margin:0;} .web_head .head-search{display:none;} .head-search{position:relative;width:90%;height:35px;background:#000;margin:0 auto;} .head-search .search-ipt{position:absolute;width:100%;height:100%;left:0;top:0;color:#FFF;padding:0 10px;border: 0;background-color: transparent;} .head-search .search-btn{position:absolute;width:35px;height:100%;background:url(img/search_btn_mobile.png) no-repeat center center;-webkit-background-size:auto 16px;background-size:auto 16px;border:none;right:0;top:0;display:block !important;} .head-search .search-attr{display:none;} /* header */ .web_head{position: static;} .web_head .head_layer,.index_web_head .head_layer {text-align: center;position: static;} .web_head .head_layer .layout{display: block;position: static;width: auto;} .head_top{text-align: center;} .head_top .head_right{float: none;} .head_top .top_contacts{padding: 0;white-space:normal;} .head_top .top_contacts,.head_top .top_contacts li{float: none;} .head_top .top_contacts li{display: inline-block;padding: 0 20px;} .head_layer .logo{width: auto;} .head_layer .logo:before,.head_layer .logo:after{display: none;} .path_bar {background-attachment: scroll!important;} /*nav */ .head_top{border-top: 0;} .head_top .head_left{width: auto;float: left;} .head_top .top_welcome{width: auto;float: right;} .head_top .top_contacts .top_contact_label{display: none;} .head_top .top_contacts .top_contact_item,.head_top .top_item,.head_top .top_contacts .top_contact_item:first-child,.head_top .top_item:last-child{padding: 0 10px;} .head_top .top_contacts .top_contact_item:hover+.top_contact_item{opacity: 1;} .head_top .top_welcome{padding-right: 10px;} .head_nav{width: 100%;} .head_nav li {position:relative;display:block;width:100%;font-size:16px;} .head_nav > li {border-bottom: 1px solid #eee;line-height:35px;} .head_nav > li:after {content: '\f105';position: absolute;right: 0;top:0;color:#999;font-size:12px;} .head_nav li ul {display:block;width:100%;} .head_nav li ul li {width:auto;padding:0 10px;font-size:14px;text-transform:lowercase;line-height:30px;} .head_nav li ul li:before {content:"";width:3px;height:3px;background:#999;border-radius:50%;position:absolute;left:0;top:15px;} .head_nav li ul li li {line-height:25px;} .head_nav li ul li li:before {display:none;} .web_head .nav_wrap{display: none;} /* footer */ .web_footer{overflow: hidden;} .foot_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%} .foot_item .title{margin-bottom:15px;font-size: 20px;} .foot_item .foot_item_bd{padding-right: 8%;} /* index */ .index_hd:before{height: 10px;} .index_hd .hd_title{font-size: 48px;} .index_hd .hd_desc{font-size: 24px;} .promote_item .item_title{font-size: 36px;} .promote_item .btn_more{font-size: 20px;} .index_promote .promote_list{margin: 0 -1px;} .index_promote .promote_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%;padding: 1px;} .index_promote .promote_item:nth-child(3){margin-left: 25%;} .index_business .business_title h3{font-size: 40px;} .index_business .business_title h4{font-size: 28px;} .index_business .business_desc{font-size: 26px;} .index_main .index_product .layout{max-width: 600px;} .index_product .product_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%;} /* aside */ .aside {display:none;} .side-widget{margin-bottom: 35px;} .side-product-items .items_content{margin-top: 10px;padding-top: 0;padding-bottom: 0;} .side-product-items .btn-prev,.side-product-items .btn-next{display: none;} .side-product-items .side_slider{padding-top: 0;padding-bottom: 0;max-height: inherit;} .side-product-items .side_slider ul:after{content: '';display: block;height: 0;clear: both;visibility: hidden;} .side-product-items .side_slider .swiper-wrapper{width: auto;display: block;margin: 0 -5px;} .side-product-items .side_product_item{display: block;width: 50%;height: auto!important;float: left;;text-align: center;} .side-product-items .side_product_item:nth-child(2n+1){clear: left;} .side-product-items .side_product_item figure{display: block;width: auto;border: 1px solid #eee;padding: 3px;margin: 5px;} .side-product-items .side_product_item .item-img{display: block;width: 100%;float: none;} .side-product-items .side_product_item .item-img img{width: 100%;height: auto;border: 0;} .side-product-items .side_product_item figcaption{width: auto;display: block;padding: 8px;} .side-product-items .side_product_item figcaption .item_title{height: auto;font-size: 12px;text-transform: none;} /* main */ .page_main{padding-top: 25px;} .main ,.main_tl{width:auto;float:none;margin:0 auto;} .items_list {width:100%;} .product-item {width:33.333%;} .product-item .item-wrap {margin:8px;} .items_list ul{padding-top: 0;} .items_list .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width: 33.33333333%;width: 33.33333333%;} /* list */ .page_bar{margin-top: 20px;text-align: center;} /* product intro */ .page_title{line-height: 1.1;} .video_close {display:none } .image-additional li.image-item.current img {border:none;} .product-view {width:100%;float:none;margin:0 auto 30px;} .product-view .product-image, .single_product_items {display:none } .image-additional-wrap {display:block;} .product-view .image-additional {width:100%;margin:0;} .product-view .image-additional ul {width:100%;} .product-view .image-additional li {width:100%;margin:0;} .product-view .image-additional li a {padding:0;margin: 0;border: 0;} .product-view .image-additional li.current img {border-color:inherit;} .product-view .image-additional li.single {display:block } .product-view .image-additional li.current a:before,.product-view .image-additional li.current a:after{display: none;} .product-view .swiper-button-next, .product-view .swiper-button-prev{background: rgba(0,0,0,.8);color: #fff;} .product-view .swiper-button-next{right: 5px;} .product-view .swiper-button-prev{left: 5px;} /* product summary */ .product-summary {position:relative;width:100%;float:none;} .product-summary .share-this {float:none;margin:30px 0;} .product-summary .product-meta li{display: block;} .product-summary .product-meta li em{display: inline;color: #333;padding-right: 15px;font-weight: bold;} .product-btn-wrap{text-align: left;} .product-btn-wrap a {margin:0 0 10px !important;} .product-summary .share-this{text-align: left;} /* product detail */ .tab-panel-wrap{padding: 30px 0 0;} .goods-may-like .title{margin-top: 50px;margin-bottom: 50px;} .mobile-body-mask1{width:100%;height:100vh;background:rgba(0, 0, 0, 0.6);position:fixed;left:0;top:0;z-index:999;display:none;} .middle-show-content-wrap {width: 100%;top: 35px;visibility:visible;opacity:1;position: fixed;left: 0px;z-index: 1000;background: #fff;padding: 20px 0px;} } @media only screen and (max-width: 768px) { .web_head .logo img{max-height: 60px;} /*list*/ .items_list .product_item{width: 50%;} .items_list .product_item .item_img{border-left-width: 5px;} .items_list .product_item figcaption{padding-left: 0;padding-right: 0;} /*index*/ .slider_banner .swiper-button-prev, .slider_banner .swiper-button-next{display: none;} .slider_banner .swiper-slide img{min-height: 160px;} .slider_banner .swiper-pagination{padding-bottom: 0;} .slider_banner .slider_swiper_control{bottom: 20px;} .slider_banner .swiper-pagination-bullets{text-align: center;} .index_hd:before{height: 6px;margin-bottom: 20px;} .index_hd .hd_title{font-size: 36px;} .index_hd .hd_desc{font-size: 20px;} /*footer*/ .foot_follow {line-height: 50px;} .foot_follow .follow_title{font-size: 30px;} .foot_sns li{padding-left: 5px;} .foot_sns li img{max-height: 40px;} .foot_item_contact .tel_link{color: #5ba395;} } @media only screen and (max-width: 640px) { .index_recommend .recommend_items{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .index_recommend .recommend_item .item_img{opacity: 1;filter: alpha(opacity=100);} .index_recommend .recommend_item,.index_recommend .recommend_item:nth-child(n){-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%;padding: 8px;} .index_recommend .recommend_item:nth-child(3){-webkit-box-flex:0 0 65%;-webkit-flex:0 0 65%;-ms-flex:0 0 65%;flex:0 0 65%;max-width: 65%;width: 65%;} /*list*/ .items_list .product_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%;} } @media only screen and (max-width: 480px) { .mobile-hide{display: none!important;} .gotop {display:none !important;} .service_item{width:100%;} .blog-item .item-img{width:150px;} .table_wrap{overflow-x:scroll;} /* layout */ .layout,.index_main .layout,.foot_follow .layout,.web_footer .layout{width: 100%;padding-left: 10px;padding-right: 10px;} /* aside */ .side-widget{margin:0 0 30px;} .side-tit-bar .side-tit{font-size: 16px;text-transform:none;} .side-cate li li {line-height: 20px;} .side-cate li li a{padding:0 15px;} .side-product-items .side_product_item{width: 100%;float: none;} .side-product-items .side_product_item figure{margin-left: 10px;margin-right: 10px;} /* header */ .head_top .layout{padding: 0;} .head_top .top_welcome{font-size: 12px;} .head_top .top_contacts .top_contact_item,.head_top .top_item,.head_top .top_contacts .top_contact_item:first-child,.head_top .top_item:last-child{padding: 0 5px;} .head_layer .logo{padding-top: 10px;padding-bottom: 10px;} .web_head .logo img{max-height: 50px;max-width: inherit;} .head_top .layout{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;} .head_top .head_right{display: none;} .head_top .top_welcome{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align: right;line-height: 1.2;} /* footer */ .foot_items{display: block;} .foot_item{width: 100%;max-width: inherit;float: none;} /* index */ .slider_banner .slider_swiper_control{bottom: 10px;} .slider_banner .swiper-pagination-white .swiper-pagination-bullet{padding: 2px;margin: 0 4px!important;} .slider_banner .swiper-pagination-white .swiper-pagination-bullet:before{width: 3px;height: 3px;} .index_hd .hd_title:before,.index_hd .hd_title:after{display: none;} .slider_banner .swiper-pagination-white .swiper-pagination-bullet{border: 0;} .index_hd .hd_title{font-size: 30px;} .index_hd .hd_desc{font-size: 16px;} .recommend_items{display: block;padding-bottom: 40px;} .index_recommend .recommend_item,.index_recommend .recommend_item:nth-child(n){width: auto;max-width: inherit;float: none;padding: 8px 0;} .index_recommend .recommend_item .item_tit{-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;opacity: 1;filter: alpha(opacity=100);position: static;background: none;color: #333;font-weight: bold;margin: 0 auto;} .index_promote .promote_list{display: block;} .index_promote .promote_item .item_title{max-height: 2.4em;height: auto;font-size: 28px;} .index_promote .promote_item .btn_more{font-size: 16px;} .index_promote .promote_item{width: auto;max-width: inherit;float: none;} .index_promote .promote_item:nth-child(3){margin-left: auto;} .index_product .product_items{margin: 0 -5px;} .index_product .product_item figure{margin: 5px;} .index_product .product_item .item_img a:before{display: none;} .index_product .product_item figcaption{top: auto;bottom: 0;opacity: 1;padding: 0;} .index_product .product_item .item_title{margin-bottom: 0;font-size: 14px;background-color: rgba(91, 163, 149,.8);} .index_product .product_item .item_title a{height: 2em;line-height: 2em;text-decoration: none;} .index_product .product_item .item_desc{display: none;} .index_product .product_item:hover figcaption{-webkit-transform: none;-ms-transform: none;-o-transform: none;} .index_business .business_title{padding-top: 0;} .index_business .business_title:after{display: none;} .index_business .business_title h3{font-size: 28px;} .index_business .business_title h4{font-size: 18px;} .index_business .business_desc{font-size: 18px;padding: 30px 0;} .index_business .index_ft{text-align: center;} .index_business .btn_ico_more{font-size: 36px;} /*main*/ .path_bar{font-size: 14px;} /*list*/ .main_banner .swiper-pagination-bullet{width: 8px;height: 8px;} .product_item .item_img a:after{display: none;} .items_list ul{margin: 0 -5px;} .items_list .product_item figure{margin: 5px;} .items_list .product_item .item_title {font-size: 14px;} .items_list .product_item .item_title a{padding: 0;} /*blog*/ .blog-item {padding: 30px 5px;} .blog-item .item-img{width: auto;max-width: 70%;float: none;margin-right: 0;border: 1px solid #ddd;-webkit-box-sizing: border-box;box-sizing: border-box;} .blog-item .item-info .item-title{line-height: 1.2;font-family: 'MyriadProBold';font-weight: normal;} .blog-item .item-info{padding-top: 15px;} .blog-item .item-info .item-title{height: auto;font-size: 22px;} .blog-item .item-info .item-detail{max-height: 9em;line-height: 1.5em;overflow: hidden;overflow: hidden;text-overflow:ellipsis;display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;} .blog-item .item-info .item-more{float: none;} .blog-item .item-info time{font-size: 14px;color: #888;} /* product */ .items_list .share_this{position: static;text-align: left;padding-bottom: 15px;float: none;} .page_main{padding-top: 15px;} .product-intro{overflow: visible;} .product-view{width:auto;margin-left: -10px;margin-right: -10px;} .product-view .image-additional li a{margin-left: 0;margin-right: 0;} .product-view .image-additional li a:before,.product-view .image-additional li a:after{display: none;} .product-view .swiper-button-prev,.product-view .swiper-button-next{width: 27px;height: 40px;line-height:40px;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;font-size: 18px;opacity: .8;} .product-view .swiper-button-prev{left: 0;border-radius: 0 3px 3px 0;padding-right: 2px;} .product-view .swiper-button-next{right: 0;border-radius:3px 0 0 3px;padding-left: 2px;} .product-view .swiper-button-prev:before,.product-view .swiper-button-next:before{display: inline-block;-webkit-transform: scale(.7,1);-ms-transform: scale(.7,1);-o-transform: scale(.7,1);transform: scale(.7,1);} .product-view .swiper-button-prev:before{content: '\f053';} .product-view .swiper-button-next:before{content: '\f054';} .product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy{padding-top: 6px;padding-bottom: 6px;} .goods-may-like .title{text-transform: none;} .page_title{font-weight: normal;font-size: 24px;margin-bottom: 10px;} .product-summary{padding-top: 0;} .product-summary .page_title{font-size: 24px;} .product-summary .product-meta{font-size: 14px;} .product-summary .product-meta p{font-size: 15px;} .product-summary .product-meta h3{line-height: 1.3;font-size: 16px;} .product-summary .product-meta li{font-size: 13px;} .product-summary .share-this{text-align: left;margin: 20px 0 0;} .product-btn-wrap{padding-top: 30px;} .product-btn-wrap .email, .product-btn-wrap .pdf, .product-btn-wrap .buy{font-size: 14px;padding: 5px 10px;} .product-detail{margin-top: 40px;} .detail-tabs .title{font-size: 14px;padding: 1px 15px;} .tab-panel-wrap{padding:20px 0;border: 0;} .goods-may-like .title{margin-top: 40px;margin-bottom: 30px;font-size: 20px;} .goods-may-like .layer-bd{position: relative;} .goods-may-like .swiper-slider{position: relative;} .goods-may-like .product_item .item_img{border: 0;} .goods-may-like .product_item .item_title{font-size: 14px;} .goods-may-like .product_item .item_title a{height: 2.4em;line-height: 1.2em;} .goods-may-like .swiper-control{position: static;} .goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next{margin: 0 5px;} .goods-may-like .swiper-button-prev, .goods-may-like .swiper-button-next{height: 32px;line-height: 32px;margin-left: 0;margin-right: 0;margin-top: -47px;background-color: rgba(0,0,0,.7);position: absolute;} .goods-may-like .swiper-button-prev:before, .goods-may-like .swiper-button-next:before{position: relative;top: -2px;} .goods-may-like .swiper-button-prev{left: 0;border-radius: 0 3px 3px 0;} .goods-may-like .swiper-button-next{right: 0;border-radius: 3px 0 0 3px;} } @media only screen and (max-width: 320px) { .side_product_item {width:100%;} } /*------------------------------- font start ----------------------------------*/ @font-face { font-family: 'fontawesome'; src: url("fonts/Font-Awesome/fontawesome-webfont.eot?v=4.5.0"); src: url("fonts/Font-Awesome/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/Font-Awesome/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("fonts/Font-Awesome/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("fonts/Font-Awesome/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("fonts/Font-Awesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; font-display: fallback; } @font-face { font-family: 'AkzidenzGrotesk-Light'; src: url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Light.eot?v=4.5.0"); src: url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Light.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Light.woff2?v=4.5.0") format("woff2"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Light.woff?v=4.5.0") format("woff"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Light.ttf?v=4.5.0") format("truetype"), url("fonts/AkzidenzGrotesk/AkzidenzGrotesk-Light.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'AkzidenzGroteskBE-BoldCn'; src: url("fonts/AkzidenzGrotesk/AkzidenzGroteskBE-BoldCn.eot?v=4.5.0"); src: url("fonts/AkzidenzGrotesk/AkzidenzGroteskBE-BoldCn.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/AkzidenzGrotesk/AkzidenzGroteskBE-BoldCn.woff2?v=4.5.0") format("woff2"), url("fonts/AkzidenzGrotesk/AkzidenzGroteskBE-BoldCn.woff?v=4.5.0") format("woff"), url("fonts/AkzidenzGrotesk/AkzidenzGroteskBE-BoldCn.ttf?v=4.5.0") format("truetype"), url("fonts/AkzidenzGrotesk/AkzidenzGroteskBE-BoldCn.svg") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'FRADM'; src: url("fonts/FRADM/FRADM.eot?v=4.5.0"); src: url("fonts/FRADM/FRADM.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("fonts/FRADM/FRADM.woff2?v=4.5.0") format("woff2"), url("fonts/FRADM/FRADM.woff?v=4.5.0") format("woff"), url("fonts/FRADM/FRADM.ttf?v=4.5.0") format("truetype"), url("fonts/FRADM/FRADM.svg") format("svg"); font-weight: bold; font-style: normal; } /*------------------------------- font end ----------------------------------*/ /*------------------------------- swiper-slide start ----------------------------------*/ .slider_banner {position:relative;overflow:hidden;} .swiper-container-no-flexbox .swiper-slide {float:left } .swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column } .swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0) } .swiper-container-multirow>.swiper-wrapper {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap } .swiper-container-free-mode>.swiper-wrapper {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto } .swiper-slide {-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform; } .swiper-invisible-blank-slide {visibility:hidden } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {height:auto } .swiper-container-autoheight .swiper-wrapper {-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;-o-transition-property:transform, height;transition-property:transform, height;transition-property:transform, height, -webkit-transform } .swiper-container-3d {-webkit-perspective:1200px;perspective:1200px } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {-webkit-transform-style:preserve-3d;transform-style:preserve-3d } .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10 } .swiper-container-3d .swiper-slide-shadow-left {background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-right {background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-top {background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-3d .swiper-slide-shadow-bottom {background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)) } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {-ms-touch-action:pan-y;touch-action:pan-y } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {-ms-touch-action:pan-x;touch-action:pan-x } .swiper-button-next, .swiper-button-prev {position:absolute;top:50%;width:55px;height:55px;line-height: 55px;text-align: center;margin-top:-27px;z-index:2;cursor:pointer;opacity:0;-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;font-size: 30px;background-color: #fff;border-radius: 2px;} .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {} .swiper-container:hover .swiper-button-prev {left:65px;} .swiper-container:hover .swiper-button-next {right:65px;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {cursor:auto;/*pointer-events:none;*/opacity: 0.3!important;filter: alpha(opacity=30);} .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:10px;right:auto } .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-size:cover;right:10px;left:auto } .swiper-button-prev:before, .swiper-container-rtl .swiper-button-next:before{content: '\f104';} .swiper-button-next:before, .swiper-container-rtl .swiper-button-prev:before{content: '\f105';} .swiper-button-lock {display:none } .swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:3 } .swiper-pagination.swiper-pagination-hidden {opacity:0 } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:10px;left:0;width:100% } .swiper-pagination-bullets-dynamic {overflow:hidden;font-size:0 } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66) } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33) } .swiper-pagination-bullet {width:auto;height:auto;padding: 2px;display:inline-block;vertical-align:middle;color:#ccc;border: 1px solid;background-color:transparent;border-radius: 50%;margin: 0 10px;background-clip: content-box;} button.swiper-pagination-bullet {border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none } .swiper-pagination-clickable .swiper-pagination-bullet {cursor:pointer } .swiper-pagination-bullet:before {content: '';display: block;width: 5px;height: 5px;border:3px solid;border-radius: 50%;} .swiper-pagination-bullet-active{color: #5ba395;} .swiper-pagination-bullet-active:before{background-color: #5ba395;} .swiper-pagination-white .swiper-pagination-bullet{color:#5ba395;} .swiper-pagination-white .swiper-pagination-bullet-active:before{background-color: #5ba395;} .swiper-container-vertical>.swiper-pagination-bullets {right:10px;top:50%;-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0) } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin:6px 0;display:block } .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px} .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display:inline-block;-webkit-transition:.2s top, .3s -webkit-transform; transition:.2s top, .3s -webkit-transform;-o-transition:.2s transform, .3s top;transition:.2s transform, .3s top;transition:.2s transform, .3s top, .3s -webkit-transform} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap } .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition:.2s left, .3s -webkit-transform; transition:.2s left, .3s -webkit-transform;-o-transition:.2s transform, .3s left;transition:.2s transform, .3s left;transition:.2s transform, .3s left, .3s -webkit-transform} .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {-webkit-transition:.2s right, .3s -webkit-transform;transition:.2s right, .3s -webkit-transform;-o-transition:.2s transform, .3s right;transition:.2s transform, .3s right;transition:.2s transform, .3s right, .3s -webkit-transform} .swiper-pagination-progressbar {background:rgba(0, 0, 0, .25);position:absolute } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top } .swiper-container-horizontal{overflow:hidden;} .swiper-container-horizontal>.swiper-pagination-progressbar {width:100%;height:4px;left:0;top:0 } .swiper-container-vertical>.swiper-pagination-progressbar {width:4px;height:100%;left:0;top:0 } .swiper-pagination-progressbar.swiper-pagination-white {background:rgba(255, 255, 255, .25) } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {background:#fff } .swiper-pagination-black .swiper-pagination-bullet-active {background:#000 } .swiper-pagination-progressbar.swiper-pagination-black {background:rgba(0, 0, 0, .25) } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {background:#000 } .swiper-pagination-lock {display:none } .swiper-scrollbar {border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, .1) } .swiper-container-horizontal>.swiper-scrollbar {position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98% } .swiper-container-vertical>.swiper-scrollbar {position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98% } .swiper-scrollbar-drag {height:100%;width:100%;position:relative;background:rgba(0, 0, 0, .5);border-radius:10px;left:0;top:0 } .swiper-scrollbar-cursor-drag {cursor:move } .swiper-scrollbar-lock {display:none } .swiper-zoom-container {width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain } .swiper-slide-zoomed {cursor:move } .swiper-lazy-preloader {width:80px;height:80px;line-height: 80px;font-size: 32px;text-align: center;position:absolute;left:50%;top:50%;margin-left:-40px;margin-top:-40px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite } .swiper-lazy-preloader:after {display:block;content:'';font-family: 'fontawesome';width:100%;height:100%; background-position:50%;background-size:auto;background-repeat:no-repeat;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAB2lBMVEUAAADk5OTT09Ohn5+vr6+tra3q6uq4uLjT09PZ2dnPz8+ioqKcmprKycmcm5vq6uqbmpqbm5vg4ODj4+PBwMDb29upqanb29ubm5udmpqhn5+fnp7m5ubGxMSxsbGurq6goKCtra20tLTu7u7i4uLb29vKycmpqanU1NS5ubni4uLq6uq4uLjBwMC5ubm5ubni4uLU1NTBwMDb29vU1NTKycnb29vGxMSxsbGhoKDi4uKcm5vj4+Oampre3t6dnJyqqqrU1NTV1dXj4+O5ubnf39+5ubnBwcHe3t6dnZ2wsLDS0tLh4eGjo6PCwsLn5+fV1dXh4eGwsLCoqKixsbHh4eGxsbGbm5vBwMCcm5vi4uKxsbHq6urp6enJyMibm5vJyMjh4eGin5+oqKidmpra2tqoqKiwsLDKycnBwMCin5+ioKCxsbGxsbHAwMCxsbGpqamcm5vi4uLJycmoqKixsbHb29uoqKjKycmdm5upqanBwMCxsbGbm5vb29upqanBwcGpqanAwMDKysrKysqoqKixsbGxsbHLyMjj4+PBwcGxsbHs7Ozs7OzAwMDLyMjJycmampqioKDU1NSxsbGbm5vi4uLBwMCpqanq6urKycm5ubmdm5vb29uH8NtIAAAAknRSTlMAAYCABAvu7gcaFxP68enQzSAKBPvz6OKaiF5NRUIxKikhEQ4I/f367+Xe2dnY0c+8srCvqp6dmZiXh3p1dHNjYVhWUlBMRD49Ozo4Ly8lHxL6+ff18vLy7u3q6ufh4Nva2NjW1NHQz8rFxcPBvbq6t7ewq6qppaWkoZqRkI+MiIeFgoF4eHZzcGRjYlBPTUovKxNNAhUAAAImSURBVDjLldFnW9pQGMbxO23SskWGggsEV20dtXVU6+hw1qrde++99957WQIhwHftkyMBkpNL6v/1Lznnug/4fqyvqMP/dCKdrsAy2abi0BLS6fQasJzTIu98Z5Lt80YY9cheXu5IJpPdRuiVZXmag7NJarwU1shUJbjuEmz3F6HkIRcC3/wekiNFGCZ3yAmLBgkeWACOs3kqXQSHDcC+6eEsqPhRkluB72zwF+ROiaAvQneiYF3I5Zr7HAC+MJhvmGAtIIVd2axHhFZ1jgqO2Gii7sG4DsWQPARh1JPVWrrqeDCnVT0Fc3+8jLnChUsyGfSZ4XnmvFEUqmPH283QRezIqGB46ZfNuT6YG8pmn3BL2neBb3fJC9q2r2Jta4JFUs1qVq2IzX/zbbSC1xbzbUGbDtvAJy7qnS3zx6uFPxbvaCtzxxXnsJynEaYW+lvUXs59UJT7Bur/7FYphxm2Koqy740EvV+nVS03N/k5RatqTADrnco6WQ9zkYsK6xFY7Fj3exsgTkpFFZsRIIxVMemE1mVVbenV7ue7kjo8p7uG/YlbIiC9aqXDxaVh7j3+Da3XqVTqLbBzQ9cEMJBIJD6Banx6OwJD9gDBr8C6TKYL+EjwYAxW9ZDr8EPIZDJrAekYyQErN5mifkKH+JagIrzzd5C7iSIULhG8zsN6coG5EoiZBNVgCZ+hFOKBJRT6Az1NRhi7sfc5lonm6UT5tME7J8D1D3H93Jv8FTiRAAAAAElFTkSuQmCC"); } .swiper-lazy-preloader-white:after { } @-webkit-keyframes swiper-preloader-spin {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @keyframes swiper-preloader-spin {100% {-webkit-transform:rotate(360deg);transform:rotate(360deg)}} .swiper-container .swiper-notification {position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000 } .swiper-container-fade.swiper-container-free-mode .swiper-slide {-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out } .swiper-container-fade .swiper-slide {pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity } .swiper-container-fade .swiper-slide .swiper-slide {pointer-events:none } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {pointer-events:auto } .swiper-container-cube {overflow:visible } .swiper-container-cube .swiper-slide {pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100% } .swiper-container-cube .swiper-slide .swiper-slide {pointer-events:none } .swiper-container-cube.swiper-container-rtl .swiper-slide {-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0 } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {pointer-events:auto } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {pointer-events:auto;visibility:visible } .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden } .swiper-container-cube .swiper-cube-shadow {position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0 } .swiper-container-flip {overflow:visible } .swiper-container-flip .swiper-slide {pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1 } .swiper-container-flip .swiper-slide .swiper-slide {pointer-events:none } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {pointer-events:auto } .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden } .swiper-container-coverflow .swiper-wrapper {-ms-perspective:1200px } .slider_banner .swiper-button-prev,.slider_banner .swiper-button-next{width: 55px;height: 70px;line-height: 70px;font-size: 70px;border-radius: 0px;margin-top: -35px;z-index: 3;background: none;color: #5ba395;} .slider_banner .swiper-button-prev {left:50px;} .slider_banner .swiper-button-next {right:50px;} .slider_banner .swiper-button-prev:after,.slider_banner .swiper-button-next:after{content: '';display: block;width: 0;height: 2px;background-color: #5ba395;position: absolute;left: 50%;bottom: 0;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;opacity: 0;filter: alpha(opacity=0);} .slider_banner:hover .swiper-button-prev,.slider_banner:hover .swiper-button-next{opacity: 1;filter: alpha(opacity=100);} .slider_banner .swiper-button-prev:hover:after,.slider_banner .swiper-button-next:hover:after{width: 100%;left: 0;opacity: 1;filter: alpha(opacity=100);} /*.slider_banner .swiper-button-prev:before{content: '\f053';} .slider_banner .swiper-button-next:before{content: '\f054';}*/ .slider_banner:hover .swiper-button-prev{left:70px;} .slider_banner:hover .swiper-button-next{right:70px;} .slider_banner .swiper-slide img {width:100%;} .slider_banner .swiper-slide img+img {position:absolute;left:0;top:0;} .slider_banner .swiper-slide img {width: 100%;transition: 3s linear;transform: scale(1.08);} .slider_banner .swiper-slide.swiper-slide-active img {transform: scale(1);} .slider_banner .swiper-pagination-white .swiper-pagination-bullet{margin: 0 8px;} /*ie*/ .swiper-container{overflow: hidden\9;} .swiper-container .swiper-wrapper{width: 20000%\9;} .swiper-slide{float: left\9;} .product_slider .product_item{width: 25%\9;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .swiper-container .swiper-wrapper{width:auto;} }} /*------------------------------- swiper-slide end ----------------------------------*/ /*------------------------------- entry-table start ----------------------------------*/ .entry {padding:15px 0;} .entry {color:#666;} .entry a {color:#0030FF;} .entry p {margin:0;padding:8px 0;font-size:13px;line-height:1.8;} .entry table {border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px;} .entry th, .entry td {height:30px;border:1px solid #ccc;text-align:left;line-height:1.5;font-size:12px;color:#666;background:#fbfbfb;padding:0 15px;} .entry th {font-size:12px;background:#eee;} .entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p {margin:0;padding:5px;color:#666;font-size:12px;line-height:1.3;} .entry td.amts {color:#cb2027;} .entry th#cartDelete {text-align:center;} .entry .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;} .entry .button:hover {background:#cb2027;color:#fff;} .entry .deletecartitem {width:50px;text-align:center;} .entry .deletecartitem label {display:none;} .entry .stotal td.amts {font-size:18px;font-weight:bold;} .entry img.alignleft {float:left;margin:20px 15px 0 0;} .entry img.alignright {float:right;margin:20px 0 0 15px;} .entry img.alignleftnopad {float:left;margin-left:0;} .entry img.alignrightnopad {float:right;margin-right:0;} .entry img.aligncenter {text-align:center;display:block;margin:20px auto 0 auto;} .entry img {max-width:100%;} .cartitem a {color:#292929;font-weight:bold;} .inquiry-form ul li {background:none;} .entry .inquiry-form-wrap {margin:20px 0 0;} .table_wrap {display:block;} .main table {position:relative;border-collapse: collapse;border-spacing: 0;width: 100%;margin-bottom:0 !important;} .main table th, .main table td {height: 30px;border: 1px solid #ccc;text-align: left;line-height: 1.5;font-size: 12px;color: #666;background: #fbfbfb;padding: 0 15px;} .main table th {font-size: 12px;background: #eee;} .main table td p, .main table th p, table td p, table th p {margin: 0;padding: 5px;color: #666;font-size: 12px;line-height: 1.3;} .main table td.amts {color: #cb2027;} .main table th#cartDelete {text-align: center;} /*------------------------------- entry-table end ----------------------------------*/ /* 鎼滅储(寮圭獥) */ /*------------------------------- search start ----------------------------------*/ .container { position: relative; min-height:100vh;} .search-ipt { border: 0; background: transparent; border-radius: 0; -webkit-appearance: none; } .web-search { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;visibility: hidden; } .web-search .btn--search-close { display: inline-block;font-size: 2em; position: absolute; top: 1.25em; right: 1.25em; display: none; background:url(img/search_btn_close.png) no-repeat center 0; width:50px;height:50px;cursor:pointer;} .web-search .btn--search-close:hover{background-position: center -50px;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);} .js .btn--search-close { display: block; } .web-search .search-ipt { font-family: inherit; line-height: 1; display: inline-block; box-sizing: border-box; width: 75%; padding: 0.05em 0; color: #333; border-bottom: 3px solid; font-size:20px; line-height:10px } .web-search .search-ipt::-webkit-input-placeholder {color: #333;font-weight: bold;} .web-search .search-ipt::-moz-placeholder {opacity: 1;color: #333;font-weight: bold;} .web-search .search-ipt:-ms-input-placeholder {color: #333;font-weight: bold;} .web-search .search-ipt::-webkit-search-cancel-button, .web-search .search-ipt::-webkit-search-decoration {-webkit-appearance: none;} .web-search .search-ipt::-ms-clear {display: none;} .web-search .search-attr { font-size: 90%;display: block; width: 75%; margin: 0 auto; padding: 0.85em 0; text-align: right; color: #333; } .js .container { position: relative; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out; } .js .main-wrap--move {height: 100vh; } .js .web-search { pointer-events: none; } .js .search--open { pointer-events: auto; opacity:1; visibility:visible;} .web-search .btn--search-close { opacity: 0;-webkit-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease; } .search--open .btn--search-close { opacity: 1; -webkit-transition: transform .3s ease;-o-transition: transform .3s ease;transition: transform .3s ease; -webkit-animation: bounceInA 1s ease;-o-animation: bounceInA 1s ease;animation: bounceInA 1s ease;} .search__suggestion, .web-search .search-attr { opacity: 0;-moz-transform: translate3d(0, 30px, 0); -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0);-moz-transition: opacity 0.8s, transform 0.8s; -webkit-transition: opacity 0.8s, transform 0.8s; -ms-transition: opacity 0.8s, transform 0.8s; -o-transition: opacity 0.8s, transform 0.8s; transition: opacity 0.8s, transform 0.8s; } .search--open .search-attr { opacity: 1;-moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); font-size:20px; } .js .web-search .search-ipt {font-size: 60px;font-weight: bold;border-bottom-width: 1px;padding: 15px 0;-moz-transform: scale3d(0, 1, 1); -webkit-transform: scale3d(0, 1, 1); -ms-transform: scale3d(0, 1, 1); -o-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1);-moz-transform-origin: 0% 50%; -webkit-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%;-moz-transition: transform .3s; -webkit-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s; opacity: 0;text-transform: uppercase;} .js .web-search .search-ipt,.web-search .search-attr {-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;transition-delay: 0.4s;} .js .search--open .search-ipt {-moz-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);opacity: 1;-moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .js .search--open .search-btn { display:none !important; } .web-search .search-attr{padding-bottom: 0;} .js .web-search{width: 70%;height: 210px;position: fixed;left: 0;top: 0;right: 0;bottom: 0;padding: 35px 0;margin: auto;border-radius: 8px;z-index: 100001;perspective: 1200px;} .js .web-search::before {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;border-radius:8px;opacity: 0;background: rgba(255, 255, 255, 0.98);background-color: #fff\9;-webkit-transform:translateY(-30%) rotateX(-60deg);-ms-transform:translateY(-30%) rotateX(-60deg);-o-transform:translateY(-30%) rotateX(-60deg);transform:translateY(-30%) rotateX(-60deg);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .js .search--open::before {opacity: 1;-webkit-transform: none;-ms-transform: none;-o-transform: none;transform: none;} .main-wrap--move:after{content: '';display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);position: fixed;left: 0;top: 0;z-index: 100000;} /*------------------------------- search end ----------------------------------*/ /*------------------------------- scrollsidebar start ----------------------------------*/ .scrollsidebar, .scrollsidebar a {font-size:12px;color:#999;font-family:Arial, Helvetica, sans-serif;} .scrollsidebar {position:absolute;z-index:30;top:150px;right:0;} .show_btn {width:38px;height:192px;overflow:hidden;cursor:pointer;display:block;overflow:hidden;background:url(img/custom_service/show_btn.png) no-repeat center center;position: absolute;right: 0;top: 0;} .side_content {width:0;height:auto;overflow:hidden;float:left;} .side_content .side_list {width:140px;overflow:hidden;border:1px solid #dadada;border-radius:8px;position:relative;background:#FFF;} .side_content .side_list .hd img {width:100%;border-bottom:1px solid #dadada;} .side_content .side_list .cont li {height:40px;line-height:40px;border-bottom:1px solid #dadada;list-style:none;position:relative;} .side_content .side_list .cont li a {position:relative;display:block;padding:0 0 0 43px;text-decoration:none;} .side_content .side_list .cont li a:before {content:"";position:absolute;display:block;overflow:hidden;top:0;left:10px;width:25px;height:40px;background-repeat:no-repeat;background-position:center center;} .side_content .side_list .cont li .email:before {background-image:url(img/custom_service/icons01.png);} .side_content .side_list .cont li .skype:before {background-image:url(img/custom_service/icons02.png);} .side_content .side_list .cont li .inquiry:before {background-image:url(img/custom_service/icons03.png);} .side_content .side_list .cont li .qq:before {background-image:url(img/custom_service/icons04.png);} .ww {margin-left:-30px;} .side_content .side_list .t-code {padding:10px 10px 7px;border-bottom:1px solid #dadada;} .side_content .side_list .t-code img {width:100%;} .side_content .side_list .side_title {height:30px;line-height:30px;padding:0 12px;} .side_content .side_list .side_title .close_btn {background:url(img/custom_service/close.png) no-repeat center center;width:12px;height:30px;position:absolute;bottom:0;right:10px;cursor:pointer;} .side_content .side_list .side_title .close_btn span {display:none;} /*------------------------------- scrollsidebar end ----------------------------------*/ /*inquiry*/ .inquiry-pop-bd{position:fixed;left:50%;top:50%;margin:-300px 0 0 -275px;width:550px;height:500px;background:#FFF;box-shadow:0 0 10px rgba(255, 255, 255, .5);display:none;z-index:2000;} .inquiry-pop-bd:before{content:"";position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0, 0, 0, .7);z-index:-1;} .inquiry-pop-bd .inquiry-pop {position:absolute;width:100%;height:100%;left:0;top:0;padding:22px;z-index:1;background:#FFF;-webkit-animation:fadeInDownA .4s ease;-o-animation:fadeInDownA .4s ease;animation:fadeInDownA .4s ease;} .inquiry-pop-bd .inquiry-pop .ico-close-pop {position:absolute;right:-10px;top:-10px;width:30px;height:30px;background:url(img/custom_service/fancy_close.png) no-repeat center center;cursor:pointer;z-index:1;} .inquiry-form-wrap {position:relative;height: 420px;width: 100.5%;} .ad_prompt {position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none;} @media screen and (max-width: 550px) { .inquiry-pop-bd{width: auto;left: 10px;right: 10px;top: 10px;bottom: 10px;margin: auto;} .inquiry-pop-bd .inquiry-pop{padding:10px;} .scrollsidebar {display:none;} } /*------------------------------- language start ----------------------------------*/ .prisna-wp-translate-seo{display:none;font-family:Arial, Helvetica, sans-serif;} .mobile-head-language .prisna-wp-translate-seo,.change-language .prisna-wp-translate-seo{display:block} .change-language .change-language-title, .change-language .change-language-title a {font-size:10pt;} .change-language .change-language-title {padding:0;} /*.change-language .change-language-title a:after {font-family: 'fontawesome';content:"\f0d7";font-size:12px;display:inline-block;padding-left: 2px;}*/ .change-language:hover .change-language-title a:after {-moz-transform:rotate(-360deg);-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);} .change-language .change-language-cont {position:absolute;top:36px;right:0;width:360px;background:#FFF;padding:20px 10px 20px 20px;transform: scale3d(0.9, 0.9, 1);opacity:0;visibility:hidden;z-index:999;-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 #eee;border-radius:5px;overflow-y:scroll;max-height:80vh;} .change-language:hover .change-language-cont {transform: scale3d(1, 1, 1);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;} .change-language .change-language-cont li a:hover{color: #75c0c7;} .change-language .change-language-cont .lang-item-hide {display:none !important;} .change-language .change-language-cont .lang-more {position:relative;display:block;text-align:center;cursor:pointer;line-height: 30px;} .change-language .change-language-cont .more-active{font-size: 20px;} .language-flag span{position:relative;display:inline-block;vertical-align:top; *display:inline;*zoom:1;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; *display:inline;*zoom:1; background-repeat:no-repeat;background-image:url(img/all-m.gif);width:22px;height:16px;margin:-8px 5px 0;} li.language-flag a{position:relative;} .language-flag-en .country-flag { background-position: 0 -256px !important; } /*------------------------------- language end ----------------------------------*/ /*------------------------------- animation start ----------------------------------*/ .animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .animated.infinite {-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .animated.hinge {-webkit-animation-duration:2s;animation-duration:2s} @-webkit-keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInLeftA{0%{opacity:0;-webkit-transform:translate3d(-20%,0,0);-ms-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}} .fadeInLeftA{-webkit-animation-name:fadeInLeftA;animation-name:fadeInLeftA} @-webkit-keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInUpA{0%{opacity:0;-webkit-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}} .fadeInUpA{-webkit-animation-name:fadeInUpA;animation-name:fadeInUpA} @-webkit-keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInRightA{0%{opacity:0;-webkit-transform:translate3d(20%,0,0);-ms-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}} .fadeInRightA{-webkit-animation-name:fadeInRightA;animation-name:fadeInRightA} @-webkit-keyframes twinkling{0%{opacity:0;}100%{opacity:1;}} @-webkit-keyframes OrangePulse {from {background-color: rgba(210,174,109,.2);-webkit-box-shadow: 0 0 10px rgba(210,174,109,1);}50% {background-color: rgba(210,174,109,1);-webkit-box-shadow: 0 0 10px rgba(210,174,109,1);}to {background-color:rgba(210,174,109,.2);-webkit-box-shadow: 0 0 10px rgba(210,174,109,1);}} @-webkit-keyframes swing{20%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}40%{-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg)}60%{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}80%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} @-webkit-keyframes jump{0%{-webkit-transform:translateY(0);}25%{-webkit-transform:translateY(-20%);}50%{-webkit-transform:translateY(0);}75%{-webkit-transform:translateY(-10%);}100%{-webkit-transform:translateY(0);}} @keyframes jump{0%{transform:translateY(0);}25%{transform:translateY(-20%);}50%{transform:translateY(0);}75%{transform:translateY(-10%);}100%{transform:translateY(0);}} @-webkit-keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} @keyframes bounceInA{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);-ms-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);-ms-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);-ms-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}} .bounceInA{-webkit-animation-name:bounceInA;animation-name:bounceInA;-webkit-animation-duration:.75s;animation-duration:.75s} @-webkit-keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}} @keyframes fadeInDownA{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}} .fadeInDownA{-webkit-animation-name:fadeInDownA;animation-name:fadeInDownA} @keyframes fadeInA{0%{opacity:0;}100%{opacity:1;}} .fadeInA{-webkit-animation-name:fadeInA;animation-name:fadeInA} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY} /*------------------------------- animation end ----------------------------------*/ .cont { padding: 10px 0; color: #666666;line-height:36px; } .content{border: 1px solid #e4eaec; padding: 8px; background-color: rgba(243, 247, 249, .3); } .content span{ font-size: 20px; color: #333; font-weight: bold;} .content div{ font-size: 18px; color: #666; line-height: 30px;} .form-control { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: -webkit-box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear; -o-transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear; transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear } .has-success .form-control {border-color: #46be8a;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)} .has-success .form-control:focus { border-color: #369b6f; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #91d9ba; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #91d9ba } .has-success .input-group-addon { color: #46be8a; background-color: #fff; border-color: #46be8a } .has-success .form-control-feedback { color: #46be8a } .has-success .form-control { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) } .has-success .form-control:focus { border-color: #46be8a; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(70, 190, 138, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(70, 190, 138, .6) } .has-success .form-control.focus, .has-success .form-control:focus { border-color: #46be8a; -webkit-box-shadow: none; box-shadow: none } .form-group { margin-bottom: 20px; } .form-control { display: block; width: 100%; height: 36px; padding: 6px 15px; font-size: 14px; line-height: 1.57142857; color: #76838f; background-color: #fff; background-image: none; border: 1px solid #e4eaec; border-radius: 3px; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s } .form-control:focus { border-color: #46be8a; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(98, 168, 234, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(98, 168, 234, .6) } .form-control.focus, .form-control:focus { border-color: #46be8a; -webkit-box-shadow: none; box-shadow: none } .form-control::-moz-placeholder { color: #a3afb7; opacity: 1 } .form-control:-ms-input-placeholder { color: #a3afb7 } .form-control::-webkit-input-placeholder { color: #a3afb7 } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #f3f7f9; opacity: 1 } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed } textarea.form-control { height: auto } input[type=search] { -webkit-appearance: none } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle } .input-group-addon { padding: 6px 15px; font-size: 14px; font-weight: 400; line-height: 1; color: #76838f; text-align: center; background-color: #f3f7f9; border: 1px solid #e4eaec; border-radius: 3px } .input-group-addon.input-sm { padding: 6px 13px; font-size: 12px; border-radius: 2px } .input-group { position: relative; display: table; border-collapse: separate; } .input-group-addon.input-lg { padding: 10px 18px; font-size: 18px; border-radius: 4px } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group-addon { display: table-cell; } .met-feedback .container {max-width: 800px;} .met-feedback .met-feedback-body { padding: 30px; background: #ffffff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .btn-primary { color: #fff; border-color: #292929; background-color: #292929; } .btn-squared { border-radius: 0; } .btn { display: inline-block; padding: 6px 15px; margin-bottom: 0; font-size: 14px; font-weight: 300; line-height: 1.57142857; text-align: center; white-space: nowrap; vertical-align: middle; width: 100%; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; } @media (max-width: 767px) { .met-feedback .met-feedback-body { padding: 0px; } } @media (max-width: 767px) { .met-feedback { padding: 0px; } } .met-editor { padding: 30px; background: #ffffff; width: 100%; max-width: 100%; font-size: 18px; line-height: 1.8; color: #222; word-wrap: break-word; } @media (max-width: 767px) { .met-shownews { padding: 0px; } .met-shownews .met-shownews-header { padding-top: 20px; } } .met-shownews .met-shownews-body { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .met-shownews .met-news-body { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .met-shownews .met-editor .postbody { width: 100%!important; } .met-shownews .met-shownews-header, .met-shownews .met-shownews-footer { padding: 0 30px; background: #ffffff; } @media (max-width: 767px) { .met-shownews .met-shownews-header, .met-shownews .met-shownews-footer { padding: 10px; } } .met-shownews .met-shownews-header { padding-bottom: 0px; } .met-shownews h1 { margin: 0px; margin-bottom: 5px; font-size: 32px; } @media (max-width: 767px) { .met-shownews h1 { font-size: 20px; } } .met-shownews .info { padding-bottom: 15px; border-bottom: 1px solid #f0f2f5; font-size: 16px; font-weight: 300; color: #a3afb7; } .met-shownews .info span { padding-right: 10px; } @media (max-width: 767px) { .met-editor { padding: 10px; } .met-shownews .info { padding-bottom: 20px; } } .met-shownews .met-shownews-footer { padding-top: 0px; } .met-shownews .met-shownews-footer ul.pager { margin: 0px; border-top: 1px solid #f0f2f5; padding-top: 20px; } .aui-flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; padding: 15px 0; position: relative; border-bottom: 1px solid #f5f5f5; } .aui-flex-box { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; min-width: 0; font-size: 14px; color: #333; } .aui-flex-box h4{ font-size:15px; color:#474747; margin-bottom:20px; } .aui-flex-box h5{ font-size:13px; color:#494949; font-weight:normal; margin-bottom:10px; } .aui-flex-box p{ font-size:12px; color:#494949; font-weight:normal; margin-bottom:10px; } .aui-flex-box span{ display: block;} .aui-flex-box span em{ border:1px solid #ebebeb; color:#484848; font-size:12px; border-radius:3px; padding:10px; font-style:normal; } .img-box img{opacity:0} .img-box{background-position:center center;background-color: #f6f6f6;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;background-repeat: no-repeat;} .setInput{ width: 33px;} .pageBtns,.setInput{ position: relative; display: inline-block; vertical-align: top; padding: 0 12px; border: 1px solid #ccc; height: 33px; margin: 0 4px; text-align: center; border-radius: 3px; 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)); -webkit-transition: none; -o-transition: none; transition: none;} /* 鍒嗛〉 */ a{text-decoration:none;} *{padding:0; margin:0; list-style:none;} address,cite,em {font-style:normal;} .page_tp{margin:27px auto;text-align:center;height:32px;line-height:32px;} .page_op_txt{border:1px solid #ccc;height:30px;line-height:30px;padding:0px 10px;display:inline-block;color:#333333;font-size:12px;font-family:"寰蒋闆呴粦";margin-right:10px;display:inline-block;margin-left:10px;outline:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} .page_tp span{color:#6d6d6d;font-size:12px;font-family:"寰蒋闆呴粦";display:inline-block} .red_pcd{width:40px;height:28px;line-height:28px;color:#6d6d6d;font-size:12px;font-family:"寰蒋闆呴粦";border:1px solid #ccc;padding-left:5px;margin-right:10px;margin-left:10px;display:inline-block;margin-top:1px;outline:none;text-align:center;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} .red_pcd1{width:46px;height:30px;border:1px solid #e5e5e5;color:#333;font-size:12px;font-family:"寰蒋闆呴粦";background:none;cursor:pointer !important;margin-left:10px;display:inline-block;margin-top:1px;background:#efefef;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} .page_tp em{display:inline-block;margin-right:10px;} .page_op_txtu{color:#bbb;} .page_tp em a{border:1px solid #e5e5e5;height:30px;line-height:30px;width:36px;display:inline-block;color:#333333;font-size:13px;font-family:"寰蒋闆呴粦";text-align:center;margin:0px 5px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} .page_tp em a.on{border:1px solid #b6b6b6;color:#fff;background:#b6b6b6;font-weight:bold;} .links,.links a{color:#fff;}