.web_main{position:relative;z-index:1}

.page_main{background:#FFF;padding:45px 0 0;-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.fix{display:flex}

.sys_sub_head .head_title{font-size:46px;line-height:1.2;font-weight:normal;color:#bb0001}

.path_bar{    background-color: #eee;

    text-align: left;

    font-size: 16px;

    line-height: 35px;

    padding: 90px 0 90px;

    background-image: url(../images/neibg.jpg);}

.path_bar .layout{}

.path_bar nav a{color: #ffffff;}

.path_bar li{display:inline;padding-right:10px;text-transform:uppercase;color: #ffffff;font-size: 25px;

    font-weight: bold;

}

.path_bar li a{color: #ffffff}

.path_bar li:after{content:'/';padding-left:10px}

.path_bar li:last-child:after{display:none}

.nav_bar{height: 40px;}

.nav_bar nav a{line-height: 40px;}

.nav_bar li{float: left;line-height: 40px;}

.nav_bar li:after {

    content: '/';

    padding:0 6px;

}



.mobile-head-items{display:none}

.aside{margin-right:15px;padding-top:40px}

.sidebar-side{display:inline-block}

.side-tit-bar{position:relative;margin-bottom:15px}

.side-tit-bar .side-tit{position:relative;font-size:16px;height:36px;overflow:hidden;white-space:nowrap;line-height:36px;color:#FFF;padding:0 0 0 15px;background:#509B7D;text-transform:uppercase}

.side-widget{position:relative;margin:0 0 50px}

.side-cate{padding:0 0 0 10px}

.side-cate li{position:relative;line-height:30px;font-size:16px}

.side-cate li a{position:relative;display:block}

.side-cate ul{display:none;overflow:visible !important;background-color:#fff}

.side-cate li a{-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out}

.side-cate li li{font-size:16px;padding:2px 0}

.side-cate li li li{font-size:16px}

.side-cate li a:hover,.side-cate li.active>a{color:#509B7D}

.side-cate li a:hover:before,.side-cate li.active>a:before{background-color:#509B7D}

.side-cate li .icon-cate{position:absolute;right:0;top:7px;display:inline-block;width:20px;height:20px;line-height:22px;overflow:hidden;text-align:center;font-size:10px;cursor:pointer;color:#000;border-radius:0%;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}

.side-cate li .icon-cate:before{padding-left:1px;padding-right:1px}

.side-cate li .icon-cate.icon-cate-down:before{content:'\f04b'}

.side-cate li .icon-cate.icon-cate-up:before{content:'\f04b'}

.side-cate li .icon-cate.icon-cate-up{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}

.side-widget .cate-type-list>li{line-height:22px;font-size:16px;padding:7px 0}

.side-widget .cate-type-list>li>a{padding-left:15px;margin-right:0}

.side-widget .cate-type-list>li>a:before{content:'';display:inline-block;width:5px;height:5px;background-color:#e0e0e0;position:absolute;left:0;top:12px}

.side-cate li.has-child>a{line-height:35px;margin-right:30px}

.side-cate li.nav-current>.icon-cate{color:#509B7D}

.side-cate>li.nav-current>a,.side-cate>li.nav-current>.icon-cate{color:#509B7D}

.side-cate li li.nav-current>a{color:#509B7D}

.side-cate li li.nav-current>a:before{background-color:#509B7D}

.side-product-items{position:relative}

.side-product-items .items_content{position:relative;padding:35px 0}

.side_product_item{position:relative;display:block;width:100%;overflow:hidden}

.side_product_item figure{position:relative;display:table;width:100%;overflow:hidden}

.side_product_item .item-img,.side_product_item figcaption{display:table-cell;vertical-align:middle}

.side_product_item .item-img{max-width:180px;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative}

.side_product_item .item-img img{display:block;width:100%}

.side_product_item:hover .item-img{border-color:#ccc}

.side_product_item figcaption{padding-left:15px}

.side_product_item figcaption h3{font-size:16px;font-weight:normal}

.side_product_item figcaption h3 a{display:block;max-height:4.2em;line-height:1.4em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}

.side_product_item figcaption h3 a:hover,.side_product_item .item-img:hover+figcaption h3 a{color:#509B7D;text-decoration:underline}

.side-product-items .swiper-slide{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}

.side-product-items .side_slider{max-height:450px;overflow:hidden;-webkit-box-sizing:content-box;box-sizing:content-box;position:relative}

.side-product-items .side_slider .swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}

.side-product-items .side_product_item{height:180px}

.side-product-items .btn-prev,.side-product-items .btn-next{position:absolute;left:0;width:100%;height:32px;line-height:32px;opacity:1;filter:alpha(opacity=100);font-size:28px;color:#ccd3d9;z-index:1;text-align:center;cursor:pointer}

.side-product-items .swiper-button-disabled{color:#eee;cursor:default}

.side-product-items .btn-prev:before,.side-product-items .btn-next:before{font-weight:bold;display:inline-block;-webkit-transform:scale(4,1);-ms-transform:scale(4,1);-o-transform:scale(4,1);transform:scale(4,1)}

.side-product-items .btn-prev{top:0}

.side-product-items .btn-prev:before{content:'\f106';content:'∧'}

.side-product-items .btn-next{bottom:0}

.side-product-items .btn-next:before{content:'\f107';content:'∨'}

.side-product-items .btn-prev:not(.swiper-button-disabled):hover,.side-product-items .btn-next:not(.swiper-button-disabled):hover{color:#000}

.aside .side-bn{width:100%;margin:0 0 40px}

.aside .side-bn img{width:100%}

.page_title{font-size:22px;color:#000;padding-bottom:15px}

.layout{max-width:1600px;margin:0 auto}

.main{padding-bottom:40px;padding-top:20px}

.main .banner_section{margin-bottom:25px}

.main_hd{margin-bottom:10px;border-bottom:1px solid #ebebeb;padding-bottom:5px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}

.main_hd .page_title{float:left;font-weight:normal;padding-right:8%;padding-bottom:0;-webkit-box-flex:1;-webkit-flex:1;flex:1}

.main_hd .share_this,.items_list .main_hd .share_this{float:right;position:static}

.page_title{font-size:30px;color:#000;padding-bottom:30px}

.main_banner{margin-bottom:15px;position:relative;overflow:hidden}

.main_banner img{display:block;width:100%;height:auto;min-height:160px}

.main_banner .swiper-wrapper li a{display:block;position:relative}

.main_banner .swiper-wrapper li a:before{content:'';display:block;width:100%;height:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,0) 80%,rgba(0,0,0,.4));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,0) 80%,rgba(0,0,0,.4));background-image:-o-linear-gradient(bottom,rgba(0,0,0,0) 80%,rgba(0,0,0,.4));background-image:linear-gradient(to bottom,rgba(0,0,0,0) 80%,rgba(0,0,0,.4));position:absolute;left:0;top:0}

.main_banner .swiper-pagination{width:100%;text-align:center;padding-bottom:15px;position:absolute;left:0;bottom:0;z-index:1}

.main_banner .swiper-pagination-bullet{width:10px;height:10px;background-color:#fff;border-color:#fff;margin:0 3px;-webkit-box-sizing:border-box;box-sizing:border-box;opacity:.6;filter:alpha(opacity=60)}

.main_banner .swiper-pagination-bullet-active{background:none;border:1px solid #fff;opacity:1;filter:alpha(opacity=100)}

.main_intro{line-height:1.6}

.banner_section .main_banner_slider ul{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin:0 !important}

.page_bar{position:relative;line-height:31px;height:33px;margin:40px 0;text-align:center;font-size:16px}

.page_bar a,.page_bar span{position:relative;display:inline-block;vertical-align:top;padding:0 12px;border:1px solid #ccc;margin:0 4px;text-align:center;border-radius:3px;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fefefe',endColorStr='#ececec',gradientType='0');background:-webkit-linear-gradient(top,#fefefe,#ececec);background:-moz-linear-gradient(bottom,#fefefe,#ececec);background:-o-linear-gradient(bottom,#fefefe,#ececec);background:linear-gradient(to bottom,#fefefe,#ececec);-webkit-transition:none;-o-transition:none;transition:none}

.page_bar a.cur_page{background: #509B7D;color: #ffffff;}

.page_bar a.current,.page_bar a:hover{color:#FFF;background:#509B7D;border-color:#509B7D}

.page_bar a:not(.current):hover{border-color:#509B7D;background-color:#509B7D;color:#fff}

.page_bar span.current2{margin-left:8px}

.product_list_item figure{padding:10px 0;background:#fff;border-bottom:1px #eee dashed;display:flex;justify-content:space-between;-webkit-justify-content:space-between;flex-wrap:wrap;-webkit-flex-wrap:wrap}

.product_list_item figure .item_img{display:inline-block;max-width:20%}

.product_list_item figure .item_img img{box-shadow:1px 1px 4px rgba(0,0,0,.2);width:100%}

.product_list_item figure figcaption{width:calc(80% - 20px);display:flex;flex-flow:column;justify-content:space-between}

.product_list_item figure figcaption .item_title{}

.product_list_item figure figcaption .item_title a{text-transform:capitalize;font-size:18px;letter-spacing:.38px}

.product_list_item .product_btns{text-align:right;position:relative}

.product_list_item figure figcaption .item_info{font-size:13px;margin:13px 0;max-height:80px;overflow:hidden;line-height:20px}

.product_list_item .product_btns .priduct_btn_inquiry,.product_list_item .product_btns .priduct_btn_detail{line-height:30px;display:inline-block;padding:0 25px;position:relative;background:#666;text-transform:uppercase;color:#fff;transition:all ease-in-out .35s;-webkit-transition:all ease-in-out .35s;letter-spacing:.38px;font-weight:bold;font-size:13px;z-index:0}

.product_list_item .product_btns .priduct_btn_inquiry{margin-right:13px}

.product_list_item .product_btns .priduct_btn_detail{}

.product_list_item .product_btns .priduct_btn_inquiry:after,.product_list_item .product_btns .priduct_btn_detail:after{position:absolute;content:"";left:0;top:0;width:0;height:100%;background:#13adeb;z-index:-1;transition:all ease-in-out .35s;-webkit-transition:all ease-in-out .35s}

.product_list_item .product_btns .priduct_btn_inquiry:hover:after,.product_list_item .product_btns .priduct_btn_detail:hover:after{width:100%}

.items_list{width:100%;position:relative}

.items_list .share_this{float:right;position:absolute;right:0;top:5px}

.items_list ul{margin:0 -10px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}

.items_list .product_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width:33.33333333%;width:33.33333333%;float:left;padding:10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}

.items_list .product_item figure{-webkit-box-flex:1;-webkit-flex:1;flex:1}

.items_list .product_item figure,.goods-may-like .product_item figure{padding:2px;border:1px solid #c7c7c7}

.items_list .product_item .item_img,.goods-may-like .product_item .item_img{}

.items_list .product_item .item_img:hover img,.goods-may-like .product_item .item_img:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

.items_list .product_item .item_title,.goods-may-like .product_item .item_title{font-size:16px}

.items_list .product_item figure:hover,.goods-may-like .product_item figure:hover{box-shadow:0 10px 10px -10px rgba(0,0,0,.15)}

.items_list .product_item figure:hover .item_title a,.goods-may-like .product_item figure:hover .item_title a{color:#509B7D}

.product-intro{position:relative;overflow:hidden}

.cloud-zoom-lens{border:1px solid #eee;cursor:move}

.cloud-zoom-title{position:absolute !important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:bold;font-size:10px;top:0px}

.cloud-zoom-big{overflow:hidden;padding:0px}

.cloud-zoom-loading{color:white;background:#222;padding:3px;border:1px solid #000}

.product-view .swiper-slide{padding-bottom:1px}

.product-view .product-image.zoom_remove:after{content:"";position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:999}

.product-view{position:relative;width:37.6%;float:left}

.product-view .product-image{position:relative;border:1px solid #ddd}

.product-view .product-image img{position:relative;width:100%}

.product-view .image-additional{position:relative;margin:20px 15px;overflow:hidden}

.product-view .image-additional li{position:relative;width:100%;width:33.3333%;float:left;overflow:visible;height:auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row}

.product-view .image-additional li.single{display:none}

.product-view .image-additional li img{display:block;position:relative;width:100%;margin:0 auto}

.product-view .image-additional li a{display:block;position:relative;border:1px solid #c0c0c0;padding:1px;margin:0 15%;-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}

.product-view .image-additional li.current a{border:2px solid #151515;padding:0}

.product-view .image-additional img.popup{display:none}

.ad_prompt{position:absolute;display:block;top:50%;left:0;width:100%;line-height:40px;margin:-20px 0 0;text-align:center;color:#ff6f00;font-size:20px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;display:none}

.product-view .image-additional.swiper-container-horizontal>.swiper-pagination-bullets{display:none}

.product-view .swiper-button-next,.product-view .swiper-button-prev{width:30px;height:30px;margin-top:-15px;opacity:1;line-height:30px;font-size:22px;background:none;-webkit-transform:scale(.6,1);-ms-transform:scale(.6,1);-o-transform:scale(.6,1);transform:scale(.6,1);font-weight:bold}

.product-view .swiper-button-prev,.product-view .swiper-container-rtl .swiper-button-next{left:-10px}

.product-view .swiper-button-next,.product-view .swiper-container-rtl .swiper-button-prev{right:-10px}

.product-summary{position:relative;width:57%;float:right;padding:0 0 10px;color:#666;font-size:16px}

.product-summary .product-meta{line-height:1.8;max-width:500px}

.product-summary .product-meta h3{margin:0 0 5px;font-size:16px}

.product-summary .product-meta li{width:100%;display:table;padding:2px 0}

.product-summary .product-meta li em{display:table-cell;width:40%;color:#aaa}

.product-summary .product-meta li .item-val{display:table-cell;-ms-word-break:break-all;word-break:break-all;word-wrap:break-word}

.product-btn-wrap{position:relative;padding-top:30px}

.product-btn-wrap .email,.product-btn-wrap .pdf,.product-btn-wrap .buy{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:top;line-height:28px;padding:.1em 1em;font-size:16px;border-radius:3px;background:#eee;border:1px solid #eee;margin:0 15px 10px 0}

.product-btn-wrap .email:before,.product-btn-wrap .pdf:before{padding-right:8px}

.product-btn-wrap .email:before{content:'\f0e0'}

.product-btn-wrap .pdf:before{content:'\f1c1'}

.product-btn-wrap a:hover{border-color:#3290ff !important;background-color:#3290ff !important;color:#fff !important;box-shadow:0 0 10px rgba(0,0,0,.06)}

.product-summary .share-this{margin:30px 0 0;text-align:right}

.product-detail{position:relative;overflow:visible}

.detail-tabs{position:relative;padding-right:30%}

.detail-tabs .title{position:relative;display:inline-block;font-weight:normal;vertical-align:top;line-height:26px;padding:1px 20px;cursor:pointer;margin:0 5px 0 0;font-size:16px;background-color:#509B7D;border:1px solid #509B7D;color:#fff}

.product-detail .share-this{position:absolute;right:0;top:2px}

.product-detail .tab-panel-content{padding:10px 0;display:block;overflow:hidden}

.product-detail .disabled{display:none}

.goods-may-like{position:relative;overflow:hidden}

.goods-may-like .title{line-height:35px;font-size:16px;margin:50px 0 20px;padding:0 15px;text-transform:uppercase;font-weight:bold;background-color:#509B7D;color:#fff}

.goods-may-like .product_item{width:33.33333333%;margin:0;padding:0}

.goods-may-like .product_item figure{margin:0}

.goods-may-like .swiper-slide{width:33.33333333%;overflow:visible}

.goods-may-like .swiper-control{position:absolute;right:10px;top:55px}

.goods-may-like .swiper-button-prev,.goods-may-like .swiper-button-next{display:inline-block;width:20px;height:25px;line-height:25px;font-size:20px;margin-left:5px;background:none;color:#fff;margin-left:5px;position:static;margin:0;opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(.8,1);-ms-transform:scale(.8,1);-o-transform:scale(.8,1);transform:scale(.8,1)}

.goods-may-like .swiper-button-next.swiper-button-disabled,.goods-may-like .swiper-button-prev.swiper-button-disabled{opacity:.5;filter:alpha(opacity=50)}

.blog-item{position:relative;width:100%;overflow:hidden;padding:35px 20px}

.blog-item:nth-child(2n+1){background:#f9f9f9}

.blog-item:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;border-bottom:1px solid #ddd}

.blog-item:after{content:'';display:block;width:0;height:3px;background-color:#509B7D;position:absolute;left:0;bottom:0;opacity:0;filter:alpha(opacity=0)}

.blog-item:hover:after{width:100%;opacity:1;filter:alpha(opacity=100);-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}

.blog-item .item-img,.blog-item .item-img img{border-radius:5px}

.blog-item .item-img{position:relative;display:block;max-width:200px;padding:5px;border:1px solid #eee;background-color:#fff;margin:0 20px 0 0;float:left}

.blog-item .item-img img{position:relative;width:100%}

.blog-item .item-info .item-title{height:1.5em;line-height:1.5em;overflow:hidden;font-size:20px;font-weight:normal}

.blog-item .item-info time{display:block;font-size:16px;margin:8px 0;color:#666}

.blog-item .item-info .item-detail{color:#666}

.blog-item .item-info .item-more{margin:20px 0 0;float:right}

.blog-item .item-info .item-more{display:inline-block;padding:.2em 0;line-height:1.8;color:#509B7D;position:relative;text-transform:uppercase}

.blog-item .item-info .item-more:after{content:'';display:block;width:100%;height:1px;background-color:#509B7D;position:absolute;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.blog-item .item-info .item-more:before{left:0;top:0}

.blog-item .item-info .item-more:after{right:0;bottom:4px}

.blog-item .item-info .item-more:hover:before,.blog-item .item-info .item-more:hover:after{width:0;opacity:0}

.blog-item .item-info .item-more:hover{padding-left:.8em;padding-right:.8em;background-color:#509B7D;color:#fff;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}

.download_list{position:relative;width:100%}

.download-item{position:relative;overflow:hidden;padding:15px 0;margin:0 0 10px;line-height:30px;border-bottom:1px solid #eee}

.download-item .item-img{max-width:25px}

.download-item .item-title{position:relative;display:inline-block;*display:inline;vertical-align:top;*zoom:1;margin:0 10px;font-size:16px;font-weight:bold}

.download-item .item-button{position:relative;display:inline-block;*display:inline;vertical-align:top;*zoom:1;line-height:30px;padding:0 15px;border:1px solid #ccc;background:#eee;border-radius:5px;cursor:pointer}

.download-item .item-button:before{content:"\f019";margin:0 10px 0 0}

.blog_list{position:relative;width:100%}

.blog-item{position:relative;width:100%;overflow:hidden;padding:35px 20px;margin-bottom: 10px;}

.blog_list p.pay{background-color: #f1f1f1;font-size: 14px;border-radius: 5px;padding: 5px;}

.blog-item:nth-child(2n+1){background:#f9f9f9}

.blog-item:nth-child(2n){background-color: #fff;}

.blog-item:before{content:'';position:absolute;right:0;top:0;width:0;height: 0;border-top:2px solid #509B7D;opacity:0;float: right;}

.blog-item:after{content:'';position:absolute;left:0;bottom:0;width:0;height: 0%;border-bottom:2px solid #509B7D;opacity:0;display: block;}

.blog-item:hover{}

.blog-item:hover:before{width:100%;height: 100%;opacity:1;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}

.blog-item:hover:after{width:0%;height: 100%;opacity:1;-webkit-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;transition:all .6s ease-in-out}

.blog-item .item-img,.blog-item .item-img img{border-radius:5px}

.blog-item .item-img{position:relative;display:block;max-width:200px;padding:5px;border:1px solid #eee;background-color:#fff;margin:0 20px 0 0;float:left}

.blog-item .item-img img{position:relative;width:100%}

.blog-item .item-info .item-title{height:1.5em;line-height:1.5em;overflow:hidden;font-size:20px;font-weight:normal}

.blog-item .item-info .item-title a{font-weight: 600;display: block;}

.blog-item:hover .item-info .item-title a{color: #509B7D;}

.blog-item .item-info time{display:block;font-size:16px;margin:8px 0;color:#666}

.blog-item .item-info .item-detail{color:#666}

.blog-item .item-info .item-more{margin:20px 0 0;float:right}

.blog-item .item-info .item-more{display:inline-block;padding:.2em 0;line-height:1.8;color:#509B7D;position:relative;text-transform:uppercase}

.blog-item .item-info .item-more:after{content:'';display:block;width:100%;height:1px;background-color:#509B7D;position:absolute;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}

.blog-item .item-info .item-more:before{left:0;top:0}

.blog-item .item-info .item-more:after{right:0;bottom:4px}

.blog-item:hover .item-info .item-more:before,.blog-item:hover .item-info .item-more:after{width:0;opacity:0}

.blog-item:hover .item-info .item-more{padding-left:.8em;padding-right:.8em;background-color:#509B7D;color:#fff;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}

.download_list{position:relative;width:100%}

.download-item{position:relative;overflow:hidden;padding:15px 0;margin:0 0 10px;line-height:30px;border-bottom:1px solid #eee}

.download-item .item-img{max-width:25px}

.download-item .item-title{position:relative;display:inline-block;*display:inline;vertical-align:top;*zoom:1;margin:0 10px;font-size:16px;font-weight:bold}

.download-item .item-button{position:relative;display:inline-block;*display:inline;vertical-align:top;*zoom:1;float:right;line-height:30px;padding:0 15px;border:1px solid #ccc;background:#eee;border-radius:5px;cursor:pointer}

.download-item .item-button:before{content:"\f019";margin:0 10px 0 0}

i,em{font-style:normal}

.entry{padding:15px 0}

.entry{color:#666}

.entry a{color:#0030FF}

.entry p{margin:0;padding:8px 0;font-size:16px;line-height:1.8}

.entry table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}

.entry th,.entry td{height:30px;border:1px solid #ccc;text-align:left;line-height:1.5;font-size:16px;color:#666;background:#fbfbfb;padding:0 15px}

.entry th{font-size:16px;background:#eee}

.entry td p,.entry th p,.pd-panel .entry td p,.pd-panel .entry th p{margin:0;padding:5px;color:#666;font-size:16px;line-height:1.3}

.entry td.amts{color:#509B7D}

.entry th#cartDelete{text-align:center}

.entry .button{margin:15px 10px 0 0;background:#dfdfdf;padding:8px 15px;border:0;cursor:pointer;line-height:1.2;color:#777;font-weight:bold;text-transform:Capitalize}

.entry .button:hover{background:#509B7D;color:#fff}

.entry .deletecartitem{width:50px;text-align:center}

.entry .deletecartitem label{display:none}

.entry .stotal td.amts{font-size:18px;font-weight:bold}

.entry img.alignleft{float:left;margin:20px 15px 0 0}

.entry img.alignright{float:right;margin:20px 0 0 15px}

.entry img.alignleftnopad{float:left;margin-left:0}

.entry img.alignrightnopad{float:right;margin-right:0}

.entry img.aligncenter{text-align:center;display:block;margin:20px auto 0 auto}

.entry img{max-width:100%}

.clear{display:both}

.widget-two{display:inline-block;width:100%;margin:40px 0;padding:20px;background:#fafafa}

.all_r_pst .media{margin-top:0;overflow:hidden;zoom:1}

.relative-post{display:inline-block;padding:12px 0;width:100%}

.relative-post-thumb{float:left;margin-right:12px;width:110px}

.relative-post-thumb a{transition:all 0.5s ease-out;text-decoration:none;color:#0f2637}

.relative-post-thumb img{max-width:100%;height:auto;vertical-align:middle;transition:all 0.4s ease}

.relative-post-thumb img:hover{transform:scale(1.1)}

.relative-post h3{font-size:15px;margin-bottom:10px;line-height:22px}

.single_r_dec h3 a{color:#323232;font-weight:600;transition:all 0.5s ease}

.single_r_dec h3 a:hover{color:#509B7D}

.leftcontent{display:block}

.rightcontent{display:block}

.maincont{width:100%;}

.prodetailsinfo{padding:0 0 15px;clear:both;zoom:1;width:100%}

.proviewbox{float:left;position:relative;z-index:5;width:100%}

.probigshow{position:relative;padding:1px;border:1px solid #ddd}

.zoomplepopup{position:absolute;top:0px;left:0px;display:none;background:#fff;border:1px solid #e9493d;overflow:hidden;opacity:0.5;filter:alpha(opacity=50);z-index:10;cursor:crosshair}

.probigshow .swiper-button-prev{    color: #fff;

    background: rgba(0, 0, 0, 0.3);

    border-radius: 10%;}

.probigshow .swiper-button-prev::before{content: '←';text-align: center;line-height: 40px;padding-left: 9px;font-size: 22px;}





.probigshow .swiper-button-next{    color: #fff;

    background: rgba(0, 0, 0, 0.3);

    border-radius: 10%;}

.probigshow .swiper-button-next::before{content: '→';text-align: center;line-height: 40px;padding-left: 9px;font-size: 22px;}





#probig_preview{position:absolute;visibility:hidden;top:0px;left:405px;background:#fff;border:1px solid #ccc;overflow:hidden}

#probig_preview img{position:relative}

.div_prothumb{position:relative;padding:0px 25px 0;margin-top: 20px;}

.thumbporbox{position:relative;overflow:hidden;height: 100px;}

.thumbporbox ul {display: flex;}

.div_prothumb .span_prev,.div_prothumb .span_next{position:absolute;top:20%;width:22px;height:64px;overflow:hidden;cursor:hand;cursor:pointer;display:block;background-color:#E1E1E1;padding-top:20px;text-align:center}

.ul_prothumb{position:relative;overflow:hidden;width: 1200px}

.ul_prothumb li{float:left;width:102px;text-align:center}

.ul_prothumb img{padding:1px;border:1px solid #ddd;width:90%}

.ul_prothumb img:hover{opacity:.8}

.ul_prothumb li.now img{border:1px solid #137bde;padding:2px}

.div_prothumb .span_next{left:0px;_left:-25px;background-position:-90px -270px}

.div_prothumb .span_prev{right:0px;top: 20%;background-position:-156px -270px}

.hizoom img{width:100%}

.why-title{text-align:center}

.why-title h1{font-size:36px;text-transform:capitalize;color:#ffffff;font-weight:bold}

.why-title p{margin-bottom:0;font-size:16px;margin-top:10px;line-height:26px;color:#dddddd}

.why-us-sec{position:relative;background-attachment:fixed;margin-top:0px;display:block}

.why-sec-overlay{background-color:rgba(15,25,52,0.90);height:100%;left:0;position:absolute;right:0;top:0;width:100%}

.why-content{background-color:#ffffff;border-radius:10px;margin:30px 0 0 0;padding:30px}

.why-us-box h1{font-size:34px;color:#0f2637;text-transform:capitalize;font-weight:800;line-height:49px}

.why-us-box-item{margin:10px 0}

.why-us-box-icon{color:#3A94E9;margin:0 auto;font-size:24px;text-align:center}

.about .why-us-box-icon{color:#3A94E9}

.why-main:hover img{transform:scale(1.1);transition:all 0.3s linear}

.why-center{text-align:center}

.why-main{display:block;margin-bottom:5px;height:90px}

.why-us-box-text{text-transform:capitalize;text-align:center;line-height:24px;padding-top:3px}

.about .why-us-box-text{text-transform:none;text-align:left;line-height:24px;padding-top:3px;font-size:16px}

.embed-responsive{margin-top:20px}

.why-us-item-img{margin-bottom:30px}

.why-us-item-desc h2{font-size:22px;text-transform:capitalize}

.why-us-readmore{padding:9px 26px;border:1px solid #3A94E9;background:#3A94E9;color:#fff}

.why-us-item:hover .why-us-readmore{background:transparent;color:#3A94E9}

.why-us-box{margin-bottom:30px}

.why-us-item{margin-bottom:30px}

.why-us-subtitle,.faq-subtitle{font-weight:bold;color:#3A94E9;text-transform:capitalize}

.about .why-us-subtitle{color:#3A94E9}

.service-sec{position:relative;background-attachment:fixed;margin-top:0px;display:block}

.product .service-sec{padding:0}

.service-sec-overlay{height:100%;left:0;position:absolute;right:0;top:0;width:100%}

.sec-title.white-color h1{color:#fff}

.sec-title.white-color p{color:#ddd}

.single-service-inner{margin-bottom:50px;transition:all 0.4s ease 0s;background:#fff;text-align:center;border-bottom:3px solid #fff}

.sec-title{text-align:center}

.pac{text-align:center;margin-bottom:20px}

.single-service-inner:hover{border-color:#3a94e9;transition:all 0.4s ease 0s}

.service-title-inner{padding:10px 0}

.service-icon{width:55px;height:55px;background:#3A94E9;text-align:center;line-height:55px;border-radius:100%}

.service-title h2{font-size:20px;text-transform:capitalize;margin-bottom:5px;font-weight:600}

.service-title span{color:#025592}

.detail .service-title .span{color:black;text-transform:capitalize}

.detail span,.about span,.product span{color:#696969}

.service-thumb::before{position:absolute;content:"";background-color:rgba(58,148,233,0.85);width:0%;height:100%;top:0;left:0;z-index:1;transition:all 0.4s ease 0s}

.single-service-inner:hover .service-thumb::before{width:100%;transition:all 0.4s ease 0s}

.single-service-inner:hover .readmore-button{visibility:visible;opacity:1;transition:all 0.4s ease 0s}

.readmore-button{text-align:center;position:absolute;top:50%;transform:translateY(-50%);left:0;right:0;z-index:4;visibility:hidden;opacity:0}

.readmore-button a{background:#fff;color:#3a94e9;display:inline-block;padding:10px 26px;text-transform:capitalize;margin:0px 10px;position:relative;z-index:5;font-weight:600;position:related;transition:all 0.4s ease 0s}

.readmore-button a::before{content:"\f178";font-family:fontawesome;float:right;top:0px;position:relative;color:#3a94e9;padding-left:10px;transition:all 0.4s ease 0s;margin-left:10px}

.sec-title h1{font-size:30px;text-transform:capitalize;color:#444444;font-weight:bold}

.single-project-inner{margin-bottom:40px}

.project-thumb{margin-bottom:20px;position:relative;overflow:hidden}

.single-project-inner:hover .project-thumb-overlay{left:0px;transition:all 0.4s ease 0s}

.project-thumb-overlay{position:absolute;bottom:0;height:100%;width:100%;background-color:rgba(15,25,52,0.90);transition:all 0.4s ease 0s;left:-100%}

.project-thumb-overlay::before{position:absolute;content:"";width:85%;height:85%;border:1px solid #3A94E9;left:0;right:0;margin:0px auto;transform:translateY(-50%);top:50%}



/* 关于我们 */

.crumbs{

    display: flex;

    flex-wrap: wrap;

    padding: 0;

    justify-content: center;

    color: rgb(0, 0, 0);

    font-size: 16px;

    background-color: transparent;

}

.crumbs li{

    padding-left: 5px;

}

.cs-center {

    display: flex;

    align-items: center;

    justify-content: center;

}

.cs-page__head.cs-style1 {

    height: 400px;

    background:url(../images/bg5.jpg),linear-gradient(90deg,#021b79 0,#0575e6 99%);

}

.cs-page__head.cs-style1 .cs-page__head__in {

    /* padding-top: 60px; */

}

.cs-page__head.cs-style1 .cs-page__head__title {

    font-size: 60px;

    font-weight: 800;

    color: #fff;

    margin-bottom: 10px;

}

.cs-page__head.cs-style1 .breadcrumb {

    margin: 0;

    background-color: transparent;

    font-size: 16px;

    justify-content: center;

    color: #fff;

    display: flex;

    flex-wrap: wrap;

    padding: 0;

    

    list-style: none;

}

.cs-page__head.cs-style1 .breadcrumb {

    margin: 0;

    background-color: transparent;

    font-size: 16px;

    justify-content: center;

    color: #fff;

}

.cs-page__head.cs-style1 .breadcrumb a{

    color: inherit;

    text-decoration: none;

    transition: all .3s ease;

}

.cs-page__head.cs-style1 .breadcrumb a:hover{

    color: #509B7D;

}

.cs-page__head.cs-style1 .breadcrumb .breadcrumb-item.active {

    color: #6c757d;

    color: #fff;

}

.cs-page__head.cs-style1 .breadcrumb .breadcrumb-item+.breadcrumb-item::before {

    content: "/";

    color: #fff;

}



.about-img img::before{

    position: relative;

    content: "";

    display: block;

    width: 100px;

    height: 100px;

    background-color: red;

}

.about-img img::after{

    position: relative;

    content: "";

    display: block;

    width: 100px;

    height: 100px;

    background-color: red;

}





/* 荣誉资质 */

.honor{

    position: relative;

    padding: 40px 0;

}

.honor-title{

    padding: 0 0 30px;

    text-align: center;

}

.honor-title h2{

    font-weight: bold;

    color: #000;

    font-size: 35px;

    padding-bottom: 10px;

}

.honor-item{

    padding: 0 20px;

    transition: .5s;

}

.honor-item .tit{

    padding: 10px;

    text-align: center;

    color: #000;

    border: 1px solid #99999963;

    border-top: none;

}

.honor-item .image{

    position: relative;

    background-color: rgba(59, 57, 57, 0.164);

    border: 1px solid #99999963;

    border-bottom: none;

}

.honor-item .image:hover img{

    opacity: .5;

    transition: .5s;

}

.honor-item:hover{

    transform: translateY(-10px);

}

.honor-item:hover .tit{

    background-color: #509B7D;

    color: #fff;

    transition: .67s;

}



/* 服务支持 */

.cloud-tag{

    position: relative;

    padding: 30px 30px;

}

.cloud-tag ul li{

    display: inline-block;

    margin-right: 3px;

}

.sidebar-side .sidebar-widget .search-tit{

    position: relative;

    padding-left: 70px;

    font-size: 24px;

    margin-bottom: 25px;

    text-transform: capitalize;

    color: #000;

    transition: .4s;

}

.sidebar-side .sidebar-widget{

    transition: .5s;

}

.sidebar-side .sidebar-widget:hover .search-tit{

    color: #509B7D;

}

.sidebar-side .sidebar-widget .sidebar-title h2{

    transition: .5s;

}

.sidebar-side .sidebar-widget:hover .sidebar-title h2{

    color: #509B7D;

}

.sidebar-side .sidebar-widget .search-tit::before{

    width: 52px;

    height: 4px;

    border-radius: 25px;

    content: '';

}

.sidebar-side .sidebar-widget .search-tit::after{

    width: 4px;

    height: 4px;

    left: 60px!important;

    border-radius: 100%;

    content: '';

}

.sidebar-side .sidebar-widget .search-tit::before,

.sidebar-side .sidebar-widget .search-tit::after{

    position: absolute;

    content: "";

    background-color: #509B7D;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

}

.widget-content ul {

    margin: 0;

}

.widget-content ul li{

    list-style: none;

    display: inline-block;

    width: 100%;

}

.blog_list ul li{

    /* border: 1px solid #ddd; */

}

.blog-item{

    transition: .5s;

}

.blog-item:hover{



}

.service-sup{

    padding: 40px 0;

    position: relative;

}

.service-sup-title{

    text-align: center;

    margin-bottom: 30px;

}

.service-sup-title h2{

    text-transform: uppercase;

    font-weight: bold;

    letter-spacing: normal;

    font-size: 36px;

    color: #000;

}

.service-sup-item{

    margin-bottom: 2%;

}

.service-sup-item:hover .service-sup-left img{

    transform: scale(1.05);

}

.service-sup-right{

    padding:0 40px;

}

.service-sup-right h4{

    font-size: 26px;

    color: #509B7D;

    padding: 40px 0 30px ;

}

.service-sup-left{

    overflow: hidden;

}

.service-sup-left img{

    transition: .5s;

}



/* 面包屑 */

.crumbstion{

    height: 50px;

    line-height: 50px;

}

.crumbs-main{

    display: flex;

    justify-content: start;

}

.crumbs-item{

    font-size: 18px;

    font-weight: 500;

    color: #509B7D;

    padding: 0 10px 0 0;

}

.crumbs-item a{

    color: #666;

    transition: .4s;

    font-size: 16px;

}

.crumbs-item a:hover{

    color: #509B7D;

}

.crumbs-item+.crumbs-item::before{

    float: left;

    padding-right: 10px;

    color: #000;

    content: ">";

    font-size: 16px;

}



/* 联系我们 */

.contact1{

    padding: 40px 0;

}



/* 百度地图 */

#container-map:hover{

    box-shadow: 0px 0px 10px 10px rgb(218, 218, 218);

}



/* tab菜单 */

.tab-nav{

    text-align: center;

    position: relative;

    background-color: transparent;

    height: 60px;

    line-height: 60px;

    margin-top: -30px;

    margin-bottom: 20px;

}

.tab-nav nav{

    background-color: #fefefe;

    display: flex;

    flex-wrap: wrap;

    box-shadow: 0 6px 5px 5px #9c9c9c5b;

}

.tab-nav nav a:after{

    position: absolute;

    bottom: 0;

    left: 0;

    content: "";

    width: 0;

    height: 2px;

    background-color: #EC3323;

    -webkit-transition: .4s;

    transition: .4s;

}

.tab-nav nav .active:after{

    position: absolute;

    bottom: 0;

    left: 0;

    content: "";

    width: 100%;

    height: 2px;

    background-color: #EC3323;

    -webkit-transition: .4s;

    transition: .5s;

}



/* 新闻详情 */

.blog_list{

    position: relative;

    padding-bottom: 30px;

    border-bottom: 1px solid #e2e8f0;

}

.blog_list .post-date {

    position: absolute;

    right: 0px;

    top: 40px;

    width: 70px;

    height: 70px;

    z-index: 1;

    font-size: 18px;

    color: #ffffff;

    font-weight: 300;

    padding: 8px 5px 0px;

    text-align: center;

    text-transform: capitalize;

    background-color: #509B7D;

}

.blog_list .post-date b{width: 100%; display: block;font-size: 20px;}

.blog_list .category {

    position: relative;

    color: #509B7D;

    font-size: 15px;

    padding-left: 25px;

}

.blog_list .category:before {

    position: absolute;

    content: '\f07c';

    left: 0px;

    top: 0px;

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

}

.blog_list .title-box {

    position: relative;

    padding-bottom: 30px;

    border-bottom: 1px solid #e2e8f0;

}

.blog_list .title-box h2 {

    position: relative;

    color: #222222;

    font-size: 36px;

    font-weight: 300;

    line-height: 1.3em;

    margin-top: 10px;

}

.blog_list .lower-content {

    position: relative;

    padding: 42px 0;

}

.blog_list .lower-content .text {

    position: relative;

}

.blog_list .post-share-options {

    position: relative;

    padding-top: 30px;

    border-top: 1px solid #e2e8f0;

}

.blog_list .post-share-options .social-box {

    position: relative;

}

.blog_list .post-share-options .social-box li {

    position: relative;

    margin-left: 10px;

    color: #222222;

    font-size: 16px;

    font-weight: 300;

    display: inline-block;

}

.blog_list .post-share-options .social-box li a {

    position: relative;

    color: #b3b9c8;

    font-size: 13px;

    font-weight: 400;

    -webkit-transition: all 300ms ease;

    -moz-transition: all 300ms ease;

    -ms-transition: all 300ms ease;

    -o-transition: all 300ms ease;

    transition: all 300ms ease;

}

.blog_list .post-share-options .social-box li .share {

    color: #509B7D;

    font-weight: 400;

}

.blog_list .post-share-options .prevtop{

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 10px;

}

.blog_list .post-share-options .nexttop{

    display: flex;

    flex-wrap: wrap;

}

.blog_list .post-share-options .post-share-inner .tags{

    width: 100%;

    display: flex;

    justify-content: space-between;

}



/* 首页移动端下拉按钮 */

@media (min-width: 768px){

.navbar-header {

    display: none;

}

}



/* 产品详情 */

.faq-sec .contact a{
background-color: #2c815f;
display: block;
padding: 10px 10px;
margin-right: 20px;
transition: .4s;
color: #ffffff;
border-radius: 5px;
}

.faq-sec .contact a span{

    transition: .4s;

}

.faq-sec .contact a:hover{

    background-color: #333;
    transition: .4s;
    letter-spacing: .6px;

}

.faq-sec .contact a span{
  font-weight: bold;
    padding-left: 10px;
}

.product-info{
    font-size: 16px;
}
.product-info p{
    margin-bottom: 20px;
    width: 70%;
}

.faq-sec .product-Cat{

    width: 100%;

    background-color: rgba(246, 246, 246, 1);

    padding-top: 10px;

    padding-bottom: 10px;

}



.faq-sec .product-Cat .Category{

    display: flex;

        flex-wrap: wrap;

        flex-direction: row;

        padding-top: 0px;

        padding-bottom: 5px;

        margin-bottom: 5px;

        border-bottom-style: solid;

        border-bottom-width: 1px;

        border-bottom-color: rgba(236, 236, 236, 1);

        margin-left: 20px;

        margin-right: 20px;

        width: auto;

        padding-left: 0px;

}



.faq-sec .product-Cat .Category .ming{

    font-weight: bold;

    color: #000;

}

.product-info-right .faq-sec h4{

    font-weight: bold;

    color: #509B7D;

}

.Category-main{

    display: block;

   }

.Category-main li{

    height: 40px;

    line-height: 40px;

    margin-bottom: 1px;

    position: relative;

    transition: .5s;

    background-color: #e2e8f0;

}

.Category-main li.active{background-color: #509B7D;}

.Category-main li.active a{color: #ffffff;}

.Category-main li::after{

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    height:100%;

    width: 0%;

    opacity: 0;

    /* z-index:-1; */

    background-color: #509B7D;

    -webkit-transition: all .5s ease-in-out;

    -moz-transition: all .5s ease-in-out;

    -o-transition: all .5s ease-in-out;

    transition: all .5s ease-in-out;

}

.Category-main li:hover a{

    color:#fff;

    z-index: 2;

}

.Category-main li:hover::after{

    width: 100%;

    opacity: 1;

}



.Category-main li a{

    font-size:16px;

    position: relative;

    display: block;
    text-align: left;
    padding-left: 28px;

}



/* 弹性 */

.row1{

    --bs-gutter-x: 30px;

    --bs-gutter-y: 0;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin-top: calc(var(--bs-gutter-y) * -1);

    margin-right: calc(var(--bs-gutter-x)/ -2);

    margin-left: calc(var(--bs-gutter-x)/ -2);

}



/* 产品简介 */

.faq-sec{

}





/* 网站地图 */

#sitemap{

    border: 4px solid #eee;

    padding: 10px 15px;

}

#sitemap h1 {

    border-bottom: 1px solid #eee;

    font-weight: 100;

    height: 40px;

    line-height: 40px;

    padding: 0 10px;

    padding-bottom: 10px;

}

.map-position {

    font-family: sans-serif;

    color: #757575;

}

.map-position a {

    color: #757575;

    display: inline-block;

    font-size: 20px;

}

.fl{

    float: left;

    font-size: 20px;

}

#sitemap .cont {

    padding: 10px;

}  

#sitemap .cont ul li {

    line-height: 40px;

    margin-bottom: 10px;

    display: block;

}

.wzdt-nav {

    display: block;

    width: 100%;

}

#sitemap .cont ul li a {

    margin: 0 15px;

}

#sitemap .cont ul li ul {

    border: 1px solid #eee;

    display: block;

    padding: 0 0 0 15px;

}

#sitemap .cont ul li ul li {

    float: left;

    margin-bottom: 0;

}

.map-web{

    padding: 40px 0;

}