@charset "utf-8";

*{font-family: 'SourceSansPropfa-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%;transition: all 0.5s;}

.imgbox img:hover{transform: scale(1.1);}

input,textarea{outline: none;}

input[type=submit]{cursor: pointer;}

/*#main.w>.fl{width:190px;}*/



.hmnap{font-family: 宋体;color: #000000;text-indent: 2rem;}

.hmcnlxd1{float:left; width:30%;}

.hmcnlxd2{float:left; width:31%;margin: 0 60px;}

.hmcnlxd3{float:left; width:29%;}

.pcdn{ display:block;}

.sjxs{ display:none;}

body{background:#fff;width: 100%;height: 100%;max-width: 1920px;margin:0 auto;overflow-x: hidden;position: relative;}

.wrap{width:1200px; 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;}

.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: #1dab38!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;}

a:hover{text-decoration: none;}



/* banner-box */

.banner-box{min-width:1210px;height:790px;position:relative;overflow:hidden;}

.banner-box .bd{ width:100% !important;}

.banner-box .bd li .m-width {width:100%;margin:0 auto;overflow:hidden;}

.banner-box .bd li{width:100% !important;height:800px;}

.banner-box .bd li a{display:block;background-size:auto;}



.banner-btn{width:100%;position:absolute;top:50%;/*left:50%;margin-left:-605px;*/}

.banner-btn a{display:block;width:49px;height:104px;position:absolute;top:0;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;}

.banner-btn a.prev{left:20px;background:url(../images/foot.png) no-repeat 0 0;} 

.banner-btn a.next{right:20px;background:url(../images/foot.png) no-repeat -49px 0;}



.banner-box .hd {position:absolute;top:350px;left:48%;}

.banner-box .hd ul li{width:12px;height:12px;border-radius :50%;text-indent:-9999px;margin-right:20px;background:#fff;float:left;cursor:pointer;}

.banner-box .hd ul li.on{background:#1dab38;}



.casevtudiv{ text-align:center;}



#header{z-index: 500;left: 0;top: 0;width: 100%;background-color: rgba(144, 144, 144, 0.5);}

#header.ts{transition: all .4s;}

#header .head-top{margin-top: 25px;}

#header .head-top .left-icon{left: 0;top: 0;margin-top: 15px;}

#header .head-top .left-icon .h-lang{margin-left: 35px;}

#header .head-top .left-icon .h-lang .lang-on{width: 35px;height: 35px;line-height: 35px;border:1px solid #fff;border-radius: 100px;font-size: 15px;color: #fff;text-transform:uppercase;}

#header .head-top .left-icon .h-user{font-size: 0;}

#header .head-top .left-icon .icon:after{position: absolute;bottom: -20px;left: 10px;border:10px solid transparent; width: 0;height: 0;border-bottom-color:rgba(255, 255, 255, 0.1);transition:all .5s;-webkit-transition:all .5s;opacity: 0;visibility: hidden;content: '';}

#header .head-top .left-icon .icon .layer{width: 135px;background: rgba(255, 255, 255, 0.1);top: calc(100% + 20px);left: 50%;margin-left: -67.5px;border-radius: 8px;}

#header .head-top .left-icon .icon .layer a{line-height: 45px;font-size: 14px;color: #000;}

#header .head-top .left-icon .icon .layer a + a{border-top: 1px solid rgba(255, 255, 255, 0.2);}

#header .head-top .left-icon .icon .layer a:hover{text-decoration: underline;}

#header .head-top .left-icon .icon:hover .layer,

#header .head-top .left-icon .icon:hover:after{opacity: 1;visibility: visible;}

#header .head-search{right: 0;top: 0;margin-top: 20px;transition: all .5s;opacity: 1;}

#header .head-search a{/*color: white;*/font-size: 16px;}

#header .head-search.vs-hidden{visibility: hidden;opacity: 0;}

#header .search-form{border-bottom: 1px solid rgba(255,255,255,.6);padding-bottom: 7px;top: 0;right: 0;margin-top: 15px;transform: translateX(30px);}

#header .search-form input{border:none;background: none;width: 385px;font-size: 18px;color: #ccc;}

#header .search-form input::-webkit-input-placeholder{ color:#fdfdfd; opacity: 1;}

#header .search-form input::-moz-placeholder{ color:#fdfdfd; opacity: 1;}

#header .search-form input:-moz-placeholder{ color:#fdfdfd; opacity: 1;}



#header .search-form .close{}

#header .search-form.visable{transform: translateX(0px);}

#header .logo{max-width: 236px;height: 83px;margin: 0 auto;}

/* style definition */

#header .nav{margin-top: 15px;padding-bottom: 12px;}

#header .nav .a{padding-bottom: 12px;}

#header .nav .a a{font-size: 18px;color: #fff;font-weight: bold;font-family: 'SourceSansPropfa-Regular';text-transform: capitalize;}

#header .nav .a + .a{padding-left: 7%;}

#header .nav .a .nav-child{width: 650px;top: 100%;left: 50%;/*background: #fff;*/background: #fafafa;padding:15px 10px 25px;border-top:1px solid #e5e5e5;visibility: hidden;opacity: 0;transition: all .1s;z-index: -1;}

#header .nav .a .nav-child:before,

#header .nav .a .nav-child:after{display:none;}

#header .nav .a .nav-child:before{left: 0;}

#header .nav .a .nav-child:after{right: 100%;}

#header .nav .a .nav-child .li{font-size: 15px;color: #222 !important;line-height: 240%;padding-left: 15px;background: url(../images/icon_nav_li.png) no-repeat left center; transform: translateY(10px);transition: all .1s;float: left;

width: 130px;

display: block;}

.navimgdiv {

    float: right;

}

#header .nav .a .nav-child .li:hover{font-size: 15px;color: #1dab38;background-image: url(../images/icon_nav_li_cur.png);}

#header .nav .a.hover-able:hover .nav-child{visibility: visible;opacity: 1;z-index: -1;}

#header .nav .a.hover-able:hover .nav-child .li{transform: translateY(0);}

#header .nav .a.hover-able:hover .nav-child:before,

#header .nav .a.hover-able:hover .nav-child:after{visibility: visible;opacity: 1;}

#header .menu-btn{max-width: 35px;margin-top: 6px;display: none;}

/* style definition */

#header .small-style{}

#header .small-style .s-search{display: none;}

#header.small-module{transform: translateY(-110px);background: #fff;position: fixed;top: auto;}

#header.small-module .head-top{}

#header.small-module .head-top .left-icon .layer{display: none;}

#header.small-module .small-style{padding:19px 0;background: #1da836;}

#header.small-module .s-logo{display: block;max-width: 180px;height: 50px;}

#header.small-module .s-search{display: block;margin-top: 10px;}

#header.small-module .s-search a{font-size: 16px; font-weight:bold;}

#header.small-module .s-search form{right: 0;top: 0;}

#header.small-module .s-search form input.text{border:none;border-bottom: 1px solid #222;padding-bottom: 5px;width: 250px;height: 30px;font-size: 15px;}

#header.small-module .s-search form input.sub{border:none;background: url(../images/head_icon_3.png) no-repeat center/contain;top: 5px;right: 0;width: 15%;}

#header.small-module .nav{width: 82%;float: left;margin: 10px 0 0 18px;}

#header.small-module .nav .a{padding-bottom: 32px;}

#header.small-module .nav .a a{color: #fff !important;}

#header.small-module .nav .a + .a{padding-left: 54px;}

/* style definition */

#header.white-module{background: #fff;}

#header.white-module .nav .a a{color: #222;}

#header.white-module .white-icon{display: none;}

#header.white-module .black-icon{display: inline;}

#header.white-module .head-top .left-icon .h-lang .lang-on{border-color: #222;color: #222;}

#header.white-module .search-form input{color: #222;}

#header.white-module .search-form{border-bottom-color: rgba(0, 0, 0, 0.6);}

#header.white-module .search-form input::-webkit-input-placeholder,

#header.white-module .search-form input::-moz-placeholder{color: #222;}

#header.white-module .head-top .left-icon .icon .layer{background: rgba(108, 108, 108, 0.9);}

#header.white-module .head-top .left-icon .icon::after{border-bottom-color:rgba(108, 108, 108, 0.9);}



.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{background: rgba(255,255,255,.6);border:1px solid transparent;width: 11px;height: 11px;opacity: 1;border-radius: 50px;}

.index-banner .bx-wrapper .bx-pager.bx-default-pager a:hover,

.index-banner .bx-wrapper .bx-pager.bx-default-pager a.active{background: none;border:1px solid rgba(255,255,255,.6);}



.index-module .index-title-0{font-size: 22px;color: #191919;/*font-family: 'PlayfairDisplay-Regular';*/margin-bottom: 25px;}

.index-prouct-category{padding:45px 0 65px;}

.index-prouct-category .list{}

.index-prouct-category .list .box{width: 23.75%;background: #f5f2f0;transition: all .2s .1s;-webkit-transition: all .2s .1s;}

.index-prouct-category .list .box.flow-shadow:hover{-webkit-box-shadow:0 0px 11px 4px #e3e3e3;box-shadow:0 0px 11px 4px #e3e3e3;}

.index-prouct-category .list .box + .box{margin-left: 1.66667%;}

.index-prouct-category .list .box .pic{}

.index-prouct-category .list .box .word{padding:6% 7%;}

.index-prouct-category .list .box .attr{font-size: 12px;color: #676767;line-height: 1;display: none;}

.index-prouct-category .list .box .name{font-size: 17px;color: #222;margin:6px 0;}

.index-prouct-category .list .box .line{width: 33px;height: 2px;background: #333;}

.index-prouct-category .list .box .bf{font-size: 14px;color: #555;line-height: 160%;margin-top: 10px;height: 44px;}



.index-about{padding:90px 0;background: #eee;/*background: white;*/}

.index-about .pic{width: 46%;}

.index-about .words{width: 45%;margin-top: 50px;}

.index-about .words .title{font-size: 30px; color:black;margin: 15px 0 20px; font-weight: bold;}

.index-about .words .bf{font-size: 16px;color:#707070;line-height: 180%;}

.index-about .words .more{font-size: 13px;color:#707070;text-transform: uppercase;font-weight: bold;border:1px solid #bdbab7;max-width: 167px;width: 100%;line-height: 39px;margin-top: 30px;border-radius: 22px;}



.index-product{padding:50px 0;}

.index-product .list{}

.index-product .list .box{width: 23.16667%;}

.index-product .list .box + .box{margin-left: 2.3333%;}

.index-product .list .box .pic{}

.index-product .list .box .pic img{transition: all .8s;-webkit-transition: all .8s;}

.index-product .list .box .name{font-size: 17px;color: #333;margin-top: 15px;}

.index-product .list .box .name:hover{text-decoration: underline;}



.index-case{padding:40px 0 60px;}

.index-case .title{font-size: 30px;color: #1f1f1f;margin-bottom: 10px;font-family: "PlayfairDisplay-Regular";}

.index-case .title-bf{font-size: 16px;color: #747474;margin-bottom: 30px;font-family: 'HelveticaNeueLTProTh-Regular';}

.index-case .list{}

.index-case .list .box{width: 18.8333%;margin:0 0 17px 1.4583%;}

.index-case .list .box.noml{margin-left: 0;}

.index-case .list .box .hover-layer{left: 0;top: 0;width: 100%;height: 97%;background: rgba(0,0,0,.4);display: flex;flex-direction: column;align-items: center;justify-content: center;/*opacity: 1;visibility: visible;*/}

.index-case .list .box .hover-layer .name{font-size: 17px;color: #fff;max-width: 85%;margin:0 auto;transition: all .8s .2s;transform: translateY(20px);}

.index-case .list .box .hover-layer .more{font-size: 13px;color: #fff;text-transform: uppercase;text-decoration: underline;transition: all .8s .4s;transform: translateY(85px);}

.index-case .list .box:hover .hover-layer,

.index-case .list .box:hover .hover-layer .name,

.index-case .list .box:hover .hover-layer .more{opacity: 1;visibility: visible;}

.index-case .list .box:hover .hover-layer .name{transform: translateY(0px);}

.index-case .list .box:hover .hover-layer .more{transform: translateY(60px);}

.index-case .more-btn{}

.index-case .more-btn a{font-size: 13px;color: #242424;font-weight: bold;text-transform: uppercase;border:1px solid #bdbab7;max-width: 167px;width: 100%;line-height: 39px;margin-top: 37px;}

.index-about .words .more:hover,

.index-case .more-btn a:hover{background: #1dab38;color: #fff;border-color: #1dab38;}



#footer{background: #f5f2f0;padding:65px 0 55px;}

#footer .foot-title{font-size: 15px;color: #222;font-weight: bold;margin-bottom: 15px;text-transform: uppercase;}

#footer .foot-logo{width: 100%;max-width: 236px;margin-right: 5.83333%;margin-top: 5%;}

#footer .foot-nav{margin-left: 4.5%;width: 15%;}

#footer .foot-nav .ul{line-height: 200%;}

#footer .foot-nav .ul .li{font-size: 14px;color: #666;}

#footer .foot-contact{/*max-width: 225px;*/width: 32%;}

#footer .foot-contact p{line-height: 25px;}

#footer .foot-contact .c-icon{margin-bottom: 30px;cursor: pointer;}

#footer .foot-contact .c-icon .box{border:1px solid #686767;box-shadow: 0 0 0 1px #222;border-radius: 4px;width: 25.781%;max-width: 60px;}

#footer .foot-contact .c-icon .box + .box{margin-left: 9%;}

#footer .foot-contact .c-icon .box.wechat{}

#footer .foot-contact .c-icon .box.wechat:after{position: absolute;top:-20px;left: 20px;border: 10px solid transparent;border-top-color: #fff;transition: .5s;content: '';}

#footer .foot-contact .c-icon .wechat .wc-qrcode{bottom: calc(100% + 20px);left: 50%;margin-left: -60px;width: 120px;max-height: 108px;padding:6px 0;background: #fff;border-radius: 6px;}

#footer .foot-contact .c-icon .box.wechat:after,

#footer .foot-contact .c-icon .wechat .wc-qrcode{visibility: hidden;opacity: 0;}

#footer .foot-contact .c-icon .box.wechat:hover:after,

#footer .foot-contact .c-icon .wechat:hover .wc-qrcode{visibility: visible;opacity: 1;}

#footer .foot-contact .c-icon .c-phone{width: 100%;height: 100%;border-radius: 4px;background: #1dab38;font-size: 16px;color: #fff;padding: 0 0 0 10%;line-height: 39px;box-shadow: 0 0 0 1px #1dab38;top: 0;left: 0;display: none;}

#footer .foot-contact .c-icon .c-phone .icon{margin-right: 10px;line-height: 1;}

#footer .foot-contact .c-icon .c-phone .close{cursor: pointer;float: right; margin-right: 10px;line-height: 45px;display: none;}

#footer .foot-contact .c-icon .box.icon-phone:hover{}

#footer .foot-contact .c-icon .box.icon-phone:hover .c-phone{/*visibility: visible;opacity: 1;*/display: block;}

#footer .foot-contact .c-icon .box.icon-email:hover .c-phone{font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

#footer .foot-contact .service-time{}

#footer .foot-contact .service-time + .service-time{margin-top: 15px;}

#footer .foot-contact .service-time .day{font-size: 14px;color: #222;}

#footer .foot-contact .service-time .hour{font-size: 14px;color: #666;}

#footer .foot-contact .smller-mb{margin-bottom: 10px;}

#footer .friendship-link{margin-top: 50px;}

#footer .friendship-link .title{font-size: 15px;color: #222;margin-right: 3%;font-weight: bold;width: 10%;}

#footer .friendship-link .list{width: 85%;}

#footer .friendship-link .list a{font-size: 16px;color: #666;width: 9%;margin-right: 1%;}



#copymsg{background: url(../images/hmcfootbg.png) center top;font-size: 14px;color: #fff;padding:15px 0;}

#copymsg a{color: #fff;}



@media (min-width:992px) {

    .wrap-module{padding-top: 159px;/*margin-top: 159px;*/}

}



#position{font-size: 14px;color: #7d7d7d;}

#position a{font-size: 14px;color: #7d7d7d;font-family: "PlayfairDisplay-Regular";}

/*body .ueeshop_responsive_position .position{ float: none; width: 100%;}*/



.product-detail .position_bg{background: #f3f3f3;}

.product-detail .ueeshop_responsive_position{width: 96%;max-width: 1200px;margin:0 auto;}

.wrap-righter-style .ueeshop_responsive_position .title{font-size: 22px;color: #191919;font-family: "PlayfairDisplay-Regular";}

.wrap-righter-style .ueeshop_responsive_position .position a{font-size: 14px;color: #7d7d7d;font-family: "PlayfairDisplay-Regular";}





body .ueeshop_responsive_article_feedback .article_feedback_title .title{font-family: "PlayfairDisplay-Regular";}

.article-content .art-title{font-size: 22px;color: #333;margin: 30px 0;text-align: center;font-family: "PlayfairDisplay-Regular";}

.wrap-module .ueeshop_responsive_position{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;}



.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{}

.menu-wrap-style .menu .m-title{font-size: 19px;color: #191919;margin-bottom: 15px;}

.menu-wrap-style .menu .cate-top{font-size: 18px;color: #191919;font-weight: bold;margin-bottom: 20px;}

.menu-wrap-style .menu h3{margin-bottom: 10px;}

.menu-wrap-style .menu h3 a{font-size: 15px;color: #222;/*font-weight: bold;*/}

.menu-wrap-style .menu h3 a:hover{ color:#1dab38;}

/*.menu-wrap-style .menu h3 a.on{color: #1dab38;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: #555;}

.menu-wrap-style .menu .sublist li a:before{width: 13px;height: 13px;border:1px solid #464646;border-radius: 3px; display: inline-block;vertical-align: middle;margin-right: 10px;transition: all .5s; content: '';}

.menu-wrap-style .menu .sublist li a.on{color: #1dab38;text-decoration: underline;}

.menu-wrap-style .menu .sublist li a.on:before{border-color: #1dab38;border-radius: 100px;}

.menu-wrap-style .menu .sublist li a:hover{color: #1dab38;text-decoration: underline;}

.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{ width: 100%; height: 23px; line-height: 23px; font-size: 18px; color: #191919; text-transform: uppercase;}

.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 .title{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; line-height: 24px; font-size: 18px; color: #222; font-weight: bold; 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; 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; font-family: 'HelveticaLTStd-Light'; word-break: break-all; overflow: hidden;}



.product-list{/*padding-top: 35px;*//*background: #b4de96;*/}

.product-list .hot_pro{ margin: 30px 0; width: 100%;}

.product-list .hot_pro .title{ font-size: 18px;color: #191919;font-weight: bold;margin-bottom: 20px;}

.product-list .hot_pro .list{ display: block; width: 100%; height: 100%; text-decoration: none;}

.product-list .hot_pro .list .item{ margin-top: 16px; width: 100%; height: 74px;}

.product-list .hot_pro .list .item:first-child{ margin-top: 0;}

.product-list .hot_pro .list .item .img{ display: block; width: 74px; height: 100%; background: #d1d1d1; text-align:center;}

.product-list .hot_pro .list .item .item_title{ display: block; width: calc(100% - 80px); height: 100%; line-height: 24px; font-size: 15px; color: #555; overflow: hidden;}

.product-list .hot_pro .list .item:hover .item_title{color: #1dab38;}



.product-list .contenter{width: 77.75%;padding-bottom: 40px;}

.product-list .contenter .top{margin-bottom: 15px;}

.product-list .contenter .cate-name{font-size: 22px;color: #191919;}

.product-list .contenter .brief_desction{ text-align: left;}

.product-list .contenter #plist{}

.product-list .contenter #plist .contents{}

.product-list .contenter #plist .contents .blk{width:24%;margin:0 .5% 25px;/*height: 182px;*/}

.product-list .contenter #plist .contents .blk .pic_box{/*height: 148px;*//*background: #f7f7f7;*/border: 1px solid #1da836;padding: 3px;}

.product-list .contenter #plist .contents .blk .name{margin-top: 13px;}

.product-list .contenter #plist .contents .blk .name a{font-size: 15px;color: #333;}

.product-list .contenter #plist .contents .blk:hover a{ color:#1dab38;}



.product-detail{/*background: #b4de96;*/}

/*

.product-detail .gallery{width: 45%;margin-right: 3.3333%;text-align: center;position: relative;}

.product-detail .gallery .bigimg{width: 83.3333%;float: right;position: relative;}

*/



body .ueeshop_responsive_products_detail .gallery .left_small_img .pic_box.on{border:1px solid #1dab38;}

.ueeshop_responsive_products_detail .info .name{font-family: "PlayfairDisplay-Regular";}

.product-detail .ueeshop_responsive_products_detail .info .button > a,

.product-detail .ueeshop_responsive_products_detail .info .button .download_button > span{background-color: #6d1f1e!important;}

.product-detail .description .desc_txt{line-height: 250%;}

#global_editor_contents{font-family: 'SourceSansPropfa-Regular';}



.product-detail .ueeshop_responsive_products_detail .description .title{border: none;}

.product-detail .ueeshop_responsive_products_detail .description .title:before{display: inline-block;width: 9px;height: 9px;border:1px solid #1dab38;border-radius: 50px; margin-right: 10px;content: '';}

.product-detail .ueeshop_responsive_products_detail .description .title span{font-size: 18px;color: #1dab38;position: relative;/*background: #fff;*/margin-right: 0;padding-right: 30px;font-weight: bold;}

.product-detail .ueeshop_responsive_products_detail .description .title span:after{position: absolute;width: 1440px;left: 100%;top: 13px;height: 1px;background: #e3e3e3;margin-left: 20px;content: '';}



/*#lib_review_form h1{display: none;}*/



/*body .ueeshop_responsive_article_detail > .contents{width: 48%;float: left;}

body .ueeshop_responsive_article_feedback{width: 49%;float: left;padding-left: 3%;}

body .ueeshop_responsive_article_feedback .rows .fc_red{margin-right: 0;}

*/



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

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



body .ueeshop_responsive_header .header .func{margin-top: 13px;}



/* style definition */

.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%); 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);}

.rale_news .list .item:hover .title{ color: #1dab38;}



.ueeshop_responsive_download_list ul li:hover{color: #1dab38;}

.ueeshop_responsive_download_list ul li a:hover{background: #1dab38;}



.share.foot_share{display: block;margin-left: 0;text-align: center;padding-top: 2%;}



.g_member #header{position: static;}







.title_En{}

.gywmxian{ overflow:hidden;border-top-color: #1dab38;border-top-style: solid;border-top-width: 4px; height:4px; margin:10px 0;width: 58px;}

.hmicpbg{ overflow:hidden; width:100%; height:auto;/*background-image: url(../images/cptbg.jpg);

background-repeat: no-repeat;

background-position: top center;

background-attachment: fixed;*/background: #009d41;}

.hmicpDA{ overflow:hidden; width:1200px; margin:90px auto;}

.hmicptitleEn{ text-align:center;color: white;font-size: 50px;}

.hmicpxian{overflow: hidden;

border-top-color: #1dab38;

border-top-style: solid;

border-top-width: 4px;

height: 4px;

margin: 10px auto;

width: 50px;}

.hmicptitle{ text-align:center; color:white;font-size: 24px;}

.hmicpp{text-align:center; color:#fff;font-size: 14px;margin: 22px 0;}

.hmicpdadiv{ overflow:hidden; width:100%;margin: 35px 0;}

.hmicpleft{ overflow:hidden; float:left; width:50%;}

.hmicpright{ overflow:hidden; float:right; width:50%;}

.hmicpright2{ overflow:hidden; float:right; width:73%;margin-top: 24px;}

.hmicpright2 p{ font-size:14px; color:white; line-height: 24px;text-align: right;}

.hmicplxdiv{ overflow:hidden;  float:left;width: 286px;height: 286px;position: relative;margin: 0 5px 10px;}

.hmicplxtu{ width:100%; height:100%;text-align:center;background: white;}

.hmicplxtu img{ max-width:100%;  max-height:100%;}

.hmicplyc{ position:absolute; background-color: rgba(0,0,0,0.5);width: 87%;height: 100%;top: 100%;padding: 20px;}

.hmicplyctitle{font-size: 16px; color:white;border-bottom: 1px solid #FFFFFF;padding-bottom: 10px;margin-bottom: 10px;}

.hmicplycp{font-size: 12px; color:white;line-height: 18px;}

.hmicplxdiv:hover .hmicplyc{top: 0%;transition: 0.6s;}

.hmicpright img{/*height: 466px;*/}

.hmicpa{font-size: 13px;

color: #6e6c6c;

text-transform: uppercase;

font-weight: bold;

border: 1px solid #CCCCCC;

max-width: 167px;

width: 100%;

line-height: 39px;

border-radius: 22px;display: block;

text-align: center; float:right;background: white;}

.hmicpa:hover{ background:#1dab38; color:white;}





.hmcinewsbg{ overflow:hidden; width:100%; background:url(../images/xwbg.jpg) no-repeat top center; /*height:930px;*/padding: 60px 0;}

.hmcinxbg{ overflow:hidden; width:1200px; margin:0 auto; background:url(../images/hmc2.png) no-repeat left top;}

.hmcinhang1{ overflow:hidden; width:100%;padding: 60px 0 100px;}

.hmcina{font-size: 13px;

color: #707070;

text-transform: uppercase;

font-weight: bold;

border: 1px solid #bdbab7;

max-width: 167px;

width: 100%;

line-height: 39px; text-align:center;

margin-top: 30px; display:inline-block; float:right;}

.hmcina:hover{ background:#1dab38; color:white;}

.hmcinhang2{ overflow:hidden; width: 96%;margin: 0 auto;}

.hmcindiv{ overflow:hidden; float:left; width:30%; margin:0 13px; background:#fcfdff;padding: 5px;}

.hmcindiv:hover{ background:white;}

.hmcindivtu{ width:100%; height:200px; text-align:center;}

.hmcindivtu img{ width:100%;}

.hmcindivtitle{font-size: 16px;color: rgb(101, 101, 101);padding: 10px 15px;}

.hmcindivp{font-size: 14px;color: rgb(101, 101, 101); line-height: 24px;padding: 0 15px;height: 76px;overflow: hidden;}

.hmcindivp span{font-size: 14px;color: #969696;}

.hmcindivtime{color: #969696;font-size: 12px;line-height: 24px;padding: 0 15px;}

.hmcindiva{color: #707070;font-size: 12px;text-align: center; overflow:hidden; background:white; border:1px solid #bdbab7; margin:10px auto; display:block;width: 100px;padding: 4px;}

.hmcindiva:hover{ color:white; background:#1dab38;}

.sshmc{ overflow:hidden; width:1200px; margin:0 auto;padding-top: 40px;}

.sshmcdiv{ overflow:hidden; width:15%; float:left; text-align:center; margin: 0 10px;position: relative;padding: 12px 0;}

.sshmcquan{display: block;

width: 130px;

height: 130px;

line-height: 120px;

margin: 30px 20px 20px;

border: 5px solid #1dab38;border-radius: 50%;

text-align: center;}

.sshmcquan img{}

.sshmcdivbg{ overflow:hidden; background:#1dab38;position: absolute; top:100%;width: 100%;height: 100%;border-radius: 10px;}

.sshmcdiv:hover .sshmcdivbg {

    top: 0%;

    transition: 0.6s;

}

.sshmctitle{ font-size:18px; line-height:20px; text-align:center; color:white;font-weight: bold;}

.sshmctu{margin-top: 20px;}

.sshmctu img{}

.sshmcp{ font-size:16px; text-align:center; color:white; margin-top:10px;}



.sshmctitle2{ font-size:18px; line-height:20px; text-align:center; color:black;font-weight: bold;}

.sshmcp2{ font-size:16px; text-align:center; color:black; margin-top:10px;}



.fwwlbg{ overflow:hidden; width:100%; height:auto;/*background: url('../images/bg1.jpg') top;*/background: #eee;}

.fwwlDA{ overflow:hidden; width:1200px; /*background: white;*/margin: 50px auto;padding: 20px 0 0;}

.fwwltitleEn{ text-align:center;color: black;font-size: 50px;}

.fwwlxian{overflow: hidden;

border-top-color: #1dab38;

border-top-style: solid;

border-top-width: 4px;

height: 4px;

margin: 10px auto;

width: 50px;}

.fwwltitle{ text-align:center; color:black;font-size: 24px;}

.fwwlp{/*text-align:center;*/ color:#797979;font-size: 14px;margin: 22px auto;line-height: 26px;width: 73%;}

.fwwldadiv{ overflow:hidden; width:100%;margin: 35px 0 0; text-align:center;}

















@media (max-width: 1600px){

}



@media (max-width: 1440px){

}



@media (max-width: 1280px){

    .wrap{width: 96%;}



    #header .nav{margin-top: 25px;width: 100%;}

    #header .nav .a + .a{padding-left: 5%;}

    #header .head-top .h-user .layer{margin-left: -27.5px;}

    #header.small-module .nav .a + .a{padding-left: 50px;}



    .index-about .words{margin-top: 0;}



    #footer{padding: 40px 0;}

    #footer .foot-logo{margin-right: 2%;}



    #header .head-top .left-icon .h-user.icon .layer{left: 0;margin-left: -7px;}

}



@media (max-width: 1024px){

}





@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;}





    /*.mobile-nav{display: block;}

    .mobile-nav .li{padding: 12px 0;}*/



    #header{transform: translateY(-90px);background: #fff;}

    #header .small-style .s-search{display: none;}



    .index-banner{margin-top: 0;}



    .index-prouct-category .list .box{width: 47%;margin: 0 1.5% 20px;}

    .index-prouct-category .list .box + .box{margin: 0 1.5% 20px;}

    .index-prouct-category .list .box .pic{padding-top: 6%;}



    .index-about .pic{float: none;width: 100%;text-align: center;margin-bottom: 20px;}

    .index-about .words{float: none;width: 100%;max-width: 550px;margin: 0 auto;text-align: center;}

    .index-about .words .bf{text-align: left;}

    .index-about .words .more{margin:30px auto 0;}



    .index-product .list .box{width: 47%;margin:0 1.5% 15px;}

    .index-product .list .box + .box{margin:0 1.5% 15px;}

    .index-product .list .box .name{margin-top: 5px;}



    .index-case .list .box{width: 30%;margin:0 1.5% 15px;}

    .index-case .list .box.noml{margin:0 1.5% 15px;}

    .index-case .list .box.box_9{display: none;}



    #footer .foot-nav{margin-left: 2.5%;}

    #footer .foot-contact{width: 25%;}

	#footer .friendship-link .list a{width: 13%;}



    .product-list .contenter #plist .contents .blk{width: 31%;margin:0 1% 25px;}

}

@media (max-width: 768px){



    #footer .foot-logo{float: none;margin:0 0 25px;max-width: 100%;}

    #footer .foot-contact{width: 40%;margin-right: 5%;}

    #footer .foot-nav{margin-left: 7.5%;}



    .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%);}



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

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

}



@media (max-width: 640px){

	.pcdn{ display:none;}

	.sjxs{ display:block;}

	.sshmc{ display:none;}

	.hmicpDA {

    width: 100%;

    margin: 40px auto;

}

.hmicpright{ display:none;}

.hmicpleft{ width:100%;}

.hmicplxdiv{ float:none; margin: 0 auto 10px;}

.hmicpright2{ float:none; width:85%;margin: 0 auto;}

.hmicpright2 p{ text-align:center;}

.hmicpa{ float:none; margin:0 auto;}

.hmcinxbg{ width:100%;}

.hmcinewsbg{background: url(../images/xwbg.jpg) top center;}

.hmcindiv{ width:90%;margin: 0 auto 10px; float:none;}

.fwwlDA {

    width: 100%;

    margin: 40px auto;

}



	/*.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-module .index-title-0{text-align: center;margin-bottom: 15px;}

    .index-prouct-category{padding: 30px 0;}

    .index-prouct-category .list .box .pic{padding-top: 0;}



    .index-about{padding: 30px 1.5%;}

    .index-about .words .title{font-size: 28px;}

    .index-about .words .bf{font-size: 14px;}

    .index-about .words .more{max-width: 100%;margin-top: 15px;}



    .index-product{padding: 30px 1.5%;}



    .index-case{padding: 30px 0;}



    .index-case .title{text-align: center;}

    .index-case .title-bf{text-align: center;}

    .index-case .list .box{width: 47%;}

    .index-case .list .box.box_9{display: block;}

    .index-case .more-btn a{max-width: 100%;margin-top: 10px;}

    .index-case .more-btn{width: 97%;margin: 0 auto;}



    #footer{padding: 25px 0;}

    #footer .foot-nav{display: none;}

    #footer .foot-contact .c-icon{max-width: 236px;margin: 0 auto 15px;}

    #footer .foot-contact .c-icon .box{float: none;display: inline-block;}

    #footer .foot-contact{width: 100%; margin-right: 0; max-width: 100%; text-align: center;}

	#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%;}



    .product-list .contenter #plist .contents .blk{width: 48%;margin:0 1% 15px;}

}





@media (max-width: 450px){

    /*.mobile-nav .m-search .btn_submit{background-size: contain;}*/



    .index-prouct-category .list .box{width: 100%;max-width: 284px;float: none;margin:0 auto 20px;}

    .index-prouct-category .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;}

}




/* huiyuan: keep last dropdowns inside viewport */
#header .nav .a:nth-child(5) .nav-child,#header .nav .a:nth-child(6) .nav-child{left:auto;right:0;}
#header .nav .a:nth-child(3) .nav-child{left:auto;right:-60px;}