@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
  margin:0; padding:0; border:0; font-size:100%; font:inherit; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body{ font-size:14px; font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif; }
ol, ul{list-style: none;}
blockquote, q{  quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {  content:'';  content:none; }
table {  border-collapse: collapse;  border-spacing: 0; }
*{margin:0; padding:0;}
a{text-decoration:none;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
a:link, a:visited{color:#616161; text-decoration:none; }
a:hover, a:active{color:#0865c4; text-decoration:none; }
body{background:#ffffff; }
.clear { clear: both; *height: 0; *font-size: 0; *line-height:0; }
.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }
.lmtw{width:1200px; margin:0 auto; position:relative; }

.header{}
.headbar{height:34px; line-height:34px; background:#e4eff7;  }
.welcome{float:left; font-size:16px; color:#004799;  }
.zwym{float:right; font-size:16px; color:#004799; margin-right:10px; }
.search{float:right; width:149px; height:20px; background:#ffffff; border-radius:10px; margin-top:7px; }
.ipt-text, .ipt-btn{border:none; outline:none; height:20px; line-height:20px;  }
.ipt-text{float:left; width:121px; padding-left:10px; background:none; font-size:14px; color:#777777;   }
.ipt-btn{float:right; width:27px; background:url(../images/search.png) no-repeat center; }
.nav{height:50px; background:#004799; position:relative; z-index:50;   }
.navlist{text-align:center; }
.navlist li{display:inline-block; font-size:18px; color:#ffffff; line-height:50px; vertical-align:top;  padding:0 13px; transition:all 0.5s;  }
.navlist li:hover{background:rgba(255,255,255,0.5); }
.logo{width:230px; height:50px;  }
.navlist .logo:hover{background:none; }
/*.logo div{position:absolute; width:224px; height:112px; top:-34px; left:-7px; background:url(/upload/images/2018/9/cf317b06542e01c8.png) no-repeat; position:relative; }*/
.logo div{position:absolute; width:224px; height:112px; top:-34px; left:-7px; position:relative; }
.logo div img{margin: 5px 57px 6px;width: 120px;border-radius: 97px;}
.logo div p{font-size:18px; color:#004799; text-align:center; font-weight:bold; line-height:1em;  }
.banner{position:relative; }
.bannersec img{width:100%; }
.mwwz{position:absolute; bottom:0; right:130px; }

.sec1{text-align:center; padding:30px 50px; width: 100%;margin: 0px auto;}
.comk{width:360px; display:inline-block; margin:0 10px; vertical-align:top; }
.comtit{border-bottom:1px solid #004799; height:45px; }
.comtit h2{font-size:24px; height:45px; line-height:45px;  color:#004799; font-weight:bold; text-align:left; background:url(../images/titbg.png) no-repeat 6px center; padding-left:55px; float:left;  }
.more{float:right; font-size:14px; color:#ee8803; text-transform:uppercase; margin-top:18px; margin-right:5px; }
.comlist{background:#f6f5f5; padding:20px; margin-top:6px; min-height:440px; }
.comlist li{text-align:left; font-size:14px; color:#343434; line-height:36px;  background:url(../images/libg.png) no-repeat left 16px; padding-left:20px; }
.comlist li a{ display:block;font-size:13px;}
.comlist li:hover{ border-bottom: 1px solid #2098D1;}

/* Underline Reveal */
.comlist li{
  /*display: inline-block;*/
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
/*.comlist li:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
} */
.comlist li:hover:before, .comlist li:focus:before, .comlist li:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.comlist li span{display:inline-block; margin:0 5px; float:right; }  
.comk .comlist li{min-height:72px; border-bottom: 1px solid #2098D1;}
.comlist li:hover{min-height:72px; border-bottom: 1px solid #2098D1;}

.sec2{padding:117px 0 146px; height:509px; background:url(../images/sec2bg.png) no-repeat top center;  }
.s2list{text-align:center; }
.s2list li{display:inline-block;  width:220px; height:246px; margin:0 25px; vertical-align:top; overflow:hidden; transition:all 0.5s; cursor:pointer; }
.s2list a:hover li{margin-top:-10px; }
.s2list li span{display:block;  }
.s2list li .top{height:125px; background:#ffffff; }
.s2list li p{display:table-cell; width:65px; height:92px;  vertical-align:middle;  position:relative; transition:all 0.5s; top:0;margin: 0 auto;display: block;}
.s2list li p img{ transition:all 0.5s; width:65px; }
.s2list li h2{position:relative; transition:all 0.5s;  font-size:26px; color:#004799; line-height:1em; top:0; text-align: center;}
.s2list .tsj{border-bottom:60px solid #ffffff; border-top:0px; border-left:110px solid rgba(255,255,255,0); border-right:110px solid rgba(255,255,255,0); }
.s2list .dsj{border-top:60px solid #ffffff;  border-left:110px solid rgba(255,255,255,0); border-right:110px solid rgba(255,255,255,0); }

.s2list li dl{height:0; overflow:hidden; position:relative;  transition:all 0.5s;  background:#ffffff url(../images/cirb.png) no-repeat bottom center;  }
.s2list li dl dd{font-size:16px; color:#282828; text-align:center; line-height:28px; }
.s2list li dl dd:hover{color:#004799; }
.s2list>li:hover dl{display:block; top:-80px; height:140px; }
.s2list>li:hover .top h2{top:-80px; }
.s2list>li:hover .top p{top:-60px; }
.s2list>li:hover .top p img{width:45px; }
.s2list>li:hover .dsj{display:none; }

.sec3{padding:40px ; } 
.s3tit{margin:0 auto; height:58px; background:url(../images/s3titbg.png) no-repeat bottom center; }
.s3tit h2{font-size:24px; color:#004799; font-weight:bold; text-align:center;  }
.s3tit span{color:#d8d9d9; margin:0 10px; }
.s3list{width:90%; height:240px; text-align:center; margin-top:32px; margin-left:77px;  }
.s3list li{display:inline-block; margin:0 20px; }
.s3list li img{width:150px; height:200px; }
.s3list li p{margin-top:20px; font-size:16px; color:#175eb0; }


#demo img {border: 0px solid #F2F2F2;}
#indemo {float: left;width: 8000000%;}
#demo1 {float: left;}
#demo2 {float: left;}








/* Float Shadow */
.s3list li {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.s3list li:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.s3list li:hover, .s3list li:focus, .s3list li:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.s3list li:hover:before, .s3list li:focus:before, .s3list li:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}


.footer{background:#004799; padding:30px 0 35px; color:#ffffff; }
.footer a{color:#ffffff; }
.footer a:hover{color:#2c8eff; }
.footer .lmtw{text-align:center; width:1400px;  }
.footer li{display:inline-block; vertical-align:top; }
.foottit{font-size:20px; height:26px; line-height:26px;  color:#ffffff; text-align:left; margin-bottom:15px;  }
.contact{width:600px; }
.contact h3{font-size:16px; float:left; color:#ffffff; padding:10px 7px; border:1px solid rgba(255,255,255,0.5); width:32px; height:74px; line-height:1em; }
.contact p{float:left; width:250px; text-align:left; font-size:16px; color:#ffffff; line-height:37px; margin-left:15px;  }
.lab{float:left; width:300px; }
.msc{float:right; width:300px; }
.fdlink{margin:0 20px; }
.fdlinklist{width:330px; padding:0 40px;  height:74px; border:1px solid #ffffff; border-top:none; border-bottom:none;  }
.fdlinklist p{font-size:14px; color:#ffffff; line-height:25px; text-align:left; }

.webinfo{text-align:left; }
.webinfo{line-height:25px; }

/*------------列表页-----------*/
.list{margin:30px 0;}
.listl{float:left; width:220px;  }
.listr{float:right; width:950px; border:1px solid #e5eff7; }
.listr .location{float:right; margin-right:10px; margin-top:10px; }
.lmbt{height:50px; margin-bottom:20px; background:#004799; padding:0 20px; line-height:50px; text-align:center;  font-size:20px; color:#ffffff; font-weight:bold; } 
.lmlb{background:#ffffff; min-height:545px;  }
.lmlb li{background:#e6eff7 url(../images/sjjtl.png) no-repeat 20px center; color:#004799; height:36px; margin-bottom:10px; font-size:18px; line-height:36px; padding-left:55px; }
.lmlb li:hover{background:#004799 url(../images/sjjtb.png) no-repeat 20px center;  color:#ffffff; }
.lmlb li a{ color:#004799; }
.lmlb li:hover a{ color:#ffffff; }
.lbrbt{background:#ffffff; height:45px; line-height:45px; margin-bottom:20px; }
.lbrbt h2{float:left; padding:0 20px; line-height:45px; background:#0151b4; font-size:18px; color:#ffffff; }
.lbrbt span{float:right; margin-right:20px; font-size:14px; color:#e5eff7; }
.location{padding-left:40px; background:url(../images/location.png) no-repeat left center; color:#7f7f7f;  }

.location a, .page-index a{color:#7f7f7f;}
.location a:hover, .page-index a:hover{color:#0151b4;}
.listr .comtit{height:40px; margin-left:0;  border-bottom:1px solid #e5eff7; background-position:10px center; padding-left:28px;   }
.listr .comtit h2{line-height:40px; }
.listr .comtit span{ }
.listr .tylb{padding:20px 30px; }
.tylb{background:#ffffff; min-height:545px;  }
.tylb li{line-height:40px; list-style:inside disc; padding:0 10px;  color:#616161; font-size:16px; }
.tylb li:hover{background:#edecec; }
.tylb li span{float:right; }
/*------------单篇列表页-----------*/
.lbdp{text-align:justify; line-height:2em; padding:20px;  }
/* -----------人子图列表------------ */
.renpiclb{text-align:center; padding:20px; min-height:500px; }
.renpiclb li{display:inline-block; width:190px; height:280px; margin:0 15px 10px; }
.renpiclb li img{width:100%; height:240px; }
.renpiclb li p{line-height:40px; }
.renpiclb li span{}
/*------------内容页-----------*/
.page-index{border-top:1px solid #e5eff7; margin-top:20px; padding:30px 0; text-align:center; color:#7f7f7f; }
.content{ margin:30px 0; border:1px solid #e5eff7; }
.content .location{background-color:#ffffff; border-bottom:1px solid #e5eff7; height:40px; line-height:40px; padding-left:60px; background-position:30px center;   }
.con{background:#ffffff; padding:50px 70px;}
.con-tit{text-align:center; font-size:24px;  }
.con-info{text-align:center; font-size:14px; color:#7f7f7f; margin-top:25px; padding-bottom:10px; border-bottom:1px solid #e5eff7; }
.conzw{padding:20px 0; line-height:2em; text-align:justify;  }
.confp{border-top:1px solid #e5eff7; padding:20px 0 0; line-height:40px;  }

/* 移动端 */
.mbr{display:none; }
.kgan{display:none; }
.xxlmlb{display:none; }
@media (max-width: 768px) {
.lmtw{width:90%; }
.headbar{height:auto; padding:10px 0; }
.welcome{float:none; margin:0 auto;  text-align:center; }
.search{float:none;  margin:10px auto 0; }
.nav{height:auto; }
.logo{display:none !important; }
.mwwz{display:none;}
.sec1{width:90%; margin:0 auto; padding:20px 0; }
.comk{width:100%; margin:0 auto 10px; }
.sec2{height:auto; background-size:100% 100%; padding:20px 0;}
.s2list li{margin:0 10px 10px;}
.sec3{height:auto; padding:20px 0; margin:0 auto;}
.s3list li{margin-bottom:10px; }
.footer{height:auto; padding:20px 0; }
.footer li{display:block; width:100%; height:auto; }
.footer .lmtw{width:90%; }
.foottit{text-align:center; }
.contact h3{float:none; text-align:center; width:100%; height:auto; }
.contact p{float:none; margin:0 auto; width:100%; }
.lab{float:none; width:100%; }
.msc{float:none; width:100%; }
.fdlinklist{width:100%; margin:0 auto; padding:0 20px; }
.fdlink{margin:0 auto; }

.list{margin:20px auto; }
.xxlmlb{display:block; display: block;  margin:0px 0 20px;  }
.xxlmlb select{ width:100%; height:40px; line-height:40px; background:#0965c4;  color:#ffffff; border:none; font-size: 20px; text-indent: 20px;  font-weight: bold;  text-align:center;  }

.lbtop .location{float:none; margin:10px auto 0;  }
.lmbt{display:none; }
.listl{display:none; }
.listr{width:100%; }

.con{padding:10px; }
.conzw img{width:100% !important; height:auto !important; }

.location{padding-left:25px;  }
.location em{display:none; }
.content .location{height:auto; }
.listr .tylb{padding:10px; }
.tylb li span{float:none; display:block; }




}
@media (min-width: 769px) and (max-width: 1199px) {
}
@media (min-width:1200px) and (max-width:1599px) {
  .comk{margin:0 1px; width:295px; }
  .s2list li{margin:0 5px; }
  .s3list li{margin:0 5px; }
}
@media (min-width:1600px) {

}


