@charset "utf-8";
@import "message.css";
@import "page.css";
@import "nav.css";
@import "/font/iconfont.css";

body{font-size:14px;font-family:"Source Han Sans CN","Microsoft YaHei";  color:#333;}
*{margin:0px;padding:0px;list-style: none;}
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#177651}
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 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;  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-size: cover; background-repeat: no-repeat;background-position: center; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover;}
.pic1 span{background-size: contain; background-repeat: no-repeat;background-position: center; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain;}


.w1200{ width: 1700px; max-width: 94%; margin: auto; position: relative; }

.top{ margin: auto; border-bottom: #ccc 1px solid; padding: 15px 0px; }
p.plogo{ float:left;  margin-left:20px;padding-top: 12px;}
p.plogo i{  font-size:31px; display:block  }
p.plogo i.name{ font-size: 26px; }
p.plogo em{ display:block; font-size:18px; text-transform:uppercase; color:#999; text-align: center; font-family:Arial, Helvetica, sans-serif }
p.plogo em:before{content: ""; width: 60px; height: 1px; margin-right: 10px; background:#ddd; display: inline-block; position: relative; top: -3px;}
p.plogo em:after{content: ""; width: 60px; height: 1px; margin-left: 10px; background:#ddd;display: inline-block; position: relative; top: -3px;}
p.p_logo{ padding-top: 7px; margin-left: 5px; }
.logo{ float: left;  }
.logo img{ height: 70px; }
.logo_r{ float: right; padding-top: 20px; }
.lang{ margin:auto; float: right; margin-bottom:15px; }
.lang a{ display: inline-block; margin-left: 15px; text-align: right; }
.shenqing{ margin:auto; }
.shenqing a{ display: inline-block; background: #ddd; padding: 5px 10px; margin-left: 15px; }
.shenqing a:hover{ background: #177651; color:#fff; }
.nav{ margin:auto; font-size: 18px; }
.nav li{ float: left; text-align: center; position: relative; width: 10%; z-index: 999;}
.nav li a.yi{ display: block;  /*margin: 0px 28px; *//*border-bottom: #fff 3px solid;*/ height: 55px; line-height: 55px;}
.nav li a.yi:hover{ /* border-bottom: #1E50AE 3px solid;*/}
.nav li.on a.yi{color:#177651;/*border-bottom: #1E50AE 3px solid;*/ }

.nav li .sub-box1{ position:absolute;text-transform:none; top:55px; left: -25%;  width:150%; overflow: hidden; height: 0px; display: block; z-index: 999;  z-index: -1; opacity:0; transition: all 0.5s;  -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; }
.nav li .sub-box{ background:#fff;  }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:10px; text-align: center; }
.nav li .sub-box a:hover{ background: #177651; color: #fff; }

.headfix .nav li{ width: auto; }
.headfix .nav li a.yi{ margin:0 20px; }
.headfix .logo img{ height: 50px; }


.box{ margin: 120px auto; }
.box1{ margin:120px auto; }
.index_dh{ margin-bottom: 50px; border-bottom: #ddd 1px solid; padding-bottom: 10px; text-align: center; font-size: 30px; }
.about{ margin:auto; display: flex; align-items: center; }
.about .pic{ float: left; width: 40%; margin-right: 3%; }
.about .pic span{ padding-top:66%; }
.about .con{ overflow: hidden; width: 57%;  }
.about .con p{ margin:auto; line-height: 2; font-size: 18px;}
.about .con a{ width: 100px; height: 30px; line-height: 30px; border:#177651 1px solid; color: #177651;  text-align: center; display: block; margin-top: 20px; }
.about .con a:hover{ background: #177651; color:#fff; }

.hz_logo{ margin:auto;  position: relative; padding-bottom: 50px; }
.hz_logo a{ border: 1px solid #dddddd; display: block;}
.hz_logo .pic1 span{ padding-top: 50%; }
.swiper-pagination-clickable .swiper-pagination-bullet{ outline: none; }

.ks_link{ margin:40px auto; }
.ks_link li{ float: left; width: 25%;  text-align: center;}
.ks_link li a{ display: block; font-size: 16px; }
.ks_link li  p{  background: #EE88B4; border-radius: 100%; width: 80px; height: 80px; color: #fff; margin:auto; }
.ks_link li a:hover p{background: #333;}
.ks_link li  p i{font-size: 40px; line-height: 80px; }
.ks_link li  span{ display: block; margin:10px auto; }

.ks_link li.li2  p{ background: #00A0E9; }
.ks_link li.li3  p{ background: #F4AC93; }
.ks_link li.li4  p{ background: #70BE77; }
.ks_link li.li5  p{ background: #22AC38; }
.ks_link li.li6  p{ background: #F39800; }

.foot{ background: #4C4948; padding: 20px 0; color: #fff; text-align: center; }
.foot a{ color: #fff; }

.line{ height: 3px; background: #177651; margin:auto;  }
.left{  width: 16.6%; background: #E6E6E6;  padding: 0px 20px; position: absolute; height: 100%; left: 0; top: 0;}

.left.fix{ position:fixed;width:15%; top:90px; left:3%;height: calc(100% - 150px);}


.right{  float: right; width: 76%;   min-height: 500px; padding: 40px 0; }

.n_name{ margin:auto; font-size: 16px; padding-top: 20px; }
.n_dh{ margin:10px auto; padding-left: 32px; border-bottom: #ccc 1px solid; padding-bottom: 30px;  }
.n_dh a{ display: block; height: 40px; line-height: 40px; color: #666; }
.n_dh a:hover,.n_dh a.on{ color: #177651; font-weight: bold; }

.right_dh{ margin:0px auto 30px auto; font-size: 24px; color: #177651; text-align: center;  }
.right_dh span{ padding: 0 20px; }
.right_dh i{ display:inline-block; width: 150px; height: 1px; background: #999; position: relative;  top: -5px;  }


.table, .table * {margin: 0 auto; padding: 0; font-size: 15px;}
.table {display: table; width: 100%;  border-collapse: collapse;}
.table-tr {display: table-row; height: 40px; border-bottom: #ddd 1px solid;}
.table-th {display: table-cell;height: 100%;text-align: center; vertical-align: middle; background: #177651; color: #fff; height: 40px;}
.table-td {display: table-cell; height: 100%; text-align: center;vertical-align: middle; height: 40px;}
.td-left{ text-align: left; padding-left: 20px; }
.table-td a{ text-decoration: underline; color: #4078c2; }
.table-td a:hover{ color: #333; }
.table-tr:hover{ background: #F3F3F3; }
.wap{ display: none; }

.headfix{ position:fixed; width:100%; left:0px; top:-60px; background:#FFF; z-index:-1;opacity:0;transition: all 0.5s;-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);}
.headfix.fix{ z-index:1000;opacity:1; top:0px;}

.headfix.fix .nav{ float: right; }

.Tpiaochuan{ width:300px;   position:fixed;z-index:9999; left:50%; padding-top: 30px;  margin-left: -150px; top:50%; transform: translateY(-50%); display:none; background: #026DBD; color: #fff; border-radius: 5px; }
.Tpiaochuan .p{position: relative; line-height: 1.8;  }
.Tpiaochuan .p b{ display: block; text-align: center; font-size: 16px; }
.Tpiaochuan .p span{ display: block; margin:auto; padding:10px 15px 15px 15px; }
.Tpiaochuan .noneyin{ cursor:pointer;position: absolute; right: 5px; top: 5px; display: block; }


.liuyan_con1{  width: 50%; }
.liuyan_con1 p,.liuyan_con1 dd{ margin:10px auto; }
.liuyan_con1 p span,.liuyan_con1 dd span{ width: 100px; text-align: right; display: block; float: left; line-height: 40px;}
.liuyan_con1 p input[type='text']{width: calc(100% - 102px); height: 40px; line-height: 40px; border:#ddd 1px solid; text-indent: 10px;  float: right;}
.liuyan_con1 dd textarea{border:#ddd 1px solid; padding: 10px; width: calc(100% - 122px); height: 100px; float: right;}
.liuyan_con1 p select{ float: left; display: block; height: 40px; line-height: 40px; border:#ddd 1px solid; }
.liuyan_con1 p input.tj{ float: right; width: calc(100% - 102px); height: 40px; line-height: 40px; border:#177651 1px solid; background: #177651; text-align: center; color: #fff; cursor: pointer; }
.liuyan_con1 p span font{ color: #C90000; }