body,html{ background-size: cover; font-family: "微软雅黑"; font-size: 14px;}
.top{ width: 100%; background: #2863a7; display: inline-block;}
.top a{ color: #fff; font-size: 14px;}
.topN{ width: 1200px; position: relative; margin: 0px auto;}
.topNL{ text-align: left; padding: 10px 0px;vertical-align:bottom;}
.topNL span{ margin: 0px 10px;}
.topNR{ text-align: right; padding: 10px 0px;vertical-align:bottom;}
.topNR span{ margin: 0px 5px;}

.banner{ width: 100%; height:300px; background: url(../images/banner.jpg) no-repeat center center; background-size: cover; margin-top:-4px;}
.bannerN{ width: 1300px; position: relative; margin: 0px auto; }
.bannerNL img{ width: 100%; }
.SsCxL{ margin-top: 30px; padding: 0px; }
.SsCxL input{ height: 40px; line-height: 40px; }
.SsCxR{ margin-top: 30px; }
.SsCxR button{ height: 40px; /*line-height: 35px;*/ width: 100%; background: #fc4349; border:1px solid #fc4349; }
.SsCxR button:hover,.SsCxR button:focus,.SsCxR button:active,.SsCxR button:active:hover{ background: #fc4349; border:1px solid #fc4349;}
.Hotspan{ width: 100%; clear: both; position: relative; left: 0px; margin-top: 70px; }
.Hotspan ul li{ width: 18%; height: 35px; line-height: 35px; float: left; margin: 1%; text-align: center; background: #3d88f2; color: #fff; border-radius: 2px; }
.Hotspan ul li a{ color: #fff; }

.nva{ width:100%; margin: 0px auto; line-height: 50px; background: #; margin-bottom:10px; }
.nvaN{ width: 1300px; position: relative; margin: 0px auto;  line-height: 50px; background:#1a6c1a; box-shadow: -1px 4px 1px 4px rgba(0,0,0,0.2);}
.navlist{ width: 100%; height: 50px; line-height: 50px; }
.navlist ul li{ text-align: center;  }
.navlist ul li a{ color: #fff; font-size:18px; display: block; }
.navlist ul li i{ font-size:24px; margin-right: 10px; top:3px; position: relative;}

.main{ width: 1300px; position: relative; margin: 0px auto; min-height: 300px; /*overflow: hidden;*/ box-shadow: -1px 4px 1px 4px rgba(0,0,0,0.1);}
.dypL{ padding: 0px; }
.fwfl{ width: 100%; min-height: 325px; background: #eff4fa; padding-bottom: 10px; }
.fwfl fieldset{ width: 96%; position: relative; margin: 0px auto; }
.fwfllist li{  height: 60px; line-height: 60px; text-align: left; margin: 5px 0px; border-bottom: 1px solid #dee1e4; overflow: hidden; }
.fwfllist li i{ font-size: 30px; margin-right:20px; }
.fwfllist li span{ color: #555; font-size:18px; }

.fwfllist li:nth-child(1) i{ color: #de0954; }
.fwfllist li:nth-child(2) i{ color: #3c989b; }
.fwfllist li:nth-child(3) i{ color: #ffac00; }
.fwfllist li:nth-child(4) i{ color: #c34960; }
.fwfllist li:nth-child(5) i{ color: #42a5ee; }
.fwfllist li:nth-child(6) i{ color: #02a676; font-size: 24px; }
.fwfllist li:nth-child(7) i{ color: #c34960; }
.fwfllist li:nth-child(8) i{ color: #9d25e8; }

.pt{ display: inline-block; width: 100%; margin-top:5px;}
.pt img{ width: 100%;}

.dyp{ display: inline-block; width: 100%;}
.dypR{padding: 0px;}
.dypRL{ padding: 0px 10px; }
.dypRL{ /*width: 633px;*/  /*background: #eee;*/   margin-bottom: 10px; }
.dypRL .swiper-slide{/* text-align: center;*/ position: relative; margin-top: 10px; }
.dypRL .swiper-slide a{ display: block; }
.dypRL .swiper-slide img{ width: 100%; }
.dypRL .swiper-pagination{ width: auto; left: auto; right: 30px; position: absolute; bottom: 0px; height: 35px; line-height: 35px; z-index: 999; }
.dypRL .swiper-pagination span{ width: 10px; height: 10px; margin: 0px 10px; background: #fff; display: inline-block; border-radius: 50%; }
.dypRL .swiper-pagination span.swiper-active-switch{ background: #2863a7 }
.dypRL .swiper-wrapper .swiper-slide span{ position: absolute; z-index: 99; width: 100%; left: 0px; bottom: 0px; display: block; height: 35px; line-height: 35px; text-indent: 1em; background: #978986; background: rgba(77,86,109,0.5); color: #fff; }
.dypRR{ padding: 0px 2px;}

.lmBt{ width: 100%; height: 45px; line-height: 45px; border-bottom: 2px solid #f6f6f6; background: #eee; }
.lmBt span{ padding: 0px 30px; border-bottom: 2px solid #337aca; display: block; float: left; font-size: 15px; font-weight: 600; }
.lmBt a{ float: right; color: #888; font-size: 14px; margin-right: 10px; }
.lmBt span.caret{display: inline-block; float: none;padding: initial; border-bottom: none; }

.newTt{ clear: both; }
.newTt h3{ width: 100%; height: 55px; line-height: 55px; padding: 0px; margin: 0px; overflow: hidden; }
.newTt h3 a{ font-size: 16px; color: #fc8d29; }
.newTt p{ line-height: 25px; font-size: 14px; color: #999; }

.nwe1{ color: #999; margin-left: 10px; clear: both; }
.nwe1 li{ height: 35px; line-height: 35px; list-style-type: disc; }
.nwe1 li a{ color: #333; font-size: 14px; width: 80%; float: left; height: 35px; line-height: 35px; position: relative; overflow: hidden; }
.nwe1 li span{ float: right; font-size: 14px; color: #999; }

.layui-tab .layui-tab-title .layui-this{  color: #515a6e; border:none; border-radius: 2px 2px 0px 0px; border-width: inherit; border-style: none;font-size: 15px; font-weight: bold; }
.layui-tab-title .layui-this::after{ border-width: initial; border-style: none; }
.layui-tab-title{ background: #eee; }

.dypRR .layui-tab{ margin-bottom: 0px; }

.loginW{ background: #f6f6f6; /*background: url(../images/loginW.png) no-repeat center center; background-size: cover;*/ height: 222px; position: relative; overflow: hidden; border-radius: 2px; }
.login {width:240px;height:185px;margin-top:10px;background:url(../images/login.png) no-repeat; position: relative; margin: 0px auto; margin-top: 15px;}
.login a:link, .login a:active, .login a:visited, .login a:hover {text-indent:-9999px;display:block;}
.login .one a:link, .login .one a:active, .login .one a:visited {width:114px;height:90px;margin:0 14px 0 0;float:left;}
.login .one a:hover {width:114px;height:90px;float:left;}
.login .two a:link, .login .two a:active, .login .two a:visited {width:114px;height:90px;float:left;}
.login .two a:hover {width:114px;height:90px;float:left;}
.login .three a:link, .login .three a:active, .login .three a:visited {width:114px;height:90px;margin:5px 14px 0 0;float:left;}
.login .three a:hover {width:114px;height:90px;float:left;}
.login .four a:link, .login .four a:active, .login .four a:visited {width:114px;height:90px;margin:5px 0 0 0;float:left;}
.login .four a:hover {width:114px;height:90px;float:left;}
.login .five a:link, .login .five a:active, .login .five a:visited {width:100px;height:100px;margin:5px 0 0 0;position:absolute;margin:40px 0 0 70px;*margin:-50px 0 0 -170px;-margin:-145px 0 0 70px;float:left;}
.login .five a:hover {width:100px;height:100px;position:absolute;*margin:-50px 0 0 -170px;-margin:-145px 0 0 70px;float:left;}

.dep{ display: inline-block; width: 100%;}
.zcjd,.hdgg{ margin-top: 10px; }





.dsp{ clear: both; margin-top: 10px; display: inline-block; width: 100%;}
.kjxx{ clear: both; margin-top: 15px;}
.kjxxNL{ padding: 0px;}
.kjxxNR{ padding: 0px 0px;}
.zjlyfl{ margin-top: 10px;}
.zjlyfl ul li{ height: 35px; line-height: 35px; margin: 2px 0px; padding: 0px 2px; text-align: center; overflow: hidden;}
.zjlyfl ul li a{ background: #6096d5; display: block; width: 100%; height: 35px; line-height: 35px; color: #fff; font-size: 14px;}
.jszy{ clear: both; margin-top: 5px;}
.jszy ul li{ height: 75px; text-align: center; padding: 0px 3px;overflow: hidden;}
.jszy ul li a{ background: #407088; display: block; width: 100%; height: 75px;}
.jszy ul li a span{ color: #fff; font-size: 14px;}
.jszy ul li a i{ font-size: 24px; color: #fff; display: block; width: 100%; padding-top: 10px;}
.zjlist{ display: inline-block; width: 100%; position: relative; margin: 0px auto; padding-left: 5px; }
.zjlist li{ padding: 0px 2px; transition: all 0.3s; }
.zjlist li:last-child{ padding-right: 0px;}
.zjlist li a{ display: block; background: #f1f0f0; padding-bottom: 10px; transition: all 0.3s; border: 0px solid #e3e2e2;}
.zjlist li img{ width: 100%; transition: all 0.3s; }
.zjlist li span{ height: 45px; line-height: 45px; font-size: 16px; text-align: center; display: block; }
.zjlist li em{ height: 30px; line-height: 30px; display: block; font-size: 16px; text-align: center;  color: #036; }
.zjlist li p{ height: 50px; line-height: 25px; overflow: hidden; color: #999; width: 90%; position: relative; margin: 0px auto; }
/* .zjlist li:hover{  } */
/*.zjlist li:hover a{ background: #dceff8; color:#000;box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4); }*/
.zjlist li:hover span{ color: #000; }
.zjlist li:hover em{ color: #000; }
.zjlist li:hover p{ color: #000; }
.zjlist li:hover img{ border-radius:10%; overflow: hidden;}

.zjlist li ul li{ width: 100%; clear: both; height: 30px; line-height: 30px; overflow: hidden; position: relative; }
.zjlist li ul li span{ font-size: 14px; float: left; display: block; width: 30%; text-align: center; height: 30px; line-height: 30px; color: #000; }
.zjlist li ul li em{ width: 70%; float: right; display: block; text-align: left; color: #000; height: 30px; line-height: 30px; font-size: 14px;}


.yqlj{ width: 100%; background: #eee; padding-top: 10px; display: inline-block; clear: both; }
.yqljN{ width: 1200px; position: relative; margin: 0px auto; }


.footer{ width: 100%; background: #0e3766; color: #fff; padding-top: 5px; padding-bottom: 5px; clear: both; }
.footer a{ color: #fff; }
.footerN{ width: 1200px; position: relative; margin: 0px auto; font-size:15px; }
.footerL ul li{ line-height: 25px; padding: 5px 0px; }
.footerC p{  line-height: 35px; padding: 0px; }
.footerR{ text-align: center; }
.footerR p{ padding: 0px 35px;}
.footerR img{ width: 80%; }
.footerR span{ clear: both; display: block;}


.cgal{ clear: both; margin-top: 15px; margin-left: 0px; width: 100%; }
.cgallist{ clear: both; }
.cgallist ul li{ padding: 0px 5px; }
.cgallist ul li div{ background: #eee; background-size: cover; padding: 10px 2%; width: 96%; margin: 5px 0px; box-sizing: content-box; border-radius: 2px; overflow: hidden; }
.cgallist ul li div h3{ line-height: 30px; margin: 5px 0px; font-size: 16px;clear: both; height:30px; overflow:hidden; }
.cgallist ul li div h3 a{ color: #000; }
.cgallist ul li div span{ color: #999; margin: 2px 0px; display: block; float: left; padding: 0px 2px; font-size: 14px; color: #999; }
.cgallist ul li div b{ background: rgba(185, 181, 181, 0.2); width: 100%; padding: 5px 0px; display: inline-block; font-weight: normal; font-style: normal; }
.cgallist ul li div em{ font-style: normal;}
.cgallist ul li div i{ font-style: normal; margin: 0px 5px;}
.cgal .lmbtsm span{ background: #f6f6f6;}

/*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 4px 1px rgba(0,0,0,0.2); text-align: center;}
.layui-elem-field legend{ font-weight: bold; font-size: 16px; color: #021f41;  position: relative; margin: 0px auto; height: 50px; line-height: 50px;/* width: 180px; background: #f6f6f6 url(../images/legendbg.png) no-repeat center center; background-size: cover;*/ }

.layui-form-label { 
  padding: 9px 3px;
  width: 120px;  
}
.layui-input-block {
  margin-left: 140px;
  min-height: 36px;
}

@font-face {
  font-family: 'iconfont';  /* project id 1342567 */
  src: url('http://at.alicdn.com/t/font_1342567_3pa4r1bgb2l.eot');
  src: url('http://at.alicdn.com/t/font_1342567_3pa4r1bgb2l.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_1342567_3pa4r1bgb2l.woff2') format('woff2'),
  url('http://at.alicdn.com/t/font_1342567_3pa4r1bgb2l.woff') format('woff'),
  url('http://at.alicdn.com/t/font_1342567_3pa4r1bgb2l.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_1342567_3pa4r1bgb2l.svg#iconfont') format('svg');
}
  .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}


    @media screen and (min-width: 990px){
      .navlist ul li{ width: 14.28%; }
    }
    
    
@media screen and (max-width: 1200px){
  .topN{ width: 100%;} 
  .navN{ width: 100%;}
  .banner{ height: auto;}
  .bannerN{ width: 100%; padding-bottom: 15px;}
  .bannerNR{ width: 100%; top: 0px;}
  .banner .layui-carousel div{ background-position:t -360px top;}
  .pttext{ color: #555; display: none;}
  .nav{ height: auto;}
  .nvaN{ width: 100%;}
  .main{ width: 100%;}
  .fourpt{ width: 100%;}
  .zhxxN{ width: 100%;}
  .kjxxN{ width: 100%;}
  .kjjr{background-size: cover;}
  .kjjrN{ width: 100%;}
  .kjjrN .lmbt{ width: 100%;}
  .kjcgN{ width: 100%;}
  .footerN{ width: 100%;}
  .Hotspan{ margin-top: 10px;}
  .yqljN{ width: 100%;}
}

@media screen and (max-width: 1000px){
  .fwfl{ height: auto; min-height: auto;}
  .dypR .dypRL{ clear: both;}
}

@media screen and (max-width: 730px){
  .kjjrN ul li{ width: 33.3%;}
  .banner .layui-carousel div{ background-position: center top;}
  /*.nva{ position: fixed; left: 0px; bottom: 0px; z-index: 999;}*/
  .footer{margin-bottom: 0px;}
}

@media screen and (max-width: 530px){
  .navNL img{ width: 100%;}
  .navlist ul li i{ display: none;}
}

@font-face {
	font-family: 'iconfont';  /* project id 1356982 */
	src: url('http://at.alicdn.com/t/font_1356982_za18ciwre0s.eot');
	src: url('http://at.alicdn.com/t/font_1356982_za18ciwre0s.eot?#iefix') format('embedded-opentype'),
	url('http://at.alicdn.com/t/font_1356982_za18ciwre0s.woff2') format('woff2'),
	url('http://at.alicdn.com/t/font_1356982_za18ciwre0s.woff') format('woff'),
	url('http://at.alicdn.com/t/font_1356982_za18ciwre0s.ttf') format('truetype'),
	url('http://at.alicdn.com/t/font_1356982_za18ciwre0s.svg#iconfont') format('svg');
  }

  .iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}