@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css");
/* ==========================================================================
2. GENERAL
========================================================================== */
html{overflow-x:hidden;font-size:16px;}
body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;font-size:0.875rem;font-weight:400;overflow-x:hidden;}
img{ max-width:100%; height:auto;}
p{margin-bottom:0}
a{color:#333;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
a.nivo-lightbox-close{ color:#fff;}
a:focus,a:hover{color:#811812;transition:0.3s all; } 
ul{margin:0;padding:0}
ul li{list-style:none}
a:focus,a:hover{text-decoration:none;outline:0}
/*
a:not([href]):not([tabindex]){color:#fff}
a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:#fff}
*/
.bg-transparent{background:0 0!important}
.bg-defult{background:#811812!important}
/* ==========================================================================
2.1 Section Title
========================================================================== */
.section{}
.intitle{border-bottom: 1px solid #dddddd; padding:1rem 0; margin-bottom:2rem; }
.intitle:after{ content:""; display:table; clear:both;background:url(/uploads/allimg/pic/imain_pro_img1.jpg) no-}
.intitle .txt{}
.intitle .txt h3{display:inline-block;font-size:1.5rem; margin-right:0.75rem; margin-bottom:0;}
.intitle .txt h4{display:inline-block;font-size:0.75rem; margin-bottom:0;}
.intitle ul.intitlenav{ margin-top:3px;}
.intitle ul.intitlenav li{float:left;margin-right:15px;height:30px;text-align:center;}
.intitle ul.intitlenav li a{display:block;padding:0px 15px;height:30px;line-height:29px;text-align:center;color:#222222;font-size:14px;border-radius:15px;transition:all 0.5s;}
.intitle ul.intitlenav li a:hover{background-color:#990000;color:#ffffff;}
/* ==========================================================================
2.2 Buttons
========================================================================== */
.btn{font-size:0.875rem;padding:10px 30px;border-radius:30px;font-weight:400;color:#fff;text-transform:uppercase;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:inline-block}
.btn:active,.btn:focus{box-shadow:none;outline:0;color:#fff}
.btn-common{background-color:#811812;position:relative;z-index:1;padding:12px 32px;border-radius:30px}
.btn-common:hover{color:#fff}
.btn-effect{overflow:hidden}
.btn-effect:after{content:'';position:absolute;width:0;height:100%;z-index:1;left:0;top:0;background:rgba(0,0,0,.1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.btn-effect:hover:after{width:100%}
.btn-border{border-style:solid;border-width:2px;cursor:pointer;background-color:transparent;border-color:#fff;color:#fff}
.btn-border:hover{color:#fff;background-color:#811812}
.btn-lg{padding:14px 33px;text-transform:uppercase;font-size:1rem}
.btn-rm{padding:7px 10px;text-transform:capitalize}
button:focus{outline:0!important}
.close-button{cursor:pointer}
.clear{clear:both}
/* ==========================================================================
2.4  Pre Loader
========================================================================== */
#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#263238;z-index:9999999999}
.spinner{width:40px;height:40px;top:45%;position:relative;margin:0 auto}
.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#811812;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}
.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}
50%{-webkit-transform:scale(1)}
}
@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}
50%{transform:scale(1);-webkit-transform:scale(1)}
}
/* ========================================================================== 
-2.5 Scroll To Up 
========================================================================== */
.back-to-top{display:none;position:fixed;bottom:18px;right:15px}
.back-to-top i{display:block;width:36px;height:36px;line-height:36px;color:#fff;font-size:1.4rem;text-align:center;border-radius:30px;background-color:#811812;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.overlay-2{background:rgba(0,0,0,.9)!important}
.overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:#811812;opacity:.5}
/* ==========================================================================
Navbar Style
========================================================================== */
.headerbg{ width:100%; background:#720e1a;}
.headertop{line-height:1.5rem; margin-top:10px;}
.welcome{}
.headerlink{}
.headerlink a{ padding:0 10px;}
.headertel{}
.headercontainer{ border-bottom:1px #fff solid; padding-top:0.75rem;padding-bottom:0.75rem;}
.menubg{}
.navbar-brand{height:100px; line-height:100px; padding:0 0; margin-left:-15px;}
.navbar-brand p{ display:inline-block; vertical-align:middle;}
.navbar-brand span{ display:inline-block; vertical-align:middle;}
.navbar-brand img{max-height:86px}
@media screen and (min-width: 320px) and (max-width: 768px){
.navbar-brand{ padding-top:0!important; padding-bottom:0!important;}
.navbar-brand{height:65px; line-height:65px;}
.navbar-brand img{max-height:55px}
}
.navbar-expand-md{background:none!important;box-shadow:0 1px 3px 0 rgba(0,0,0,.16),0 1px 3px 0 rgba(0,0,0,.12);z-index:999;padding:0}
.navbar-expand-md .navbar-nav li.nav-item{width:12.5%;}
.navbar-expand-md .navbar-nav .nav-link{color:#fff;line-height:4.0625rem; font-size:0.875rem;position:relative; display:block; text-align:center; padding:0 0;}
/*.navbar-expand-md .navbar-nav .nav-link:before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#811812;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.navbar-expand-md .navbar-nav .active::before,.navbar-expand-md .navbar-nav .nav-link:hover::before{width:50%}*/
.navbar-expand-md .navbar-nav .nav-link:focus,.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .nav-link:hover:before{background:#990000;color:#fff;}
.navbar-expand-md .navbar-nav .active>.nav-link,.navbar-expand-md .navbar-nav .nav-link.active,.navbar-expand-md .navbar-nav .nav-link.active:before,.navbar-expand-md .navbar-nav .nav-link.open,.navbar-expand-md .navbar-nav .open>.nav-link{background:#990000;color:#fff;}
.navbar-expand-md .navbar-toggler{border-radius:0;margin:5px 0;cursor:pointer;float:right;padding: 0.25rem 0; font-size:1.25rem;}
.dropdown-toggle::after{ display:none;}
.menubg ul.dropdown-menu{ margin:0 0; padding:0 0;border:none;border-radius:0; background:#990000;min-width:100%;font-size:medium;}
.menubg ul.dropdown-menu li{ text-align:center;}
.menubg ul.dropdown-menu li a.dropdown-item{ color:#fff; font-size:0.75rem; line-height:36px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block; padding:0 0;}
.menubg ul.dropdown-menu li a.dropdown-item:hover{color:#fff!important; background:#720e1a!important;}
.searchbox{ }
.searchbox .hotsearch{line-height: 25px; padding:10px 0; }
.searchbox .hotsearch span{ font-weight:600;}
.searchbox .hotsearch a{ padding: 0 10px;}
.searchbox .searchboxnr{overflow:hidden;padding:0; display:inline-block; vertical-align:middle;}
.searchbox .searchboxnr form{ position:relative; border:none; background:rgba(255,255,255,.3);/*-webkit-border-radius:20px;-moz-border-radius:20px;  border-radius:20px; */overflow:hidden;}
.searchbox .searchboxnr input[type="text"]{line-height:30px; height:30px; border:0; text-indent:10px; color:#fff; background:none;float:left; display:block;width:calc(100% - 40px); outline:none;}
.searchbox .searchboxnr input::-webkit-input-placeholder{color:#fff;}
.searchbox .searchboxnr input::-moz-placeholder{color:#fff;}
.searchbox .searchboxnr input::-ms-input-placeholder{color:#fff;}
.searchbox .searchboxnr button[type="submit"]{height: 30px; width:40px; text-align:center;line-height:30px;background:none;border: 0;font-size:18px; color:#fff;cursor:pointer; float:right;}
.searchbox .headertel{ display:inline-block;vertical-align:middle;font-size: 1.5rem; background:url(../images/tel.png) no-repeat left center; padding-left:30px; color:#fff; line-height:30px; margin-left:15px;}
/* ==========================================================================
Team Section
========================================================================== */
.owl-pagination{position:absolute;width:100%;left:0;bottom:-40px}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:2px 4px;opacity:1;border-radius:30px;background:#fff;border:2px solid #fff;box-shadow:0 0 2px rgba(0,0,0,.2);transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{background:#811812}
/* ==========================================================================
Slider
========================================================================== */
#carousel-area{overflow:hidden;background:#2c3e50}
#carousel-area .carousel-item{background-size:100%}
#carousel-area .carousel-item .img-responsive-a{ display:block;}
#carousel-area .carousel-item .img-responsive-a img{ width:100%;}
#carousel-area .carousel-control{display:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#carousel-area:hover .carousel-control{display:block;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeIn;animation-name:fadeIn}
#carousel-area .carousel-control-next,#carousel-area .carousel-control-prev{opacity:0;}
#carousel-area .carousel-control-next i,#carousel-area .carousel-control-prev i{width:48px;line-height:48px;height:48px;color:#fff;font-size:24px;display:inline-block;background:#811812;border-radius:30px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear}
#carousel-area .carousel-control-next i:hover,#carousel-area .carousel-control-prev i:hover{opacity:.9}
/*#carousel-area .carousel-indicators li.active,#carousel-area .carousel-indicators li:hover{opacity:1}*/
#carousel-area .carousel-indicators{ text-align:center; opacity:0; background:rgba(255,255,255,.3); width:100%;margin-right:0;margin-left:0; margin-bottom:0; padding:15px 0;}
#carousel-area:hover .carousel-indicators{ opacity:1;}
#carousel-area .carousel-indicators li{width:10px;height:10px;border-radius:0; margin:0 5px;border-top:none;border-bottom:none;text-indent:-9999; text-align:center;color:#fff;background:#b7b7b7; overflow:hidden; display:inline-block;}
#carousel-area .carousel-indicators li.active{ width:10px; height:10px;margin:0 5px;  color:#fff;background:#ff4400;}

.main{ background:#fff;}
.mb15{margin-bottom:15px;}
.mrj7{margin-right:-7.5px;}
.mr20{margin-right:20px;}
.mrj20{margin-right:-20px;}
.mlj35{margin-left:-35px;}
.mr40{margin-right:40px;}
.mrj40{margin-right:-40px;}
.ml5{margin-left:5px;}
.ml25{margin-left:25px;}
.mlj35{margin-left:-35px;}
/* ==========================================================================
Portfolio Section
========================================================================== */
#portfolios{}
.portfolio-item{ margin-bottom: 30px;}
.mix{}
.controls{text-align:center;padding:0 0 20px}
.controls .active{color:#811812!important;border-color:#811812;background:0 0}
.controls .btn{text-transform:uppercase;margin:2px}
.controls:hover{color:#fff;cursor:pointer}
.shot-item{width:100%;height:100%;overflow:hidden;position:relative;border: 1px solid #bfbdbf;}
.shot-item img{width:100%;height:100%;-webkit-transition-duration:4s;-o-transition-duration:4s;transition-duration:4s}
.shot-item .single-content{background-color:rgba(22,26,39,.7);opacity:.9;height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;width:100%}
.shot-item .single-content .fancy-table{display:table;height:100%;left:0;position:relative;top:0;width:100%;z-index:2}
.shot-item .single-content .fancy-table .table-cell{display:table-cell;vertical-align:middle;text-align:center}
.shot-item .single-content .zoom-icon a{color:#fff;font-size:2rem;margin-bottom:15px}
.shot-item .single-content a{color:#fff;}
.shot-item:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.shot-item:hover .single-content{opacity:.8}
.shot-txt{ text-align:center; line-height:250%; padding:5px;font-weight: normal; background:#811812; margin-top:3px;}
.shot-txt a{ color:#fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display: block; padding: 0 10px;}

.item-boxes{padding:30px;border-radius:4px;border:1px solid #eaeaea;margin:15px 0;webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.item-boxes .icon{margin-bottom:10px}
.item-boxes .icon i{font-size:3rem;line-height:60px;color:#811812}
.item-boxes h4{font-size:1.8rem;font-weight:500;margin-bottom:15px}
.item-boxes p{margin:0}
.item-boxes:hover{background:0 0;box-shadow:0 10px 50px 0 rgba(84,110,122,.35)}

/* ==========================================================================
about
========================================================================== */
#about{ background:#fff;padding:70px 0 30px;}
.inabout{}
.aboutbar{border-top: 1px solid #cccccc;  margin-top:60px;}
.inabouttxt{overflow: hidden;background-color: #f2f2f2; height:100%; position:relative; padding:25px;}
.inabouttxt h3{font-size:1.125rem; margin-bottom:10px;}
.inabouttxt p{}
.inabouttxt a.more{display:block;margin-top:30px;width:143px;height:46px;line-height:46px;text-align:center;border:1px solid #999999;transition:all 0.5s;}
.inabouttxt a.more:hover{background-color:#990000;color:#ffffff;border:1px solid #990000;}
.inaboutjoin{ position:absolute; width:100%; height:100%; left:0; top:0;}
.inaboutjoin .txt{ color:#fff; padding:75px 18px 70px;}
.inaboutjoin .tel{ color:#fff;font-size:1.5rem; text-align:center; padding-left:30px; padding-bottom:15px;}
.inaboutjoin .list{ padding:15px 18px 0;}
.inaboutjoin .list li{ margin-bottom:10px;}
.inaboutjoin .list li a{ background:rgba(255,255,255,0.3); line-height:2.8125rem; color:#fff; display:block; text-align:center;}

.inbar{ margin:0 -960px; text-align:center;}

#product{ background:#fff;padding:70px 0 30px;}
.productcat{ margin-bottom:15px;}

#innews{background-color: #f2f2f2;padding:70px 0 30px;}
.innewslist{}
.innewslist li{line-height:1.625rem;margin-bottom: 55px;border-bottom: 1px solid #d4d4d4; padding-bottom:50px;}
.innewslist li:after{ content:""; display:table; clear:both;}
.innewslist li span{ display:block;font-size:1.875rem;color: #666666; margin-bottom:1.875rem;}
.innewslist li a{line-height:2.25rem;font-size:1.125rem;color: #990000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block;margin-bottom:1.875rem;}
.innewslist li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.innewspic{}
.innewspic li{line-height:1.625rem;}
.innewspic li:after{ content:""; display:table; clear:both;}
.innewspic li picture{}
.innewspic li picture img{ width:100%;}
.innewspic li span{ display:block;font-size:1.875rem;color: #666666; margin-bottom:1.875rem;}
.innewspic li a{line-height:2.25rem;font-size:1.125rem;color: #222222;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block;margin:0.5rem 0 0.875rem;}
.innewspic li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.innewspic li a.more{display:block;width:142px;height:46px;line-height:46px;text-align:center;border:1px solid #999999;font-size:18px;color:#666666;transition:all 0.5s;}
.innewspic li a.more:hover{border:1px solid #990000;background-color:#990000;color:#ffffff;}

.productcatbox{ position:relative;}
.productcata{display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;background-color:#990000;z-index:1;opacity:0;transition:all 0.8s;cursor:pointer;}
.productcata:after{position:absolute;left:0px;top:49%;width:0%;height:1px;background-color:#ffffff;content:"";transition:all 0.8s;}
.productcathover{display:block;position:absolute;left:36.25498007968127%;top:calc(45% - 80px);width:100px;height:80px;z-index:2;color:#ffffff;opacity:0;transition:all 1.2s;}
.productcathover span{font-size:48px;}
.productcathover h2{margin:0px;padding:0px;font-weight:normal;font-size:18px;}
.productcatbox:hover .productcata{left:0px;top:0px;width:100%;height:100%;opacity:0.7;}
.productcatbox:hover .productcata:after{left:0px;top:49%;width:34.46215139442231%;opacity:1;}
.productcatbox:hover .productcathover{left:36.25498007968127%;top:calc(55% - 80px);opacity:1;}
/* ==========================================================================
Blog 
========================================================================== */
#culture{padding:70px 0 30px;}
.inculturelist{}
.inculturelist li{line-height:1.625rem;border-bottom: 1px solid #d4d4d4;}
.inculturelist li:after{ content:""; display:table; clear:both;}
.inculturelist li span{ float:right;line-height:3.6875rem;}
.inculturelist li a{line-height:3.6875rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block;}
.inculturelist dl{ overflow:hidden;border-bottom: 1px solid #d4d4d4; padding-bottom:1rem; margin-bottom:0;}
.inculturelist dl dt{ width:80px; float:right; text-align:center;}
.inculturelist dl dt i{ display:block; font-style:normal;font-size:2.25rem;}
.inculturelist dl dt span{}
.inculturelist dl dd{ width:calc(100% - 85px); float:left;}
.inculturelist dl dd a{line-height:1.125rem;font-size:1.125rem;border-bottom: 1px solid #cccccc; margin-bottom:1rem; padding-bottom:1rem; color: #990000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block;}
.inculturelist dl dd p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;border-top:1px #fff solid;}
.inculturepic{}
.inculturepic li{line-height:1.625rem; background:#720e1a;-webkit-border-radius:80px 0 80px 0;-moz-border-radius:80px 0 80px 0;  border-radius:80px 0 80px 0;}
.inculturepic li:after{ content:""; display:table; clear:both;}
.inculturepic li .pic{}
.inculturepic li .pic img{ width:100%;}
.inculturepic li .txt{ color:#fff; padding:30px; overflow:hidden; margin-bottom:0;}
.inculturepic li .txt dt{ width:80px; float:left; text-align:center;}
.inculturepic li .txt dt i{ display:block; font-style:normal;font-size:2.25rem; color: #ffffff;}
.inculturepic li .txt dt span{}
.inculturepic li .txt dd{ width:calc(100% - 85px); float:right;}
.inculturepic li .txt a{line-height:1.125rem;font-size:1.125rem;border-bottom: 1px solid #cccccc; margin-bottom:1rem; padding-bottom:1rem; color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; display:block;}
.inculturepic li .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #cccccc;}

#hotproducts{background:#fff;padding:70px 0 30px;}
.hotproductslist{ padding:10px 0;}
.hotproductslist .bd{}
.hotproductslist .bd ul{ overflow:hidden; zoom:1;}
.hotproductslist .bd ul li{ margin:0; float:left; width:25%; overflow:hidden; text-align:center; }
.hotproductslist .bd ul li .hotproductsbox{ margin:10px; padding:10px; background:#fff;}
.hotproductslist .bd ul li .pic{border: 1px solid #740001;}
.hotproductslist .bd ul li .txt{line-height:1.5rem;}
.hotproductslist .bd ul li .txt a{ display:block;line-height:1.5rem;}



#inner-page{ padding:0 0 30px;background:#efefef;}

.knowledgenav{position:relative; top:0px;}
.knowledgenav:before{ content:""; display:block; position:absolute; z-index:1;left:77px; top:0px; width:2px; height:98%; background:#720e1a;}
.knowledgenav ul{position:relative;width:100%;z-index:2; padding-top:50px;}
.knowledgenav li{position:relative;margin-top:47px;width:100%;height:154px;}
.knowledgenav li a{color:#990000;}
.knowledgenav li a span{position:absolute;left:180px;top:62px;width:112px;height:30px;text-align:left;font-size:16px;}
.knowledgenav li a span:before{position:absolute;left:0px;bottom:0px;width:31px;height:2px;background-color:#990000;content:"";transition:all 0.8s;}
.knowledgenav li a:hover span:before{width:70px;}
.knowledgenav li i{position:absolute;left:0;top:0px;display:block;content:"";width:155px;height:154px;}

.knowledge-box{ padding-left:30px;}
.knowledge-title{margin-top:9.5rem; margin-bottom:2rem;height:2.5rem;line-height:2.5rem;color: #ffffff; background-color: #990000; text-indent:1.5rem;}
.knowledge-item{}
.knowledge-item-box{border-bottom: 1px dotted #939393; position:relative; margin-bottom:1.875rem; padding-bottom:1.875rem;}
.knowledge-item-text{}
.knowledge-item-text h3{line-height:1rem;font-size:1rem; margin-bottom:0.5rem;}
.knowledge-item-text h3 a{color:#b83233;text-decoration: underline;}
.knowledge-item-text h3 a:hover{ color:#811812;}
.knowledge-item-text p{ padding:0.5rem 0; line-height:150%;}
.knowledge-item-img{}

.blog-item-wrapper{ margin-bottom:1.875rem;-webkit-transition:transform .2s linear,-webkit-box-shadow .2s linear;-moz-transition:transform .2s linear,-moz-box-shadow .2s linear;transition:transform .2s linear,box-shadow .2s linear;-webkit-box-shadow: 0px 0px 5px 0px rgb(193 193 193);-moz-box-shadow: 0px 0px 5px 0px rgba(193, 193, 193, 1);
    box-shadow: 0px 0px 5px 0px rgb(193 193 193);}
.blog-item-wrapper:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}
.blog-item-wrapper:hover .blog-item-img:before{opacity:1}
.blog-item-img{position:relative}
.blog-item-img img{width:100%;}
.blog-item-text{padding:1.5rem 1.5rem;}
.blog-item-text .date{ margin-bottom:0.625rem;}
.blog-item-text h3{line-height:3rem;font-size:1rem;font-weight:500;margin-bottom:5px;}
.blog-item-text h3 a{color:#263238}
.blog-item-text h3 a:hover{ color:#811812;}
.blog-item-text p{}
.blog-item-text .more{ margin-top:1.75rem;}
.blog-item-text .more a{display:block;width:5.625rem;height:1.875rem;line-height:1.875rem;text-align:center;border:1px solid #b2b2b2;color:#808080;font-size:0.75rem;border-radius:15px;}
.blog-item-text .more a:hover{color:#ffffff;background-color:#c10007;border-color:#c10007;}

.meta-tags{margin-top:10px}
.meta-tags span{color:#999;;margin-right:10px}
.meta-tags span i{margin-right:5px} 
.meta-tags span a{color:#999}
.meta-tags span a:hover{}


.weizhi{ border-bottom:1px #cccccc solid; line-height:40px; position:relative; display:none;}
.weizhi i{ margin-right:5px;}
.nrbt{color:#333;line-height:1.875rem; font-size:1.375rem; font-size: 600; text-align: center;color: #c2281f;}
.nrothers{line-height:1.875rem;color:#9c9c9c;border-bottom: 1px dotted #222222;text-align: center;}
.nrothers span{ margin-right:10px;}
.nrothers span i{ padding:0 5px;}
.nrothers a{color:#ededed;font-size:1rem}
.fontZoom,.view{padding:10px 0;}
.fontZoom img,.single img{max-width:100%}
.fontZoomtitle{background-color:#eee;margin-bottom:20px}
.fontZoomtitle h3{line-height:36px;padding-left:10px;color:#000}

.viewbox,.productshow{margin-bottom:30px;}
.single{ }
.ProductZoom{padding:5px 0; border-bottom:1px #e4e5e5 solid; margin-bottom: 15px;}
.ProductZoom img{max-width:100%}
.ProductZoomtitle{ margin-bottom:15px; border-bottom:1px #eee solid; color:#811812;line-height:2rem; position:relative;}
.ProductZoomtitle h3{ min-width:120px; font-size: 1.125rem;; color:#811812; float:left;}
.ProductZoomtitle:before{ width:120px; border-bottom:3px #811812 solid; position:absolute; bottom:-1px; left:0;content:""; display:block;}
.ProductZoomtitle:after{ content:""; display:table; clear:both;}

.cloud-zoom-lens{border:2px solid #ddd;margin:0;background-color:#fff;cursor:move}
.cloud-zoom-title{ display:none;position:absolute!important;background-color:#000;color:#fff;padding:3px;width:100%;text-align:center;font-weight:700;font-size:10px;top:0}
.cloud-zoom-big{border:2px solid #ccc;overflow:hidden;}
.cloud-zoom-loading{color:#fff;background:#222;padding:3px;border:1px solid #000}
.zoom-section{clear:both;}
.zoom-small-image{/*float:left;*/margin:0; max-width:100%; border:1px #eee solid;}
.zoom-small-image img{width:100%;}
.cloud-zoom-gallery{ text-align:center; display:block;}
.zoom-tiny-image{border:1px solid #eee;}
.zoom-tiny-image:hover{border:1px solid #f9f66d}
.zoom-desc{float:left;margin:4px 0 0 0;width:100%;display:inline}
.zoom-desc p{line-height:140%;margin-bottom:10px;color:#FFF}

#product-scroller{ }
#product-scroller .item{margin:0 2px;}
#product-scrolle .owl-carousel .owl-wrapper-outer{padding:0 10px;}
#product-scroller .owl-controls .owl-buttons{ position:absolute; width:100%; top:calc(50% - 25px);}
#product-scroller .owl-controls .owl-buttons div{color: #4e4e4e;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */width:10px; height:45px;;margin:0;padding:0;color:#811812; line-height:45px;}
#product-scroller .owl-controls .owl-buttons div.owl-prev,#product-scroller .owl-controls .owl-buttons div.owl-next{opacity:1;filter:alpha(opacity=100);position:absolute; left:-10px; top: 0; }
#product-scroller .owl-controls .owl-buttons div.owl-next{right:-10px; left: auto;}
#product-scroller .owl-controls .owl-buttons div.owl-prev:hover,#product-scroller .owl-controls .owl-buttons div.owl-next:hover{opacity:0.7;filter:alpha(opacity=70)}

.productwz{}
.productwz h3{ color:#811812; font-size:1.8rem;}
.productwz p.wz{ margin-bottom:10px;}
.productwzothers{line-height:40px;color:#9c9c9c;}
.productwzothers span{ margin-right:10px;}
.productwzothers span i{ padding:0 5px;}
.productwzothers a{color:#ededed;font-size:1.2rem;}
.productwz .productwzlist{}
.productwz .productwzlist dl{ overflow:hidden; margin:0; padding:0; margin-bottom:5px;}
.productwz .productwzlist dl dt{ float:left; width:80px;}
.productwz .productwzlist dl dd{width:calc(100% - 85px); float:right;}
.productwz .productdescription{ overflow:hidden;margin: 0;padding: 10px 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.productwz .productdescription dl{}
.productwz .productdescription dl dt{width:80px; float:left;}
.productwz .productdescription dl dd{width:calc(100% - 85px); float:right;}
.productwz .more{ padding:10px 0; overflow:hidden; display: none;}
.productwz .more a{ width:100px; display:block; background:#00207F; color:#fff;line-height:32px; float:left; margin-right:10px; text-align:center;border-radius:5px;}

.enquiry{ margin-top:20px;}
.enquiry a{ display:inline-block; line-height:35px; padding:0 20px; background-color:#ae0f0f; color:#fff;border-radius:4px;}

.shangxia{}
.shangxia ul{ border-top: 1px #00207F dotted;border-bottom: 1px #00207F dotted; padding: 0.5rem 0;}
.shangxia ul:after{ content: ""; display: table;clear: both;}
.shangxia ul li{ width: 50%; float: left;}
.shangxia ul li:nth-child(2){ text-align: right;}
.productpic{text-align:center}

.likearticle {}
.likearticle .title{ border-bottom: 1px #11497c solid; margin: 15px 0;}
.likearticle .title:after{ content: ""; display: table; clear: both;}
.likearticle .title h3{ color: #333; font-size: 1.125rem;}
.likearticle .title h3 i{font-size: 0.875rem; font-style: normal;color: #811812; padding: 0 5px;font-weight:200;}
.likearticle .title h3 em{ font-size: 0.875rem;font-style: normal; color: #811812; text-transform: uppercase;font-weight:200;}
.likearticle .title a{ float: right;}
.likearticle .title a i{ font-style: normal;}
.likearticle .title a:hover{ padding-right: 10px; text-decoration: underline; color: #811812;}
.likearticle .likearticlelist{}
.likearticle .likearticlelist ul li{ line-height:30px; margin-bottom:5px; padding-bottom:5px;border-bottom: 1px solid #ccc;}
.likearticle .likearticlelist ul li span{ float:right;}
.likearticle .likearticlelist ul li a{ line-height:30px;}
.likearticle .likearticlelist ul li a i{ margin-right: 5px;}
.likearticle .likearticlelist ul li a:hover{ color: #811812; padding-left:20px;}
.commend {}
.commend .title{ border-bottom: 1px #11497c solid; margin: 15px 0;}
.commend .title:after{ content: ""; display: table; clear: both;}
.commend .title h3{ color: #333; font-size: 1.125rem;}
.commend .title h3 i{font-size: 0.875rem; font-style: normal;color: #811812; padding: 0 5px;font-weight:200;}
.commend .title h3 em{ font-size: 0.875rem;font-style: normal; color: #811812; text-transform: uppercase;font-weight:200;}
.commend .title a{ float: right;}
.commend .title a i{ font-style: normal;}
.commend .title a:hover{ padding-right: 10px; text-decoration: underline; color: #811812;}

.commendbg{ padding: 30px 0;}
.commend .commendproductbox{  position: relative;-webkit-box-shadow:-4px 0px 8px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0;box-shadow: -3px 0px 6px 1px #f0f0f0,0px -4px 8px 1px #f0f0f0,4px 0px 8px 1px #f0f0f0,0px 4px 8px 1px #f0f0f0; background:#f7f7f7; }
.commend .commendproductbox .pic{ position: relative;}
/*.commend .commendproductbox .pic::before{ position: absolute;content: ""; display: none; top: 0; right: 0; width: 48px; height: 48px; background: url(../images/tj.png) no-repeat; z-index: 10;}*/
.commend .commendproductbox .pic:before{ position: absolute;content: ""; display: block; top: 0; left: 10px; width: 48px; height: 48px; background: url(../images/logo.png) no-repeat center; z-index: 10; background-size: 100% auto;}
.commend .commendproductbox .txt{  color: #666; text-align: center;}
.commend .commendproductbox .txt a{ line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; color: #666; padding: 0 5px; display: block;}
.commend .commendproductbox .txt:hover a{ text-decoration:underline; color: #811812;}

.commendnews .commendnewsbox{ margin:0 15px 15px;}
.commendnews .commendnewsbox .pic{}
.commendnews .commendnewsbox .pic img{ width: 100%;}
.commendnews .commendnewsbox .txt{}
.commendnews .commendnewsbox .txt h3{font-size: 1rem;  font-weight: 600;}
.commendnews .commendnewsbox .txt h3 a{white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 1.875rem; padding: 0;}
.commendnews .commendnewsbox .txt h3:hover a{ text-decoration: underline; padding-left: 10px;}
.commendnews .commendnewsbox .txt p{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; margin: 0;}
.commendnews .commendnewsli{ overflow: hidden; border-bottom: 1px #e5e5e5 solid;}
.commendnews .commendnewsli span{ float: right;line-height: 1.5rem;  display: block;    padding: 10px 0;}
.commendnews .commendnewsli a{ white-space: nowrap; text-overflow: ellipsis;overflow: hidden; word-break: break-all; display: block;line-height: 1.5rem; padding: 10px 0;}
.commendnews .commendnewsli a i{ margin-right: 5px;}
.commendnews .commendnewsli a:hover{ color: #811812 ; text-decoration: underline;margin-left: 10px;}

.crumb{margin: 0; background:#fff;}
.crumb:after{ content:""; display:table; clear:both;}
.crumb .crumbtitle{ line-height:4.0625rem;}
.crumb .crumbtitle i{ padding-right:10px;}
.crumb .crumbnav{}
.crumb .crumbnav ul{}
.crumb .crumbnav ul li{float:left;margin-left:30px;}
.crumb .crumbnav ul li a{position:relative;display:block;width:100%;line-height:4.0625rem;}
.crumb .crumbnav ul li a:hover{color:#990000;}
.crumb .crumbnav ul li a:hover:before{position:absolute;left:0px;bottom:0px;content:"";width:100%;height:3px;background-color:#990000;}
.crumb .crumbnav ul li .active{color:#990000;}
.crumb .crumbnav ul li .active:before{position:absolute;left:0px;bottom:0px;content:"";width:100%;height:3px;background-color:#990000;}

.pagetitle{ text-align:center; padding:60px 0;}
.pagetitle h3{font-size:2.25rem;color: #333333; line-height:100%;}
.pagetitle h4{color: #990000; text-transform:uppercase;}
.pagetitle h4:before,.pagetitle h4:after{ content:""; display:inline-block; width:25px; height:1px; background:#666; margin:0 10px; position:relative; bottom:7px;}

.sitemaplist{ padding: 15px 0;}
.sitemaplist ul{ display: block;}
.sitemaplist ul:after{ clear: both; content: ""; display: table;}
.sitemaplist ul li{ padding-left: 10px;}
.sitemaplist ul li a{ line-height: 36px; padding: 0 15px; color: #000; font-weight: 600; font-size: 1.5rem;}
.sitemaplist ul li a:hover{ text-decoration: underline; padding: 0 5px 0 25px; color: #811812;}
.sitemaplist ul li ul li{ float: left;}
.sitemaplist ul li ul li.xj{ float: none; width:100%; overflow:hidden;}
.sitemaplist ul li ul li a{ font-weight: normal;font-size: 1.4rem;}

.substation{}
.substation .title{position:relative;height:36px;padding:0; margin: 15px 0;  text-align:left;font:bold 22px/42px "微软雅黑";color:#737372;}
.substation .title a{position:absolute;right:10px;top:0px;height:36px;width:100px;text-align: center;display:block;background:#eb2830;color:#fff;line-height: 36px;font-size:1.4rem;font-weight: bold;}
.substation .title a:hover{text-decoration:none;background:#f39c11;color:#fff;}
.substation .substationlist{border: 1px solid #f4f4f4;padding: 15px; margin: 15px 0;}
.substation .substationlist dl{padding: 10px 0;line-height: 24px;overflow: hidden;border-bottom: 1px dashed #ddd;}
.substation .substationlist dl dt{float:left;font-family:arial;font-weight:bold;font-size:1.8rem;width:35px;padding-left:25px;color:#444;display: table-cell;}
.substation .substationlist dl  dd{margin:0 0 0 55px;padding-left:15px;border-left:1px dashed #b2b2b2;}
.substation .substationlist dl  dd a{padding:1px 12px 1px 12px;white-space:nowrap;float:left; display: block; line-height: 30px;;}
.substation .substationlist dl  dd a:hover{text-decoration:none;background:#eb2830;color:#fff;}
.substation .substationfooter{text-align: center; border-top: 2px solid #eb2830;padding-top: 10px;}
.substation .substationfooter .substationfootermenu{}
.substation .substationfooter .substationfootermenu ul{}
.substation .substationfooter .substationfootermenu ul li{ display: inline-block; line-height: 30px;}
.substation .substationfooter .substationfootermenu ul li a{ display: block; padding: 0 15px;}
.substation .substationfooter .copyright{ text-align: center; padding: 10px 0;}


.pages{ padding:15px 0;}
.pages .page-link{color: #333;}
.pages .page-item.active .page-link{background-color: #811812;border-color: #811812;}
.form-group{ position:relative;}
.content-form{padding:0 0 50px;}
.content-form .content-form-title{ margin:15px 0 30px;}
.content-form .content-form-title h3{ font-size: 1rem; line-height: 120%; font-weight: 600; color: #000; font-family: arial;}
.content-form .content-form-title p{  font-weight: 100;}
.content-form .form-submit{}
.content-form .form-submit button{ width: 36%; margin:0 7%;}
.injoinform { margin-top:35px;}
.injoinform .content-form .content-form-title{ margin-bottom:10px;}
.injoinform .content-form .content-form-title p{ color:#f3cc15; font-weight:600; font-size:0.9rem;}
.injoinform dl.form-dl{ overflow:hidden; margin-bottom:5px;}
.injoinform dl.form-dl dt{ width:70px; float:left;color: #fffbc7; line-height:30px;}
.injoinform dl.form-dl dt label {text-align: justify; display:block; padding-right:15px; font-weight:100; margin-bottom:0; height:30px;}
.injoinform dl.form-dl dt label::after{content: '';display: inline-block; padding-left: 100%;}
.injoinform dl.form-dl dd{ width:calc(100% - 70px); float:left; margin-bottom:0;color: #fffbc7; position:relative;}
/* ==========================================================================
Contact Us
========================================================================== */
.form-control{width:100%;margin-bottom:10px;padding:5px 15px;border:1px solid #811812;background-color: transparent;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.form-control:focus{border:1px solid #811812;outline:0;box-shadow:none;}
.injoinform .form-control{border: 1px solid #fffbc7;color: #fffbc7;line-height:1.4rem;font-size:0.875rem; margin:0;padding:0 10px;-webkit-tap-highlight-color:rgba(255,0,0,0)!important;}
.injoinform .form-control:focus{background-color: transparent!important;}
.injoinform .form-control:-webkit-autofill { box-shadow: 0 0 0px 1000px #FFF inset !important;background-color: transparent;}
.injoinform .form-control::-webkit-input-placeholder{color:#fffbc7;font-size:0.875rem;}
.injoinform .form-control::-moz-placeholder{color:#fffbc7;}
.injoinform .form-control:-moz-placeholder{color:#fffbc7;}
.injoinform .form-control:-ms-input-placeholder{color:#fffbc7;}
.injoinform .content-form .form-submit button{ width: 36%; margin:0 7% 0 0; background:none; border:1px #fffbc7 solid;color:#fffbc7; border-radius:0; padding:0 0;}
.btn.disabled,.btn:disabled{opacity:1}
textarea{border-radius:4px!important}
.contact-info{margin-bottom:15px}
.contact-info i{font-size:2rem;color:#811812}
.contact-info h5{margin-top:5px;font-size:1.8rem;font-weight:500}
.contact-info p{font-size:1.4rem;margin-bottom:0}
#contact{background:#fff;position:relative;overflow:hidden}
#contact .contact-block{overflow:hidden}
.text-danger{font-size:1.4rem;margin-top:10px}
.list-unstyled li{color:#d9534f}
.verifytitle{height:2.25rem;line-height:2.25rem; font-size:1rem; padding:0 15px; border-bottom: 1px solid #dddddd;}
.verifyform{ max-width:600px; margin:0 auto 30px;}
.verifyform .title{ text-align:center; padding:30px;}
.verifyform label{ line-height:38px;}
.verifyform .form-submit button{ width: 36%; margin:0 7% 0 7%;color:#fffbc7;}

.vertifyerror{ color:#f00; line-height:2rem; text-align:center; margin-top:2rem;}
.vertifylist{}
.vertifylist ul.list li{ border:1px #999 solid; border-top:none; line-height:2rem;}
.vertifylist ul.list li:first-child{border:1px #999 solid;border-top:1px #999 solid; }
.vertifylist ul.list li .name{ border-right:1px #999 solid; text-align:right;}
/* Contact Map */
#conatiner-map{width:100%;height:480px}
#google-map-area{position:relative}
#google-map-area .container-fluid{padding-left:0;padding-right:0}
.toggle-map{height:5px;width:100%;background-color:#811812;bottom:0;text-align:center;position:absolute;z-index:106}
.toggle-map .map-icon{width:50px;height:50px;display:inline-block;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;background-color:#fff;border:#811812 3px solid;position:relative;top:-46px}
.toggle-map .map-icon i{width:44px;height:44px;display:inline-block;line-height:44px;text-align:center;font-size:2rem}
#google-map{text-align:center;background-color:#fff;height:465px;position:absolute;bottom:-460px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:101;width:100%;border-top:#811812 3px solid}
#google-map.panel-show{bottom:-20px!important;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}

#friendlink{ padding:1rem 0; color: #fff;background: #720e1a;text-align:center;}
#friendlink .friendlinktitle{ line-height:1.5rem; display:none;}
#friendlink .friendlinkwz{display:inline-block;}
#friendlink .friendlinkwz a{ line-height:1.5rem;color: #fff; padding: 0 10px; display: inline-block;}
#friendlink .friendlinkwz a:hover{color:#ffcc00;}
/* ==========================================================================
Footer Style
========================================================================== */
#baiduditubox img,.google-maps img {max-width: none!important;}
#baiduditubox label{ max-width: none!important;}
footer{color:#fff;line-height:1.5rem; background:#720e1a; padding:1rem 0;}
footer a{ color:#fff;}
footer a:hover{ color:#ffcc00;}
.footernav{border-bottom: 1px solid #f6f6f6; color: #cccccc; margin-bottom:15px;}
.footernav ul.footernavul{}
.footernav:after,.footernav ul.footernavul:after{ content:""; display:table;clear:both;}
.footernav ul.footernavul li{ float:left;}
.footernav ul.footernavul li a{color: #cccccc; line-height:3.3125rem; padding-right:30px;}
.baidushare{ padding-top:10px;}
.footererweima{ text-align:right; margin-bottom:0.75rem;}
.site-info{ text-align:right;}
.footercontact{}
.footercontact ul{}
.footercontact ul li{ margin-bottom:5px; padding-bottom:5px;}
.footercontact ul li em{ margin-right:8px;}
.my-kefu{position: fixed;right: 0px;top:20%;z-index:9999;} 
.my-kefu ul{width: 77px;} 
.my-kefu li a{text-decoration: none; display:block;} 
.my-kefu li{background:#811812;margin-top: 1px;padding: 9px 0;height: 74px;width: 77px;} 
.my-kefu li i{background: url(../images/kefu.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;} 
.my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;} 
.my-kefu .my-kefu-qq i{background-position: 4px 0;} 
.my-kefu .my-kefu-tel i{background-position: 0 -25px;} 
.my-kefu .my-kefu-tel1 i{background-position: -35px 4px;} 
.my-kefu .my-kefu-tel1:hover{ width:246px; height:145px;} 
.my-kefu .my-kefu-tel2 i{background-position: -35px 4px;} 
.my-kefu .my-kefu-tel2:hover{ width:246px; height:172px;} 
.my-kefu .my-kefu-liuyan i{background-position: 4px -53px;} 
.my-kefu .my-kefu-weixin i{background-position: -34px 4px;} 
.my-kefu .my-kefu-weibo i{background-position: -30px -22px;} 
.my-kefu .my-kefu-ftop{background-color:#333;} 
.my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;} 
.my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;} 
.my-kefu-tel-right{font-size: 1.25rem; color: #fff; float: left; height: 24px; line-height: 24px; padding-left:15px; border-left: 1px solid #fff; padding-top: 10px;} 
.my-kefu-tel1-right{font-size: 1.25rem; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} 
.my-kefu-tel2-right{font-size: 1.25rem; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} 
.my-kefu-right{width: 20px;} 
.my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;} 
.my-kefu-main{width: 97px;position: relative;} 
.my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}

@media (max-width: 768px) {
.mb15,.mrj7,.mr20,.mrj20,.mlj35,.mr40,.mrj40{margin-right:0;}
.ml5,.ml25,.mlj35{margin-left:0;}
.navbar-expand-md .navbar-nav li.nav-item{width:100%;}
.navbar-expand-md .navbar-nav .nav-link{ line-height:1.875rem;}
.dropdown-toggle::after{ display:inline-block;}
.hotproductslist .bd ul li,.hotstorelist .bd ul li{ width:100%;}
.blogbox .txt{ margin-left:0; margin-right:0;}
.knowledge-box{padding-left:0;}
#about,#product,#innews,#culture,#hotproducts{padding:15px 0 15px;}
#about img{width:100%;}
.productshow,.viewbox{padding:0;margin-top:0;}
footer .footer-Content{ padding:15px 0;}
.support,.site-info{ text-align:center;}
}