@charset "utf-8";
html{ font-size: 100px; }
body{font-family:"Microsoft YaHei";  color:#333; font-size:14px; background: #F2F2F2;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333; outline:none}
a:hover{color:#e40011}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.entry-content {
    overflow: hidden;
    font-size: 16px; line-height: 1.8;
}
.entry-content p {
    margin-bottom: 20px;
    line-height: 1.75;
}
.entry-content div {
    margin-bottom: 20px;
    max-width: 100%;
    font-size: 16px;
}
.entry-content p {
    margin-bottom: 20px;
    line-height: 1.75;
}
.alignright {
    display: inline;
    float: right; /*width: 150px;*/ text-align: center;
    /*margin-left: 1.625em;*/
}
.product-main h3 {
    font-weight: 800;
    font-size: 18px;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    display: inline;
    float: left;
   /* margin-right: 1.625em;*/
}
p.wp-caption-text, dd.wp-caption-text {
    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    font-size: 16px;
}
.aligncenter img{ display: block; margin:auto; }

.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}

.box{ padding:50px 0; background: #fff; }

.w1200{ width: 1200px; margin: auto; }
.content{ margin:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }

.top{ margin: auto; }
.top1{ background: url(../images/tpbar_bg.png) #fff no-repeat center; background: #fff; background-size: cover;/* padding:25px 0; */}
.logo{ float: left; }
.logo img{ height: 90px; }
.tel{  display: flex; align-items: center;  color: #F4AB10; padding-top: 20px; }
.tel i{ display: block; font-size: 50px; }
.tel span{ color: #666; }
.tel p{ display: block; font-size: 20px; font-weight: bold;}

.nav_box{ background: #008CFF; height: 50px; }
.nav{ font-size: 16px; float: left; width: calc(100% - 250px);}
.nav li{ float: left; width: 12.5%; text-align: center; position: relative; z-index: 999;}
.nav li a.yi{ display: block; color: #fff; line-height: 50px; }
.nav li a.yi:hover,.nav li.on a.yi{background: #F4AB10; }


.nav li .sub-box1{ position:absolute;text-transform:none; top:50px; left: -45%;  width:200%; overflow: hidden; height: 0px; display: block; z-index: 999; transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; }
.nav li .sub-box a:hover{ background: #008CFF; color: #fff; }

.sou{ float: right; width: 200px;  background: #037EE8; height: 30px; line-height: 30px; color: #fff;  padding:0 10px; margin-top: 10px;}
.sou input{ float: left; width: calc(100% - 85px); background: none; border: none; color: #fff; height: 30px; line-height: 30px; }
.sou a{ display: block; float: right; width: 20px; font-size: 20px;color: #fff; }
input::-webkit-input-placeholder{color: #fff; }/*使用webkit内核的浏览器 */
input:-moz-placeholder{color: #fff; } /*?Firefox版本4-18 */
input::-moz-placeholder{color: #fff; }/*Firefox版本19+ */
input:-ms-input-placeholder{color: #fff; }

.index_fenlei{ /*background: #f9f9f9;*/  }
.index_fenlei li{ float: left; margin-left: 2%; width: 32%; font-size: 16px; }
.index_fenlei li:first-child{ margin-left: 0; }
.index_fenlei li .pic span{ padding-top: 66%; }
.index_fenlei li .text{ background: #f9f9f9; padding:0 10px; line-height: 45px; }
.index_fenlei li .text p{ float: left; }
.index_fenlei li .text i{ display: block; float: right;  font-size: 18px; }
.index_fenlei li :hover .text{ background: #F4AB10; color: #fff; }

.index_fenlei li .pic .con{ position: absolute; bottom: -200%; left: 0; width: 100%; display: flex; align-items: center; transition: all 0.5s;   background: rgba(0,0,0,0.5); height: 100%;}
.index_fenlei li .pic .con .con_nr{ text-align: center; width: 80%; margin:auto; }
.index_fenlei li:hover .pic .con{bottom: 0;}
.index_fenlei li .pic .con .con_nr b{ display: block; color: #00FF00; font-size: 22px; }
.index_fenlei li .pic .con .con_nr p{ color: #fff; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-top:10px; line-height: 1.5; }
.index_fenlei li:nth-child(2) .pic .con .con_nr b{ color: #00FFFF;}
.index_fenlei li:nth-child(3) .pic .con .con_nr b{ color: #FFFF00;}

.index_dh{ margin: auto; text-align: center;  position: relative;  color: #666;  text-transform:uppercase;}
.index_dh b{ display: block; font-family: Arial; color: #D0E3EC; font-size: 26px; }
.index_dh h2{ font-size: 22px; color: #434343; display: block; margin: auto; font-weight: bold; }

.pic_box{ background: #f9f9f9;}
.product_dh{ margin:30px auto; }
.product_dh li{  float: left; width: 25%; margin-bottom: 10px;}
.product_dh li a{ display: block; text-align: center;  width: 95%; margin:auto; /*border: #ddd 1px solid; */height: 40px; line-height: 40px; border-radius: 40px; background: #fff; }
.product_dh li a:hover{background: #F4AB10; color: #fff; /*border: #F4AB10 1px solid;*/ }
.pic_list{ margin:30px auto 0 auto; }
.pic_list li{ float: left; width: 23%; margin-right: 2%;  margin-bottom: 2%;}
.pic_list li:nth-child(4n) { margin-right:0; }

.pic_list li .img{background: #fff; padding:20px; }
.pic_list li .pic span{ padding-top: 100%; }
.pic_list li .pic img{object-fit: contain;}
.pic_list li h3{ margin:10px auto; font-size: 15px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: center;}

.ad  li{ position: relative; font-weight: bold;}
.ad  li a{ display: block; background-repeat: no-repeat; background-position: center; background-size: cover;  padding:20px 0; }
/*.ad .pic span{ padding-top: 10.6%; }*/



.ad .text{ text-align: center;}
.ad .text h3{ font-size: 42px; color: #FFFF00; font-weight: bold;  }
.ad .text p{ font-size: 26px; margin:0px auto 20px auto; color: #fff; }
.ad .text em{ font-size: 19px; color: #FF9900; }

.case_box{background-repeat: no-repeat; background-position: center; background-size:cover; padding-bottom: 10px; }
.case_list{ margin:30px auto; position: relative; }
.case_list li{ float: left; width: 32.6%; margin-right:1%; position: relative; overflow: hidden; margin-bottom: 1%; }
.case_list li:nth-child(3){ margin-right: 0; }
.case_list li .pic span{ padding-top: 60%; }
.case_list li .text{ position: absolute; left: 0; bottom: -200%; width: 100%; height: 100%;  text-align: center; background: rgba(0,0,0,0.5);display: flex; align-items: center;  transition: all 0.5s; }
.case_list li .text h3{ padding:0 15px; text-align: center; color: #fff; margin:auto; font-size: 22px; }

.case_list li:hover .text{ bottom: 0; }
.case_list li:nth-child(4){ width: 66.2%; }
.case_list li:nth-child(4) .pic span{ padding-top: 45.5%; }
.case_list li:nth-child(5){ width: 32.6%; margin-right: 0; }
.case_list li:nth-child(5) .pic span{ padding-top: 77.44%; }
.case_list li:nth-child(6) {  width: 32.9%; position: absolute; right: 0; bottom: 0; margin-right:0; height: 50px;  }
.case_list li:nth-child(6) a{  color: #fff; font-size: 16px; }
.case_list li:nth-child(6)  .pic span{background: #6F9ECC;}
.case_list li:nth-child(6)  .text{ bottom: 0; display: block;  line-height: 50px; background: none  }
.case_list li p{ float: left; margin-left: 10px; }
.case_list li i{ display: block; float: right; margin-right:10px; }
.case_list li:nth-child(6) a:hover .pic span{background: #F4AB10;}





.news_list{ margin:30px auto; }
.news_list li{ float: left; width: 23%; margin-right: 2%; }
.news_list li:nth-child(4){ margin-right: 0; }
.news_list li .pic span{ padding-top:66%; }
.news_list li .text{ margin-top: 10px; }
.news_list li  h3{ font-size: 15px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.news_list li em{ display: block; margin:5px auto; color: #999; font-size: 12px; }
.news_list li p{color: #999; font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.more{  margin:auto; text-align: center;}
.more a{ display: block; width: 120px; height: 40px; line-height: 40px; border: #FF9900 1px solid; border-radius: 40px; margin:auto;}
.more a:hover{ background: #FF9900; color: #fff; }

.foot{ background: #111518; margin: auto; padding:20px 0px; color: #fff; line-height: 180%; }
.foot a{ color: #fff; }
.foot_nr{ padding:20px 0;}
.foot_nr dl{ float: left; width: 35%; margin-right:5%; }
.foot_nr dl dt{ font-size: 18px; color: #fff; font-size: 18px; margin-bottom:15px; }
.foot_nr dl dd{ margin:5px auto; color: #fff; }
.foot_nr dl dt i{ width: 50px; height: 2px; background: #F4AB10; display: block; margin-top: 5px; }
.foot_nr dl:nth-child(2){ width: 30%; }
.foot_nr dl:nth-child(3){ width:8%; }
.foot_nr dl:nth-child(4){ width:120px;  margin-right: 0; float: right;}
.foot_nr dl .dd_box{ margin:auto; }
.foot_nr dl .dd{ float: left;  }
.foot_nr dl img{  overflow: hidden; width: 120px; float: right;  }
.foot a:hover{ color: #ccc; }
.bq{ border-top: #888A8B 1px solid; padding-top: 10px; text-align: center; }
.bq a{ margin-left: 10px; }

.nbanner{ margin: auto;  }
.nbanner .pic span{ padding-top: 20%; }

.left{ float: left; width: 22%;  margin-right:3%; background: #fff; }
.right{ overflow: hidden;background: #fff; padding:20px; }
.n_name{ background: #285CA8; padding:20px 0; text-align: center; color: #fff; font-size: 21px; font-weight: bold; }
.n_name em{ display: block; font-family: Arial; font-size: 12px; text-transform:uppercase; margin-top:5px;  }


.right_dh{ border-bottom: #ddd 1px solid; padding-bottom: 10px; font-size: 16px; }
.n_dh{ margin: auto;  text-align: center;  }
.n_dh a{ display: block; padding:12px 10px; border-bottom: #eee 1px solid; }
.n_dh a:hover{color: #fff; background: #FF9900; }
.n_dh a.on{color: #fff; background: #FF9900; }

.pic_list1{}
.pic_list1 li{ float: left; width: 32%; margin-right: 2%; margin-bottom:2%; }
.pic_list1 li:nth-child(3n){ margin-right: 0; }
.pic_list1 li .pic { border:#eee 1px solid; }
.pic_list1 li .pic span{ padding-top:100%; }
.pic_list1 li .pic img{object-fit: contain;}
.pic_list1 li .text{ margin:10px auto; text-align: center; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}





.hz_box{ background: #F9F9F9; }
.link{ margin:50px auto 20px auto;height: 100px; overflow: hidden; }
.link li{ float: left; margin-right: 20px; width: 200px; background: #fff; }
.link li .pic {  }
.link li .pic span{ padding-top: 50%; }
.link li .pic img{object-fit: contain;}

#zuo {overflow:hidden;   }
#inzuo { float: left; width: 800%;   }
#zuo1 { float: left;}
#zuo2 { float: left;}
.piao{ position: fixed; right: 0;top: 50%; transform: translateY(-50%); z-index: 9999999; width: 50px; }
.piao li{ margin:auto; background:#333; text-align: center; height: 50px; line-height: 50px; position: relative;  margin-bottom: 3px;}
.piao li i{ display: block; color: #fff; font-size: 22px;  }
.piao li p{ background:#333; position: absolute; right: 55px; line-height: 50px; text-align: center; display: none; min-width: 130px; top: 0; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); color: #fff; }
.piao li:hover p{ display: block; }
.piao1{ position: fixed; bottom: 0; width: 100%; display: none;}
.piao1 li{ float: left; width: 50%; background:#ED740B; text-align: center; }
.piao1 li a{ display: block;color: #fff;  margin:auto; line-height: 50px; font-size: 16px; }
.piao1 li a i{ font-size: 20px; padding-right: 5px; }


.xg_tit{ border-bottom: #ddd 1px solid; line-height: 50px; font-size: 16px; font-weight: bold; }
.pic_list2{ margin:20px auto; display: grid; grid-template-columns: repeat(4, 1fr);  gap:15px;}
.pic_list2 li{  text-align: center; }
/*.pic_list2 li .pic{ border: #ddd 1px solid; }*/
.pic_list2 li .pic span{ padding-top:100%; }
/*.pic_list2 li .pic span img{object-fit: contain;}*/
.pic_list2 li .text{ margin:10px auto; }
.pic_list2 li .text h4{}


.san_dh{ margin:20px auto; text-align: center; }
.san_dh a{ display: inline-block; padding:0px 20px; margin:auto; height: 40px; line-height: 40px; background: #f7f7f7; margin:5px; border-radius: 40px;}
.san_dh a:hover,.san_dh a.on{ background: #008CFF; color:#fff; }