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

a:focus, a:hover{color:#e0211c;}
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{margin-bottom: 30px;text-align:center;}
.bt h3 {font-size: 28px;line-height: 1; margin-bottom: 15px; letter-spacing: 3px; font-weight: bold;}
.bt h3 a{color: #000;font: 40px/140% Arial,"宋体",Helvetica, sans-serif,Verdana;}
.bt h5 {text-transform: uppercase;font-size: 16px; line-height: 1;color: #666;margin-bottom: 10px;}
.bt hr{margin: auto;border-top: 1px solid #ddd;}
.bt .line{background: #e0211c;width: 120px;margin: -2px auto 0;height: 4px;}




@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){
  
  .bt{padding: 0 15px;}
  .bt h3{font-size: 22px;letter-spacing: 3px;margin-bottom: 5px;}
  .bt h5{font-size: 13px;letter-spacing: 2px;}
  .bt p{font-size:13px;line-height: 1.5;}

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

}

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



.fenlei {padding: 80px 0 50px;background: #f5f5f5;}
.fenlei ul{padding: 0 25%;}
.fenlei ul li{float: left;width: 50%;}
.fenlei ul li a{display: block;padding: 10px;border: 1px solid #ddd;transition: all .5s;position: relative;background: #fff;}
.fenlei ul li a .fl-img{position: absolute;left: 50%;width: 120px;height: 120px;margin-left: -60px;top: -60px;z-index: 3;border-radius: 50%;border: 2px solid #ddd;overflow: hidden;background: #fff;}
.fenlei ul li a .fl-img img{width: 100%;position: absolute;top: 0;left: 0;transition: all .5s;}
.fenlei ul li a .fl-txt{margin-top: 60px;text-align: center;}
.fenlei ul li a .fl-txt h3 {font-size: 22px;line-height: 1;color: #000;}
.fenlei ul li a .fl-txt h5 {font-size: 20px;  line-height: 1; color: #bababa; margin-top: 8px;}
.fenlei ul li a:hover{}
.fenlei ul li a:hover .fl-img img{top: -116px;}








@media (min-width: 992px) and (max-width: 1200px){
 
  .fenlei ul li a .fl-img{width: 100px;height: 100px;margin-left: -50px;top: -50px;}
  .fenlei ul li a:hover .fl-img img {top: -96px;}
  .fenlei ul li a .fl-txt{margin-top: 50px;}
  .fenlei ul li a .fl-txt h5{font-size: 18px;margin-top: 5px;}
}
@media (max-width: 992px){
  
  .fenlei {padding-top: 60px;}
  
  .fenlei ul li a .fl-img{width: 80px;height: 80px;margin-left: -40px;top: -40px;}
  .fenlei ul li a:hover .fl-img img {top: -76px;}
  
  .fenlei ul li a .fl-txt{margin-top: 50px;}
  .fenlei ul li a{padding: 0 0 10px;}
  .fenlei ul li a .fl-txt h3 { font-size: 18px;}
  .fenlei ul li a .fl-txt h5{font-size: 15px;margin-top: 5px;}
  
  
}
@media (max-width: 767px){
  
  .fenlei {padding: 30px 15px 15px;}
  
  .fenlei ul{padding: 0;}
  .fenlei ul li{width: 50%;}
  .fenlei ul li a{padding: 10px 0;}
  
  .fenlei ul li a .fl-img{top: 10px;}
  .fenlei ul li a .fl-img img{}
  .fenlei ul li a img{width: 25%;}
  
  .fenlei ul li a .fl-txt {margin-top: 90px;}
  .fenlei ul li a .fl-txt h3{font-size: 16px;}
  
  .fenlei ul li a h5 {margin-top: 3px;font-size: 12px;}
  

}

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


/*产品中心*/


.cpzs{padding: 50px 0 0 0;background: #eee;}
.cpzs .bt{}
.cpzs .bt h3{color: #e0211c; text-align: center; font-size: 40px;font-weight: bold; }
.cpzs .bt p{font-size: 20px; text-align: center; color: #585858; line-height: 2;}
.cpzs .tb{padding: 10% 0 5% 0;}
.cpzs .xm{width:50%;float: left;}
.cpzs .xm h2{font-size: 20px;color: #fff;}
.cpzs .xm p{font-size:14px;color: #666;line-height: 2;}
.cpzs .nav-tabs>li {margin-bottom: -1px;}
.cpzs .nav-tabs {border-bottom: 1px solid #1c1c1c;width: 100%;float: right; margin: 0 0 0px 432px;}

.cpzs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color:#fff;cursor: default;background-color: #e0211c;border: 1px solid #e0211c;border-bottom-color: transparent;}
.cpzs .nav-tabs>li>a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;font-size: 16px;color:#666;text-align:center;}
/*产品展示－第2种开始*/
.cpzs .nav-tabs li{width: 10%;;}
.nav>li>a { position: relative; display: block; padding: 15px 10px;}
.cpzs .product_box{background: url(../../../../static/admin/temp/images/productdis/images/2/product_bg.png) no-repeat top center;}
.cpzs .product_title{margin: 15px 0;}
.cpzs .product_title h3{font-size: 35px;}
.cpzs .product_title img{margin-right: 10px;}
.cpzs .product_title p{font-size: 24px;color:#bebebe;}
.cpzs .product_href{margin:15px 0;}
.cpzs .product_href a{display: inline-block;border: 2px solid #e14a56;border-radius: 30px;padding: 8px 30px;font-size: 15px;color:#333;margin:0 10px 10px;}
.cpzs .product_href a:hover{text-decoration: none;background: #e14a56;color:#fff;}
.cpzs .product_content{margin:35px 0 25px;}
.cpzs .product_content ul{}
.cpzs .product_content ul li{overflow: hidden;padding-top: 1%;}
.cpzs .product_content ul li:hover p{color:#e0211c;}
.cpzs .product_content ul li a{display: block;}

.cpzs .product_content .pro_img{border: 1px solid #eeeeee;height:306px;line-height:194px;overflow: hidden;background: #fff;display:table-cell; vertical-align:middle; width:33.3333%;padding: 2.3%;}
.cpzs .product_content img:hover{transform: scale(1.08);transition: all 1s;}
.cpzs .product_content img{width:100%;height: 100%;transition: all 1s;padding: 5% 15%;}
.cpzs .product_content p{color:#000;font-size: 16px;line-height: 4;text-align: center;}
.cpzs .product_btn{margin:20px 0;}
.cpzs .product_btn a{display: inline-block;padding: 10px 40px;border-radius: 30px;background: #e14a56;color:#fff;font-size: 15px;}
.cpzs .product_btn a:hover{text-decoration: none;background: #d80112;}


@media (min-width: 992px) and (max-width: 1200px){
.cpzs .xm{width:24%;float: left;}
.cpzs .nav-tabs {border-bottom: 1px solid #1c1c1c;width: 100%;float: right;}
.cpzs .nav-tabs>li>a { font-size: 12px;}  
  
}


@media (max-width: 992px){
.cpzs .product_title h3{font-size: 22px;}
.cpzs .product_title p{font-size: 16px;}
.cpzs .product_content{margin:15px 0;}
.cpzs .product_content p{font-size: 14px;}
.cpzs .product_content .pro_img{height:170px;line-height:164px;}
.cpzs .product_btn{margin:10px 0;}
.cpzs .product_btn a{padding: 10px 20px;font-size: 14px;}
.cpzs .nav-tabs li { width: 20%; margin-bottom: 1%;}  
  
  
}
@media (max-width: 767px){
.cpzs .product_content .pro_img{height:125px;}
.cpzs .col-xs-4 { width:49.9999%;}
.cpzs .pro_list li p{font-size: 12px;}
.cpzs .xm {width: 100%;margin: 0 auto;}  
.cpzs .xm h2 {text-align: center;} 
.cpzs .xm p {text-align: center;}  
.cpzs .nav-tabs {width:100%;}  
.cpzs .nav-tabs>li>a p{display:none;} 
.cpzs .nav>li>a {padding: 10px 3px;} 
 .cpzs .anli .tabbable{padding: 2%;overflow: hidden;} 
.cpzs .bt h3 { font-size: 27px;}  
.cpzs .bt p { font-size: 16px; line-height: 1.5;}  
.cpzs .nav-tabs li { width: 50%; margin-bottom: 1%;}  
}
@media (max-width: 320px){
.cpzs .product_content .pro_img{height:125px;}
}
/*产品展示－第2种结束*/













/*产品优势*/
.cpys{padding: 50px 0;}

.nav-tabs {border-bottom:none!important;margin: 0 0 72px 432px;}
.nav-tabs li{width: 22%;background: #e0e0e0;}
.nav-tabs li a{font-size: 18px;color: #000;text-align: center;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #e0211c;
    border: 1px solid #ddd; border-bottom-color: none; }

.cpys .bt{}
.cpys .bt h3{color: #e0211c;text-align: center;font-size: 40px;font-weight: bold;}
.cpys .bt p{font-size: 20px;text-align: center;color: #585858;line-height: 2;}

.cpys .xm{margin: 50px 0;border: 1px solid #cfcfcf;overflow: hidden;}
.cpys .xm li{width: 25%;float: left;border-right: 1px solid #cfcfcf;padding: 3% 3%;}
.cpys .xm li .tu{display:grid;place-items: center;}
.cpys .xm li .tu img{}
.cpys .xm li h4{font: 18px "Microsoft YaHei";color: #000;text-align: center;line-height:2;}
.cpys .xm li .hx{width: 25px;height: 2px;margin: 0 auto;background: #cfcfcf;}
.cpys .xm li p{font-size: 15px;text-align: center;color: #000;line-height: 2;padding-top: 15px;}

@media (min-width: 992px) and (max-width: 1200px){
.cpys .nav-tabs { margin: 0 0 67px 342px;}
  
}


@media (max-width: 992px){
.cpys .nav-tabs { margin: 0 0 55px 266px;}
}
@media (max-width: 767px){
.cpys .bt h3 { font-size: 25px;}
.cpys .nav-tabs { margin: 0 0 37px 94px;}  
.cpys .nav-tabs li { width: 35%;background: #e0e0e0;}  
 .cpys .xm li { width: 50%; padding: 3% 3%;} 
  
}





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

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

@media (max-width: 767px){
 


  
}




.ab-text{margin-top: 49px;}

.ab-text h3{font-size: 30px;color: #d7000f;font-weight: normal;padding-bottom: 10px;}
.ab-text h4{font-size: 18px;color: #d7000f;font-weight: normal;line-height: 2;}
.ab-text h3 span{color:#fca928;}
.ab-text i{font-size: 15px;color:#5a5a5a;text-transform:uppercase;font-style:normal;}
.content-about{overflow: hidden;overflow-y: auto;margin-top: 14px;font-size:15px;color:#343434;line-height: 30px;padding-right:15px;}
.content-about::-webkit-scrollbar {width: 5px;}
.content-about::-webkit-scrollbar-track {background-color:#ddd;-webkit-border-radiuss: 2em;-moz-border-radius: 2em;border-radius:2em;}
.content-about::-webkit-scrollbar-thumb {background-color:#999;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;}
.sec-about .about-more{padding:0;}
.sec-about .btn-lg{width: 190px;height: 40px;border-radius: 20px;transition: background 1s;}
.sec-about .btn-danger {color: #fff;background-color: #fca928;border-color: #fca928;padding: 11px 16px;font-size: 13px;margin-top:20px;}
.sec-about .btn-danger:hover{color: #fff;background-color:#eb580b;border-color: #eb580b;}
.about-adv{border-top: 1px solid #b5b5b5;margin-top: 35px;padding-top: 30px;}
.aadv-one img{float:left;padding-right: 15px;}
.aadv-one strong{display:block;color: #000;font-size:18px;}
.aadv-one p{float:left;display:block;font-size: 16px;color: #000;}
.ab-img{padding: 0;}
.ab-img img{width:100%;}

.btn-danger {color: #000;background-color: #fff;border-color:#d7000f;float:right;}
.btn-danger:hover {color: #fff;background-color:#d7000f;border-color: #d7000f;}
.btn-group-lg>.btn, .btn-lg {padding: 6px 35px;font-size: 16px;line-height: 1.3333333;margin-top:20px;}
.btn-lg{border-radius:0px;}
.btn{border-radius:0px;}

@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){
 
  .ab-text {margin-top: 0px;margin-left: 0px;padding: 20px; }
}
@media (max-width: 767px){
 .gywm .product_title h3{padding: 1px 0 30px;
   font-size: 27px; }
 .ab-text h3 {font-size: 26px;}
}

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


/*关于我们*/
.gywm{padding: 50px 0;}
.gywm .gy-img{}
.gywm .gy-img video{width: 100%;height: 280px;}

.rongyu{padding: 50px 0;}
.ry-bt {overflow: hidden;margin-bottom: 20px;border-bottom: 5px double #e0211c;padding-bottom: 5px;}
.ry-bt h3 {float: left;font-size: 22px; line-height: 1;font-weight: bold;color: #000;letter-spacing: 1px;}
.ry-bt h3 span {letter-spacing: 0;font-size: 18px;display: inline-block;font-weight: normal;font-style: italic;color: #999;}
.ry-bt a { float: right;display: inline-block;font-size: 14px;line-height: 1; background: #eee;padding: 5px 10px;border-radius: 6px;color: #666;}
.ry-bt a:hover{background: #e0211c;color: #fff;}

.rongyu-cont{float: left;width: 66%;}

.rongyu-cont .walking{height: 220px !important;}
.rongyu-cont .walking .ar_1{width: 260px;height: 220px;}
.rongyu-cont .walking .ar_1 .item {height: 180px;border: none;}

.rongyu-cont .walking .ar_1 p{background: #ddd;height: 40px;line-height: 40px;}
.rongyu-cont .walking .ar_1:hover p{background: #e0211c;color: #fff;}

.lxwm-cont{float: right;width: 30%;padding: 10px;border: 4px solid #e0211c;margin-top: 30px;background: #eee;height: 240px;}
.lxwm-box{padding: 10px;}
.lxwm-cont h3 { font-size: 20px; font-weight: bold; letter-spacing: 1px;line-height: 1;color: #000; margin-bottom: 20px;margin-top: 10px;}
.lxwm-cont p { font-size: 15px; line-height: 1.5;color: #444;margin-bottom: 2px;}
.lxwm-cont img{width: 100%;}


@media (min-width: 992px) and (max-width: 1200px){
  
  .lxwm-cont{width: 32%;}
  .lxwm-box {padding: 0;}
  .gywm .gy-img{}
  .product_content .pro_img {height: 211px;}
  
  
}
@media (max-width: 992px){

  .lxwm-box {padding: 0;}
  
  
  .rongyu-cont{width: 63%;}
  .rongyu {padding: 30px 0;}
  .rongyu-cont .walking{height: 150px !important;}
  .rongyu-cont .walking .ar_1 {width: 170px;height: 150px;margin-left: 10px;}
  .rongyu-cont .walking .ar_1 .item { height: 117px;}
  .rongyu-cont .walking .ar_1 p { font-size: 13px;background: #ddd; height: 30px;line-height: 30px;}
  .lxwm-cont{width: 35%;height: 170px;}
  .lxwm-cont h3{font-size: 16px;margin-bottom: 10px;}
  .lxwm-cont p{font-size: 13px;}
 
  
  
}
@media (max-width: 767px){
  
  .lxwm-cont{display: none;}

  .rongyu{padding: 30px 10px;}
  .rongyu-cont{float: none;width: 100%;}

  .ry-bt h3{font-size: 18px;}
  .ry-bt h3 span{font-size: 16px;}
  .ry-bt a{font-size: 12px;}
   .gywm { padding: 18px 0;}
  
}



/*参数*/
.ping{padding: 0 0 50px 0;}
.ping ul{background: #d82b27;overflow: hidden;padding: 7px 0;}
.ping ul li{width: 25%;float: left;border-right: 1px solid #dedede;padding: 15px 0;}
.biank{border-right: none!important;}
.ping ul li h3{font-size: 25px;color: #fff;text-align: center;}
.ping ul li p{font-size: 16px;color: #fff;text-align: center;line-height: 2;}


@media (max-width: 767px){
  
.ping ul li h3 {  font-size: 17px;}
.ping ul li p { font-size: 14px;line-height: 2;}  
.ping { padding: 0 0 29px 0;}  
}

/* 新闻 */
.xinw{padding: 50px 0;}

.xw-bt {overflow: hidden;border-bottom: 2px solid #ddd;padding-bottom: 6px;margin-bottom: 15px;}
.xw-bt h3 { font-size: 24px; line-height: 1;font-weight: bold; letter-spacing: 2px;color: #000;float: left;}
.xw-bt a { float: right; font-size: 16px;line-height: 1;display: inline-block; font-family: fantasy;color: #bbb;margin-top: 6px;margin-right: 5px;}
.xw-bt a:hover{color: #007dc9;}

.xw-left{float: left;width: 65%;}
.xw-left ul{}
.xw-left ul li{margin-bottom: 10px;}
.xw-left ul li a{display: block;overflow: hidden;}
.xw-left ul li a .xw-date {float: left; width: 15%;text-align: center;background: #e60012;color: #fff;height: 110px;padding-top: 18px;}
.xw-left ul li a .xw-date h5 { font-size: 44px; line-height: 1; font-family: fangsong;letter-spacing: 2px;font-weight: bold;}
.xw-left ul li a .xw-date p { font-size: 20px;line-height: 1;margin-top: 5px;}
.xw-left ul li a .xw-info { float: left; width: 85%; background: #eee; height: 110px;padding: 20px;transition: all .5s;}
.xw-left ul li a .xw-info h3 {font-size: 18px; line-height: 1; color: #000;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 8px;}
.xw-left ul li a .xw-info p {font-size: 14px;line-height: 1.6;color: #666;}
.xw-left ul li a:hover .xw-info{background: #e60012;}
.xw-left ul li a:hover .xw-info h3 {color: #fff;}
.xw-left ul li a:hover .xw-info p{color: #fff;}


.xw-right{float: right;width: 32%;}
.xw-right ul{}
.xw-right ul li {border-bottom: 1px dashed #bbb;padding-bottom: 15px;margin-bottom: 15px;}
.xw-right ul li a{display: block;}
.xw-right ul li a h3 { font-size: 16px; line-height: 1; margin-bottom: 5px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #222;}
.xw-right ul li a h3 span{color: #d70c19;}
.xw-right ul li a p {font-size: 13px;line-height: 1.5;color: #444;}
.xw-right ul li a p span{color: #007dc9;}

.str_move{padding: 0;}
.str_wrap{background: none;}
.dowebok{height: 350px;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .xw-right ul li a p { height: 60px;overflow: hidden;}
  
}
@media (max-width: 992px){
  
  .xw-left{width: 60%;}
  .xw-right{width: 38%;}
  
  .xw-bt h3{font-size: 20px;}
  .xw-left ul li a .xw-date{width: 18%;height: 70px;padding-top: 8px;}
  .xw-left ul li a .xw-date h5{font-size: 36px;}
  .xw-left ul li a .xw-date p {font-size: 16px;margin-top: 3px;}
  
  .xw-left ul li a .xw-info{width: 82%;height: 70px;padding: 10px;}
  .xw-left ul li a .xw-info h3{font-size: 16px;margin-bottom: 5px;letter-spacing: 0;}
  .xw-left ul li a .xw-info p {font-size: 12px; line-height: 1.3;height: 30px;overflow: hidden;}
  
  .xw-right ul li a h3{font-size: 14px;}
  .xw-right ul li { border-bottom: 1px dashed #bbb;padding-bottom: 12px;margin-bottom: 15px;}
  .xw-right ul li a p {font-size: 12px;line-height: 1.3; height: 30px;overflow: hidden;}
  .xinw {padding: 30px 0;}
  .xw-left ul li {margin-bottom: 44px;}

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

  .xinw{padding: 30px 15px 0;}
  .xw-left,.xw-right{float: none;width: 100%;margin-bottom: 20px;}
  
  .xw-left ul li a .xw-date h5 {font-size: 30px;}
  .xw-left ul li a .xw-date p{font-size: 14px;}
  
  
}


.links{margin: 50px 0 0;text-align: center;}
.links a {margin: 0 10px 5px 0;font-size: 13px;line-height: 1;display: inline-block;}
.links h3 { padding-bottom: 3px; border-bottom: 1px solid #0195db; font-size: 15px;line-height: 1;font-weight: bold;color: #000;letter-spacing: 1px;text-align: center;margin-bottom: 10px;}

.links a:hover{color: #0195db}

@media (max-width: 992px) {
  .links{margin: 20px 0 50px;}
}



/*ys*/
.ys-bt{position: relative;text-align:center;margin-top: 50px;}
.ys-bt .green-rec{background-color: #00aeed;width: 43px!important;height: 6px!important;margin-bottom: 18px;}
.ys-bt h2{font-size: 32px;line-height: 2.5;color: #28282d;font-weight: 400;float:left;}


.youshi{background: url(../images/ys_bg1.jpg)no-repeat center center;}
.youshi h3{font-size: 41px;font-weight: bold;color: #000;text-align: center;}
.youshi p{font-size: 24px;color:#bebebe;line-height:2.5;text-align: center;}
.ys-cont{margin-top: 64px}
.ys-box{}

.ys-box.box1{}
.ys-box.box1 .ys-nr{float: right;width: 50%;}
.ys-box.box1 .ys-img{float:left;width: 50%;}
.ys-box.box2{}
.ys-box.box2 .ys-nr{float: left;width: 50%;}
.ys-box.box2 .ys-img{float: right;width: 50%;}

.ys-box .ys-nr{padding: 79px 50px 120px;}
.ys-box .ys-nr h5 {font-size: 60px;line-height: 1; font-family: fantasy;font-weight: bold;color: #d7000f;letter-spacing: 5px;position: relative;}
.ys-box .ys-nr h5 span { display: inline-block;position: absolute; background: #fff;border-top: 5px solid #d7000f;width: 80px; height: 20px;transform: rotate(303deg);left: 30px;top: 25px;}
.ys-box .ys-nr h3 {font-size: 27px;line-height: 1;font-weight: bold;color: #000;margin-top: 30px;text-align:left;}
.ys-box .ys-nr hr {border-top: 3px solid #d7000f;width: 50px;}
.ys-box .ys-nr .ys-txt{}
.ys-box .ys-nr .ys-txt p {font-size: 16px;line-height: 1.5;color: #444;margin-bottom: 5px;background: url(../images/ys-ico.png)no-repeat top 3px left;background-size: 20px;text-align: left;}
.ys-box .ys-img{position: relative;}
.ys-box .ys-img img{width: 100%;min-height: 100%;}
.ys-box .ys-img.img1 {width: 50%; height: 268px;overflow: hidden;box-shadow: 3px 5px 9px #b8b8b8;margin-bottom: 39px;}
.ys-box .ys-img.img1 img{}
.ys-box .ys-img.img2{margin-bottom: 39px;}
.ys-box .ys-img.img2 img{width: 100%;box-shadow: 3px 5px 9px #b8b8b8;}
.ys-box .ys-img.img3{height:268px;box-shadow: 3px 5px 9px #b8b8b8;margin-bottom: 39px;}
.ys-box .ys-img.img3 img { position: absolute;right: 0;width: 100%;}
.ys-box .ys-img.img4{margin-bottom: 39px;}
.ys-box .ys-img.img4 img{box-shadow: 3px 5px 9px #b8b8b8;}


@media (min-width: 1200px) and (max-width: 1440px){
  
  .ys-box .ys-nr h3{margin-top: 30px;font-size: 26px;}
  .youshi{background-size: auto 100%;}
  
  .ys-box .ys-img.img3{height: 330px;}
  
}

@media (min-width: 992px) and (max-width: 1200px){
  
  .ys-bt{margin-top: 50px;}
  
  .youshi{background-size: auto 100%;padding: 80px 0;}
  .ys-box .ys-nr {padding: 30px 30px 0;}
  .ys-box .ys-nr h5{font-size: 50px;}
  .ys-box .ys-nr h5 span{width: 66px;left: 30px;}
  .ys-box .ys-nr h3{font-size: 24px;margin-top: 25px;}
  .ys-box .ys-nr .ys-txt p{font-size: 15px;}
  
  .ys-box .ys-img.img1{height: 300px;}
  .ys-box .ys-img.img2 img{width: 90%;}
  .ys-box .ys-img.img3{height: 310px;}
  
  
}
@media (max-width: 992px){
  
  .ys-bt{margin-top: 30px;}
  .ys-bt h2 {line-height: 1;float: left;}
  .ys-bt h5{font-size: 40px;}
  .ys-bt h3{font-size: 22px;margin-top: 5px;}
  .ys-bt p{font-size: 20px;margin-top: 10px;}
  
  .youshi{background-size: auto 100%;padding: 50px 0;}
  
  .ys-box .ys-nr h5{font-size: 40px;}
  .ys-box .ys-nr h5 span{width: 60px;border-top: 4px solid #fca928;height: 20px;left: 25px;top: 15px;}
  .ys-box .ys-nr h3{font-size: 20px;margin-top: 15px;}
  .ys-box .ys-nr hr{margin: 10px 0;}
  .ys-box .ys-nr .ys-txt p{font-size: 12px;background-size: 15px;padding-left: 20px;}
  
  .ys-box.box1 .ys-nr{padding: 30px 0 0 30px;}
  .ys-box.box2 .ys-nr{padding: 103px 30px 0 0;}
  
  .ys-box .ys-img.img1{height: 240px;}
  .ys-box .ys-img.img2 img{width: 100%;}
  .ys-box .ys-img.img3{height: 240px;}
  .ys-cont {margin-top: 0px;}
  
  
}
@media (max-width: 767px){
  .youshi h3{font-size:24px;}
  .youshi p{font-size:16px;}
  .ys-cont {margin-top: 0px;}
  .ys-bt h5 {font-size: 36px;}
  .ys-bt h3 {font-size: 20px;top: 15px;}
  .ys-bt p {font-size: 16px;margin-top: 6px;}
  
  .youshi {padding: 0 0 30px;background: none;}
  .ys-box.box1 .ys-nr {padding: 20px 10px;}
  .ys-box.box2 .ys-nr { padding: 20px 10px;}
  .ys-box .ys-nr h5 {font-size: 30px;}
  .ys-box .ys-nr h5 span {width: 40px;left: 20px;top: 12px;}
  .ys-box .ys-nr h3 {font-size: 16px;margin-top: 10px;line-height: 1.2;}
  .ys-box .ys-nr .ys-txt p { font-size: 12px;line-height: 1.3;background: url(../images/ys-ico.png)no-repeat top left;background-size: 13px;padding-left: 20px;}
  
  .ys-box .ys-img, .ys-box .ys-nr{ position: relative;float: none !important;width: 100% !important;}
  
  
}







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

.links a img {  height: 40px; margin-right: 3px;vertical-align: middle;}



@media (max-width: 767px){

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

}



/*底部*/

.f-nav  .nav-box{float: left;
    width: 14%;}
.f-nav  .nav-box h3{font-size: 16px; color: #fff;margin-bottom: 10px;}
.f-nav  .nav-box a{display:block;line-height: 32px;font-size: 14px;color: #7e7e7e;}
.f-nav  .nav-box a:hover{color:#ce000c;}

/* .f-nav{background: #9d9d9d;padding: 50px 0;}
.foot-zb{float:left;width:100%;overflow:hidden;padding-left: 71px;}
.foot-zb .nav-box{float: left;width: 14%;}
.foot-zb .nav-box h3{font-size: 16px; color: #fff;margin-bottom: 10px;}
.foot-zb .nav-box a{display:block;line-height: 32px;font-size: 14px;color: #fff;}
.foot-zb .nav-box a:hover{color:#ce000c;} */

.f-nav { background: #0c0c0c;padding: 15px 0;}
.f-nav ul{overflow: hidden;}
.f-nav ul li {float: left;padding: 5px 0;}

.f-nav ul li a { color: #fff; display: block;font-size: 15px;line-height: 1;border-right: 1px solid #ccc;padding: 0 36px;}
.f-nav ul li:last-child a{border: none;}
.f-nav ul li a:hover{color: #e0211c;}

.f_one{background: #242424;padding-top: 20px;}

.f-logo{float: left;border-right: 1px solid #5a5a5a;width: 35%;}
.f-logo img {width: 64px; margin: 0 auto 15px;display: block;}
.f-logo h3 { font-size: 22px; line-height: 1;font-weight: bold; color: #fff;letter-spacing: 1px; text-align: center;}
.f-logo h5 {text-align: center;color: #fff;font-size: 12px; text-transform: uppercase;line-height: 1;margin: 3px 0 20px;}

.searchbox{position: relative;margin-left: 50px;}
.searchbox input{ border: none;outline: none;}
.searchbox input[type="text"] { width: 220px;height: 36px;padding-left: 10px;font-size: 14px;color: #333;}
.searchbox input[type="submit"] { position: absolute; top: 0;left: 220px;background: #b10000; height: 36px; width: 80px;font-size: 15px;letter-spacing: 2px;color: #fff;}


.f-lx{float: left;width: 40%;padding: 26px 0 0 30px;}
.f-lx h3 { font-size: 22px; line-height: 1;color: #fff;font-weight: bold;letter-spacing: 1px;margin-bottom: 10px;}
.f-lx p { font-size: 15px;line-height: 1.5;color: #fff;margin-bottom: 10px;}
.f-lx p .fa { width: 30px; text-align: center; font-size: 16px; line-height: 16px;}
.f-lx p a:hover{color: #e0211c;}

.f-ewm{float: right;width: 24%;padding-top: 20px;}
.f-ewm .ewm-box { float: left; width: 46%; border: 1px solid #ccc; border-radius: 10px;padding: 10px; margin: 0 2%;position:relative;}
.f-ewm .ewm-box img{width: 100%;}
.f-ewm .ewm-box p { font-size: 14px;  line-height: 1; color: #fff; position: absolute;  bottom: -10px;width: 80%; text-align: center;margin: 0 10%; background: #242424; z-index: 3; left: 0;}

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

p.copyright {  font-size: 15px; line-height: 1;color: #fff;  padding: 12px 0; text-align: center; border-top: 1px solid #eee;margin-top: 30px;}

.mo-f { background: #242424; padding: 20px 15px;color: #fff;text-align: center;}
.mo-f h3 { font-size: 20px;line-height: 1;margin-bottom: 5px;}
.mo-f h5 {font-size: 13px;line-height: 1;color: rgb(255 255 255 / 50%);margin-bottom: 10px;}
.mo-f p {font-size: 14px;line-height: 1.5;margin-bottom: 0;text-align: center;}

@media (max-width: 768px){
/*手机底部菜单*/
.footers { display:none}
.footer {background: #303030;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){
  .searchbox {margin-left: 18px;}
  .f-nav ul li a{padding: 0 23px;}
  
  .ly-nr .mess_list .form-control { width: 90%;}
  .f-logo h3 {font-size: 19px;}
}

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

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




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


/* 左侧菜单 */
.page-body .xxxl { margin-top: 15px;background: #e0211c; height: 50px; line-height: 1; border: none;}
.xxxl 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-body .sec-tit { margin-top: 15px;background: #e0211c; height: auto; line-height: 1; border-bottom: 1px solid rgb(255 255 255 / 50%); padding: 25px 0;}
.sec-tit h3 { font-size: 22px; color: #fff; text-align: center;font-weight: bold;letter-spacing: 2px;}
.sec-tit h3 .fa {margin-right: 5px;font-size: 24px;line-height: 22px;vertical-align: bottom;}

.page-l-clist{border: none;background: #e0211c;padding: 0 0 20px;}
.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:1px solid rgb(255 255 255 / 50%);z-index: 1;color: #fff;}
.page-l-clist li.layer1 a { display: block; overflow: hidden;padding: 15px;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: #e0211c;background: #ffffff;}
.page-l-clist li.layer1.on a { height: auto; color: #e0211c;background: #ffffff;font-weight: bold;}

.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 #242424;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: #e0211c;text-decoration: underline;}
.left-news li a:hover h5 .fa{color: #e0211c;}

.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: #e0211c;
    border-color: #e0211c;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #e0211c;
    border-color: #e0211c;
}


.crumbs-item {line-height: 1;border-bottom: 1px solid #eee;overflow: hidden;margin-bottom: 15px;padding-bottom: 5px;}
.crumbs-item h6 {font-size: 15px;line-height: 1;color: #888;}
.crumbs-item h6 .fa {font-size: 18px; line-height: 15px;vertical-align: middle;margin-right: 3px;color: #aaa;}
.crumbs-item h6 a{color: #222;}

.page-title{margin-bottom: 20px;}
.page-title h3 { height: 32px;position: relative;  color: #fff; border-bottom: 1px solid #bbb;}
.page-title a{display: none;pointer-events: none;}
.page-title a:last-child { display: block; position: absolute; top: 0;color: #242424;font-size: 20px; font-weight: bold; border-bottom: 3px solid #242424; line-height: 1;padding-bottom: 10px;z-index: 3;}



/* 图片列表 */
.page-alist {margin-top: 0;}
.page-alist .col-md-3{margin-bottom: 15px;padding: 0 8px;}
.page-alist .col-md-3 a { display: block;border: 1px solid #eee;padding: 5px;background: #fff;}
.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: #242424;}
.page-alist .col-md-3 a .img-inner{width: auto;height: 200px;border: none;padding: 0;overflow: hidden;display: flex;padding: 5px;position: relative;}
.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 .img-bg {  position: absolute;width: 100%;height: 100%; left: 0; top: 0;background: rgb(0 0 0 / 60%);transform: rotateY(90deg);transition: all .6s;padding-top: 35%;}
.page-alist .col-md-3 a .img-inner .img-bg .fa {color: #fff;font-size: 40px;line-height: 1;}
.page-alist .col-md-3 a .img-inner:hover{border: none;}
.page-alist .col-md-3 a:hover .img-inner img{}
.page-alist .col-md-3 a:hover{box-shadow: 1px 1px 3px #ddd;}
.page-alist .col-md-3 a .img-inner:hover .img-bg{transform: rotateY(0deg);}

.page-alist .col-md-4{margin-bottom: 15px;padding: 0 8px;}
.page-alist .col-md-4 a{display:block;}
.page-alist .col-md-4 a h5 { font-size: 16px;line-height: 1;height: auto;padding-top: 8px;color: #555;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float:none;}
.page-alist .col-md-4 a:hover h5{color: #242424;}
.page-alist .col-md-4 a .img-inner {  width: 300px;  height: 220px;  border: 1px solid #ccc;padding: 0; overflow: hidden;}
.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: 1px solid #e0211c;}
.page-alist .col-md-4 a:hover .img-inner img{transform: scale(1.1);}

.page-alist .page-atit a:hover, .page-alist .col-md-4 h5:hover{color: #e0211c;}

@media (max-width: 992px){
.page-alist .col-md-4 {margin-bottom: 15px;padding: 0 8px;width: 33.33%;float: left;}
 .page-alist .col-md-3 {margin-bottom: 15px;padding: 0 8px;width: 33.33%;float: left;} 
  
}

@media (max-width: 767px){
 .page-alist .col-md-3{margin-bottom: 15px;padding: 0 8px;width:50%;float:left}
  .page-alist .col-md-4 {margin-bottom: 15px;padding: 0 8px;width: 50%;float: left;}
}




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

.product_detail{padding: 0;}
.list_p li h2,.list_p li h2 a,.list_p li{font-size: 15px;}

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


/*案例标题*/
.nos-2{background: url(../images/fixed-bg1.jpg)no-repeat fixed top center;height: 450px; position: relative;}


/*案例*/
.hzanl{padding:50px 0 40px 0;}
.hzanl ul{}
.hzanl ul li{width: 23%;float: left;box-shadow: 6px 8px 6px #999;margin: 0 1%;height: 276px;overflow: hidden;}
.hzanl ul li a{display: block;}
.hzanl ul li a img{width: 100%;min-height: 100%;}

.xxj{padding-top: 50px!important;}
.case{padding:0px 0 0px 0;/* background: url(../images/anlbj.png)no-repeat  bottom center; */background-repeat: no-repeat;}
.cp-bt h3{font-size: 30px;color: #085fc1;font-weight: bold;text-transform: uppercase;margin-top: 37px;}
.cp-bt p{font-size: 15px;color: #4c4c4c;margin-bottom: 10px;}
.xian1 {width: 61px;border: 1px solid #878787;margin: 15px auto 9px;}

.case .col-md-4{padding:0;}
.case .carousel-indicators li{background-color: #999;}
.case .carousel-indicators .active{background-color: #0068b7;}
.case .carousel-indicators{bottom: -12px;}
.case .scienceBtn{margin-top:20px;}
.case .carousel{padding-top:20px;}
.case .carousel-control{width:7%;}
.case .carousel-control img{width:45px;height:auto;}
.case .carousel-inner{width: 85%;margin: 0 auto}
.case .carousel-inner .row{margin:0;}
.case .portab .item .ar_1:hover .img-auto {border:1px solid #fff;}
.case .factoryCol{padding:0;}
.case .portab .item .ar_1 .img-auto{height: 298px;padding: 0px;border: 1px solid #fff;width: 315px;box-shadow: 6px 8px 6px #999;}
.case .portab .item .ar_1 img{width: 100%;min-height: 100%;}
.case .portab .item{margin: 0 10px 10px 10px;}
.case .portab .item .ar_2 {height: 50px;line-height: 50px;background: transparent;color: #000;font-size: 18px;}

.an1 a {color:#fff;background-color:#0068b7;width:145px;height:40px;line-height:40px;display: block;text-align:center; font-size: 14px;margin: 26px auto 0px;border-radius: 6px;}
.an1 a:hover {color:#fff;background-color:#005a9e;border-color:#005a9e;display: block;}

@media (max-width: 992px){
  .case .carousel-inner .row {height: 309px;}
.case .col-md-4 {width: 50%;}
.hzanl ul li{width: 48%;float: left;box-shadow: 6px 8px 6px #999;margin: 1% 1%;height: 323px;overflow: hidden;} 
}

@media (max-width: 767px){
  
 .case .carousel-inner .row {height: 309px;}
.case .col-md-4 {width: 100%;} 
.nos-2 { height: 250px;position: relative;}  
  .xxj{display: none;} 
 .hzanl ul li{width: 48%;float: left;box-shadow: 6px 8px 6px #999;margin: 1% 1%;height: 180px;overflow: hidden;} 
  
  
}





/* 新闻列表 */

.page-alist .page-adate {width: 70px;height: 65px;background: #e0211c; 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;margin-top: 3px;}
.page-alist .page-atit p {color: #555;font-size: 14px; line-height: 1.5;}

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

.news-alist{}
.news-alist ul{}
.news-alist ul li { padding-top: 0;margin-bottom: 15px;}
.news-alist ul li a{}
.news-alist ul li a h3 { font-size: 16px; line-height: 1; color: #222;font-weight: bold;}
.news-alist ul li a h3 .fa { font-size: 18px;line-height: 14px; vertical-align: bottom;margin-right: 5px;color: #e0211c;}
.news-alist ul li a h5 {font-size: 12px;line-height: 1; color: #666;margin: 7px 0;}
.news-alist ul li a p {font-size: 14px;line-height: 1;color: #555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}




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

  
  
}

@media (max-width: 992px){

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

  
}


/*公司荣誉－第1种开始*/
.nos-1{background: url(../images/fixed-bg.jpg)no-repeat fixed top center;height: 450px; position: relative;}
.nr-box{background: rgba(0,0,0,.5);width: 533px;height: 200px;color: #fff;position: absolute;left: 50%;margin-left: -225px;top: 50%;margin-top: 130px;}
.nr-box h1{font-size: 36px;color: #ffe400;font-weight: bold;padding-top: 30px;}
.nr-box img{margin-top: 2%;}
.nr-box p {font-size: 19px;color: #fff;margin-top: 2%;}
.zs_bg{background:url(../images/bg-8.jpg) bottom center no-repeat;}

/**/
.case_mian{width:100%;padding:15px 0px 0px;background: url(../images/al_bg.jpg) no-repeat bottom center;}
.case_mian .col-md-12 .tielse { overflow: hidden;padding:40px 0px 25px;}
.walking .ar_1{width:300px!important;}
.walking { height: 270px !important;margin-top:30px;}
.str_wrap{ background: none;}
.walking .ar_1{height:270px;background: none;}
.walking .ar_1 .item {background:#fff;}
.walking .ar_1 .item img{height:220px;}
.walking .ar_1 p{background: none;color: #fff;font-size: 18px;}
.lb_nr{margin-top: -15px;margin-bottom: 10px;}
.str_wrap.str_active{background: none;}


@media (max-width: 767px){
  .nr-box {width: 98%;height:auto; margin-left:4px;left:0;margin-top: 65px;} 
  .nos-1 {height: 296px;}
 .nr-box p {padding-bottom: 16px;font-size: 15px;} 
  
  
  
}
 

/*公司荣誉－第1种结束*/

/**/
.product_detail .img{height:auto;}

/*通栏*/
.tolan{background: url(../images/tol.jpg)no-repeat center center;padding: 5% 0;}
.tolan h2{font-size: 30px;font-weight: bold;color: #fff;text-align: center;}
.tolan p{font-size: 20px;color: #fff;text-align: center;line-height: 2;}
.tolan span{font-weight: bold;font-size: 22px;}

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

  
  
}

@media (max-width: 992px){

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

  
}