@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none; }
body { font-size: 0.875rem; line-height: 2; color: #333; }
a { color: #333; }
a:hover { color: #f60; text-decoration: none; }

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 5px;
background-color: #F5F5F5;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
.mt { margin-top: 0.625rem }
.mt2 { margin-top: 1.25rem; }
.mt3 { margin-top: 1.875rem; }
.mt4 { margin-top: 2.5erm; }
.mt5 { margin-top: 3.125rem }
.mr { margin-right: 0.625rem; }
.mr2 { margin-right: 1.25rem; }
.bg-3 { background: #ccc; }
.bg-4 { background: #f30; }
.solidline { height: 0.0625rem; }
.solidline2 { height: 0.125rem; width: 26%; }
.solidline3 { height: 0.3125rem; width: 20%; margin: 0 auto; }
.container { max-width: 1240px; }
header { padding: 1.25rem 0; }
nav { background: #039; }


.navbar-expand-lg .navbar-nav .nav-link { text-align: center; font-size: 1.1rem; padding:0.5rem 1.8rem; }
.navbar-expand-lg .navbar-nav .nav-link:hover { background: #f60; color: white;}
.navbar-expand-lg .navbar-nav .nav-link .nav-item { }
.navbar-expand-lg .navbar-nav .dropdown-item{text-align: center;}
#myslide img { min-width: 100%; }
.bg-1 { background: url(../images/fl_bj.jpg) top center no-repeat; }
.bg-2 { background: url(../images/cp_bj.jpg) center center no-repeat; height: 37.5rem; }
.box { padding: 6.25rem 0 0 0; }
.quick-navi { padding: 16.25rem 0 0 0; }
.quick-navi li { float: left; padding: 0.625rem; }
.quick-navi li a { display: block; border: 1px solid #CCC; border-radius: 1.875rem; line-height: 2; text-align: center; }
.quick-navi-1 a { display: block; border: 1px solid #CCC; border-radius: 1.875rem; line-height: 2; text-align: center; margin: 0.5rem 1rem; }
.quick-navi .myweix{position: absolute; left: 600px; bottom: 220px;display: none;}
.quick-navi .myweix img{display:block;}

.products-wrapper { background: #fff; padding: 0.8rem; width: 85%; margin: 0 auto; min-height: 380px; border: 1px solid rgba(0,0,0,0.2)}
.boxtitle { width: 70%; margin: 0 auto; }
.news li { border-bottom: dashed 1px #ccc; padding: 1.5rem 0.625rem; }
.news li .date { width: 4rem; height: 4rem; float: left; margin-right: 0.625rem; background: #039; color: #fff; font-size: 0.875rem; text-align: center; border-radius: 1rem; padding-top: 0.5rem; }
.news li .date span { display: block; font-size: 1.125rem; line-height: 1; }
.news li h4 { overflow: hidden; height: 2rem; }
.news li small { height: 1.125rem; display: block; overflow: hidden; }
footer { background: #06c; padding: 30px 0 5px 0; color: #69f; line-height: 1.5; font-size: 0.875rem; }
footer a { color: #69f; }
/* side */
.side { position: fixed; width: 50px; height: 104px; right: 0; top: 496px; z-index: 100; }
.side ul li { width: 50px; height: 50px; float: left; position: relative; margin-bottom: 2px; }
.side ul li .sidebox { position: absolute; width: 50px; height: 50px; border-radius: 5px 0 0 5px; top: 0; right: 0; transition: all 0.3s; background: #e4392a; color: #fff; font: 16px/50px "微软雅黑"; overflow: hidden; }
.side ul li a:hover .sidebox { width: 175px; }
.side ul li .sidetop { width: 50px; height: 50px; line-height: 50px; display: inline-block; background: #e4392a; opacity: 0.8; filter: Alpha(opacity=80); transition: all 0.3s; }
.side ul li .sidetop:hover { background: #000022; }
.side ul li img { float: right; }
.side2 { position: fixed; width: 50px; right: 0; z-index: 100; top: 600px; height: 104px; }
.side2 ul li { width: 50px; height: 50px; margin-bottom:2px }
.side2 ul li a { display: block; background-color: #e4392a; height: 50px; width: 50px; text-align: center; line-height: 50px; border-radius:5px 0 0 5px; }
.side2 ul li a img { vertical-align: middle; display: inline-block; }
.side2 ul li a:hover { background-color: #000022; }
.side2 ul li .weixin { position: absolute; left: -154px; bottom: 0; display: none; }
.side2 ul li .weixin em { background: url(../images/arr3.png) no-repeat; width: 5px; height: 17px; display: block; position: absolute; right: -5px; top: 50%; margin-top: 3px; }
.side2 ul li .weixin img { display: block; }

@media screen and (max-width: 992px) {
.side { display: none; }
.side2 { display: none; }
}
/****内页****/
main { min-height: 800px; }
.hover-bg { max-height: 435px; overflow: hidden; position: relative; }
.hover-bg .hover-text { position: absolute; text-align: center; margin: 0 auto; color: rgba(255,255,255,0.6); background: rgba(0, 0, 0, 0.66); padding: 25% 0; height: 100%; width: 100%; opacity: 0; transition: all 0.5s; }
.hover-bg .hover-text>h4 { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition: all 0.3s; color: #f6f6f6; }
.hover-bg:hover .hover-text>h4 { opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform: translateY(0); transform: translateY(0); }
.hover-bg .hover-text>p { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); transition: all 0.3s; }
.hover-bg:hover .hover-text>p { opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform: translateY(0); transform: translateY(0); }
.hover-bg .hover-text>i { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0); transition: all 0.3s; }
.hover-bg:hover .hover-text>i { opacity: 1; -webkit-backface-visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); }
.hover-bg:hover .hover-text { opacity: 1; }

.subanner{background: url(../images/subanner.jpg) center center no-repeat;background-size:cover;min-height:280px;}
.container article table tr td,th{border:1px solid #ccc;padding:2px;}
.container article img{max-width:100%;}
.container article p{margin-bottom:0}

.product-navi{line-height: 1.5;}
.product-navi dt{background: #039;padding:1.1rem 1rem;font-size: 1.2rem;color:white;font-weight: normal;}
.product-navi dd{border: 1px solid #CCC;border-top: none;margin: 0;}
.product-navi dd a{padding: 1rem; display: block;}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #c72f01;
  border-color: #c72f01;}


@media screen and (max-width: 768px) {
  .subanner{min-height:180px;}
  }

@media screen and (max-width: 414px) {
  .subanner{min-height:120px;}
  }