html{
    -webkit-font-smoothing: antialiased;
    font-family: 黑体, SimHei;
    font-size: 24px;
    color: #1c1c1c;
    background-color: #ffffff;
}
body{
    font-family: 黑体, SimHei;
}
a:hover{ color: #444444; }
.fr{float: right;}
.fl{float: left;}
.text_left{text-align: left}
.text_right{text-align: right}
.text_center{text-align: center;}
.clear{clear:both;}
.border_bottom{ border-bottom: 1px solid #cccccc; }
.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.color1{color:#7f1718}
.color2{color: #800000}
.bottombg{background-color:#1e50ae}
.bottombglan{background-color:#56c3ff; color: #ffffff}
.bottombgno{background:no-repeat;}
.hight15{height: 50px; }
.line_height{ line-height: 50px; }
.padding30{ padding: 30px 30px; }
.cursor{cursor:pointer}
.widthyibai{ width: 80% }
.width90{ width: 95% }
.disable {pointer-events: none;}
.body_f1f1f1{ background-color: #f1f1f1; }
.head-height90{ height: 90px; }
.head-height360{ height: 360px; }
.page{ width: 100%; text-align: center; margin-top: 50px; }
.page .pagination .active{ background-color: #1e50ae; border:1px solid #1e50ae; }
.swiper-container-new{ overflow: hidden; }
.page{ text-align: center; padding: 20px; }
.page .pagination {display: inline-block;padding: 0;margin: 0;}
.pagination a{text-decoration: none;margin-right: 0px!important; }
.page .pagination li {display: inline;}
.disabled ,.pagination  .active, .pagination li a {color: black; float: left;padding: 4px 12px;text-decoration: none;transition: background-color .3s;border: 1px solid #ddd; margin: 0 8px;}
.pagination .active{background-color: #333;color: white;border: 1px solid #333;}  
.disabled{background-color: #fafafa;}
.page .pagination  a.active {background-color: #1e50ae;color: white;border: 1px solid #333;}
.page .pagination li a:hover:not(.active) {background-color: #1e50ae;}
.fluid-about{ padding:0 0 80px 0;background-color: #f7f7f7;  }
.height80{ height:75px; }

.head-top{ background-color: #ffffff; padding: 10px 0; line-height: 50px; position: fixed; z-index: 1000; width: 100%;}
.head-top .head-left{ padding-left: 10px;}
.head-top .head-left a{ /*margin-right: 15px; margin-left: 15px;*/ }
.head-top .head-logo{ text-align: left; }
.head-top .head-right{ text-align: right; padding-right: 25px }
.head-top .head-right a{ margin-right: 15px; margin-left: 15px; }
.head-top .head-left .nave{ display: none; width: 100px; line-height: 2.2em; border-radius: 3px; text-align: left; position: absolute; height: auto; padding: 15px 0px 15px 36px; background-color: #ffffff; }
.head-top .head-left .head-left-ul{ width: 100%;float: left; }
.head-top .head-left .head-left-ul .head-left-ul-li{float: left; width: 13%; text-align: center; font-size:16px; }

.head-top .head-left .head-left-ul li:hover .nave{ display: block; }
.head-top .head-left .head-left-ul li a:hover{ color:#1e50ae; }
.head-top .head-left .head-left-ul li .active{ color:#1e50ae; }
.head-top:hover{ background-color: #ffffff; }
.layui-tab-brief .layui-tab-title{ border-bottom: none;  }
.layui-tab-brief .layui-tab-title li{ padding: 0; margin-right: 35px;}
.layui-tab-brief .layui-tab-title li .layui-this{ padding: 0; }
.layui-tab-brief .layui-tab-title .layui-this{ color: #333333; font-weight: bold; padding: 0;  }
.layui-tab-brief .layui-tab-title .layui-this:after{ border-bottom: 2px #333333 solid; padding: 0; }
.head-top .head-left .nave{ font-size:12px; }

.head-left-lift{ margin-top: 15px; padding-right: 15px; }
.head-left-lift img{ width: 100%;  }
.head-left-lift .p1{ font-size: 16px; margin-top: 0px; text-align: center; height: 40px; overflow: hidden;}
.head-left-lift .p1 a{ font-size: 16px;}
.head-left-lift .p2{ text-align: center; margin: 0; padding: 0;}
.head-left-lift .p2 a{ font-size: 12px; padding: 4px 12px; border-radius: 3px; border: 1px solid #333; }
.layui-tab-content{ padding: 0; padding-right: 50px; }
.layui-tab-content .layui-tab-item{ padding: 0; }

#huandeng{ padding: 0; border: none;margin: 0 auto;}
#about{ padding: 0; border: none;margin: 0 auto;}
/*#huandeng .p1{ line-height: 2em; font-size: 28px; padding: 10px; margin-top: 170px; width: 100%; position: absolute; text-align: center; }
#huandeng .p2{ line-height: 2em; font-size: 14px; padding: 10px; margin-top: 240px; width: 100%; position: absolute; text-align: center; }
#huandeng .p2 a{ border-bottom: 0px solid #333333; }
*/


.index-tuijian1{ padding: 50px 30px; background-color: #f7f7f7; margin-top:0px; margin-bottom:0; }
.goods-botn{ background-color:#f1f1f1; color: #333333; font-size:18px; width:162px; height:54px; margin:0 30px 30px 0; border-radius:4px  }
.demo-tab-header .layui-btn:hover{background-color: #1e50ae; color: #ffffff;}
.demo-tab-header .layui-btn.layui-this{background-color: #1e50ae; color: #ffffff;}
.demo-tab-body>div{display: none;}

.index-tab-cont{padding: 0 0px; text-align: center; overflow: hidden; width: 39%; border-radius: 3px;}
.index-tab-cont img{ width: 100%; border-radius: 3px;}
.index-tab-right{text-align: center; overflow: hidden;  width: 61%;}
.index-tab-right-list{text-align: center; overflow: hidden; padding: 0 0px 0 15px; height:252px; margin-bottom:15px;  border-radius: 3px; }
.index-tab-right img{ width: 100%;}

.goods-more{ text-align:center; margin-top: 30px}
.goods-more-bot{ background-color: #c9151d; width: 147px; height: 44px}

.index-application{ padding-top:50px; }
#tabFangan { margin-bottom: 50px}
#tabFangan .layui-col-md2  { overflow:hidden;}
#tabFangan .layui-col-md2 img{ width: 100%; border-radius: 5px; cursor:pointer}
.index-tab-fang .images{ margin-bottom:20px; }
.index-tab-fang { margin-bottom:20px; }
.index-tab-fang img{ width: 100%; border-radius: 5px; cursor:pointer}
.index-tab-fang .title{ font-size:18px; line-height:2.2em }
.index-tab-fang .time{ font-size:16px; color:#1e50ae; }

.hezuo img{ width: 100%; border-radius: 5px; cursor:pointer}

.footer-text{ text-align:center; }

.index-tab-news { margin-bottom:20px; }
.index-tab-news .title{ font-size:15px; line-height:1.8em; height:30px; overflow:hidden; }
.index-tab-news .time{ font-size:14px; color:#999999; line-height:2.2em }
.index-tab-news .text{ font-size:13px; color:#666666; line-height:1.6em; height:40px; overflow:hidden; }

.index-about{ margin-top:80px; padding:0; overflow:hidden;}
.index-top{ margin-top:0px; padding:0; overflow:hidden; }
.index-warp{ margin-top:0px; padding:0; overflow:hidden; }
.swiper {width: 100%;height: 100%;}
.swiper_about {width: 100%;height: 100%;}
.swiper_warp {width: 100%;height: 100%;}
.swiper img{
    width:100%;
    height: auto; /* 高度自动缩放以保持图片比例 */
    object-fit: cover;
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard) */
    image-rendering: crisp-edges; /* 新版标准属性 */
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard) */
}
.swiper_about img{
    width:100%;
    height: auto; /* 高度自动缩放以保持图片比例 */
    object-fit: cover;
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard) */
    image-rendering: crisp-edges; /* 新版标准属性 */
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard) */
}
.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function:linear;
}
.swiper-wrapper{ transition-timing-function:linear; }






.index-tuijian{ padding: 100px 30px; }
.index-tuijian-left{ padding: 0 30px; text-align: center; }
.index-tuijian-left .p1{ font-size: 26px; margin-top: 10px;}
.index-tuijian-left .p2{ margin-top: 25px; }
.index-tuijian-left .p2 a{ font-size: 14px; padding: 4px 12px; border-radius: 3px; border: 1px solid #333; }
.index-tuijian-right{ padding: 0 30px; text-align: center; }
.index-tuijian-right img{ width: 100%; border-radius: 3px;}

.index-tuijian1{ padding: 20px 30px; }
.index-tuijian-cont{padding: 0 15px; text-align: center;}
.index-tuijian-cont img{ width: 100%; border-radius: 3px;}
.index-tuijian-cont .p1{ font-size: 18px; margin-top: 20px; height: 30px; line-height: 30px; overflow: hidden; margin-bottom: 36px;}
.index-tuijian-cont .p2{ margin-top: 16px; margin-bottom: 36px; }
.index-tuijian-cont .p2 a{ font-size: 14px; padding: 4px 12px; border-radius: 3px; border: 1px solid #333; }

.index-tuijian-h3{ font-size: 24px; text-align: center; margin: 10px 0 20px 0; line-height: 1em; }
.index-tuijian-h3 p{ font-size: 14px; line-height: 2em; margin-top: 20px; padding: 0 100px; color:#999999; }
.index-tuijian-h3 .line{ border-bottom: 1px solid #1e50ae; height:5px; width:50px;padding-top: 11px; margin:auto auto; }

.footer-mun{ background-color: #ffffff; padding: 15px; line-height: 2.0em; }
.footer-mun p{ color: #999999; }
.footer-mun p a{ color: #999999; }
.footer-left{ width: 13%; }
.footer-left1{ width: 19%; }
.footer-left2{ width: 27%; padding-left: 3%; }
.footer-left2 .p1{ line-height: 1.2em; margin-top: 10px; }
.footer-bott{ color: #999999; text-align: center; margin: 20px 0 0px 0; }
.product-san{ padding-left: 20px; }
.product-san a{ font-size: 12px; }
.index-daohang{ padding: 15px 0px; line-height: 2.6em; margin-top: 0px; }
.index-daohang a{ margin: 0 15px; }
.product-show-img{ padding-right: 0px; margin: 0px 0; }
.product-show-right{ margin: 0px 0; padding-left: 0px; line-height: 2.6em; }

.product-show-right {padding-top: 50px;}
.product-show-right .title{ font-size: 24px; line-height: 2em;}
.product-show-right .price{ font-size: 18px; line-height: 3em; font-weight: bold;}

.product-show-h3{ font-size: 18px; margin: 15px 0; padding: 15px 10px 10px 0px; border-bottom:1px solid #cccccc; width:100%; }
.list-left-cont{ padding: 0px 15px; line-height: 3em; }
.list-left-cont h3{ font-size: 24px; margin-bottom: 15px; }
.list-left-cont p a{ font-size: 14px; }
.list-right-cont-h3{ font-size: 26px; text-align: left; margin: 25px 0; padding-left: 30px; }

.list-right-cont-h3 p{ font-size: 14px; line-height: 2em; margin-top: 20px; }
.index-news-cont{ padding: 15px 0px; line-height: 2em;  border-bottom: 1px solid #dedede; }
.index-news-cont .p1{ font-size: 18px; }
.index-news-cont .p3{ font-size: 14px; color: #999999; }
.index-news-cont .p2{text-align: right; }
.index-news-img img{ width: 100%; border-radius: 3px;}
.index-news-text{ padding: 0 15px; }

#phone-head-home{ display: none; }
.phone-head-top{ display: none; } 
.phone-footer-mun{ display: none; }
.show-content{ overflow: hidden; }
.show-content img{ width: 100%;}
.show-content p{font-size: 16px; line-height: 2em; color: #666666;}
.show-content p a{color: #136ABB}

.product-show-content{ overflow: hidden; }
.product-show-content img{ width: 100%;}
.product-show-content p{font-size: 16px; line-height: 2em; color: #666666;}
.product-show-content p a{color: #136ABB}

.application-fanhui{ text-align:right;  width: 100%}
.application-fanhui .color{ background-color:#31bdec;}
.goostitle{ position: absolute; width:100%; color: #ffffff; background-color: rgba(55, 55, 55, 0.5);  font-size: 16px; height:36px; bottom: 0px; line-height:36px; overflow:hidden;   }

.about-bg{display: block;}
.about-phone-bg{display: none;}
/* 首页操作 */
@media (max-width: 767px) {  
    /*在小于768像素的屏幕里,这里的样式才生效*/ 
    .head-top{ display: none; } 
    .about-bg{display: none;}
    .about-phone-bg{display: block;}
    .page{ width: 100%; text-align: center; margin-top: 10px; }
    .fluid-about{ padding:0 0 20px 0;background-color: #f7f7f7;  }
    .phone-head-top{ display: block; padding: 15px 0 0px 0;position: fixed; width: 100%; z-index: 1000; background-color: #ffffff;}
    .phone-head-left{ font-size: 30px; }
    .phone-head-left i{ font-size: 32px; }
    .phone-head-logo{ text-align: center; }
    .phone-head-logo img{ height: 42px; }
    .phone-head-right{text-align: right; line-height: 40px;}
    .phone-head-right a{ padding-bottom: 26px; }
    .index-tuijian{ padding: 10px 0px; }
    .index-tuijian-left img{ width: 100%; }
    .layui-collapse-title h2{ font-size: 14px; line-height: 40px;  }
    #phone-head-home .layui-colla-item{ background-color:#fcf9ee; }
    #phone-head-home .layui-colla-title{ background-color:#fcf9ee; }
    #phone-head-home .layui-colla-content a{ margin-left: 20px; }
    #phone-head-home .layui-colla-content p{ height: 30px; overflow: hidden; }
    #phone-head-home{ position: fixed; top: 57px; width: 50%; z-index: 1000; height: 100%; background-color:#fcf9ee;}
    #huandeng .p1{ line-height: 2em; font-size: 16px; padding: 10px; margin-top: 70px; width: 100%; position: absolute; text-align: center; }
    #huandeng .p2{ line-height: 2em; font-size: 13px; padding: 10px; margin-top: 96px; width: 100%; position: absolute; text-align: center; }
    .index-tuijian{ padding: 0px 0px; }
    .index-tuijian-left{ padding: 0 0px; text-align: center; margin-bottom: 30px;}
    .index-tuijian-left .p1{ font-size: 18px; margin-top: 10px;}
    .index-tuijian-left .p2{ margin-top: 25px; }
    .index-tuijian-left .p2 a{ font-size: 14px; padding: 4px 12px; border-radius: 3px; border: 1px solid #333; }
    .index-tuijian-right{ padding: 0 0px; text-align: center; }
    .index-tuijian-right img{ width: 100%; border-radius: 3px;}

    .index-tuijian1{ padding: 50px 0px; }
    .index-tuijian-cont{padding: 0 0px; text-align: center;}
    .index-tuijian-cont img{ width: 100%; border-radius: 3px;}
    .index-tuijian-cont .p1{ font-size: 18px; margin-top: 10px; margin-bottom: 6px;}
    .index-tuijian-cont .p2{ margin-top: 25px; }
    .index-tuijian-cont .p2 a{ font-size: 14px; padding: 4px 12px; border-radius: 3px; border: 1px solid #333; }
 
    .index-tuijian-h3{ font-size: 18px; text-align: center; margin: 5px 0; }
    .index-tuijian-h3 p{ font-size: 14px; line-height: 2em; margin-top: 20px; padding: 0 0px; }
    .footer-mun{display: none; }
    .phone-footer-mun{display: block; background-color: #ffffff; padding: 0px; line-height: 2.6em; margin-top: 10px; }
    .footer-left2{ width: 100%; background-color: #ffffff; padding: 5px 15px; text-align: center; }
    .footer-bott{ line-height: 1.2em; margin-bottom: 10px; }
    .index-daohang{ padding: 15px 0px; line-height: 2.6em; margin-top: 0px; }

    .index-daohang a{ margin: 0 7px; }
    .product-show-img{ padding-right: 0px; margin: 0px 0; }
    .product-show-right{ margin: 0px 0; line-height: 2em; }

    .product-show-right {padding-top: 20px;}
    .product-show-right .title{ font-size: 24px; line-height: 2em;}
    .product-show-right .price{ font-size: 18px; line-height: 2em; font-weight: bold;}

    .product-show-h3{ font-size: 18px; margin: 15px 0;  }
    .list-left-cont{ display: none; }
    .list-right-cont{ padding: 7px; }
    .index-tuijian-cont{ padding: 7px; }
    .list-right-cont img{ width: 100%; }
    .list-right-cont-h3{ font-size: 18px; text-align: center; margin: 5px 0; padding-left: 30px; }
    .list-right-cont-h3 p{ font-size: 14px; line-height: 2em; margin-top: 20px; }
    .index-news-cont{ padding: 15px 0px; line-height: 2em; }
    .index-news-cont .p1{ font-size: 18px; }
    .index-news-cont .p3{ font-size: 14px; color: #999999; }
    .index-news-cont .p2{ border-bottom: 0px solid #dedede; text-align: right; }
    .index-news-text{ padding: 15px 0px; }

    .layui-colla-title-home{ font-size:14px; line-height:30px; padding-left:33px; }

    .goods-botn{ background-color:#f1f1f1; color: #333333; font-size:16px; width:120px; height:44px; margin:20px 30px 30px 0; border-radius:4px  }
    .index-tab-cont{padding: 0 0px; text-align: center; overflow: hidden; width: 100%; border-radius: 3px;}

    .index-tab-right{text-align: center; overflow: hidden;  width: 100%; margin-top: 15px;}
    .index-tab-right-list{ text-align: center; width: 46%; margin-left: 2%; margin-right: 2%; overflow: hidden; padding: 0 0px 0 0px; height:170px; margin-bottom:15px;  border-radius: 3px; }
    .goostitle{ position: absolute; width:100%; color: #ffffff; background-color: rgba(55, 55, 55, 0.5);  font-size: 16px; height:36px; bottom: 0px; line-height:36px; overflow:hidden;   }
    
    .layui-fangan{ margin-bottom:10px; }
    #tabFangan { margin-bottom: 10px}
    .index-tab-fang .images{ margin-bottom:0px; }
    .index-tab-fang { margin-bottom:0px; }
    .index-tab-fang img{ width: 100%; border-radius: 5px; cursor:pointer}
    .index-tab-fang .title{ font-size:16px; line-height:2em }
    .index-tab-fang .time{ font-size:14px; color:#1e50ae; }
    .index-application-remen{ padding:0 }
    .index-tab-news { margin-bottom:0px; padding:5px 0 }
    .footer-left2{ font-size:12px; line-height:1.6em; }





}  
@media (min-width: 768px) and (max-width: 991px) {  
    
    .index-tab-right-list{text-align: center; overflow: hidden; padding: 0 0px 0 15px; height:132px; margin-bottom:15px;  border-radius: 3px; }
     
    #tabFangan { margin-bottom: 50px}
    #tabFangan .layui-col-md2  { overflow:hidden;}
    #tabFangan .layui-col-md2 img{ width: 100%; border-radius: 5px; cursor:pointer}
     .head-logo{ margin-top: 10px; margin-left: 0px;  }
   .head-top .head-left .nave{ display: none; width: 80px; line-height: 2.2em; border-radius: 3px; text-align: left; position: absolute; height: auto; padding: 15px 0px 15px 15px; background-color: #ffffff; }


   .head-top a{  font-size: 14px;}

}  
@media (min-width: 992px) and (max-width: 1199px) {
   .head-logo{ margin-top: 10px; margin-left: 0px;  }
   .head-top .head-left .nave{ display: none; width: 80px; line-height: 2.2em; border-radius: 3px; text-align: left; position: absolute; height: auto; padding: 15px 0px 15px 15px; background-color: #ffffff; }


   .head-top a{  font-size: 14px;}
}
@media (min-width: 1200px) and (max-width: 1399px) {
   .head-width{ width: 1200px; }
   
	.sousuo-container{ width: 900px; }
}
@media (min-width: 1400px) and (max-width: 1699px) {
   .head-width{ width: 1400px; }
   .sousuo-container{ width: 900px; }
}
@media (min-width: 1700px) {
   .head-width{ width: 1600px; }
   .sousuo-container{ width: 900px; }

}