/*****网站内页，全局栏目头颜色设置－开始******/


h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
.clear{clear: both;}
/*****内容区1200像素******/
@media (min-width: 768px) {
    .container {
        width:750px
    }
}
@media (min-width: 992px) {
    .container {
        width:970px
    }
}
@media (min-width: 1200px) {
    .container {
        width:1200px
    }
}



/* 公用标题样式 */
.bt {text-align: center;margin-bottom: 30px;position:relative;}
.bt h3 { background: #c11011; font-size: 24px;font-weight: bold; letter-spacing: 2px; line-height: 1;margin-bottom: 8px;color: #fff;display: inline-block;padding: 10px 20px;}
.bt h3 span{color: #000;}
.bt h5 { text-transform: uppercase; font-size: 15px; font-weight: bold; line-height: 1;}
.bt h5 span{color: #c10000;}
.bt hr { margin: 0 auto;border-top: 1px solid #ccc;width: 100%; position: absolute;top: 25px;z-index: -1;}

@media (min-width: 992px) and (max-width: 1200px){
  
}

@media (max-width: 992px) {

  
  
}

@media (max-width: 767px) {
  
  .bt {margin: 0 15px 20px;}
  .bt h3{font-size: 20px;}

}








/* 产品中心 */
.cpzs{padding: 50px 0;}

.cp-left{float: left;width: 24%;padding-right: 30px;}
.cp-left h3 {text-align: center;font-size: 28px; line-height: 1;color: #fff;}
.cp-left h5 {font-size: 18px;line-height: 1; text-transform: uppercase; color: rgb(255 255 255 / 50%); margin-top: 10px;margin-bottom: 20px;text-align: center;}
.cp-nav{margin-bottom: 20px;background: #c01014;padding: 30px 20px 10px;}
.cp-nav ul{}
.cp-nav ul li {}
.cp-nav ul li a { text-align: center;display: block; font-size: 16px;line-height: 1; color: #fff;border-top: 1px dashed #ddd;padding: 20px 0;}
.cp-nav ul li a:hover{font-weight: bold;}
.cp-lxwm{background: #c01014;padding: 30px 20px 10px;}
.cp-lxwm .lx-box{border-top: 1px dashed #ddd;padding: 12px 0;color: #fff;}
.cp-lxwm .lx-box p { font-size: 15px; line-height: 1;margin-bottom: 6px;}
.cp-lxwm .lx-box p .fa{margin-right: 5px;}
.cp-lxwm .lx-box h4 {font-size: 16px;line-height: 1.3;font-weight: normal;}
.cp-lxwm .lx-box h4 b {font-size: 24px;line-height: 1;display: inline-block;}

.cp-right{float: right;width: 76%;border: 1px solid #ddd;padding: 20px 10px 10px;}
.cp-right ul{overflow: hidden;}
.cp-right ul li{float: left;width: 25%;padding: 0 8px;margin-bottom: 5px;}
.cp-right ul li a{display: block;}
.cp-right ul li a .cp-img { height: 180px; overflow: hidden; border: 1px solid #ddd; background: #fff; display: flex;flex-wrap: wrap;align-content: center;}
.cp-right ul li a .cp-img img{width: 100%;transition: all .5s;min-height: 100%;}
.cp-right ul li a .cp-txt{height: 35px;position:relative;}
.cp-right ul li a .cp-txt:before {content: ''; position: absolute; width: 0;left: 0;height: 100%;background-color: #c01014;transition: all 0.5s;}
.cp-right ul li a:hover .cp-txt:before {width: 100%;left: 0;}
.cp-right ul li a .cp-txt p {text-align: center;font-size: 15px;line-height: 1;color: #555;padding: 10px 0;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;position: relative;z-index: 2;transition: all .5s;}
.cp-right ul li a:hover .cp-img{border-color: #c01014;}
.cp-right ul li a:hover .cp-img img{transform: scale(1.1);}
.cp-right ul li a:hover p{color: #fff;}



.cp-btn{text-align:center;margin-top: 20px;}
.cp-btn a { display: inline-block;  background: #1a509a;color: #fff; font-size: 15px; line-height: 1;  padding: 12px 35px; border-radius: 3px;box-shadow: 2px 2px 1px #133768;transition: all .5s;border: 2px solid #1a509a;}
.cp-btn a:hover{background: none;color: #1a509a;}

@media (min-width: 992px) and (max-width: 1200px){

  .cp-left{padding-right: 20px;}
  .cp-lxwm .lx-box h4 b{font-size: 22px;}
  .cp-lxwm .lx-box h4{font-size: 14px;}
  .cp-left h3{font-size: 26px;}
  .cp-nav ul li a{font-size: 15px;padding: 15px 0;}
  .cp-nav,.cp-lxwm{padding: 20px 20px 10px;}
  .cp-right{padding: 15px 5px 5px;}
  .cp-right ul li a .cp-img{height: 150px;}
  .cp-right ul li a .cp-txt p{font-size: 14px;}
  
}

@media (max-width: 992px){
  
  .cpzs {padding: 30px 0;}
  .cp-left {float: none; width: 100%;padding: 0;}

  .cp-left h5 {font-size: 13px;color: #b5b5b5;margin-top: 6px;margin-bottom: 10px;}
  
  .cp-lxwm{display: none;}
  
  .cp-nav{background: none;padding: 0;}
  .cp-nav ul{overflow: hidden;}
  .cp-nav ul li {float: left; width: 33.3333%;}
  .cp-nav ul li a {  text-align: center;display: block;font-size: 14px; line-height: 1; color: #555; padding: 12px 0;border: none;background: #eee;}
  .cp-nav ul li a:hover{background: #c11011;color: #fff;}
  .cp-left h3 {font-size: 24px;color: #333;}
  
  .cp-right {float: none;width: 100%;padding: 15px 5px 5px;}
  .cp-right ul li a .cp-img{height: 150px;}
  .cp-right ul li a .cp-txt p{font-size: 14px;}
  
}

@media (max-width: 767px){

  .cp-nav {padding: 0 15px;}
  .cp-nav ul li a{font-size: 12px;padding: 10px 0;}
  
  .cp-right {border: none;padding: 0 10px;}
  .cp-right ul li {width: 50%;padding: 0 5px;}
  
  
  
}




.yanfa{padding: 50px 0;background: #f5f5f5;}


.yf-top{margin-bottom: 30px;position: relative;}
.yf-bor{position: absolute;width: 16px;height: 150px;background: #c01014;bottom: 0;right: 0;}
.yf-bt {width: 40%;padding: 0 30px 10px;float: right;text-align: right;}
.yf-bt h3 { font-size: 28px; line-height: 1;color: #444;font-weight: bold;letter-spacing: 2px;}
.yf-bt h5 {font-size: 14px;line-height: 1;margin: 8px 0 15px;color: #333;}
.yf-bt p {font-size: 15px;line-height: 1;color: #777;}

.nav-tabs {border-bottom: none;}
.nav-tabs>li {margin-bottom: 0;}
.nav-tabs>li>a {margin-right: 0;line-height: 1;border: none;border-radius: 0;padding: 0;transition: all .5s;}
.yf-nav .nav>li>a:focus, .yf-nav .nav>li>a:hover {border: 1px solid #c01014; background: #c01014;color: #fff;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #fff;cursor: pointer;background: #c01014;border: 1px solid #c01014;}

.yf-nav {width: 70%;position: absolute;left: 0;bottom: 0;}
.yf-nav ul{display: inline-block;}
.yf-nav ul li{margin-right: 20px;}
.yf-nav ul li a {font-size: 16px;line-height: 1; display: inline-block;padding: 10px 50px; border-radius: 30px;border: 1px solid #ddd;background: #fff;}

.yf-left{float:left;width: 45%;}
.yf-left a{display: block;position: relative;}
.yf-left a .yf_top-img{height: 380px;overflow: hidden;}
.yf-left a .yf_top-img img{width: 100%;min-height: 100%;}
.yf-left a .yf-txt{height: 36px;position: absolute;left: 0;width: 100%;bottom: 0;background: rgba(0,0,0,.5);}
.yf-left a .yf-txt p {height:36px; position: relative;z-index: 2;font-size: 15px; line-height: 36px; transition: all 0.5s;text-align: center;color: #fff;}
.yf-left a .yf-txt:before {content: ''; position: absolute; width: 0;left: 0;height: 100%;background-color: #c01014;transition: all 0.5s;}
.yf-left a:hover .yf-txt:before {width: 100%;left: 0;}

.yf-right{float: right;width: 55%;}
.yf-right ul{overflow: hidden}
.yf-right ul li{float: left;width: 33.33333%;padding-left: 10px;margin-bottom: 10px;}
.yf-right ul li a{display: block;position: relative;}
.yf-right ul li a .yf-img{height: 185px;overflow: hidden;}
.yf-right ul li a .yf-img img{width: 100%;min-height: 100%;transition: all .5s;}
.yf-right ul li a .yf-txt{height: 36px;position: absolute;left: 0;width: 100%;bottom: 0;background: rgba(0,0,0,.5);}
.yf-right ul li a .yf-txt p {height: 36px; position: relative;z-index: 2;font-size: 15px; line-height: 36px; transition: all 0.5s;text-align: center;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yf-right ul li a .yf-txt:before {content: ''; position: absolute; width: 0;left: 0;height: 100%;background-color: #c01014;transition: all 0.5s;}
.yf-right ul li a:hover .yf-txt:before {width: 100%;left: 0;}
.yf-right ul li a:hover .yf-img img{transform: scale(1.1);}

.yf-right ul li.yf-btn{}
.yf-right ul li.yf-btn a {height: 185px;overflow: hidden; background: #c01014;color: #fff;font-size: 30px;text-transform: uppercase;line-height: 1;text-align: center;display: flex;justify-content: center;align-items: center;transition: all .5s;}
.yf-right ul li.yf-btn a span{display: inline-block;}
.yf-right ul li.yf-btn a .fa {display: block;font-size: 40px;line-height: 1; margin-top: 10px;transition: all .5s;}
.yf-right ul li.yf-btn a:hover{font-size: 28px;}
.yf-right ul li.yf-btn a:hover .fa{font-size: 36px;}



@media (min-width: 992px) and (max-width: 1200px){

  .yf-left a .yf_top-img{height: 320px;}
  
  .yf-right ul li a .yf-img{height: 155px;}
  .yf-right ul li.yf-btn a{height: 155px;font-size: 22px;}
  .yf-right ul li.yf-btn a .fa{font-size: 32px;}
  
  
}

@media (max-width: 992px){
  .yanfa{padding: 30px 0;}
  .yf-bt h3{font-size: 24px;}
  .yf-bt h5 {font-size: 13px;margin: 5px 0 10px;}
  .yf-bt p{font-size: 13px;}
  .yf-nav ul li a{font-size: 14px;padding: 10px 35px;}
  .yf-nav ul li {margin-right: 15px;}
  
  .yf-left a .yf_top-img{height: 250px;}
  .yf-right ul li a .yf-img{height: 120px;}
  .yf-right ul li.yf-btn a{height: 120px;font-size: 18px;}
  .yf-right ul li.yf-btn a .fa{font-size: 24px;}
  .yf-right ul li a .yf-txt,.yf-left a .yf-txt{height: 30px;}
  .yf-right ul li a .yf-txt p,.yf-left a .yf-txt p{height: 30px;line-height: 30px;font-size: 14px;}
}

@media (max-width: 767px){

  .yf-bt {width: 100%;padding: 0 30px 10px;float: none; text-align: left;}
  .yf-bor{width: 12px;height: 120px;}
  .yf-nav { width: 100%; position: static;left: 0;bottom: 0;}
  
  .yf-bor {width: 12px; height: 120px;float: right;top: -50px;left: 0;}
  .yf-nav ul { display: block; margin-top: 15px;padding: 0 10px;}
  .yf-nav ul li { margin-right: 0;width: 33.333%;padding: 0 5px;text-align: center;}
  .yf-nav ul li a {font-size: 14px;padding: 10px 0;display: block;}
  .yf-top{margin-bottom: 15px;}
 
  .yf-cont{padding: 0 10px;}
  .yf-left { float: none; width: 100%;padding: 0 5px;margin-bottom: 10px;}
  .yf-left a .yf_top-img {height: 240px;}
  .yf-right {float: none;width: 100%;}
  .yf-right ul li{padding: 0 5px;width: 50%;}
  .yf-right ul li a .yf-img {height: 140px;}
  .yf-right ul li.yf-btn a { height: 140px;font-size: 22px;}
  
}



.anli{padding: 50px 0;}

.al-left{float: left;width: 36%;}
.al-bt {padding: 10px 20px;border-left: 16px solid #c01014;margin-bottom: 36px;position: relative;}
.al-bt h3 { font-size: 28px; line-height: 1;color: #444;font-weight: bold;letter-spacing: 2px;}
.al-bt h5 {font-size: 14px;line-height: 1;margin: 8px 0 15px;color: #333;}
.al-bt p {font-size: 15px;line-height: 1.3;color: #777;}
.al-bt a {border: 2px solid #c01014;transition: all .5s;position: absolute; top: 10px; right: 20px;font-size: 14px;text-transform: uppercase;line-height: 1; font-weight: bold;padding: 10px 20px;color: #666;}
.al-bt a:hover{background: #c01014;color: #fff;border-radius: 3px;}

.al-left ul{overflow: hidden;}
.al-left ul li{float: left;width: 50%;padding-right: 15px;margin-top: 15px;}
.al-left ul li a{display: block;}
.al-left ul li a .al-img {overflow: hidden;height: 130px;display: flex;align-items: center;}
.al-left ul li a .al-img img{width: 100%;min-height: 100%;transition: all .5s;}
.al-left ul li a:hover .al-img img{transform: scale(1.1);}

.al-right{float: right;width: 64%;}
.al-right a {display: block;}
.al-right a .al_right-img {overflow: hidden;height: 450px;display: flex;align-items: center;}
.al-right a .al_right-img img{width: 100%;min-height: 100%;transition: all .5s;}
.al-right a:hover .al_right-img img{transform: scale(1.1);}

.anli a .al-txt{height: 30px;position: relative;}
.anli a .al-txt p {height: 30px; position: relative;z-index: 2;font-size: 14px; line-height: 30px; transition: all 0.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;padding: 0 5px;}
.anli a .al-txt:before {content: ''; position: absolute; width: 0;left: 0;height: 100%;background-color: #c01014;transition: all 0.5s;}
.anli a:hover .al-txt:before {width: 100%;left: 0;}
.anli a:hover .al-txt p{color: #fff;}

@media (min-width: 992px) and (max-width: 1200px){

  .al-left ul li a .al-img{height: 110px;}
  .al-bt{margin-bottom: 20px;}
  .al-right a .al_right-img{height: 394px;}
  
}

@media (max-width: 992px){
  
  
  .al-left {width: 45%;}
  .al-bt{border-left: 12px solid #c01014;margin-bottom: 20px;padding: 10px 15px;}
  .al-bt h3{font-size: 24px;}
  .al-bt a{font-size: 12px;}
  .al-bt p{font-size: 13px;}
  .al-left ul li{padding-right: 10px;margin-top: 10px;}
  .al-left ul li a .al-img{height: 110px;}
  .al-right {width: 55%;}
  .al-right a .al_right-img{height: 375px;}
  
}

@media (max-width: 767px){

  .al-left,.al-right{float: none;width: 100%;}
  .anli {padding: 30px 0;}
  .al-list{padding: 0 10px;}
  .al-left ul li { padding: 0 5px;margin: 0 0 10px;}
  .al-left ul li a .al-img {height: 130px;}
  
  .al-right a {padding: 0 15px;}
  .al-right a .al_right-img {height: auto;}
  
  
}




/* 关于我们 */
.gywm{padding: 50px 0;background: url(../images/bg3.jpg)no-repeat center fixed;}

/* .gy-img { float: left;width: 40%; border: 3px solid #c11011;margin-top: 40px;position: relative;}
.gy-img iframe{height: 300px;width: 100%;} */

.gy-nr{float: right;width: 57%;position: relative;}
.gy-bt{margin-bottom: 20px;}
.gy-bt p {font-size: 20px;line-height: 1;margin-bottom: 10px;color: #444;letter-spacing: 1px;}
.gy-bt h3 {font-size: 30px;line-height: 1;font-weight: bold;letter-spacing: 2px;color: #222;}
.gy-bt h5 { font-size: 22px;line-height: 1;color: #bbb;}
.gy-bt hr{border-top: 4px solid #ffffff;width: 75px;margin: 15px 0 8px;border-image: linear-gradient(to left,#ff7e81,#c01014) 5;}

.gy-nr .gy-txt {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 15px 0;}
.gy-nr .gy-txt p { font-size: 15px; line-height: 1.6;color: #777;text-indent: 0 !important;}
/* .gy-txt::-webkit-scrollbar {width: 3px;background: #eee;border-radius: 10px;}
.gy-txt::-webkit-scrollbar-thumb { background-color: #c11011;  -webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;} */
.gy-nr a {display: inline-block;font-size: 14px;line-height: 1;border: 2px solid #c01014;padding: 10px 30px;color: #fff;margin-top: 20px;transition: all .5s;font-weight: bold;background: #c01014;}
.gy-nr a:hover{background: none;color: #c01014;}

@media (min-width: 992px) and (max-width: 1200px){
  .gy-nr{width: 62%;}
  
}
@media (max-width: 992px){

  .gywm {padding: 30px 0;background: url(../images/bg3.jpg)no-repeat center right fixed;}
  .gy-nr { float: none;width: 100%;position: relative;}
  
  
  
}
@media (max-width: 767px){

  .gy-nr{padding: 0 15px;}
  .gy-bt p{font-size: 18px;}
  .gy-bt h3{font-size: 22px;}
  .gy-bt hr{width: 60px;margin: 10px 0 5px;}
  .gy-nr .gy-txt p{font-size: 14px;}
  
}

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



.shigong{padding: 50px 0;}

.sg-bt{text-align: center;margin-bottom: 20px;}
.sg-bt h3 {font-size: 28px;line-height: 1; color: #444;letter-spacing: 2px;}
.sg-bt h5 {font-size: 16px;line-height: 1;color: #888;margin-top: 6px;}

.sg-cont{}

.walking .ar_1{width: 350px;height: 240px;}
.walking .ar_1 .item {height: 240px;border: 1px solid #ccc;overflow: hidden;}
.walking .ar_1 .item img { width: 100%;height: auto; min-height: 100%;}

@media (min-width: 992px) and (max-width: 1200px){

  .walking .ar_1{width: 260px;height: 200px;}
  .walking .ar_1 .item{height: 200px;}
  
}
@media (max-width: 992px){

  .shigong {padding: 30px 0;}
  .sg-bt h3{font-size: 24px;}
  .sg-bt h5{font-size: 14px;}
  .walking .ar_1{width: 260px;height: 200px;}
  .walking .ar_1 .item{height: 200px;}
  
}
@media (max-width: 767px){

  .walking .ar_1{width: 200px;height: 150px;}
  .walking .ar_1 .item{height: 150px;}
  
}

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



.youshi{background: #f5f5f5;padding: 30px 0 50px;}

.ys-bt{text-align: center;margin-bottom: 30px;}
.ys-bt h3 {font-size: 36px; line-height: 1; font-weight: bold;color: #c01014;letter-spacing: 2px; font-style: italic;margin-bottom: 10px;}
.ys-bt h3 span { font-size: 70px;display: inline-block;margin: 0 10px;vertical-align: text-bottom;line-height: 1;}
.ys-bt p { background: radial-gradient(circle,#c01014,#fff0);font-size: 15px; line-height: 1; color: #ffff; display: inline-block;padding: 10px 80px;}

.ys-cont{}
.ys-img {float: left;width: 45%;display: flex;height: 300px;align-items: center;overflow: hidden;}
.ys-txt{float: left;width: 55%;padding-left: 50px;padding-top: 30px;}
.ys-img.img2{float: right;}
.ys-txt.txt2{float: left;padding-left: 0;padding-right: 50px;}
.ys-img img{width: 100%;}

.ys-box{margin-bottom: 20px;}
.ys-box h2 { font-size: 26px;line-height: 1;font-weight: bold;letter-spacing: 2px;color: #333;margin-bottom: 10px;}
.ys-box h2 span {display: inline-block; font-size: 36px;font-weight: bold; line-height: 1;color: #c01014;font-style: italic;margin-right: 5px;vertical-align: text-bottom;}
.ys-box p { font-size: 15px; line-height: 1.4;color: #555;}

@media (min-width: 992px) and (max-width: 1200px){

  .ys-txt{padding-left: 40px;padding-top: 20px;}
  .ys-box p{font-size: 14px;}
  .ys-box h2{font-size: 24px;}
  .ys-box h2 span{font-size: 34px;}
}
@media (max-width: 992px){

  .ys-bt h3{font-size: 30px;}
  .ys-bt h3 span{font-size: 60px;}
  .ys-img{height: 250px;}
  .ys-txt {padding-left: 20px;padding-top: 10px;}
  .ys-box h2{font-size: 20px;letter-spacing: 1px;margin-bottom: 5px;}
  .ys-box h2 span{font-size: 30px;margin-right: 2px;}
  .ys-box p { font-size: 13px;line-height: 1.3;}
  .ys-box {margin-bottom: 10px;}
  
  .ys-txt.txt2{padding-right: 20px;}
  
}
@media (max-width: 767px){

  .ys-cont{padding: 0 15px;}
  .ys-img {height: 200px;float: none;width: 100%;}
  .ys-txt{float: none;width: 100%;padding: 20px 0;}
  
}

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






/* 新闻 */
.xinw{padding: 50px 0;background: url(../images/bg5.jpg)no-repeat center bottom;;}

.xw-bt{text-align: center;margin-bottom: 20px;}
.xw-bt h3 {font-size: 28px;line-height: 1; color: #444;letter-spacing: 2px;}
.xw-bt h5 {font-size: 16px;line-height: 1;color: #888;margin-top: 6px;}

.xw-cont{}

.xw-nav{}
.xw-nav li{width: 50%;}
.xw-nav li a {display: block; font-size: 17px; line-height: 1;text-align: center;padding: 15px 0; border: 1px solid #ddd;color: #555;}

.xw-list {padding: 30px 10px 10px;border: 1px solid #ddd;border-top: none;}
.xw-list ul{overflow: hidden;}
.xw-list ul li{float: left;width: 50%;padding: 0 15px;margin-bottom: 20px;}
.xw-list ul li a{display: block;overflow: hidden;}
.xw-list ul li a .xw-img{float: left;width: 30%;height: 120px;overflow: hidden;}
.xw-list ul li a .xw-img img{width: 100%;min-height: 100%;}
.xw-list ul li a .xw-info{float: left;width: 70%;padding-left: 20px;}
.xw-list ul li a .xw-info h3 { font-size: 18px;line-height: 1;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xw-list ul li a .xw-info h5 {font-size: 12px;line-height: 1;color: #999;margin: 15px 0;}
.xw-list ul li a .xw-info p { font-size: 13px;line-height: 1.3;color: #666;height: 50px;overflow: hidden;}


@media (min-width: 992px) and (max-width: 1200px){
  
  

  
  
}
@media (max-width: 992px){
  
  .xinw{padding: 30px 0;}
  .xw-list{padding: 15px 10px 10px;}
  .xw-list ul li{padding: 0 5px;margin-bottom: 15px;}
  
  .xw-list ul li a .xw-img {width: 35%;height: 90px;}
  .xw-list ul li a .xw-info {width: 65%;padding-left: 15px;}
  .xw-list ul li a .xw-info h3{font-size: 16px;}
  .xw-list ul li a .xw-info h5{margin: 8px 0;}
  .xw-list ul li a .xw-info p{font-size: 12px;height: 45px;}
  
  .xw-bt h3{font-size: 24px;}
  .xw-bt h5{font-size: 14px;}

}
@media (max-width: 767px){
  
  .xw-cont{padding: 0 15px;}
  .xw-nav li a{font-size: 15px;padding: 10px 0;}
  .xw-list {padding: 10px 10px 0;}
  
  .xw-list ul li {padding: 0; margin-bottom: 10px;width: 100%;float: none;}
  .xw-list ul li a .xw-info {padding-left: 10px;}
  
}

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





@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){

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

}

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






/* 友情链接 */
.links {margin: 30px 0 15px;}
.links span {font-size: 16px; line-height: 1.5; color: #000; font-weight: bold;text-transform: uppercase;display: block;margin-bottom: 5px;border-bottom: 1px solid #ccc;}
.links span b {font-size: 18px; background: #c11011; color: #fff;  line-height: 1; padding: 2px 10px;margin-right: 5px;border-radius: 2px;}
.links a{margin: 0 5px;font-size: 15px;line-height: 1.5;color: #444;}
.links a:hover{color: #c11011;}





@media (max-width: 767px){

  .links{padding: 0 15px;margin: 0;margin-top: 20px;}
  
  .links span b{font-size: 16px;}
  .links span{font-size: 15px;}
  .links a {font-size: 13px;}

}




/*底部*/
.f_one{background: #474747;border-top: 6px solid #c01014;}

.f-logo{background: #c01014;float: left;width: 21%;text-align: center;margin-right: 2%;padding: 30px 0;}
.logo-img{width: 60px;background: rgb(255 255 255 / 70%);padding: 5px;border-radius: 5px;margin: auto;}
.logo-img img{width: 100%;}
.f-logo h3 {font-size: 18px;line-height: 1;font-weight: bold; color: #fff;letter-spacing: 1px;margin-top: 10px; margin-bottom: 5px;}
.f-logo h5 { font-size: 12px; line-height: 1; color: rgb(255 255 255 / 70%);letter-spacing: -1px;}

.f-ewm{margin-top: 20px;}
.f-ewm img{width: 100px;}
.f-ewm p{font-size: 14px;line-height: 1;color: #fff;margin-top: 5px;}

.f-nr{float: left;width: 77%;margin-top: 30px;}
.f-nr h3 { font-size: 18px;line-height: 1; color: #fff;letter-spacing: 2px;}
.f-nr h5 { font-size: 18px;line-height: 1;  color: #fff; font-style: italic;margin-top: 3px;}
.f-nr hr {width: 30px; border-top: 2px solid #eee;margin: 6px 0 15px;}

.f-pro { float: left; width: 20%;}
.f-pro ul{}
.f-pro ul li{}
.f-pro ul li a {font-size: 14px;line-height: 1.8;color: #eee;}

.f-lx{float: left;width: 50%;padding: 0 20px;border-left: 1px solid rgb(255 255 255 / 30%);border-right: 1px solid rgb(255 255 255 / 30%);}
.f-lx p{font-size: 14px;line-height: 1.8;color: #eee;}
.f-lx p span {display: inline-block; width: 70px; text-align-last: justify; text-align: justify;}

.f-link{float: left;width: 30%;padding-left: 20px;}
.f-link a {display: block; font-size: 14px;line-height: 1.8;color: #eee;}


.sec-tit.left-keyword-tit, .themain {
    display: block;
}
.themain {clear: both;text-align: left;color: #eee;margin-top: 20px;}
.themain a {
    color: #eee;
    margin: 0 5px;
}


.copyright { font-size: 14px;margin-top: 20px;line-height: 1;color: #eee;}

.footer{display: none;}
@media (max-width: 768px){
/*手机底部菜单*/
.footers { display:none}
.footer {background: #21272f;display: -webkit-box;width: 100%;margin-top: 6px;background-size: 9px 128px;position: fixed;z-index: 110;bottom: 0;left: 0; display:block; line-height:45px;}
.footer a {-webkit-box-flex: 1;display: -webkit-box;color: #fff; display:inline-block; width:32%;font: 100 16px/35px "微软雅黑";height: 35px; line-height:35px; text-align:center;}
.footer a i { padding-right:5px;}
.hr { height:45px;}
}


@media (min-width: 992px) and (max-width: 1200px){
  
  .f-logo{width: 23%;}
  .f-nr{width: 75%;}
  .f-logo h3{font-size: 17px;}
  
}
@media (max-width: 992px){

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

}


/* 内页 */
.page-body { margin: 20px auto 50px;}
.left_menu { float: left; width: 21%;margin-right: 2%;padding: 0; position: relative;top: -60px;z-index: 9;}
.page-body .col-md-9 {float: left;width: 77%; border: 1px solid #ddd;padding: 20px;}


/* 左侧菜单 */
.page-body .sec-tit { margin-top: 15px;background: #c11011; height: auto; line-height: 1; border: none;padding: 20px 0;}
.sec-tit h2 { float: none;  margin-top: 0; margin-bottom: 0;height: auto; line-height: 1; font-weight: normal; font-size: 24px; color: #fff; border-bottom: none; text-align: center;}
.sec-tit h5 { float: none; margin-top: 5px; margin-bottom: 0; text-align: center;font-size: 16px; line-height: 1;color: rgb(255 255 255 / 70%);font-style: italic;}

.page-l-clist{border: none;background: #c11011;}
.page-l-clist ul {border: none;padding: 0;}
.page-l-clist li.layer1 { height: auto;line-height: 1;text-align: left; font-size: 16px; border-bottom: none;z-index: 1; padding: 0 15px;}
.page-l-clist li.layer1 a { display: block;overflow: hidden;padding: 15px 0; border-top: 1px dashed #ddd; color: #eee;position: relative;}
.page-l-clist li.layer1 a span{display: block;text-align: center;}
.page-l-clist li.layer1 a .fa { position: absolute; right: 6px;top: 15px;}
.page-l-clist li a:hover {height: auto;color: #fff; background: #c11011;}
.page-l-clist li.layer1.on a{height: auto;color: #fff; background: #c11011;}

.page-l-clist li .layer2 { position: absolute;left: 100%; top: 0px; width: 210px; padding: 0;background: #c11011; z-index: 9999;}
.page-l-clist li .layer2 ul{border: none;}
.page-l-clist li .layer2 ul li {height: auto; line-height: 1; border: none;}

.left-news{border: 1px solid #c11011;padding: 5px 10px;}
.left-news li {border-bottom: none;}
.left-news li a{display: block;padding: 8px 0;}
.left-news li a h5 {line-height: 1;text-align: left; font-size: 14px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;color: #555;}
.left-news li a h5 .fa{margin-right: 5px;}
.left-news li a:hover h5{color: #c11011;text-decoration: underline;}
.left-news li a:hover h5 .fa{color: #c11011;}

.sec-marquee-c ul li strong{font-size: 16px;}


.wp-pagenavi{text-align: center;}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #222;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #c11011;
    border-color: #c11011;
}





.page-title{margin-bottom: 20px;overflow: hidden; border-bottom: 1px solid #bbb;}
.page-title h3 { height: 30px;position: relative;  color: #fff;float:left;width: 50%;}
.page-title h3 a{display: none;}
.page-title h3 a:last-child { display: block; position: absolute; top: 0;color: #c11011;font-size: 20px; font-weight: bold; border-bottom: 3px solid #c11011; line-height: 1;padding-bottom: 7px;z-index: 3;}
.crumbs-item {line-height: 1; border: none; overflow: hidden; margin-bottom: 0;float: right;width: 50%;text-align: right;}
.crumbs-item h6 { font-size: 14px; line-height: 1;  color: #666;margin-top: 10px;}



/* 图片列表 */
.page-alist {margin-top: 0;}
.page-alist .col-md-3{margin-bottom: 15px;padding: 0 8px;}
.page-alist .col-md-3 a{display:block;box-shadow: 0 0 5px #00000040;}
.page-alist .col-md-3 a h5 { font-size: 16px;line-height: 1;height: auto;padding: 10px 0; color: #343434;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page-alist .col-md-3 a:hover h5{color: #c11011;}
.page-alist .col-md-3 a .img-inner{width: auto;height: 200px;border: none;padding: 0;overflow: hidden;display: flex;padding: 5px;}
.page-alist .col-md-3 a .img-inner img{ display: inline-block; margin: auto; max-width: 100%;max-height: 100%;}
.page-alist .col-md-3 a .img-inner:hover{border: none;}
.page-alist .col-md-3 a:hover .img-inner img{transform: scale(1.1);}

.page-alist .col-md-4{margin-bottom: 15px;padding: 0 8px;}
.page-alist .col-md-4 a{display:block;border: 1px solid #ddd;}
.page-alist .col-md-4 a h5 { font-size: 16px;line-height: 1;height: auto;margin-top: 10px; color: #555;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.page-alist .col-md-4 a:hover h5{color: #c11011;}
.page-alist .col-md-4 a .img-inner {  width: auto;  height: 220px;  border: none; padding: 0; overflow: hidden; display: flex; flex-wrap: wrap;align-content: center;padding: 5px;}
.page-alist .col-md-4 a .img-inner img { display: inline-block; margin: auto; max-width: 100%;max-height: 100%;}
.page-alist .col-md-4 a .img-inner:hover{border: none;}
.page-alist .col-md-4 a:hover .img-inner img{transform: scale(1.1);}


/* 新闻列表 */

.page-alist .page-adate {width: 70px;height: 65px;background: #c11011; color: #fff;}

.page-alist .page-adate h3 { font-size: 28px;line-height: 1;margin-bottom: 5px;}
.page-alist .page-adate p { font-size: 14px;line-height: 1; margin-bottom: 0;}

.media-heading {margin-top: 0; margin-bottom: 5px; font-size: 18px; font-weight: normal;color: #222;}
.page-alist .page-atit p {color: #666;font-size: 14px; line-height: 1.5;}

.page-atit a:hover .media-heading{color: #c11011;}

.page-alist{}
.page-alist li{padding-top: 0;margin-bottom:15px;}


.list-title{overflow: hidden;}
.list-title h3{float:left;width: 85%;font-size: 16px;line-height: 1;color: #444;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-title h3 .fa{margin-right: 5px;}
.list-title span { float: right; width: 15%;  font-size: 12px;text-align: right; line-height: 1; display: inline-block;color: #999;}
.list-title p.list-desc { font-size: 14px;line-height: 1;color: #777;}
.list-title p.list-desc span{color:#c11011}
.list-title h3:hover{color: #c11011;}


/* 详情页 */
.page-con-tit{}
.page-con-tit h1 { font-size: 20px; line-height: 1; letter-spacing: 1px; padding-bottom: 10px;}

.p_detail span.title{border-bottom: 2px solid #c11011;}
.product_detail h1.title {font-size: 20px; line-height: 1;padding-bottom: 10px;color: #222;}

.list_p li,.list_p li h2,.list_p li h2 a{font-size: 14px;}

.list_p li.calling {border: none; height: auto;margin-top: 10px;}
.list_p li.calling a { background: #c11011;color: #fff;font-size: 17px;line-height: 1;display: inline-block;padding: 10px 28px;border-radius: 3px;}
.list_p li.calling a .fa{margin-right: 5px;}


.page-content{padding: 0 15px 15px;}
.page-content p {font-size: 15px; line-height: 1.7;  color: #444;margin-bottom: 6px;}

td, th { padding: 0; padding: 5px;font-size: 15px;line-height: 1.5;}




/* 地图 */
.page-addr{margin-top: 30px;}
.page-addr iframe{width: 100%;}



.page-nav{padding: 0 10px;margin-bottom: 10px;display: none;}
.page-nav ul{overflow: hidden;}
.page-nav ul li{float: left;width: 33.3333%;text-align: center;margin-bottom: 10px;padding: 0 5px;}
.page-nav ul li a {display: block;font-size: 15px;line-height: 1;  background: #eee;padding: 15px 0;}
.page-nav ul li a:hover {  background: #c11011; color: #fff;}
.page-nav ul li.now a{  background: #c11011; color: #fff;}


@media (min-width: 992px) and (max-width: 1200px){
  
  .page-alist .col-md-4 a .img-inner{height: 170px;}
  .page-alist .col-md-4 a h5{font-size: 15px;}
  
  
}
@media (max-width: 992px){

  .page-body .col-md-9 {float: none;width: 100%;border: none;padding: 0 10px;}
  
  .page-alist .col-md-4 {  margin-bottom: 15px; padding: 0 8px; float: left; width: 33.3333%;}
  .page-alist .col-md-4 a .img-inner{height: 170px;}
  
  .page-alist .col-md-3 {margin-bottom: 15px; float: left;width: 25%;}
  .page-alist .col-md-3 a .img-inner{height: 170px;}
  
  .news_alist li a{padding:15px;}
  .news_alist li a p.description {font-size: 13px; line-height: 1.5;color: #777;}
  
  .page-nav{display: block;}
  
  .page-alist .page-atit p { height: 40px;overflow: hidden;}
  
  
}
@media (max-width: 767px){

  .page-alist{padding: 0 10px;}
  .page-alist .col-md-4{padding: 0 5px;}
  
  .img-inner { height: 120px;}
  
  .page-alist .col-md-4 { margin-bottom: 10px;width: 50%;}
  .page-alist .col-md-4 a .img-inner {height: 140px;padding: 3px;}
  .page-alist .col-md-4 a h5{font-size: 14px;}
  
  .page-alist .col-md-3 {margin-bottom: 15px;float: left; width: 50%;}
  .page-alist .col-md-3 a h5 {font-size: 14px; padding: 10px 0;}
  
  .list-title h3{font-size: 14px;width: 80%;}
  .list-title span{width: 20%;}
  
 
  .page-alist .page-adate h3{font-size: 24px;margin-top: 10px;}
  .page-alist .page-adate p{font-size: 13px;}
  
  .page-alist .page-atit p { color: #666; font-size: 13px;line-height: 1.5;height: 4rem;}
  
  .page-con-tit h1 { font-size: 18px;  line-height: 1;letter-spacing: 0;padding-bottom: 10px;}
  
  .page-nav ul li{width: 50%;}
  .page-nav ul li a {font-size: 13px; padding: 10px 0;}
  
  .crumbs-item{display: none;}
  .page-title h3{height: 26px;}
  .page-title h3 a:last-child{font-size: 18px;padding-bottom: 5px;}
  
  .news_alist li a { padding: 10px;}
  
  .page-content p { font-size: 13px;  line-height: 1.5;color: #444;margin-bottom: 5px;}
  .page-con-tit .haiofn span{padding-left: 5px;}
}