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


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;}
.bt h5 { font-size: 18px;line-height: 1;color: #000;text-transform: uppercase;margin-bottom: 10px;}
.bt h3 { font-size: 22px; line-height: 1; font-weight: bold; color: #a20323;letter-spacing: 1px;margin-bottom: 10px;}
.bt h3 img{margin: 0 15px;}
.bt p {  font-size: 14px;line-height: 1.6;color: #666;}

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

@media (max-width: 992px) {


  
}

@media (max-width: 767px) {

  .bt h5{font-size: 16px;margin-bottom: 5px;}
  .bt h3 img {margin: 0 10px;width: 25%;}
  .bt h3{font-size: 18px;margin-bottom: 6px;}
  .bt p{font-size: 12px;}
  
  .bt{margin-bottom: 10px;}
  
}














.chanpin{background: #f6f6f6;padding: 50px 0;}

.cp-bt{}

.cp-logo{text-align: center;}
.cp-logo img{width: 150px}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: url(../images/al-r.png)no-repeat center;background-size: 100%;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: url(../images/al-l.png)no-repeat center;background-size: 100%;}
.swiper-button-next, .swiper-button-prev{width: 20px;}

.swiper-slide a{display: block;}
.swiper-slide a img{width: 100%;}

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

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

  
  .swiper-button-next, .swiper-button-prev {width: 12px;}
  
}
@media (max-width: 767px){
  
  .chanpin{padding: 30px 0 10px;}
  .cp-logo img {width: 100px;}
  
  
}











.gy-bt {background: url(../images/bg3.jpg)no-repeat center;height: 500px;background-size: 100%;}
.gy-bt img{width: 100%;display:none;}

.gy-t{width: 50%;border-left: 8px solid #fff;border-right: 8px solid #fff;text-align: center;background: url(../images/gy-bt.jpg)no-repeat center;margin: 0 auto;padding: 150px 0;}
.gy-t h3 {display: inline-block; font-size: 30px; line-height: 1;  color: #fff;letter-spacing: 2px; font-weight: bold;border-top: 4px solid #fff;border-bottom: 4px solid #fff;padding: 10px 20px;}
.gy-t h5 { font-size: 24px;text-transform: uppercase; line-height: 1; color: #fff;margin-top: 10px;}



.gywm{padding: 50px 0;}

.gy-logo{text-align: center;margin-bottom: 50px;}
.gy-logo img{width: 150px;}

.gy-txt{text-align: center;padding: 0 5%;}
.gy-txt p { font-size: 15px;line-height: 1.5;color: #555;text-indent: 0 !important;margin-bottom: 10px;}

.gy-btn{text-align: center;}
.gy-btn a {display: inline-block; font-size: 14px;  line-height: 1; color: #a20323; border: 1px solid #a20323;padding: 12px 40px;border-radius: 5px;margin-top: 30px;}
.gy-btn a:hover{background: #a20323;color: #fff;}





@media (min-width: 992px) and (max-width: 1200px){
  
  
  .gy-t{padding: 120px 0;}
  
}
@media (max-width: 992px){

  .gy-t{background-size: 100%;padding: 60px 0;}
  .gy-t h3{font-size: 24px;}
  .gy-t h5{font-size: 20px;}
  .gy-bt{height: 210px;}
  
  .gywm {padding: 30px 0;}
  .gy-logo {text-align: center;margin-bottom: 30px;}
  .gy-logo img {width: 100px;}
  .gy-txt {padding: 0 5%;}
  .gy-txt p{font-size: 13px;line-height: 1.5;}
  .gy-btn a{font-size: 13px;padding: 10px 30px;margin-top: 20px;}
  
  .gy-bt {background-size: auto 100%;height: auto;background: none;}
  .gy-bt img{display: block;}
  
}
@media (max-width: 767px){
  
  .gy-t h3 {font-size: 18px;border-top: 2px solid #fff;border-bottom: 2px solid #fff;}
  .gy-t h5 {font-size: 16px;margin-top: 5px;}
  .gy-t{padding: 40px 0;}
  
  .gy-logo {margin-bottom: 20px;}
  .gy-txt {padding: 0 15px;}
  
  
  
  
}





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

.lx-bt{text-align: center;margin-bottom: 50px;}
/* .lx-bt h3{font-size: 30px;line-height: 1;font-weight: bold;color: #000;letter-spacing: 3px;} */
/* .lx-bt p {font-size: 16px; line-height: 1; color: #666; margin-top: 20px;} */
.lx-bt img{margin-bottom: 10px;width: 250px;}

.lx-cont{}

.lx-left{float: left;width: 45%;}
.lx-img{overflow: hidden;}
.lx-img .img-box{float: left;width: 50%;padding: 0 5px;}
.lx-img img{width: 100%;}
.lx-nr{overflow: hidden;padding: 0 5px;margin-top: 40px;}
.lx-txt{float: left;text-align: left;}
.lx-txt h3 { font-size: 26px;line-height: 1;font-weight: bold;color: #333;letter-spacing: 1px;margin-bottom: 20px;}
.lx-txt p {font-size: 20px; line-height: 1.6; color: #333;font-weight: bold;}
.lx-txt p span {font-size: 20px;line-height: 2.3;font-weight: bold;width: 100px;display: inline-block; text-align: justify;text-align-last: justify;}
.lx-txt p .b1{font-size: 22px;}
.lx-ewm{float: right;width: 30%;}
.lx-ewm img{width: 100%;}


.lx-right{float: right;width: 50%;}
.lx-right h3 {font-size: 20px; line-height: 1;color: #fff;margin-bottom: 10px;border-bottom: 1px solid rgb(255 255 255 / 40%);padding-bottom: 5px;}
.lx-right h3 span {display: inline-block;font-size: 18px;margin-left: 5px; font-style: italic;}

.ly-t1{float: left;width: 50%;}


.lx-right .mess_list {overflow: hidden;margin-bottom: 15px;border-bottom: none;padding-bottom: 0;padding: 0 5px;}
.lx-right .mess_list .mess_title { width: 100%; font-size: 14px; text-align: left; line-height: 1;float: none;color: #363636;margin-bottom: 7px;}
.lx-right .mess_list .mess_input { width: 100%;float: left;}
.lx-right .mess_list .mess_textarea { width: 100%;float: left;}
.lx-right .mess_list .form-control {width: 100%; height: 36px;font-size: 15px;border-radius: 2px;}
.lx-right .mess_list textarea.form-control{height: 90px;}

.lx-right .mess_submit{margin-left: 0;margin-top: 20px;}
.lx-right .mess_submit input[type=button] { background: #a20323;color: #fff;font-size: 15px;line-height: 1; padding: 10px 0;width: 100%;border-radius: 50px;}
.lx-right .mess_submit input[type=button]:hover {background: #c50000;border-color: #fff;}

.form-control:focus {border-color: #a20323; outline: 0;box-shadow: none;}


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

  .lx-txt p{font-size: 17px;}
  
}
@media (max-width: 992px){

  .lxwm{padding: 30px 0;}
  .lx-bt h3{font-size: 24px;}
  .lx-bt h5{font-size: 16px;}
  .lx-bt hr{margin: 10px 0;}
  .lx-bt {margin-bottom: 20px;}
  .lx-left { float: none;width: 100%; padding-top: 0;text-align: center;}
  .lx-left p{font-size: 18px;}
  .lx-txt p b.b1 {font-size: 20px;}
  .lx-ewm { overflow: hidden;display: inline-block;width: 20%;}
  .lx-ewm .ewm-box {margin: 0 10px;}
  
  
  .lx-right{display: none;}
  
}
@media (max-width: 767px){

  .lxwm {padding: 30px 10px;}
  .lx-bt h3 {font-size: 18px;letter-spacing: 1px;}
  .lx-bt h5 { font-size: 14px;}
  .lx-ewm{width: 30%;}

  .lx-left{text-align: left;}

  .lx-left p span{width: 80px;font-size: 12px;letter-spacing:3px;}
  .lx-left p {font-size: 12px;}
  .lx-txt h3{font-size: 16px;margin-bottom: 8px;}
  
  .lx-bt img {width: 120px;}
  
  .lx-txt p b.b1 {font-size: 16px;}
  
  
  .lx-ewm {width: 27%;}
  .lx-txt{width: 73%;margin-bottom: 15px;}
  
  
}





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

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

}







/* 友情链接 */
.links {margin: 30px 0 15px;}
.links span {font-size: 16px; line-height: 1.5; color: #000; font-weight: bold;text-transform: uppercase;display: inline-block;margin-bottom: 5px;}
.links span b {font-size: 18px; background: #a20323; 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: #a20323;}





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

}




/*底部*/
.footers{}


.f-two {background: #a20323;padding: 15px 0;}
p.copyright {  font-size: 15px; line-height: 1.3;color: #fff;text-align: center; }

.police {color: #fff; text-align: center; font-size: 13px;line-height: 1;margin-top: 5px;}

.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){
  
 
  
}
@media (max-width: 992px){

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

}


/* 内页 */
.page-body { margin: 20px auto 50px;}
.left_menu {float: left;width: 20%;padding: 0;position: relative;z-index: 3;top: -80px;}
.page-body .col-md-9{float: left;width: 80%;padding: 0 0 0 20px;}


/* 左侧菜单 */
.page-body .sec-bt{background: linear-gradient(0deg, #a20323, #499dff);  padding: 15px 0; border-top-left-radius: 10px;border-top-right-radius: 10px;}
.page-body .sec-bt h3 {color: #fff;font-size: 30px;line-height: 1; text-align: center;letter-spacing: 1px;}
.page-body .sec-bt h5 {text-align: center;font-size: 16px;line-height: 1; color: rgb(255 255 255 / 50%); margin-top: 6px;text-transform: capitalize;font-style: italic;}
.page-body .sec-tit { margin-top: 15px;background: #a20323; height: 50px; line-height: 1; border: none;}
.sec-tit h2 { float: none;  margin-top: 0; margin-bottom: 0;height: auto; line-height: 50px; font-weight: normal; font-size: 20px; color: #fff; border-bottom: none; text-align: center;}

.page-l-clist{border: none;margin-top: 3px;}
.page-l-clist ul { padding: 0; border: none;}
.page-l-clist li.layer1 { height: auto;line-height: 1;text-align: left; font-size: 16px; border-bottom: none;z-index: 1;}
.page-l-clist li.layer1 a {display: block; overflow: hidden; padding: 15px;border-bottom: 1px solid #ddd; background: #eee;font-size: 14px;line-height: 1;}
.page-l-clist li.layer1 a span{float: left;}
.page-l-clist li.layer1 a .fa{float: right;}
.page-l-clist li a:hover {height: auto;color: #fff; background: #a20323;}
.page-l-clist li.layer1.on a{height: auto;color: #fff; background: #a20323;}

.page-l-clist li .layer2 { position: absolute;left: 100%; top: 0px; width: 210px; padding: 0;background: #f5f5f5; 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 #a20323;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: #a20323;text-decoration: underline;}
.left-news li a:hover h5 .fa{color: #a20323;}

.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: #a20323;
    border-color: #a20323;
}


.crumbs-item {line-height: 1;border: none; overflow: hidden;margin-bottom: 20px;border-bottom: 3px double #ddd;padding-bottom: 6px;}
.crumbs-item h6 { font-size: 14px; line-height: 1;  color: #666; }
.crumbs-item h6 .fa {color: #1c57a3;font-size: 18px; margin-right: 3px;}

.page-title{margin: 30px 0 50px;text-align: center;}
.page-title img.logo{height: 30px;margin-bottom: 15px;}
.page-title h3 { position: relative;color: #a20323;font-size: 22px; line-height: 1; font-weight: bold;letter-spacing: 1px;margin-bottom: 10px;}
.page-title h3 img{margin: 0 15px;}
.page-title p { font-size: 14px; line-height: 1.6; color: #666;}
.page-title h2 { font-size: 22px; line-height: 1;font-weight: bold; color: #a20323;margin-top: 20px;}
.page-title h2 span{color: #a20323;}


/* 图片列表 */
.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: #a20323;}
.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: #a20323;}
.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: #a20323; 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: #a20323;}

.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:#a20323}
.list-title h3:hover{color: #a20323;}


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

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

.zoomPad{height: 230px;}
.zoomPad > img { max-height: 100%;max-width: 100%;}
.zoomPup img {width: auto !important;height: auto !important;}




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

/* 内页产品列表 */

.pro_alist{}
.pro_alist .pro-box{overflow: hidden;margin-bottom: 30px;}
.pro_alist .pro-box .pro-nr{float: left;width: 60%;}
.pro_alist .pro-box .pro-nr h3 {font-size: 40px; color: #a20323;line-height: 1;margin-top: 50px;}
.pro_alist .pro-box .pro-nr p {font-size: 20px;line-height: 1;color: #555;margin-top: 80px;}
.pro_alist .pro-box .pro-nr a { display: inline-block;font-size: 15px;line-height: 1;background: #a20323;color: #fff;padding: 12px 50px;letter-spacing: 2px;margin-top: 20px;}
.pro_alist .pro-box .pro-nr a:hover{background: #bf0026;}
.pro_alist .pro-box .pro-img { float: right;  width: 40%;height: 300px;overflow: hidden;display: flex;align-items: center;}
.pro_alist .pro-box .pro-img img{width: 100%;}

/* 产品详情页 */
.product_detail h1.title {font-size: 40px; line-height: 1; color: #a20323;font-weight: normal;border: none; padding: 0;}
.detail_img{text-align: center;}
.detail_img img{max-width: 100%;}
#ibrcolor {text-align: center; font-size: 30px; line-height: 1;height: auto;background: none; font-weight: normal !important;color: #a20323; border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;}





#mess_main { padding: 0 1% 0;}








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

  .page-body .col-md-9{float: none;width: 100%;padding: 0;}
  
  .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;}
  
  .pro_alist .pro-box{margin-bottom: 20px;}
  .pro_alist .pro-box .pro-img{height: 200px;}
  .pro_alist .pro-box .pro-nr h3{font-size: 30px;margin-top: 30px;}
  .pro_alist .pro-box .pro-nr p{font-size: 16px;margin-top: 60px;}
  .pro_alist .pro-box .pro-nr a{font-size: 13px;padding: 12px 40px;margin-top: 15px;}
  
}
@media (max-width: 767px){

  .page-body {margin: 10px auto 50px;}
  
  .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: 12px; padding: 10px 0;}
  
  .page-title {margin: 10px 0 20px;}
  .page-title h5{font-size: 16px;margin-bottom: 5px;}
  .page-title h3 img {margin: 0 10px;width: 25%;}
  .page-title h3{font-size: 18px;}
  .page-title p{font-size: 12px;}
  
  .bt{margin-bottom: 10px;}
  
  .news_alist li a { padding: 10px;}
  
  .page-content p { font-size: 13px;  line-height: 1.5;color: #444;margin-bottom: 5px;}
  
  
  .crumbs-item h6{font-size: 12px;}
  
  
  .pro_alist .pro-box .pro-nr h3{font-size: 24px;margin-top: 10px;}
  .pro_alist .pro-box .pro-img {  height: 240px; float: none;width: 100%;}
  .pro_alist .pro-box .pro-nr {float: none; width: 100%;text-align: center;margin-top: 15px;}
  .pro_alist .pro-box .pro-nr p {font-size: 15px; margin-top: 30px;}
  .pro_alist .pro-box .pro-nr a{margin-top: 10px;}
  
  .product_detail h1.title{font-size: 24px;}
  #ibrcolor{font-size: 20px;}
  
  
  .page-title h2{font-size: 16px;margin-top: 10px;}
}


#right-ewm{position: fixed;right: 0;top:  66%;z-index: 999;margin-top: 150px;}
#right-ewm .ewm-box {text-align: center;background: #a20323;padding: 8px 5px;width: 70px;height: 70px;position: relative;cursor: pointer;}
#right-ewm .ewm-box img.ico{width: 40px;margin-bottom: 3px;}
#right-ewm .ewm-box p {font-size: 12px;line-height: 1; color: #fff;}

.ewm-box .ewm-img { position: absolute;right: 120%;bottom: 0; background: #fff;padding: 10px;width: 150px;height: auto;display: none;}
.ewm-box .ewm-img span {position: absolute;display: inline-block;width: 12px;height: 12px;background: #fff;right: -6px;bottom: 12px;transform: rotate(45deg);}
.ewm-box .ewm-img img{width: 100%;margin-bottom: 5px;height: auto !important;}
.ewm-box .ewm-img h5{font-size: 13px;line-height: 1;color:#fff;}
.ewm-box:hover .ewm-img{display: block;}