@charset "utf-8";
html{ font-size: 100px; }
body{font-family:"Microsoft YaHei";  color:#333; font-size:14px;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
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;
}
.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;}



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

.top1{ margin:auto; background: #000; height: 45px; line-height: 45px; color: #fff; }
.top1 a{ color: #fff;  }
.top1  span{ padding:0 10px; display:inline-block; }
.top{ margin: auto; padding: 15px 0; border-bottom: #eee 1px solid;}
.logo{ float: left;  }
.logo img{ height: 70px; }
.nav{ float:right; font-size: 16px;  padding-top: 20px;}
.nav li{ float: left; text-align: center; margin-left: 30px; }
.nav li a{ display: block;   padding:10px 30px;  }
.nav li a:hover,.nav li.on a{ background: #000; color: #fff;}


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

.box{ padding:1rem 0; background-repeat: no-repeat; background-position: center; background-size: cover;}

.index_dh{ margin: auto; text-align: center;  text-transform:uppercase; font-size: 24px;  }
.index_dh .tit{  }
.index_dh .tit h2{ display: inline-block; font-size: 24px; }
.index_dh1{ color: #fff; }
.index_dh1 a {color: #fff;}
.index_dh1 a:hover{color: #e40011;}
.about{ margin:0.6rem auto 0 auto; line-height: 2; font-size: 16px; color: #fff; }

.pic_list{ margin:0.6rem auto 0 auto; }
.pic_list li{ float: left; width: 23.5%; margin-left: 2%; margin-bottom: 2%; text-align: center; }
.pic_list li.li1{margin-left: 0;}
.pic_list li .img{border:#eee 1px solid; padding:10px;}
.pic_list li .pic1 span{ padding-top: 56.48%;  }
.pic_list li p{ margin:5px auto; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.news_list{ margin:0.6rem auto 0 auto; border-left: #000 2px solid; }
.news_list li{ margin-bottom: 30px; }
.news_list li a{ display: flex; align-items: center;  }
.news_list li .time{ width: 100px;   text-align: center; }
.news_list li .time i{ display: block; font-size: 26px; font-weight: bold; }
.news_list li .text{width: calc(100% - 100px);}
.news_list li .text span{ display: block; font-size: 16px; margin-bottom:10px; font-weight: bold; }
.news_list li .text p{ line-height: 1.5; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.foot{ background: #000; margin: auto; padding:20px 0px; text-align: center; color: #cccccc; line-height: 180%; }
.foot a{ color: #ccc; }
.foot p span{ margin: 0px 10px; display: inline-block; }


.nbanner .pic span{ padding-top: 26%; }
.n_name{font-size: 24px; text-align: center; margin:0.6rem auto;text-transform:uppercase; }
.n_name h1{ display: inline-block; font-size: 24px; }
.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 50px; font-size: 16px; margin: auto; border-left: #000 1px dotted; }
.n_dh a.on{color: #e40011;  }
.n_dh a:first-child{ border: none; }


.pic_list_n{ margin: 30px auto; }

.lxwm{ margin:auto;}
.lxwm li{ float: left; width: 30%; margin-left: 5%;  text-align: center;}
.lxwm li .lxwm_top{ margin:auto; background: url(../images/bg.png) no-repeat center; background-size: cover; position: relative; padding-top: 48.72%; border: #000 3px solid; }
.lxwm li .lxwm_top i{ width: 80px; height: 80px; line-height: 80px; background: #000; text-align: center; font-size: 36px; position: absolute; top: 50%;transform: translate(-50%, -50%); left: 50%;  color: #fff; border-radius: 100%;}
.lxwm li:first-child{ margin-left: 0; }

.lxwm li .text{ margin:auto; font-size: 16px; }
.lxwm li .text b{ display: block; margin:20px auto 10px auto; font-size: 18px; }
.map{ margin:50px auto; }