@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:20px auto; }
.middle{ margin: 0px auto; padding: 40px 0px; }

.top{ margin: auto; position: absolute; left: 0; top: 0; width: 100%; z-index: 999999; height: 75px;  font-weight: bold;}
.logo{ float: left; padding-top: 10px; }
.logo img{ height: 55px; display: block; }
.nav{ float:left; font-size: 16px; margin-left: 30px; }
.nav li{ float: left; text-align: center; }
.nav li a{ display: block;  margin: 0px 20px; color: #fff;  line-height: 75px; }
.nav li a:hover,.nav li.on a{ color: #4a86e8; }
.top:hover{ background: #1c4587; }



.tel{ float: right; line-height: 75px; color: #fff; font-size: 16px; margin-left:20px; }
.tel i{  font-size: 20px; margin-right: 5px; }

.box{ margin:auto; padding:0.6rem 0; }
.index_dh{ margin: auto; text-align: center;  }
.index_dh h2,.index_dh h1{ margin:auto;  font-size: 27px; color: #000; font-weight: bold; }
.index_dh i{ display: block; width: 50px; height: 2px; background: #000; margin:10px auto; }
.index_dh p{  color: #999; display: block; margin: auto; text-transform:uppercase; font-size: 15px;}
.index_dh1 h2,.index_dh1 p{ color: #fff; }
.index_dh1 i{ background: #fff; }

.more{ margin:auto; text-align: center; }
.more a{ width: 120px; height: 45px; line-height: 45px; margin:auto; display: block; background: #4A86E8; color: #fff; -webkit-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 15px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 15px rgba(0,0,0,0.2);box-shadow: 0px 0px 15px rgba(0,0,0,0.2); border-radius: 5px;}
.more a:hover{ background:  #1c4587; color: #fff; }
.news_list,.yewu_box{ margin:0.4rem auto; }
.yewu_l{ width: 29.5%; }
.yewu_l li{ position: relative; }

.yewu_l li .pic span{ padding-top: 160%; }
.yewu_r{ overflow: hidden; }
.yewu_r li{ float: left; width: 65%; position: relative; margin-left:2%; }
.yewu_l li h3,.yewu_r li h3{ position: absolute; right: 0.4rem; bottom: 0.4rem; font-size: 0.28rem; font-weight: bold; color: #fff; z-index: 1; }
.yewu_r li{ margin-bottom: 2%; }
.yewu_r li.li2,.yewu_r li.li4{ float: right; width: 31%; }
.yewu_r li.li1 .pic span,.yewu_r li.li3 .pic span{ padding-top: 50%; }
.yewu_r li.li2 .pic span,.yewu_r li.li4 .pic span{ padding-top: 104.5%; }


.box1{ background-position: center;  background-size: cover; background-repeat: no-repeat;}
.about{ margin:0.6rem auto; color: #fff; line-height: 2; font-size: 16px; text-align:justify;}


.news_list li{ margin:20px auto; border-bottom: #ddd 1px solid; padding-bottom:25px; margin-bottom: 25px; }
.news_list li .pic{ float: left; width: 25%; margin-right:0.4rem; }

.news_list li .pic span{ padding-top: 60%; }
.news_list li .text{ overflow: hidden; }
.news_list li .text h3{ display: block; font-size: 0.3rem; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_list li .text em{ display: block; color: #999; margin:20px auto 10px auto; }
.news_list li .text p{ line-height: 1.8; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

.news_list_n li .text h3{ font-size: 25px; font-weight: bold; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.foot{ background: #333; margin: auto; padding:30px 0px 0 0;  color: #fff; }
.foot_nav a{ color: #fff; display: inline-block; margin-right: 15px;  padding-top: 40px; font-weight: bold;}
.foot_nav a:hover{ text-decoration: underline; }
.foot_top{ border-bottom: #222222 1px solid; padding-bottom: 20px; font-size: 16px; }
.foot_lxwm p{margin:10px auto;}
.wei{ margin-left: 20px; }
.wei p{ margin-top: 5px; text-align: center; font-size: 14px; }
.foot_nr{ text-align: center; line-height: 50px; }


.nbanner{ margin: auto;  }
.nbanner .pic span{ padding-top: 26%; }
.route{ height: 60px; line-height: 60px; background: #F0F0F0; }
.n_name{ margin: 0.3rem auto 0.5rem auto; }
.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; }

.pic_list1{ }
.pic_list1 li{ float: left; width: 23.5%; margin-left:2%; margin-bottom: 2%; }
.pic_list1 li.li1{ margin-left: 0; }
.pic_list1 li .pic span{ padding-top: 66%; }
.pic_list1 li .text{ font-size: 16px;  margin:10px auto; text-align: center; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.lxwm{ margin:auto;}
.lxwm li{ float: left; width: 30%; margin-left: 5%;  text-align: center;}
.lxwm li .lxwm_top{ margin:auto;}
.lxwm li .lxwm_top i{ width: 80px; height: 80px; display: block; margin:auto; line-height: 80px;  border: #ddd 1px solid; text-align: center; font-size: 36px;  color: #546EDF; 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; }

.box_cx{ width:500px; margin:20px auto; max-width: 100%;}
.tit{ margin:60px auto; text-align: center; font-size: 28px; }
.box_cx input{ height:45px; line-height:45px; width: calc(100% - 102px); font-size: 16px; border:1px solid #ddd; float:left; text-indent: 10px;}
.box_cx input[type=submit]{ width:100px; height:47px; line-height:47px; text-align:center; background:#900; color:#FFF; font-size:18px;border:1px solid #900; float:left;}
.ul_re{ }
.ul_re li{margin:10px auto; list-style:none; font-size:16px; line-height:2;}
.ul_re li span{ color:#999;}
.ul_re li p{}

.link{ margin:auto; font-size: 14px; font-weight: normal;}
.link a{ color: #fff; margin:20px 10px; display: inline-block;  }
.link a:hover,.foot_nav a:hover{ color: #ccc; }