charset "utf-8";

*,body, html, h1, h2, h3, h4, h5, h6, big, small, sub, sup, input, select, textarea{font-family: 'Refsan-Regular';}
html, div{outline:0;}
cite, em, strong, i{font-style:normal;}
.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;}background:url(../images/bg.jpg) repeat-x;.wrap{width:1200px; margin:0 auto; zoom:1;}*/

body{background:#f7f3ed;width: 100%;height: 100%;max-width: 1920px;margin:0 auto;overflow-x: hidden;position: relative;}
.wrap{width:988px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.text-over{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;}
.text-upper{text-transform: uppercase;}
.text-underline:hover{text-decoration: underline;}
.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%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.trans-show{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; transition:all 300ms ease 0s;}
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom img:hover{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
.pointer{cursor: pointer;}
.flow-shadow{-webkit-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{box-sizing: border-box;}
*.hoverColor{-webkit-transition:all .3s;transition:all .3s;}
*.hoverColor:hover{color: #6d9493!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;}
body.flex-foot-bottom{display: flex;flex-direction: column;}
.flex-foot-bottom .header,
.flex-foot-bottom .footer,
.flex-foot-bottom .top-cateogry,
.flex-foot-bottom .wrap-banner,
.flex-foot-bottom .bread{flex: 0 0 auto;}
.flex-main-content{flex: 1 0 auto;}
/*.wow{visibility: hidden;}*/
/*.iconfont{font-family:"iconfont";font-style:normal;vertical-align: middle;}*/
a:hover{text-decoration: none;}

.page-topper{top: 0;left: 0;width: 100%;z-index: 100;}
#header .wrap{display: flex;flex-direction: row;justify-content: space-between;align-items: center;height: 100px;}
#header .wrap:after,
#header .wrap:before{display: none;}
#header{}
#header .lang-change{/*margin-right: auto;*/font-size: 13px;color: #fff; }
#header .lang-change .cur-lang{}
#header .lang-change .cur-lang img{margin-left: 3px;}
#header .lang-change .down-select{background: #fff;left: 0;top: 100%;border-radius: 6px;margin-top: 10px;border: 1px solid #b0b0b0;}
#header .lang-change .down-select a{padding: 8px 10px;font-size: 12px;border-bottom: 1px solid #b0b0b0;}
#header .lang-change .down-select a:hover{background: #f8f8f8;}
#header .lang-change:hover .down-select{visibility: visible;opacity: 1;}
#header .contact{/*margin-left: auto;*/font-size: 13px;color: #fff; }
#header .contact img{margin-right: 5px;}

#nav{}
#nav .wrap{position: relative;border-top:1px solid rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.6);}
#nav .list{}
#nav .list .a{padding-right: 70px;}
#nav .list .a:first-child{padding-left: 35px;}
#nav .list .a:last-child{padding-right: 0;}
#nav .list .a > a{font-size: 14px;color: #fff;height: 60px;line-height: 60px;text-transform: capitalize;}
#nav .list .a .nav-child{width: 144px;background: #fff;left: 0;top: 100%;margin-left: -10px;}
#nav .list .a .nav-child a{height: 34px;line-height: 34px;padding:0 10px;font-size: 13px;color: #333;text-transform: capitalize;}
#nav .list .a .nav-child a + a{border-top: 1px solid #efefef;}
#nav .list .a .nav-child a:hover{background: #b26753;color: #FFFFFF;}
#nav .list .a:hover .nav-child{visibility: visible;opacity: 1;}
#nav .right{display: flex;justify-content: space-around;align-items: center;width: 18%;height: 100%; position: absolute; right: 0; top: 0;}
#nav .right .icon{cursor: pointer;display: inline-block;}
#nav .right .icon.inq span{top: -7px;right: -7px;background: #fa4e56;color: #fff;font-size: 10px;width: 16px;height: 16px;line-height: 16px;border-radius: 100px;}
#nav .right .search{width: 100%;border-radius: 4px;overflow: hidden;}
#nav .right .search .text{width: 80%;height: 40px;text-indent: 10px;border:none;}
#nav .right .search .sub_btn{width: 20%;height: 40px;background: #fff url(../images/icon_head_search_b.png) no-repeat center;border: none;}

.index-list{font-size: 0;border-bottom: 3px solid #fff;}
.index-list .box{width: 33.3333%;}
.index-list .box .txt{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;top: 0;left: 0;font-size: 30px;font-weight: bold;color: #FFF;text-shadow: #cd3436 0.05em  0 0, #cd3436 0 0.05em  0, #cd3436 -0.03em  0 0, #cd3436 0 -0.03em  0;font-family: "Raleway-Regular";}
.index-list .box .txt a{font-size: 12px;color: #fff;margin-top: 10px;font-family: "Raleway-Regular";}
.index-list .box img{transition: all .3s;}
.index-list .box:hover img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}

.owl-animated-out {
 -webkit-animation:scaleUp 2s forwards cubic-bezier(.7,0,.3,1);
 animation:scaleUp 2s forwards cubic-bezier(.7,0,.3,1)
}
.owl-animated-in {
 -webkit-animation:scaleDownUp 2s forwards cubic-bezier(.7,0,.3,1);
 animation:scaleDownUp 2s forwards cubic-bezier(.7,0,.3,1)
}
@-webkit-keyframes scaleUp {
 from {
 }
 to {
  -webkit-transform:scale(1.2);
  opacity:0
 }
}
@keyframes scaleUp {
 from {
 }
 to {
  -webkit-transform:scale(1.2);
  transform:scale(1.2);
  opacity:0
 }
}
@-webkit-keyframes scaleDownUp {
 from {
  opacity:0;
  -webkit-transform:scale(.9)
 }
 to {
  opacity:1;
  -webkit-transform:scale(1)
 }
}
@keyframes scaleDownUp {
 from {
  opacity:0;
  -webkit-transform:scale(.9);
  transform:scale(.9)
 }
 to {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@-webkit-keyframes scaleDown {
 from {
 }
 to {
  opacity:0;
  -webkit-transform:scale(.9)
 }
}
@keyframes scaleDown {
 from {
 }
 to {
  opacity:0;
  -webkit-transform:scale(.9);
  transform:scale(.9)
 }
}
@-webkit-keyframes scaleUpDown {
 from {
  -webkit-transform:scale(1.2)
 }
 to {
  opacity:1;
  -webkit-transform:scale(1)
 }
}
@keyframes scaleUpDown {
 from {
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
 }
 to {
  opacity:1;
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
.index-banner{}
.index-banner .item{}
.index-banner .item .word{top: 30%;left: 0;width: 100%;font-family: "Raleway-Regular";transform: translateY(20px);}
@media (min-width:992px) {
    .index-banner .item .word.visable{transform: translateY(0);}
}
.index-banner .item .word .title{font-size: 80px;color: #fff;}
.index-banner .item .word .brief{font-size: 15px;color: #fff;line-height: 170%;max-width: 590px;margin:20px 0;}
.index-banner .item .word a{font-size: 14px;color: #fff;width: 183px;height: 50px;line-height: 50px;border:1px solid #fff;background: rgba(255,255,255,.3);}
/*.owl-carousel .owl-item img{-webkit-transform-style:preserve-3d}*/
.owl-carousel .owl-dots {
 text-align:center;
 -webkit-tap-highlight-color:transparent;
 transform:translate3d(-50%,0,0);
 -webkit-transform:translate3d(-50%,0,0);
 position:absolute;
 bottom:10px;
 left:50%
}
.owl-carousel .owl-dots .owl-dot {
 display:inline-block;
 zoom:1;
 *display:inline
}
.owl-carousel .owl-dots .owl-dot span {
 width:10px;
 height:10px;
 margin:5px 7px;
 background:rgba(255,255,255,.3);
 ;
 display:block;
 -webkit-backface-visibility:visible;
 transition:opacity 200ms ease;
 border-radius:30px
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
 background:#fff
}


#footer{background: #000;padding-top: 30px;}
#footer .foot-list{}
#footer .foot-list a{font-size: 12px;color: #8d8d8d;margin:0 20px;}
#footer .foot-list a:hover{text-decoration: underline;color: #494949;}
#footer .friendship-link{width: 100%;max-width: 500px;margin:0 auto;}
#footer .friendship-link .title{font-size: 15px;color: #8d8d8d;margin: 15px 0 8px;}
#footer .friendship-link .list{}
#footer .friendship-link .list a{font-size: 16px;color: #8d8d8d;width: 24%;margin-right: 1%;margin-bottom: 10px;}
#footer .friendship-link .list a.pic{background: #fff;}
#copymsg{font-size: 12px;color: #8d8d8d;padding:10px 0 30px;}
#copymsg a{font-size: 12px;color: #8d8d8d;text-decoration: underline;}

.in_ad{height: 203px;background: #fff no-repeat center/cover;}
.wrap-module .ueeshop_responsive_position{border-bottom: none;}
.wrap-module .ueeshop_responsive_position .title{font-size: 24px;color: #333;}
.wrap-module .ueeshop_responsive_position .position{font-size: 12px;color: #888;}
.wrap-module .ueeshop_responsive_position .position a{font-size: 12px;color: #888;}
.wrap-module .ueeshop_responsive_position .position a:first-child{background: url(../images/icon_home.png) no-repeat right center;line-height: 9px;display: inline-block;width: 11px;text-indent: 100px;overflow: hidden;}

.menu-wrap-style{border-bottom: 1px solid #ededed;padding-bottom: 5px;margin-bottom: 30px;}
.menu-wrap-style .menu{}
.menu-wrap-style .menu .cate-top{display: none;}
.menu-wrap-style .menu .sublist{display: none;}
.product-list .menu-wrap-style .menu .sublist{display: block;}
.product-list .menu-wrap-style .menu .sublist{}
.product-list .menu-wrap-style .menu .sublist a:before{display: none;}
.menu-wrap-style .menu{}
.menu-wrap-style .menu a{font-size: 15px;color: #333;margin-right: 30px;margin-bottom: 10px;float: left;}
.menu-wrap-style .menu a:before{display: inline-block;vertical-align: middle;border-radius: 4px;width: 5px;height: 5px;margin-right: 5px;background: #000;content: "";}
.menu-wrap-style .menu a.on,
.menu-wrap-style .menu a:hover{text-decoration: underline;}
/*background: #FFF;background:url(../images/bg.jpg) repeat-x;*/
.product-list{background:#f7f3ed;}
.product-list #plist .contents .box{width:20%;margin:0 2.5% 35px;/*width:24%;margin:0 .5% 30px;*/}
.product-list .contenter #plist .contents .box .name{margin-top: 10px;}
.product-list .contenter #plist .contents .box .name a{font-size: 13px;color: #333;}
.product-list .contenter #plist .contents .box .layer{width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: center;justify-content: center;}
.product-list .contenter #plist .contents .box .layer .more{width: 140px;font-size: 13px;color: #3e3e3e;height: 30px;line-height: 30px;background: rgba(255,255,255,.7);}
.product-list .contenter #plist .contents .box .pic:hover .layer{opacity: 1;visibility: visible;}

.index-pro{padding: 45px 0;}
.index-pro .list_top{ width: 100%; height: 64px; border-bottom: 1px solid #ededed;}
.index-pro .list_top .title{ float: left; width: 50%; text-align: left; font-size: 20px; height: 55px; line-height: 55px; color: #555; max-width: 60%; overflow: hidden; text-transform: uppercase;}
.index-pro .list_top .btn_list{ width: 85px; height: 100%;}
.index-pro .list_top .btn_list div{ width: 50%; height: 100%; text-align: center;}
.index-pro .row{margin-top: 40px;}
.index-pro .row .swiper-slide{}
/*.index-pro .row .swiper-slide .pic{ width: 258px; height: 258px;}*/
.index-pro .row .swiper-slide .name{font-size: 16px;color: #6e6e6e;font-family: inherit;margin-top: 35px; text-align: left;}
.index-pro .row .ipro-button-prev,
.index-pro .row .ipro-button-next{top: 35%;width: 80px;opacity: .7;}
.index-pro .row .ipro-button-prev{left: -140px;}
.index-pro .row .ipro-button-next{right: -140px;}
.index-pro .row .ipro-button-prev:hover,
.index-pro .row .ipro-button-next:hover{opacity: 1;}

.product-list .contenter .pro_brief{ margin: 27px 0 35px; width: 100%;}
.product-list .contenter .pro_brief .cate_title{ padding-bottom: 10px; height: 23px; line-height: 23px; border-bottom: 1px solid #222; font-size: 18px; color: #000;}
.product-list .contenter .pro_brief .cate_brief{ width: calc(100% - 20%); -webkit-box-sizing: border-box; box-sizing: border-box;}

.product-detail .ueeshop_responsive_products_detail .gallery #small_img .pic_box{opacity: .5;}
.product-detail .ueeshop_responsive_products_detail .gallery #small_img .pic_box.on{border-color: transparent;opacity: 1;}
/*.product-detail .ueeshop_responsive_products_detail .info .button a{ background:#!important;}*/
.product-detail .ueeshop_responsive_products_detail .info .button a:hover{text-decoration: underline;}

body .ueeshop_responsive_products_detail .gallery .left_small_img .pic_box.on{border:1px solid #222;}
body .ueeshop_responsive_products_detail .info .button > a,
body .ueeshop_responsive_products_detail .info .button .download_button > span{background-color: #222!important;}

.product-detail .description .hd{padding-bottom: 15px;border: none;}
.product-detail .ueeshop_responsive_products_detail .description .title,
.product-detail .ueeshop_responsive_products_detail_review .review_form h1{padding-bottom: 15px;border: none;font-size: 18px;color: #000;font-weight: normal;}

.info-list .ueeshop_responsive_info_list .item{width:47%;float: left;border-bottom: none;padding-bottom: 10px;}
.info-list .ueeshop_responsive_info_list .item:nth-child(odd){margin-right: 6%;}
/*.info-list .ueeshop_responsive_info_list .item .info .title{height: 39px;}*/
.info-list .ueeshop_responsive_info_list .item .img{width: 37%;}
.info-list .ueeshop_responsive_info_list .item .info{width: 63%;}

/* 新闻详细(推荐文章) */
.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;}
.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%); 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); transform: scale(1.1);}

@media (max-width: 1600px){
    .index-banner .item .word .title{font-size: 50px;}
}

@media (max-width: 1440px){
}

@media (max-width: 1280px){
    .wrap{width: 96%;}

    .index-banner .item .word .title{font-size: 40px;}
    .index-banner .item .word .brief{margin:10px 0;}
}

@media (max-width: 1024px){
    .index-banner .item .word{top: 40%;}

    .index-banner .item .word a{height: auto;line-height: 1;padding:1.5% 0;}
}


@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 .item .word{text-align: center;}
    .index-banner .item .word .brief{margin: 10px auto;}
    .index-banner .item .word a{margin:0 auto;}

    #footer .foot-list a{margin: 0 1%;}

    .index-list{/*margin-top: 20px;*/}
    .index-list .box{float: none;width: 100%;max-width: 640px;margin:0 auto 0;}

    .product-list #plist .contents .box{width: 28%;}

    .info-list .ueeshop_responsive_info_list .item{float: none;width: 100%;}
    .info-list .ueeshop_responsive_info_list .item:nth-child(2n+1){margin-right: 0;}
}

@media (max-width: 768px){
	.index-module .title{font-size: 32px;}
	.index-module .brief{font-size: 16px;}

	#header{display: none;}
	.menu-wrap-style{display: none;}

    .index-banner .item .word{top: 25%;}
}

@media (max-width: 640px){
    .clear_991{clear: none;}
    .clear_640{clear: both;}

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

    .index-banner .item .word .title{font-size: 28px;}
    .index-banner .item .word .brief{display: none;}
    .index-banner .item .word a{width: 120px;margin-top: 15px;}

    #footer{padding-top: 15px;}
    #copymsg{padding-bottom: 15px;}

    .product-list #plist .contents .box{width: 45%;margin-bottom: 15px;}

    .index-list .box .txt{font-size: 20px;}
}


@media (max-width: 450px){

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

BODY {font-size: 16px;color: #251811; background-attachment: fixed; background-repeat: repeat; background-position: center top; background-color: #000; background-image: url(../images/bg.png)
}
a:active {  color: #251811; text-decoration: none}
a:hover {  color: #990000; text-decoration: underline}
a:link {  color: #251811; text-decoration: none}
a:visited {  color: #003333; text-decoration: underline}

td {font-size: 16px;color: #251811} 
table {font-size: 16px;color: #251811}

.info_text{font-size: 16px;line-height: 180%;}
.info_line{border-bottom:1px #e6e0dc dotted;}
.info_list{line-height: 180%;}

.right_bar{float:right;text-align:left;width:650px;color:#fff;margin-right:50px;margin-bottom:0px;padding:10px;margin-top:20px;background-color:#7c412d;font-size: 16px;border-radius:8px;border:1px #ffffff solid;font-weight:bold;}
.right_center{float:right;text-align:left;width:650px;color:#333;margin-right:50px;margin-bottom:20px;margin-top:20px;padding:10px;border-radius:8px;border:1px #e6e0dc solid;}
.right_10{height:10px;}
.left_bar {float:left;text-align:center;width:130px;color:#fff;margin-left:50px;padding:10px;margin-top:20px;background-color:#7c412d;font-size: 16px;border-radius:8px;border:1px #ffffff solid;font-weight:bold;}
.left_bg { background-image:url(../images/left_bg.png);background-repeat:no-repeat;background-position: left bottom; }.bg_center {  background: url(../images/bg_center.png) repeat-y}
.productimage {border:1px solid #eee;border-radius:5px;color:#666;-moz-box-shadow: 0px 0px 10px #ccc; /* 老的 Firefox */box-shadow: 0px 0px 10px #ccc;}
.index_pic{height:755px;background: #fce8b9 url(../images/94f90f759b.jpg) no-repeat top center;z-index:0;background-size:auto 99.5%;border: none;}
.top_pic{height:203px;background: #fce8b9 url(../images/4105447a04.jpg) no-repeat top center;z-index:0;background-size:auto 100%;border: none;}