﻿@charset "utf-8";


/* *{font-family: 'Opensans-Regular';} */
html, div{outline:0;}
.w{width: 980px; margin:0 auto; min-width:899px;}
.hide{display:none;}
.imgbox{display:block; overflow:hidden;}
.imgbox img{max-width:100%; max-height:100%;}
input,textarea{outline: none;}
input[type=submit]{cursor: pointer;}
/*#main.w>.fl{width:190px;}*/

body{background:#fff;width: 100%;height: 100%;max-width: 1920px;margin:0 auto;overflow-x: hidden;position: relative;}
.wrap{width:1720px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.text-over{-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.over{overflow: hidden;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.table{width: 100%;height: 100%;display: table;}
.table-cell{display: table-cell;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.block{display: block;}
.hidden{display: none;}
.visible-hidden{visibility: hidden;opacity: 1;}
.middle{vertical-align: middle;}
.middleImg img{vertical-align: middle;}
.middleImg .mid-ilb{vertical-align: middle;display: inline-block;}
.middleImg span{height: 100%;vertical-align: middle;display: inline-block;}
.relative{position: relative;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.center-vertical{position: relative;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.trans-show{-o-transition:all .5s;transition:all .5s;-webkit-transition:all .5s;opacity: 0;visibility: hidden;}
.trans-show.visable{opacity: 1;visibility: visible;}
.trans{-webkit-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.imgZoom img{-o-transition: all .4s;transition: all .4s;-webkit-transition: all .4s;}
.imgZoom img:hover{-ms-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
.pointer{cursor: pointer;}
.flow-shadow{-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.flow-shadow:hover{transform:translate3d(0, -2px, 0);-webkit-transform:translate3d(0, -2px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;}
.clear_gt_991{clear: both;}
.border-box{-webkit-box-sizing: border-box;box-sizing: border-box;}
*.hoverColor{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
*.hoverColor:hover{color: #16b6d2!important;}
.show-pc-block{display: block!important;}
.show-pc-inline-block{display: inline-block!important;}
.show-mb-block{display: none!important;}
.show-mb-inline-block{display: none!important;}
a:hover{text-decoration: none;}

.headerTop{line-height: 60px;background: #222226;}
.headerTop *{font-size: 16px;color: #fff;font-family: "Lato-Regular";}
.headerTop .langWrapper{float: left;position: relative;}
.headerTop .langWrapper .topLang{}
.headerTop .langWrapper .otherLang{position: absolute; top: 100%;left:0; width: 130px;z-index: 1;background: #fff;padding:5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;display: none;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3);box-shadow: 0 5px 10px rgba(0,0,0,.3)}
.headerTop .langWrapper .otherLang .langName{display: block;line-height: 24px;font-size: 14px;color: #000;}
.headerTop .langWrapper:hover .otherLang{display: block;}
.headerTop .headerInfo{float: right;}
.headerTop .headerInfo img{vertical-align: middle;margin-right: 5px;}
.headerTop .headerInfo .headerInquiry{display: inline-block;margin-left: 35px;}
.headerTop .headerInfo .headerInquiry span{color: #16b6d2;}
.headerTop .headerInfo .headerUser{display: inline-block;}
.headerTop a:hover{color: #16b6d2;}

.header_Top{margin-right:20px;display: inline-block;vertical-align: middle;}
.header_Top *{font-size: 16px;color: #fff;}
.header_Top .wel{background: #0a152d;padding-right: 8%;}
.header_Top .wel:after{position: absolute;right: 100%;top: 0;height: 100%;width: 240px;background: #0a152d;content: '';}
.header_Top .langWrapper{float:none;display: inline-block;position: relative;margin-left: 35px;}
.header_Top .langWrapper .topLang{}
.header_Top .langWrapper .otherLang{position: absolute; top: 100%;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); width: 130px;z-index: 1;background: #fff;padding:5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;display: none;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3);box-shadow: 0 5px 10px rgba(0,0,0,.3)}
#header .header_Top .langWrapper .otherLang .langName{display: block;line-height: 24px;font-size: 14px;color: #000;}
.header_Top .langWrapper:hover .otherLang{display: block;}
.header_Top .headerInfo{float: right;}
.header_Top .headerInfo img{vertical-align: middle;margin-right: 5px;}
.header_Top .headerInfo .headerInquiry,.headerTel,.headerEmail{display: inline-block;margin-left: 35px;}
.header_Top .headerInfo .headerInquiry a{font-size: 14px;}
.header_Top .headerInfo .headerInquiry span{font-size: 14px;color: #b97a56;}
.header_Top .headerInfo .headerUser{display: inline-block;}
.header_Top .headerInfo .headerUser a{font-size: 14px;}
.header_Top a:hover{color: #b97a56;}

.headerNav{-webkit-box-sizing: border-box;box-sizing: border-box;height: 137px;}
.headerNav .logo{width: 15.12%;max-width: 260px;height: 137px;}
.headerNav .head-nav{width: 63.95%;max-width: 1100px;margin-top: 60px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-justify-content: space-around;-ms-flex-pack: distribute;justify-content: space-around;}
.headerNav .head-nav .n_item{max-width: 150px;position: relative;}
/*.headerNav .head-nav .n_item + .n_item{margin-left: 30px;}*/
.headerNav .head-nav .n_item .topName{line-height: 1;padding: 0 0 20px;font-size: 16px;font-family: "Oswald-Regular";border-bottom: 3px solid transparent;text-transform: uppercase;}
.headerNav .head-nav .n_item .navSub{width: 242px;background: #fff;position: absolute;top:55px;left:50%;-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);box-shadow: 0 0 10px rgba(0,0,0,.1);padding:20px 30px;-webkit-box-sizing: border-box;box-sizing: border-box;opacity: 0;z-index: -1}
.headerNav .head-nav .n_item .navSub .subName{display: block;line-height: 1.8;font-size: 14px;text-transform: capitalize;}
/*.headerNav .head-nav .n_item .navSub .subName + .subName{margin-top: 10px;}*/
.headerNav .head-nav .n_item:hover .topName{border-bottom: 3px solid #0db7c6;}
.headerNav .head-nav .n_item:hover .navSub{opacity: 1;z-index: 100;}
.search-form{width: 20.93%;max-width: 360px;padding:0 20px;margin-top: 50px;-webkit-box-sizing: border-box;box-sizing: border-box;background: #f2f3f9;border-radius: 100px;}
.search-form form input{border:none;float: left;}
.search-form .text{height: 40px;width: calc(100% - 25px);background: none;font-size: 14px;color: #b3b3b8;}
.search-form .sub_btn{width: 20px;height: 40px;background: url('icon_search.png') no-repeat center;}

.index-banner .bx-controls-direction{display: none;}
/*.index-banner .bx-wrapper .bx-pager{bottom: 2%;}*/
.index-banner .bx-wrapper .bx-pager.bx-default-pager a{position: relative;width: 21px;height: 21px;background: none;opacity: 1;border-radius: 50px;border:2px solid rgba(255,255,255,.6);margin: 0 20px;}
.index-banner .bx-wrapper .bx-pager.bx-default-pager a:after{position: absolute;right: 0;left: 0;bottom: 0;top: 0;width: 7px;height: 7px;background: none;margin:auto;border-radius: 100px;content: '';}
.index-banner .bx-wrapper .bx-pager.bx-default-pager a:hover{background: none;}
.index-banner .bx-wrapper .bx-pager.bx-default-pager a.active{background: none;border-color: #16b6d2;}
.index-banner .bx-wrapper .bx-pager.bx-default-pager a.active:after{background: #16b6d2;}

.index-module{padding:90px 0;}
.index-module .i-title{position: relative;line-height: 1;margin-bottom: 40px;padding-bottom: 43px;text-align: center;font-size: 48px;color: #29293a;font-family: "Oswald-Regular";text-transform: uppercase;}
.index-module .i-title:after{position: absolute;left: 0;right: 0;bottom: 0;margin:auto;width: 80px;height: 3px;background: #16b6d2;content: '';}

.index-why{}
.index-why .box{width: 20%;margin-left: 6.5%;}
.index-why .box:first-child{margin-left: 0%;}
.index-why .box .num{width: 115px;line-height: 115px;margin: 0 auto 25px;font-size: 50px;color: #f36276;font-family: "Oswald-Regular";border:2px solid #d5d7df;border-radius: 100px;}
.index-why .box:hover .num{border-color: transparent;color: #fff;-webkit-box-shadow: 0 0 7px 3px rgba(54, 54, 54, 0.3);box-shadow: 0 0 7px 3px rgba(54, 54, 54, 0.3);background: -webkit-radial-gradient(at 0% 30%, #4bbed6 0%, #69d8e7 50%);background: -o-radial-gradient(at 0% 30%, #4bbed6 0%, #69d8e7 50%);background: radial-gradient(at 0% 30%, #4bbed6 0%, #69d8e7 50%);}
.index-why .box .tit{line-height: 1;font-size: 26px;color: #29293a;font-family: "Oswald-Regular";}
.index-why .box .b_line{width: 60px;height: 2px;margin:30px auto 40px;background: #3eb0cd;}
.index-why .box .bf{line-height: 2;font-size: 16px;color: #8b8b8b;}

.index-case{}
.index-case .list{}
.index-case .list .box{width: 31.5%;}
.index-case .list .box + .box{margin-left: 2.5%;}
.index-case .list .box .pic{border-radius: 13px;overflow: hidden;font-size: 0px;}
.index-case .list .box .tab{line-height: 1.5;margin: 30px 0 10px;}
.index-case .list .box .tab span{padding: 3px 12px;background: -webkit-gradient(linear,left top, right top,from(#4abcd4), to(#71ddea));background: -webkit-linear-gradient(left,#4abcd4, #71ddea);background: -o-linear-gradient(left,#4abcd4, #71ddea);background: linear-gradient(to right,#4abcd4, #71ddea);font-size: 12px;color: #fff;font-family: "Oswald-Regular";border-radius: 100px;}
.index-case .list .box .name{font-size: 20px;color: #333;font-family: "Oswald-Regular";}
.index-case .more{max-width: 250px;width: 90%;line-height: 3;margin-top: 90px;background: #ec5c42;font-size: 18px;color: #fff;text-transform: uppercase;border-radius: 100px;font-family: "Oswald-Regular";}
.index-case .more:hover{opacity: .9;}

.index-about{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding: 0;background: #f2f3f9;}
.index-about .pic{width: 50.2%;font-size: 0;}
.index-about .words{width: 33%;margin-left: 5%;}
.index-about .words .title{line-height: 1;font-size: 48px;color: #333;font-family: "Oswald-Regular";margin: 0 0 25px;}
.index-about .words .title_2{line-height: 1.7;font-size: 20px;color: #333;font-family: "OpenSans-Bold";}
.index-about .words .w_line{width: 72px;height: 2px;line-height: 1.7;margin:30px 0;background: #91ba26;}
.index-about .words .bf{font-size: 20px;color: #8b8b8b;line-height: 1.7;font-style: italic;}
/*.index-about .words .more{font-size: 13px;color: #242424;text-transform: uppercase;font-weight: bold;border:1px solid #bdbab7;max-width: 167px;width: 100%;line-height: 39px;margin-top: 30px;}*/

.index-product{background: #f2f3f9;}
.index-product .list{}
.index-product .list .swiper-slide .box{padding-bottom: 30px;background: #fff;-o-transition: all .2s .1s;transition: all .2s .1s;-webkit-transition: all .2s .1s;border:1px solid #f2f3f9;border-radius: 5px;}
.index-product .list .swiper-slide .box:hover{border-color: #16b6d2;-webkit-box-shadow:0 0px 10px 1px rgba(22, 182, 210, 0.3);box-shadow:0 0px 10px 1px rgba(22, 182, 210, 0.3);}
.index-product .list .swiper-slide .pic{}
/*.index-product .list .swiper-slide .pic img{transition: all .8s;-webkit-transition: all .8s;}*/
.index-product .list .swiper-slide .name{height: 50px;line-height: 1.5;font-size: 18px;color: #29293a;margin: 20px 0;}
.index-product .list .swiper-slide .det{display: inline-block;font-size: 16px;color: #f36276;text-transform: uppercase;border-bottom: 1px solid #f6b9b1;}
.index-product .swiper-container{padding: 10px;}
.ipro-pagination{text-align: center;}
.ipro-pagination{margin-top: 35px;}
.ipro-pagination .swiper-pagination-bullet{position: relative;width: 21px;height: 21px;background: none;opacity: 1;border-radius: 50px;border:2px solid #9a9a9a;margin: 0 20px;}
.ipro-pagination .swiper-pagination-bullet:after{position: absolute;right: 0;left: 0;bottom: 0;top: 0;width: 7px;height: 7px;background: none;margin:auto;border-radius: 100px;content: '';}
.ipro-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: none;border-color: #29293a;}
.ipro-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{background: #29293a;}

.swiper-hd{}
.swiper-hd .pointer{position: absolute;top: 30%;z-index: 10;width: 55px;height: 55px;border-radius: 100px;background: #ccc no-repeat center;}
.swiper-hd .lb{background-image: url(icon_arrow.png);left: 10%;}
.swiper-hd .rb{background-image: url(icon_arrow.png);right: 10%;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.swiper-hd .pointer:hover{background-color: #0faac5;}

/*.index-info{padding:40px 0 60px;}*/
.swiper-inews{max-width: 1050px;width: 100%;margin:0 auto;}
.index-info .list .item{}
.index-info .list .item .img{width: 37.14%;margin-right: 5%;}
.index-info .list .item .info{width: 57.14%;}
.index-info .list .item .info .title{line-height:1; padding:0 0 5px;margin-bottom: 10px; font-size:20px;color: #29293a;font-family: "Oswald-Regular";}
.index-info .list .item .info .time{margin-bottom: 20px;font-size: 16px;color: #838386;}
.index-info .list .item .info .desc{ line-height:1.75;font-size:14px;color:#29293a;height: 75px;margin-bottom: 60px;}
.index-info .list .item .info .desc.none{display: none;}
.index-info .list .item .info .more{font-size: 16px;color: #f36276;text-transform: uppercase;border-bottom: 1px solid #f6b9b1;}

#ueeseo_info .themes_title{}

#footer{background: #0faac5;}
#footer .foot-wrap{width: 1206px;}
#footer .box{width: 33.33%;padding:4% 2%;-webkit-box-sizing: border-box;box-sizing: border-box;}
#footer .box + .box{border-left: 1px solid #4bbfd4;}
#footer .box img{margin-right: 20px;}
#footer .box .right{padding-top: 15px;max-width: 75%;}
#footer .box .ti{line-height: 1;font-size: 22px;color: #fff;font-family: "Oswald-Regular";margin-bottom: 20px;text-transform: uppercase;}
#footer .box .txt{line-height: 1.5;font-size: 16px;color: #fff;font-family: "Lato-Regular";}
#footer .friendship-link{margin: 15px 0;}
#footer .friendship-link .title{font-size: 15px;color: #fff;margin-right: 3%;font-weight: bold;width: 10%;}
#footer .friendship-link .list{width: 85%;}
#footer .friendship-link .list a{font-size: 16px;color: #fff;width: 9%;margin-right: 1%;}
#footer .box .right .share{ margin-top: 20px;}
#footer .box .right .share .foot_share_box{background-image: url(icon_follow_1.png);margin-right: 0;}

#copymsg{font-size: 16px;color: #fff;font-family: "Lato-Regular";padding:45px 0;border-top: 1px solid #4bbfd4;}
#copymsg a{color: #fff;font-family: "Lato-Regular";}

.wrap-module *{}

#position{font-size: 14px;color: #7d7d7d;}
#position a{font-size: 14px;color: #7d7d7d;}
.product-detail .position_bg{background: #f3f3f3;}
.product-detail .ueeshop_responsive_position{width: 96%;max-width: 1200px;margin:0 auto;}
.product-detail .wrap{max-width: 1200px;}
.wrap-righter-style .ueeshop_responsive_position .title{font-size: 30px;color: #1f1f1f;height: 35px;line-height: 35px;}
.wrap-righter-style .ueeshop_responsive_position .position{height: 35px;line-height: 35px;}
.wrap-righter-style .ueeshop_responsive_position .position a{font-size: 14px;color: #7d7d7d;}

.wrap-righter-style .cate_info{ margin-bottom: 29px; width: 100%;}
.wrap-righter-style .cate_info .cate_title{ margin-bottom: 15px; width: 80%; height: 35px; line-height: 35px; font-size: 26px; color: #29293a;}
.wrap-righter-style .cate_info .cate_brief{ width: calc(100% - 20%);}

body .ueeshop_responsive_article_feedback .article_feedback_title .title{}
.article-content .art-title{height: 35px;margin: 30px 0;font-size: 22px;color: #333;text-align: center;}
.wrap-module .ueeshop_responsive_position{margin-bottom: 25px;border-bottom: none;}
.art-menu-wrap-style{margin-bottom: 45px;}
.art-menu-wrap-style .menu{text-align: center;}
.art-menu-wrap-style .menu ul li{display: inline-block;font-size: 15px;color: #222;margin:0 25px;}

.product-list{margin: 0 auto 30px;}
.product-list .pro_cate{float: left;width: 100%;}
.product-list .pro_cate .page_name{position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular";}
.product-list .pro_cate .page_name:after{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}
.product-list .pro_cate .first_cate{height: 51px;line-height: 51px;position: relative;padding-right: 15px; overflow:hidden;cursor: pointer;}
.product-list .pro_cate .first_cate a{font-size: 18px;}
.product-list .pro_cate .first_cate .border{width: 37px;border-bottom: 1px solid #333;}
.product-list .pro_cate .son_cate{display: none;}
.product-list .pro_cate .list.on .son_cate{display: block;}
.product-list .pro_cate .list.on .first_cate{background: url(pro_cate_icon_on.png) no-repeat center right;}
.product-list .pro_cate .son_cate .item:first-child{border-top: none;}
.product-list .pro_cate .son_cate .item{height: 49px;line-height: 49px;border-top: 1px solid #e2e2e2;}
.product-list .pro_cate .son_cate .item a{font-size: 13px;color: #909090;}
/*.product-list .pro_cate .son_cate .item:hover,*/
/*.product-list .pro_cate .son_cate .item.on{color: #16b6d2;}*/
.product-list .pro_cate .son_cate .item:hover a,
.product-list .pro_cate .son_cate .item.on a,
.product-list .pro_cate .son_cate .item a.on,
.product-list .pro_cate .son_cate .subcate3 a.sia:hover{color: #16b6d2;}
.product-list .pro_cate .son_cate .subcate3{margin-bottom: 10px;}
.product-list .pro_cate .son_cate .subcate3 a.sia{display: block;font-size: 12px;color: #909090;text-indent: 15px;line-height: 200%;}

.product-list .pro_cate .leftContent .relate{ margin-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-list .pro_cate .leftContent .relate *{-webkit-box-sizing: inherit;box-sizing: inherit;}
.product-list .pro_cate .leftContent .relate .title{ position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular";}
.product-list .pro_cate .leftContent .relate .title:before{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}
.product-list .pro_cate .leftContent .relate .list{ margin-top: 33px; background: none;}
.product-list .pro_cate .leftContent .relate .list .row{ margin-bottom: 15px;}
.product-list .pro_cate .leftContent .relate .list .row a{display: inline-block;vertical-align: middle;}
.product-list .pro_cate .leftContent .relate .list .row .img{width: 35%;margin-right: 5%;padding:3px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
/*.product-list .pro_cate .leftContent .relate .list .row:hover .img{ border-color: #fd5657;}*/
.product-list .pro_cate .leftContent .relate .list .row .row_txt{ width: 55%;}
.product-list .pro_cate .leftContent .relate .list .row .name{ width: 100%; font-size: 14px;color: #555;line-height: 20px;vertical-align: top;}
.product-list .pro_cate .leftContent .relate .list .row .price{ font-size: 14px;color: #555;line-height: 20px; margin-top: 5px;}
.product-list .pro_cate .leftContent .relate .list .row .btn{ margin-top: 10px; width: 100%; font-size: 14px; color: #f36276; text-decoration: underline; -webkit-text-transform: uppercase; text-transform: uppercase;}

.product-list{/*padding-top: 35px;*/}
.product-list .ueeshop_responsive_products_list{margin-top: 0;padding-top: 5px;}
.product-list .ueeshop_responsive_products_list .item{width: 25%;margin-bottom: 50px;}
.product-list .ueeshop_responsive_products_list .item .pro{width: 90%;}
.product-list .ueeshop_responsive_products_list .item .pro{padding-bottom: 30px;background: #fff;-o-transition: all .2s .1s;transition: all .2s .1s;-webkit-transition: all .2s .1s;border:1px solid #f2f3f9;border-radius: 5px;}
.product-list .ueeshop_responsive_products_list .item .pro:hover{border-color: #16b6d2;-webkit-box-shadow:0 0px 10px 1px rgba(22, 182, 210, 0.3);box-shadow:0 0px 10px 1px rgba(22, 182, 210, 0.3);transform:translate3d(0, -2px, 0);-webkit-transform:translate3d(0, -2px, 0);}
.product-list .ueeshop_responsive_products_list .item:hover img{-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.product-list .ueeshop_responsive_products_list .item .info .more{display: inline-block;font-size: 16px;color: #f36276;text-transform: uppercase;border-bottom: 1px solid #f6b9b1;}
.product-list .ueeshop_responsive_products_list .item .info{text-align: center;}

body .ueeshop_responsive_products_detail .gallery .left_small_img .pic_box.on{border:1px solid #16b6d2;}
.ueeshop_responsive_products_detail .info .name{}
/*.product-detail .ueeshop_responsive_products_detail .info .button > a,*/
.product-detail .ueeshop_responsive_products_detail .info .button .download_button > span{background: none!important;}
.product-detail .description .desc_txt{line-height: 250%;}
#global_editor_contents{}

body .ueeshop_responsive_products_detail .description .title{padding: 10px 0 0;}
.product-detail .ueeshop_responsive_products_detail .description .title{border: none;}
.product-detail .ueeshop_responsive_products_detail .description .title span{font-size: 30px;color: #1f1f1f;position: relative;background: #fff;margin-right: 0;padding-right: 15px;}
.product-detail .ueeshop_responsive_products_detail .description .title span:after{position: absolute;width: 10000px;left: 100%;top: 13px;height: 1px;background: #e3e3e3;margin-left: 20px;content: '';}

body .ueeshop_responsive_case_list .item .img{ margin: 0 auto; width: 50%;}
body .ueeshop_responsive_case_list .item .info{ margin: 0 auto; width: 50%;}

.ueeshop_responsive_download_list ul li:hover{color: #16b6d2;}
.ueeshop_responsive_download_list ul li a:hover{background-color: #16b6d2;}
.g_member{position: static;}

.menu-in-left{padding-top: 30px;}
.menu-in-left .menu-wrap-style{width: 20%;float: left;}
.menu-in-left .wrap-righter-style{width: 77.75%;float: right;}
.menu-wrap-style .menu{font-family: 'AccordAlternate-Light';}
/*.menu-wrap-style .menu .m-title{font-size: 19px;color: #191919;margin-bottom: 15px;}*/
.menu-wrap-style .menu .m-title{position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular"; overflow: hidden;}
.menu-wrap-style .menu .m-title:after{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}
.menu-wrap-style .menu .cate-top{margin-bottom: 30px;font-size: 30px;color: #1f1f1f;}
.menu-wrap-style .menu h3{margin-bottom: 10px;}
.menu-wrap-style .menu h3 a{font-size: 16px;color: #1f1f1f;}
.menu-wrap-style .menu h3 a:hover{color: #16b6d2;}
/*.menu-wrap-style .menu h3 a.on{color: #e39f59;text-decoration: underline;}*/
.menu-wrap-style .menu .sublist{line-height: 250%;margin-bottom: 15px;}
.menu-wrap-style .menu .sublist li{}
.menu-wrap-style .menu .sublist li a{font-size: 16px;color: #737373;}
.menu-wrap-style .menu .sublist li a:before{width: 13px;height: 13px;border:1px solid #737373; display: inline-block;vertical-align: middle;margin-right: 10px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s; content: '';display: none;}
.menu-wrap-style .menu .sublist li a.on{color: #16b6d2;}
/*.menu-wrap-style .menu .sublist li a.on:before{border-color: #16b6d2;background: #16b6d2;}*/
.menu-wrap-style .menu .sublist li a:hover{color: #16b6d2;}
.menu-wrap-style .menu .sublist li a:hover:before{}
.menu-wrap-style .menu .sublist li.v3{padding-left: 20px;}
.menu-wrap-style .menu .sublist li.v3 a{}
.menu-wrap-style .menu .sublist li.v3 a:before{display: none;}

.menu-wrap-style .related{ margin-top: 22px; width: 100%;}
.menu-wrap-style .related .r_title{ position: relative;margin-bottom: 10px;font-size: 22px;height: 55px;line-height: 55px;text-transform: uppercase;font-family: "Oswald-Regular"; text-transform: uppercase;}
.menu-wrap-style .related .r_title:after{position: absolute;bottom: 0;left: 0;width: 37px;height: 3px;background: #16b6d2;content: '';}
.menu-wrap-style .related .r_list{ margin-top: 5px; width: 100%;}
.menu-wrap-style .related .r_list .item{ padding: 16px 0 19px; border-bottom: 1px solid #e5e5e5;}
.menu-wrap-style .related .r_list .item:first-child{ border-top: 0;}
.menu-wrap-style .related .r_list .item .img{ display: block; width: 100%; text-align: center;}
.menu-wrap-style .related .r_list .title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; line-height: 24px; font-size: 18px; color: #555; text-decoration: none; overflow: hidden;}
.menu-wrap-style .related .r_list .author{ margin-top: 6px; width: 100%; height: 21px; line-height: 21px; font-size: 14px; color: #989898; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.menu-wrap-style .related .r_list .brief{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 8px; width: 100%; line-height: 20px; font-size: 14px; color: #888; word-break: break-all; overflow: hidden;}

.wrap-module .ueeshop_responsive_products_detail_review .review_form h1{font-size: 30px;color: #1f1f1f;text-align: center;margin-bottom: 35px;}

/* ������ϸ(�Ƽ�����) */
.rale_news{ padding-bottom: 56px; width: 100%;}
.rale_news .news_title{ width: 100%; height: 30px; line-height: 30px;}
.rale_news .news_title .title{ font-size: 22px; color: #191919; font-family: 'PlayfairDisplay-Regular';}
.rale_news .news_title .read_btn{ font-size: 14px; color: #888;}
.rale_news .news_title .read_btn span{ font-size: 14px; color: #888; font-family: cursive; font-weight: bold;}
.rale_news .list{ display: grid; grid-template-columns: repeat(4, 23.25%); -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 23px; width: 100%;}
.rale_news .list .item{ }
.rale_news .list .item .img{ display: block; width: 100%; text-align: center; text-decoration: none; overflow: hidden;}
.rale_news .list .item .title{ display: -webkit-box; margin-top: 15px; line-height: 21px; font-size: 16px; color: #333; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.rale_news .list .item .time{ margin-top: 8px; width: 100%; height: 21px; line-height: 21px; font-size: 14px; color: #989898;}
.rale_news .list .item .brief{ display: -webkit-box; margin-top: 6px; line-height: 24px; font-size: 14px; color: #888; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.rale_news .list .item:hover .img img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rale_news .list .item:hover .title{ color: #0faac5;}

.download-list{}

.download-list .related{ margin-top: 22px; padding-bottom: 20px; width: 100%;}
.download-list .related .r_list{ margin-top: 5px; width: 100%;}
.download-list .related .r_list .item{ margin-top: 20px; width: 100%;}
.download-list .related .r_list .item:first-child{ border-top: 0;}
.download-list .related .r_list .title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 11px; width: 100%; line-height: 20px; font-size: 16px; color: #000; text-decoration: none; overflow: hidden;}
.download-list .related .r_list .time{ margin-top: 11px; width: 100%; height: 20px; line-height: 20px; font-size: 14px; color: #989898; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.download-list .related .r_list .brief{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 7px; width: 100%; line-height: 23px; font-size: 14px; color: #888; word-break: break-all; overflow: hidden;}

body .ueeshop_responsive_turn_page span{width: auto;min-width: 54px;}
body .ueeshop_responsive_turn_page span a, body .ueeshop_responsive_turn_page span font{width: 100%;}


@media (max-width: 1720px){
    .wrap{width: 96%;}
    .swiper-hd .lb{left: 0;}
    .swiper-hd .rb{right: 0;}
}

@media (max-width: 1440px){
    .index-about .words{width: 46%;margin-left: 3%;}
}

@media (max-width: 1280px){
    .index-about .words{margin-top: 0;}
    #footer .foot-wrap{width: 96%;}
}

@media (max-width: 1024px){
    .swiper-hd{display: none;}
}

@media (max-width: 991px){
    .show-pc-block,
    .show-pc-inline-block,
    .hide-991{display: none!important;}
    .show-mb-block{display: block!important;}
    .show-mb-inline-block{display: inline-block!important;}
    .clear_991{clear: both;}
    .clear_gt_991{clear: none;}

    .index-banner{margin-top: 0;}
    .index-banner .bx-wrapper .bx-pager.bx-default-pager a{width: 14px;height: 14px;margin:0 10px;}
    .index-module{padding: 40px 0;}
    .index-module .i-title{font-size: 34px;margin-bottom: 30px;padding-bottom: 25px;}

    .index-why .box{width: 48%;margin:0 0 25px;}
    .index-why .box + .box{margin-left: 4%;}
    .index-why .box .num{width: 85px;line-height: 85px;font-size: 36px;}
    .index-why .box .tit{font-size: 20px;}
    .index-why .box .b_line{margin: 20px auto;}
    .index-why .box .bf{font-size: 14px;}

    .index-case .list .box .tab{margin-top: 15px;}
    .index-case .more{margin-top: 30px;line-height: 2;max-width: 200px;}

    .index-about{display: block;padding:0 0 20px;}
    .index-about .pic{float: none;width: 100%;text-align: center;margin-bottom: 20px;}
    .index-about .words{float: none;width: 90%;max-width: 550px;margin: 0 auto;}
    .index-about .words .bf{text-align: left;}
    .index-about .words .more{margin:30px auto 0;}

    #footer .box{width: 100%;float: none;}
    #footer .box + .box{border:none;}
    #footer .box .right{padding-top: 0;}
    #footer .box .ti{margin-bottom: 10px;}
    #copymsg{padding: 15px 0;line-height: 1.6;}
    #footer .friendship-link .list a{width: 13%;}
    .product-list .ueeshop_responsive_products_list .item{width: 50%;margin-bottom: 25px;}
    .product-list .ueeshop_responsive_position{margin-bottom: 0;}

    .index-info .list .item .info .desc{margin-bottom: 25px;}
}
@media (max-width: 768px){
    .art-menu-wrap-style{display: none;}
    .menu-in-left .menu-wrap-style{display: none;}
    .menu-in-left .wrap-righter-style{float: none;width: 100%;}
    
    .rale_news .list{ grid-template-columns: repeat(2, 46.5%);}

    .index-why .box .tit{-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
    .index-why .box .bf{height: 56px;overflow: hidden;}

    body .ueeshop_responsive_case_list .item .img{ width: 98%;}
    body .ueeshop_responsive_case_list .item .info{ width: 98%;}
}

@media (max-width: 640px){
    /*.mobile-nav .li a{font-size: 18px;}*/
    .clear_991{clear: none;}
    .clear_640{clear: both;}

    .index-banner .swiper-pagination-bullet{width: 7px;height: 7px;}
    .index-case .list .box .name{font-size: 22px;}
    .index-product .list .swiper-slide .name{margin-top: 10px;}

    .index-module .index-title-0{text-align: center;margin-bottom: 15px;font-size: 24px;}
    .index-case{padding: 30px 0;}
    .index-case .list .box .pic{padding-top: 0;}
    .ipro-pagination{display: none;}

    .index-case .list .box{width: 100%;margin: 0 0 35px;}
    .index-case .list .box + .box{margin: 0 0 35px;}
    /*.index-case .list .box .pic{padding-top: 6%;}*/

    /*.index-about{padding: 30px 0;}*/
    .index-about .words .title{font-size: 30px;margin:20px 0;}
    .index-about .words .bf{font-size: 16px;}
    .index-about .words .title_2{font-size: 16px;}
    .index-about .words .w_line{margin: 15px 0;}
    .index-about .words .more{max-width: 100%;margin-top: 15px;}

    .index-info .list .item .img{float: none;width: 100%;margin:0 0 20px;text-align: center;}
    .index-info .list .item .info{float: none;width: 100%;}

    #footer{}
    #footer .friendship-link{margin-top: 30px;}
    #footer .friendship-link .title{width: 100%;float: none;text-align: center;margin-bottom: 10px;}
    #footer .friendship-link .list{width: 100%;float: none;}
    #footer .friendship-link .list a{width: 19%;}
}


@media (max-width: 450px){
    /*.mobile-nav .m-search .btn_submit{background-size: contain;}*/

    .index-case .list .box{width: 100%;max-width: 420px;float: none;margin:0 auto 20px;}
    .index-case .list .box + .box{margin:0 auto 20px;}

    .index-product .list .box{width: 100%;margin: 0 0 15px;float: none;}
    .index-product .list .box + .box{margin: 0 0 15px;}

    #footer .friendship-link .list a{width: 24%;text-align: center;margin: 0 .5% 5px;}
}

.home_wrap{width: 1200px; margin: 0 auto; }

a,a:hover{text-decoration:none;}

/* base */

/* header start */
#header{background: #3e4d5a;height: 38px;}

#header .header_right{line-height: 38px;font-size: 14px;}
#header .header_right a{color: #fff;}

#header .header_right .sep{padding-left: 17px;padding-right: 14px;color: #898989;}

#header .header_right .lang_box{display:inline-block; position:relative; }
#header .header_right .lang_box .mainlang{color:#fff;}
#header .header_right .lang_box .slidelang{position:absolute; top:100%; left:-96%; width:300%; z-index:1; background:#fff; -webkit-box-shadow:0px 0px 3px #ccc; box-shadow:0px 0px 3px #ccc; opacity:0; visibility:hidden; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; padding:7px 0px; max-height: 585px; overflow-y: auto;}
#header .header_right .lang_box .slidelang::-webkit-scrollbar{display: none;}
#header .header_right .lang_box .slidelang a{display:block; width:100%; height:25px; line-height:25px; text-align:center; color:#333; padding:7px 0px; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
#header .header_right .lang_box:hover .slidelang{opacity:1; visibility:visible;}
#header .header_right .lang_box .slidelang a:hover{color:#8893b9;}
/* header end */

/* nav start */
#nav{ height: 86px; font-family:"Roboto-Regular"; position: relative;}
#nav .header_in{ width: 100%; background: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
#nav .header_in.fixed{ position: fixed; left: 0; top: 0; z-index: 100;}

#nav  .home_wrap{height: 86px;}
#nav .nav_logo_box{height: 86px;line-height: 86px;max-width: 220px;overflow: hidden;}
#nav .nav_logo_box>a{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;}
#nav .nav_logo_box img{}
#nav .nav_list_box{width: calc(100% - 220px);font-size: 0;text-align: right;}
.nav_box{display: inline-block;height: 86px; line-height: 86px; width:80%; vertical-align: middle;}
.nav_box .n_item{display: inline-block; vertical-align: middle;  float: none;margin-right: 30px; text-align: center;}
.nav_box .n_item>a{color: #3e4d5a; font-size: 16px; padding: 0px; font-family: "Roboto-Regular"; text-transform: uppercase;}

.default_nav_style .small_nav_sec .nav_sec_item a, .default_nav_style .small_nav_sec .nav_sec_item dt a{font-size: 16px;}
.default_nav_style .nav_sec,.default_nav_style .small_nav_sec .nav_thd_list,.default_nav_style .small_nav_sec .nav_four_item{background:rgba(255,255,255,.8);}
.default_nav_style .small_nav_sec .nav_sec_box,.default_nav_style .nav_sec .nav_sec_box{background: none;}

.default_nav_style .nav_sec .nav_thd_list{text-align: left;}
/*
#nav .nav_list_box ul {height: 86px;line-height: 86px;}
#nav .nav_list_box ul li{position: relative;display: inline-block;margin-right: 60px;text-align: center;font-size: 16px;padding: 0;}

#nav .nav_list_box ul li a{color:#3e4d5a;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#nav .nav_list_box ul li:hover div{opacity: 1;visibility: visible;}
#nav .nav_list_box ul li div{z-index: 100;min-width: 160px;opacity: 0;transition: all .5s;position: absolute;top: 80px;text-align: left;background: rgba(255,255,255,.8);box-sizing: border-box;padding: 15px 10px 20px;line-height: 28px;box-shadow: 0 0 10px rgba(0,0,0,.1);visibility: hidden;}

#nav .nav_list_box ul li div a{color: #0c1c47;display:block;overflow: hidden;height: 42px;line-height:42px;max-width: 150px;transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s; }
#nav .nav_list_box ul li div a:hover{color: #8893b9;} */
#nav .nav_list_box .search_box{ margin: 0px 10px;}
#nav .nav_list_box .search_box a{text-decoration:none}
#nav .nav_list_box .search_box{ display: inline-block;vertical-align: middle;height: 86px;line-height: 100%;margin: 0px 10px;position: relative;}
#nav .nav_list_box .search_box a{ text-decoration:none}
#nav .nav_list_box .search_box .trans{ position: absolute; opacity: 0; top: 50%; right: 0; width: 250px; height: 42px; background: #fff; pointer-events: none; border-bottom: 1px solid #8893b9; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#nav .nav_list_box .search_box .trans .text{ padding-left: 10px; width: 80%; height: 100%; background: none; border: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
#nav .nav_list_box .search_box .trans .sub_btn  { cursor: pointer; width: 15%; height: 100%; background: url(search.png) no-repeat center / 50% auto; border: 0;}

#nav .nav_list_box .icon_inq{display: block; width: 19px; height: 86px; background: url(icon_inq.png) no-repeat center; background-size: 100%; margin: 0px 10px; filter: invert(1);}
#nav .nav_list_box .default_shopping_cart{width: 23px; height: 86px; background-size: 100%; margin: 0px 10px;}

/* nav end */
/* footer start */
#footer{font-family: "arial";background-color: #3e4d5a;border-top: solid 5px #f9be26;}
#footer .top{padding-top: 50px;padding-bottom: 130px;}

#footer .top .top_left{vertical-align: middle;float: left;width: 30%;color: #cacfdd;}
#footer .top .top_left .footer_logo{height: 36px;padding-bottom: 30px;}
#footer .top .top_left .footer_logo img{}
#footer .top .top_left a{display: inline-block;color: #f9be26;}
#footer .top .top_left p{font-size: 14px;line-height: 24px;}
#footer .top .top_left  .footer_left_to{padding: 10px 0;}
#footer .top .top_right{width: 60%;}
#footer .top .top_right dl{width: 30%;-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 12%;   }
#footer .top .top_right dl:last-of-type{width: 40%;}
#footer .top .top_right dl dt{overflow: hidden;line-height: 50px;color: #fff;font-family: "Roboto-Regular";font-size: 16px;}
#footer .top .top_right dl dd{overflow: hidden;width: 100%;height: 30px;}
#footer .top .top_right dl dd a{color: #cacfdd;line-height: 30px;vertical-align: middle;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
#footer .top .top_right dl dd a:hover{color: #f9be26; }
#footer .bot {padding-bottom: 40px;color: #f0f1f3;}
#footer .bot .power a{color: #f0f1f3;}

/* responsive edit */
.ueeshop_responsive_header .header .logo{padding:0px !important;}
.ueeshop_responsive_header .header .logo img{max-height:30px !important;}

@media screen and (max-width: 1330px) and (min-width: 992px){
	.home_wrap{width: 100%;padding: 0 15px;-webkit-box-sizing: border-box;box-sizing: border-box;}
  
    #nav .nav_logo_box{/* width: 30%; */display: inline-block;}
    #nav .nav_list_box{width: 77%;}
    #nav .nav_list_box{padding-left: 100px;-webkit-box-sizing: border-box;box-sizing: border-box; }
    #nav .nav_list_box ul{width: 92%;
           }
    #nav .nav_list_box ul li{ /* width: auto; */ /* padding: 0px 2%; */ }
    #nav .nav_list_box ul li a{display: inline-block;width: auto;}
    #footer .top .top_left p{padding-top: 12px; }
    #footer .top .top_right dl{padding-left: 10%;}
    #footer .top .top_right dl:last-of-type{width: 40%; }
    #footer .top .top_right {}
}
    @media screen and (max-width: 991px){
    	.home_wrap{width: 100%;padding: 0 15px;-webkit-box-sizing: border-box;box-sizing: border-box;}
        #header,#nav{display: none;}
        #footer{height: auto;}
        #footer .top{padding-top: 20px;}
        #footer .top .top_left{width: 100%;}
        #footer .top .top_left .footer_logo{height: 60px;}
        #footer .top .top_left p{padding-top: 12px;}
        #footer .top .top_right{width: 100%;}
        #footer .top .top_right dl{width: 100%;max-height: 50px;overflow: hidden;padding-left: 0;cursor: pointer;border-bottom: solid 1px #898989;font-size: 14px;}
        #footer .top .top_right dl:last-of-type{width: 100%;}
        #footer .top .top_right dt{position: relative;}
        #footer .top .top_right .footer_open_icon{position: absolute;width: 18px;height: 18px;top: 50%;right: 3%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);background:url(footer_icon.png) center center no-repeat no-repeat;-webkit-transition: .3s all;-o-transition: .3s all;transition: .3s all;
        }
        #footer .top .top_right dd{padding-left: 10px;font-size: 14px;}
        #footer .top .top_right dl dd a:hover{color: #cacfdd;}
        #footer .top .top_right dd:last-child{padding-bottom: 8px;}
        #footer .top .top_right .foot_share {padding-bottom: 8px;}
        #footer .bot{font-size: 12px;}
    
        #footer .bot .copy{}
    }

/* footer end */


