body,html{ font-family: "微软雅黑"; }
a{ text-decoration: none; }
a:hover{ text-decoration: none; }
.banner{ width: 100%; background: url(../images/bannerbg.jpg) no-repeat center right; background-size: cover; height: 350px; overflow: hidden; }
.bannerN{ width: 1200px; position: relative; margin: 0px auto; margin-top: 35px; }
.bannerN .logo img{ width: 100%;}
.bannerN .sublogo img{ width: 100%;}
.gsjj{ clear: both; }
.nav{ width: 100%; height: 100px; line-height: 100px; position: relative; margin-top: -80px;  }
.navN{ width: 1200px; position: relative; margin: 0px auto; height: 100px; line-height: 100px; background: #f6f6f6; border-radius: 5px;box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.3);}
.navN ul li{ width: 10%; float: left; text-align: center; font-size: 16px; border-right: 1px solid #eee; margin-top: 5px; }
.navN ul li:last-child{ border:none; }
.navN ul li a{ color: #000; display: block; }
.navN ul li i{ display: block; width: 100%; height: 35px; line-height: 35px; font-size: 30px; margin-top: 10px; color: #555; }
.navN ul li span{ display: block; width: 100%; height: 35px; line-height: 35px; }
.bannerN fieldset legend{ color: #fff; }
.bannerN fieldset{ color: #fff; }
.bannerN .layui-field-box{ line-height: 25px; font-size: 13px; }
.main{ width: 1200px; min-height: 500px;position: relative; margin: 0px auto; clear: both; }
.mainN{ width: 100%; position: relative; margin: 0px auto; }
.dyp{ width: 1200px; position: relative; margin: 0px auto; }
.dypL,.dypC,.dypR{ /*height: 300px;*/ margin-top: 20px; }
.dypL fieldset,.dypC fieldset,.dypR fieldset{ /*height: 300px;*/ }
.dyp .layui-elem-field legend{ margin-bottom: 0px; }
.dypC{ padding: 0px 5px; }
.dypC .HdL{ padding: 0px 5px; }


.dep{ width: 100%; margin-top: 15px; clear: both; margin-left: 0px;  background: #f6f6f6;  }
.dep div.depdiv{ height: 300px; margin-top: 25px; margin-bottom: 25px; padding: 0px 10px; float: left; position: relative; /*overflow: hidden; */transition: all 0.3s; }
.dep div.depdiv .depdivN{ width: 100%; background: #fff; height: 300px; box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.2); overflow: hidden; }
.dep div.depdiv .depdivBt{ position: relative; overflow: hidden; height: 300px; }
.dep div.depdiv .depdivBt i{ display: block; width: 100%; height: 100px; text-align: center; margin-top: 20px; }
.dep div.depdiv .depdivBt i img{  width: 120px; height: 120px; }
.dep div.depdiv .depdivBt span{ display: block; width: 100%; clear: both; text-align: center; font-size: 16px; margin-top: 15px; }
.dep div.depdiv .depdivBt p{ line-height: 200%; font-size: 13px; color: #999; width: 90%; left: 5%; bottom: 20px; position: absolute; margin: 10px auto; height: 100px; overflow: hidden; }
.dep div.depdiv .depdivBt a{ display: block; width: 80px; height: 35px; line-height: 35px; background: #4a7df0; border:none; border-radius: 2px; color: #fff; font-size: 14px; text-align: center; position: relative; margin: 0px auto; display: none; }
.dep div.depdiv.active{  }
.dep div.depdiv.active .depdivBt{ width: 100%; height: 45px; line-height: 45px; background: #eee;}
.dep div.depdiv.active .depdivBt i{ width: 45px; height: 45px; margin-top: 0px; float: left; }
.dep div.depdiv.active .depdivBt span{ display: initial; float: left; width: auto; clear: none; margin-top: 0px; margin-left: 10px; }
.dep div.depdiv.active .depdivBt p{ display: none; }
.dep div.depdiv.active .depdivBt a{ width: auto; float: right; background: none; color: #555; margin-right: 10px; height: 45px; line-height: 45px; display: block; }
.dep div.depdiv .depdivnr{ display: none; transition: all 0.3s; position: relative; overflow: hidden; }
.dep div.depdiv.active .depdivnr{ display: block; }
.dep div.depdiv.active .depdivBt i img{ width: 30px; height: 30px; }


.imgxwmore{ position: absolute; z-index: 10; display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; border:2px solid #fff; transform: rotate(180deg); right: 8px; bottom: 8px;}
.imgxwmore i{ color: #fff; font-size: 18px;}

.mzdiyp{ margin-top: 15px;}
.depdivBt.zk{ width: 100%; height: 45px; line-height: 45px; background: #eee;}
.depdivBt.zk i{ width: 45px; height: 45px; margin-top: 0px; float: left; }
.depdivBt.zk span{ display: initial; float: left; width: auto; clear: none; margin-top: 0px; margin-left: 10px; font-size: 18px; font-weight: bold; }
.depdivBt.zk p{ display: none; }
.depdivBt.zk a{ width: auto; float: right; background: none; color: #555; margin-right: 10px; height: 45px; line-height: 45px; display: block; }
.depdivBt.zk i img{ width: 30px; height: 30px; }

.ahtwodom{ display: flex;}
.ahtwodomLeft{ padding-right: 15px; box-sizing: border-box; width: 50%;}
.ahtwodomRight{ padding-left: 15px; box-sizing: border-box; width: 50%;}


.nwe1.jiagao li{ height: 45px; line-height: 45px;}
.nwe1.jiagao li a{ font-size: 15px;}
.mzdiyp {    display: inline-block;    width: 100%;}
.mzdiypL {    width: 590px;    height: 390px;    float: left;    position: relative;	margin-top: 15px;}
    /* .mzdiypL .layui-carousel > [carousel-item] div{ position: relative;} */
.mzdiypL .layui-carousel > [carousel-item] div img {object-fit: cover;object-fit: cover;width: 100%;height: 100%;    }

.mzdiypL .layui-carousel > [carousel-item] div em {display: block;position: absolute;
width: 100%;height: 40px;line-height: 40px;z-index: 9;color: #fff;left: 0px;bottom: 0px;font-style: normal;text-indent: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: rgba(0,0,0,0.5);}
.mzdiypL .layui-carousel > [carousel-item] div i{ position: absolute; right: 8px; bottom: 8px; color: #fff; display: block; width: 25px; height: 25px; line-height: 20px; border-radius: 50%; text-align: center; z-index: 9; border: 2px solid #fff; transform: rotate(180deg); }
.mzdiypR {    width: calc(100% - 610px);    float: right;	margin-top: 15px;}
.mzdiypL .layui-carousel-ind {    top: -70px;}

.nwe1{ color: #999; margin-left: 10px; clear: both; }
.nwe1 li{ height: 35px; line-height: 35px; list-style-type: none; overflow: hidden; }
.nwe1 li a{ color: #333; font-size: 13px; width: 90%; float: left; height: 35px; line-height: 35px; position: relative; overflow: hidden; }
.nwe1 li span{ float: right; font-size: 12px; color: #999; margin-right: 5px; }

.newTt{ clear: both; width: 96%; position: relative; margin: 0px auto; }
.newTt h3{ width: 100%; height: 50px; line-height: 50px; padding: 0px; margin: 0px; overflow: hidden; }
.newTt h3 a{ font-size: 16px; color: #fc8d29; }
.newTt p{ line-height: 25px; font-size: 13px; color: #999; height: 50px; overflow: hidden; }



.zyk{ margin-top: 20px; background: #f6f6f6; /*background: url(../images/zykbg.png) no-repeat center center; background-size: cover;*//* border-radius: 5px; */overflow: hidden; width: 100%; padding-bottom: 20px; }
.zyk .layui-field-box div{ padding: 0px; }
.zyk .layui-field-box div.zykdiv{ height: 100px; height: 200px; float: left; padding: 0px; }
.zyk .layui-field-box div.zykdiv span{ display: block; width: 100%; height: 200px; text-align: center; position: relative; margin: 0px auto; background: #2863a7; color: #fff; overflow: hidden; }
.zyk .layui-field-box div.zykdiv span i{ display: block; height: 40px; line-height: 40px; font-size: 30px; margin-top: 45px; }
.zyk .layui-field-box div.zykdiv span em{ display: block; width: 90%; position: relative; margin: 0px auto; line-height: 25px; font-size: 16px; margin-top: 15px; }
.zyk .layui-field-box div.zykdiv span{ transition: all 0.3s }
.zyk .layui-field-box div.zykdiv:hover span{ height: 210px; margin-top: -5px;  box-shadow: -1px -1px 4px 0px rgba(0,0,0,0.2);}

.zyk .layui-field-box div.zykdiv01 span{ background: #d98282; }
.zyk .layui-field-box div.zykdiv02 span{ background: #f2a88c; }
.zyk .layui-field-box div.zykdiv03 span{ background: #d9cba3; }
.zyk .layui-field-box div.zykdiv04 span{ background: #8da593; }
.zyk .layui-field-box div.zykdiv05 span{ background: #f2a668; }
.zyk .layui-field-box div.zykdiv06 span{ background: #eca2c1; }
.zyk .layui-field-box div.zykdiv07 span{ background: #8ad5d0; }
.zyk .layui-field-box div.zykdiv08 span{ background: #8da7c3; }
.zyk .layui-field-box div.zykdiv09 span{ background: #f6d279; }
.zyk .layui-elem-field { text-align: center;  width: 98%; position: relative; margin: 0px auto; margin-top: 15px;  }
.zyk .layui-elem-field legend{ position: relative; margin: 0px auto; }
.zyk .layui-field-title .layui-field-box{}

.pttx{ margin-top: 20px; width: 100%; padding-bottom: 20px; background: #3766a7 url(../images/pttxbg.png) no-repeat center center; background-size: cover; display: inline-block; }
.pttx .layui-elem-field { text-align: center; position: relative; margin: 0px auto; float: none; }
.pttx .layui-elem-field legend{ position: relative; margin: 0px auto; }
.pttx .layui-field-box{ width: 100%; position: relative; margin: 0px auto; }
.pttx1 .pttxN,.pttx2 .pttxN,.pttx3 .pttxN{ min-height: 150px; background: #eee; padding: 0px; }
.pttx1,.pttx2,.pttx3{ padding: 0px; }
.pttxN h3{ line-height: 25px; font-size: 16px; font-weight: bold; color: #ff8c1b; padding: 10px 0px; }
.pttxN p{ line-height: 200%; color: #999; font-size: 13px; text-align: left; width: 90%; position: relative; margin: 0px auto; margin-top: 5px; }
.pttxN img{ width: 100%; }
.pttxtext{ height: 160px; overflow: hidden; position: relative; }
/*.pttx1 .pttxN{ background: url(../images/pttxbg1.png) no-repeat center center; background-size: cover; }
.pttx2 .pttxN{ background: url(../images/pttxbg2.png) no-repeat center center; background-size: cover; }
.pttx3 .pttxN{ background: url(../images/pttxbg3.png) no-repeat center center; background-size: cover; }*/

.yqlj{ width: 100%; background: #eee; padding-top: 10px; display: inline-block; }
.yqljN{ width: 1200px; position: relative; margin: 0px auto; }


.footer {  width: 100%;  padding: 10px 0px;  background: #2863a7;  display: inline-block;  border-top: 5px solid #184880;}
.footerN {  width: 1200px;  position: relative;  margin: 0px auto;  color: #dedede;}
.footerNL {  float: left;}
.footerNL ul {  display: inline-block;  border-right: 3px solid #aaa;}
.footerNL ul li {  height: 35px;  line-height: 35px;  float: left;  width: 120px;}
.footerNL ul li a {  color: #dedede;}
.footerNC {  float: left;  margin-left: 50px;  margin-top: 15px;}
.footerNC p {  height: 30px;  line-height: 30px;}
.footerNC p span {  width: 50%;  display: block;  float: left;}
.footerNR {  width: 300px;  float: right;}
.footerNR span {  margin: 5px;  display: block;  width: 110px;  float: left;  text-align: center;}


/*bootstarp对layui框架legen元素的错位修正*/
.layui-elem-field legend{  width: auto; /*display: inline;*/ border:none;  }
.layui-form-label{ box-sizing: initial; }

.layui-elem-field{ /*box-shadow: -1px 1px 2px 1px rgba(0,0,0,0.1); */text-align: left; margin-top: 10px; border:none; }
.layui-elem-field legend{ font-weight: bold; font-size: 18px; color: #fff;  position: relative; margin: 0px auto; height: 50px; line-height: 50px; width: 180px; background: #f6f6f6 url(../images/lmbt1.png) no-repeat center center;  }
 
 .pttx .layui-elem-field legend{  background: url(../images/lmbt1.png) no-repeat center center; color: #fff; }

.zbdj_div.left{ float: left; margin-left: 5px; margin-top: 15px; margin-bottom: 15px; width: 100%;}
.zbdj_div.right{ float: right; margin-right: 5px;  margin-top: 30px;}
.zbdj_div_left{ /*width: 80px;*/ height: 80px; background: #2863a7; float: left;  color: #fff; border-radius: 2px;  }
.zbdj_div_left span{ height: 45px; line-height: 45px; text-align: center; width: 100%; font-size: 20px; display: block; }
.zbdj_div_left em{ clear: both; height: 30px; line-height: 30px; font-size: 13px; text-align: center; display: block; width: 100%; }
.zbdj_div_right{/* width: 250px;*/ float: right; line-height: 25px; text-align: left; color: #555;  position: relative; overflow: hidden;}
.zbdj_div_right h4{ height: 35px; line-height: 35px;  }
.zbdj_div_right h4 a{ color: #184880; text-decoration: none; font-size: 16px; font-weight: normal; }
.zbdj_div_right p{ height: 50px; position: relative; overflow: hidden; color: #999; font-size: 13px; text-indent: 2em; }


.HdDiv{ margin: 10px 0px; text-align: left; }
.HdL img{ width: 100%; height: 200px; }
.HdBt{ line-height: 25px; font-size: 15px;}
.HdBt a{ color: #000; }
.HdText{ line-height: 25px; color: #999; font-size: 13px; text-indent: 2em; }

.newlist{ text-align: left; }
.newlist li{ height: 35px; line-height: 35px;}
.newlist li a{ width: 85%; float: left; height: 35px; line-height: 35px; overflow: hidden; font-size: 13px; color: #555;  }
.newlist li span{ color: #999; font-size: 12px; float: right; }

.wlhzdiv{ display: inline-block; margin: 0px 0px; }
.wlhzdiv h3{ height: 45px; line-height: 45px; font-size: 16px; }
.wlhzdiv p{ line-height: 200%; color: #999; height: 50px; overflow: hidden; }
.wlhzdivR img{ width: 100%; }
.wlhzdivl img{ width: 100%; }

.lmbt{ width: 100%; height: 50px; line-height: 50px; margin: 10px 0px; background: #eee; }
.lmbt span{ display: block;  height: 50px; line-height: 50px; background: #2863a7; text-align: center; color: #fff; font-size: 18px; }
.list{ background: #f6f6f6; clear: both; }
.list .nwe1{ width: 95%; position: relative; margin: 0px auto; }
.list .lmbt .layui-form{ }
.list .lmbt .layui-form .layui-btn{ position: relative; top: -7px; }
.list .lmbt .layui-form  .col-md-4,.list .lmbt .layui-form  .col-md-7,.list .lmbt .layui-form  .col-md-1{ padding: 5px; }
.zym{ margin-top: 15px; }
.fyq{ width: 100%; text-align: center; }
.content{ background: #f6f6f6; margin-top: 15px; clear: both; overflow: hidden; }
.content .wzbt{ width: 90%; line-height: 30px; margin: 30px auto; }
.content .wzbt h3{ line-height: 30px; text-align: center; }
.content .wztime{ height: 30px; line-height: 30px; }
.content .wztime i{}
.content .wztime span{ font-size: 13px; color: #999; }
.content .hytime{ width: 90%; position: relative; margin: 10px auto; }
.content .layui-elem-quote{ font-size: 13px; line-height: 30px; width: 90%; position: relative; margin: 0px auto; margin-top: 15px; text-align: left; background: #ddd; }
.content .layui-elem-quote span{ font-size: 16px; font-weight: bold; }

.contentfl{ width: 90%; position: relative; margin: 0px auto; margin-top: 20px; text-align: center; background: #eee; border:1px solid #ddd; border-radius: 2px; padding: 5px 0px; }
.contentfl ul{ padding: 0px; margin: 0px; }
.contentfl ul li{ border-right: 1px solid #ccc; font-size: 13px; }
.contentfl ul li:last-child{ border-right: none; }
.contentfl ul li span{ margin-right: 10px; }

.fuwu{ display: inline-block; }
.fuwudiv{ display: inline-block; height: 150px; overflow: hidden; margin-top: 15px; }
.fuwudivN{ background: #f6f6f6; display: inline-block; padding-bottom: 10px;  }
.fuwudiv h3{ height: 35px; line-height: 35px; font-size: 16px; font-weight: normal; text-indent: 1em; background: #eee; }
.fuwudiv h3 a{ color: #fc8d29; }
.fuwudivL{ border-right: 1px solid #ddd; margin: 5px 0px; }
.fuwudivL h4{ height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; }
.fuwudivL h4 a{ color: #555; }
.fuwudivL p{ line-height: 25px; color: #999; font-size: 13px; }
.fuwudivR h5{ color: #555; font-size: 14px; height: 30px; line-height: 30px; }
.fuwudivR span{ color: #999; }
.fuwudivR span:after{ content: '|'; margin-left: 5px; color: #ccc; }
.fuwucontert .fuwu{ padding-right: 0px; }
.fuwucontert .fuwudiv h3{ height: 50px; line-height: 50px; font-size: 20px; text-align: center; margin-bottom: 15px; }
.fuwucontert .fuwudiv{ margin-top: 0px; padding: 0px; height: auto; }
.fuwucontert .fuwudivN{ width: 100%; }
.fuwucontert .fuwudiv ul li{ width: 100%; height: 35px; line-height: 35px;  }
.fuwucontert .fuwudiv ul li span{ color: #555; }
.fuwucontert .fuwudiv ul li span:after{ content: ''; }
.fuwucontert .fuwudiv ul li em{ color: #999; }

.fuwus{ background: #f6f6f6; padding-bottom: 15px; }
.fuwus h3{ line-height: 200%; font-size: 16px; color: #000; height: 40px; line-height: 40px; background: #eee; text-align: center; margin-top: 5px; border-radius: 5px; }
.fuwus ul { margin: 15px 0px; }
.fuwus ul li{ width: 100%; clear: both; height: 35px; line-height: 35px; color: #999; }
.fuwus ul li span{ color: #555; }
.fuwus ul li em{ color: #999; }
.fuwus p{ line-height: 200%; font-size: 13px; color: #999; text-align: justify; }

.fuwucontert .fuwudiv  .lmBt11{ width: 100%; height: 35px; line-height: 35px; text-align: center;  margin-bottom: 20px; color: #333; border-bottom: 1px solid #eee; margin-bottom: 45px; clear: both;}
.fuwucontert .fuwudiv .lmBt11 h3{ font-size: 18px; font-weight: 600; width: 200px; position: relative; margin: 0px auto;  height: 70px; line-height: 70px; background: #f6f6f6;}
.fuwunr{ width: 90%; position: relative; margin: 0px auto; }
.fuwunr p{ margin: 15px 0px; line-height: 200%; color: #555; }
.zhuanjiainput{ text-align: center; }
.zhuanjiainput input{ width: 240px; height: 70px; line-height: 45px; background: url(../images/lmbt11.png) no-repeat center center; border:none; color: #fff; font-size: 16px; }


@media screen and (max-width: 1200px){
	.bannerN{ width: 100%; }
	.navN{ width: 100%; }
    .main{ width: 100%; padding: 0px 15px; }
	.dyp{ width: 100%; }
	.zyk{ width: 100%; }
	.pttx{ width: 100%; }
	.pttx .layui-field-box{ width: 100%; }
	.yqljN{ width: 100%; }
	.footerN{ width: 100%; }
	.lmbt{ height: auto; display: inline-block; }
}

@media screen and (max-width: 1000px){
	.pttx .layui-field-box img{ width: 100%; }
    .mzdiypR{ width: 100%;}
    .mzdiypL{ position: relative; float: none; margin: 0px auto; margin-top: 15px;}
    .ahtwodomLeft{ width: 100%; padding: 0px;}
    .ahtwodomRight{ width: 100%; padding: 0px;}
    .ahtwodom{ display: block;}
    .banner{ height: 40vw;}

}

@media screen and (max-width: 800px){
  .nav{ height: 200px; }
  .navN { height: 200px; }
  .navN ul li{ width: 25%; }
  .fuwudiv{ height: auto; }
}

@media screen and (max-width: 630px){
    .mzdiypL{ width: 100%; height: 61vw;}
}

@media screen and (max-width: 500px){
    .banner{ height: 45vw;}
}