@charset "utf-8";
html{ font-size: 100px; }
body{font-family:Arial, Helvetica, sans-serif;font-family:"Microsoft YaHei","Source Han Sans CN", sans-serif;  color:#333; overflow-x: hidden; font-size:14px;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333; transition: all 0.5s; }
a:hover{color:#F6AB4A}
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;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover, a:hover .bak {-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;}



.w1200{ width: 1200px; margin: auto; }
.content{ margin:30px auto; }
.middle{ margin: 30px auto;  }

.top1{ padding:20px 0; line-height: 60px;}
.top{ margin: auto; background: #362526;  color: #fff;}
.logo{ float: left;    }
.logo a{ display: flex; align-items: center; color: #fff;  font-weight: bold;}
.logo img{ height:60px; display: block; margin-right: 10px; }
.logo p{font-size: 24px; }


.tel{ float: right;   color: #ccc; display: flex; align-items: center; }
.tel i{ font-size: 30px; color: #F0A947; margin-right:5px; }
.tel em{ display: block; font-size: 20px; color: #fff;}

.nav{ font-size: 16px; margin:auto; background:#482F30; height: 60px; display: grid;  grid-template-columns: repeat(5, minmax(0px, 1fr)); gap:0px; }
.nav li{  }
.nav li a{ display: block;  line-height: 60px; text-align: center; color: #fff;}
.nav li a:hover,.nav li.on a{  background:#F6AB4A;}


.nav li .sub-box1{ position:absolute;text-transform:none; top:72px; 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: #4078c2; color: #fff; }


.box1{ padding:1rem 0; background-repeat: no-repeat; background-position: center; background-size: cover;}
.box{margin:0.8rem auto;}
.about_box{  display: flex; align-items: center;  }
.about_l{ width: 60%; margin-right: 5%; }
.about_pic{width: 35%;}

.about_l h2{ font-size: 32px; }
.about_l .con{ margin:40px auto; line-height: 2; }

.about_l a{ background:#F6AB4A;   color: #fff; border-radius: 50px; display: block; text-align: center; width: 150px; height: 50px; line-height: 50px;}
.about_l a:hover{ background: #FA8312; }

.index_dh{ margin: auto; text-align: center;  }
.index_dh h2{font-size: 32px;}
.index_dh img{ width: 250px; display: block; margin:20px auto; }

.ad_list{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:20px;}
.ad_list li{}
.ad_list li a{ display: flex; align-items: center;  }
.ad_list li .pic{ width: 100px;  margin-right:10px;}
.ad_list li .text{width: calc(100% - 110px); color: #fff;}
.ad_list li .text h3{ font-size: 20px; }
.ad_list li .text p{ margin-top:10px; line-height: 1.8; }

.ad_list li:hover img{-webkit-animation:transform-1 0.5s ease 0ms alternate none 1;animation:transform-1 0.5s ease 0ms alternate none 1;}
@-webkit-keyframes transform-1 {
    from{-webkit-transform:perspective(200px) rotateY(180deg);transform:perspective(200px) rotateY(180deg);}
    to{-webkit-transform:perspective(200px) rotateY(360deg);transform:perspective(200px) rotateY(360deg);}
}
@keyframes transform-1 {
    from{-webkit-transform:perspective(400px) rotateY(180deg);transform:perspective(400px) rotateY(180deg);}
    to{-webkit-transform:perspective(400px) rotateY(360deg);transform:perspective(400px) rotateY(360deg);}
}



.fuwu_box{ margin:20px auto;  display: flex; align-items: center; width: 90%;  }
.fuwu_list{ width: 30% }
.fuwu_pic{ width: 40%; }
.fuwu_pic img{ display: block; margin:auto; }

.fuwu_list li .tit{ margin:auto;  line-height: 46px; }
.fuwu_list li .tit h3{font-size: 24px;}
.fuwu_list li .tit img{ display: block; float: left; margin-right: 20px; height: 46px; }
.fuwu_list li:hover img{-webkit-animation:transform-1 0.5s ease 0ms alternate none 1;animation:transform-1 0.5s ease 0ms alternate none 1;}
.fuwu_list li .tit h3{ float: left; }
.fuwu_list li p{ margin-top:20px; color: #666; line-height: 1.8; }
.fuwu_list1{ text-align: right; }
.fuwu_list1 li .tit img{ float: right; margin-left: 20px; margin-right: 0; }
.fuwu_list1 li .tit h3{ float: right; }

.fuwu_list li:last-child{ margin-top:1rem; }



.news_list{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap:45px; margin:30px auto; }
.news_list li .pic span{ padding-top: 66%; }
.news_list .text{ margin:20px auto 0 auto; }
.news_list .text h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 16px; font-weight: bold;}
.news_list .text  em{ display: block; margin:10px auto;  color: #999; font-size: 12px;}
.news_list .text p{ line-height: 1.8; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #666;}


.pic_box{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap:10px; }

.pic_box li .pic span{ padding-top: 100%; }



.foot{ background: #362526; margin: auto; color: #fff; padding:40px 0;}
.foot a{ color: #fff; }
.foot .w1200{display: flex; align-items:}
.f_logo{ width: 15%;  font-size: 22px;  margin-top:30px; }
.f_logo a{display: flex; align-items: center;}
.f_logo img{ width: 60px; margin-right:15px; }
.f_lxwm{ width: 30%; }
.f_about{ width: calc(45% - 100px); margin:0 5%; }
.f_wei{width: 100px;}
.f_dh{ font-size: 16px; color: #F69E35; font-weight: bold; margin-bottom: 20px; }
.f_lxwm p{ margin:10px auto;  }
.f_about p{margin:10px auto; line-height: 1.8;}

.bq{ background:#291C1D; padding:20px 0; text-align: center; color: #ccc; }
.bq a{ color: #ccc;  margin-left:20px; }
.nbanner{ margin: auto;  }
.nbanner .pic span{ padding-top: 20%; }

.route{ background:#F7F3E7; padding:20px 0; }



.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }

/*返回顶部*/
#goTopBtn{ position:fixed; right: 0px; bottom: 50px; width: 38px; height: 38px; background: #F6AB4A; color: #fff; text-align: center;  border-radius: 100%; z-index: 99999; cursor: pointer; }
#goTopBtn i{ font-size: 22px;line-height: 38px; }