@charset "utf-8";
/* CSS Document */
body{ font-size:14px; overflow-x:hidden; font-family: "Microsoft YaHei" }
ul li{ margin:0px; padding:0px;}
a:hover{ text-decoration: none;}

.container-80{ max-width: 1300px; margin: 0 auto;}

.navbar-light .navbar-nav .nav-link{ color: #000000; font-size: 16px;}
.navbar-expand-lg .navbar-nav .nav-link{ padding-left: 1.2rem; padding-right: 1.2rem;}


.banner img{ max-width: 100%;}
.bwap{ display:none}

.banner-text h5{ font-size: 3rem; color: #fff; font-weight: 700;}
.banner-text p{ font-size: 20px; color: #fff;  margin-top: 1rem;}
.carousel-caption{top:60%; left: 50%;transform:translate(-50%,-50%);}
.banner-text::before{ content:'';position:absolute;width:300px;height:400px;display:block;border:10px solid rgba(255,255,255,.2);top:4.5rem;
margin-top:-200px;left:-6rem;transition-delay:2s; transition-duration:2s; transform:translate3d(-80px,0,0);opacity:0}
 .banner-text:before {transition-delay:1.3s; transform:translate3d(0,0,0); opacity:1}


.m1{ padding: 50px 0px;}
.m1-list{width:94%; margin-left:3%;margin-right:3%;}
.lmtitle{ position: relative; font-weight: 700;}
.lmtitle::after {
 content: "";
 background-color: rgba(29,92,167,1);
 height: 3px;
 width: 50px;
left:50%;
margin-left: -25px;
 bottom: -16px;
 position: absolute;
}


.m1-list-iteam .proLi {
 position:relative;
 overflow:hidden;
 padding:1rem;
 height:auto
}
.m1-list-iteam .proLink {
 position:relative;
 display:block;
 width:100%;
 height:100%;
 overflow:hidden;
 transition:all .5s ease;
 border:1px solid rgba(243,243,243,1)
}
.m1-list-iteam .proLink::after {
 content:'';
 position:absolute;
 left:0;
 bottom:0;
 width:0;
 height:2px;
 background-color:#1d5ca7;
 transition:all .5s ease
}
.m1-list-iteam .proTitle {
 position:relative;
 text-align:center;
 padding:0 20%;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 color:#000;
 font-size:1.125rem;
 height:70px;
 line-height:70px;
 transition:all .5s ease
}
.m1-list-iteam .search {
 position:absolute;
 left:10px;
 top:-10px;
 display:block;
 width:20px;
 height:20px;
 color:#fff
}
.m1-list-iteam .proImgBox {
 position:relative;
 width:100%;
 height:0;
 padding-bottom:60%;
 overflow:hidden
}
.m1-list-iteam .proImg {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%) scale(1);
 width:100%;
 transition:all 2s ease .5s
}
.m1-list-iteam .proSummry {
 padding:20px 30px 0
}
.m1-list-iteam .iconfont {
 transition:.5s
}
.m1-list-iteam .sum {
 display:-webkit-box;
 overflow:hidden;
 -webkit-line-clamp:2;
 -webkit-box-orient:vertical;
 text-overflow:ellipsis;
 line-height:1.5;
 color:#000
}
.m1-list-iteam .lookMore {
 width:100%;
 padding:1rem 0 2rem;
 text-align:center;
 font-size:1rem;
 color:#1d5ca7;
 font-family:Oswald
}
.m1-list-iteam .proTitle::before {
 content:'';
 position:absolute;
 left:-170px;
 top:-70px;
 width:140px;
 height:140px;
 background-color:#1d5ca7;
 transform:rotate(45deg);
 transition:all .5s ease
}
.m1-list-iteam .proLi:hover .proTitle::before {
 left:-100px
}
.m1-list-iteam .proLi:hover .proImg {
 transform:translate(-50%,-50%) scale(1.1)
}
.m1-list-iteam .proLi:hover .lookMore .iconfont {
 margin-left:5px
}
.m1-list-iteam .proLi:hover .proLink {
 box-shadow:0 0 20px #ddd
}
.m1-list-iteam .proLi:hover .proLink::after {
 width:100%
}

.m1-list>.row{ margin: 50px 0px ; }

.m2{ background: url(../images/bj01.jpg); background-position: left center; padding:30px 0px}
.m2-con{ background: #fff;width:94%;margin-left:3%;margin-right:3% }
.m2-z{ padding: 80px 30px;}
.m2-z h2{ font-size: 30px; font-weight: 700;position: relative;}
.m2-z h2::after {content: "";background-color: rgba(29,92,167,1); height: 3px; width: 50px;left:0%;bottom: -16px; position: absolute;}
.m2-z p{ margin-top: 30px; line-height: 30px; color: #666; font-size: 14px;}
.m2-r img{ max-width: 100%;}
.m2-r{padding-right:0px}
.more{ background-color:rgba(29,92,167,1); border:1px #1d5ca7 solid; border-radius:0px; padding: 6px 40px;}

.m3{ padding: 50px 0px;}

.m2-con1{display:none}

.m3-list-iteam .newLi {
 position:relative;
 overflow:hidden;
 /*padding:1rem;*/
 height:auto
}
.m3-list-iteam .newLink {
 display:block;
 width:100%;
 overflow:hidden;
 border:solid 1px #e9e9e9;
 transition:all .5s ease
}
.m3-list-iteam .newImgBox {
 position:relative;
 width:100%;
 height:200px;
 overflow:hidden
}
.m3-list-iteam .newImg {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%) scale(1);
 width:100%;
 height:auto;
 transition:all .5s ease
}
.m3-list-iteam .txtBox {
 width:80%;
 margin-left: 10%;
 overflow:hidden;
 margin-top: 15px;
}
.m3-list-iteam .newTitle {
 position:relative;
 width:100%;
 padding-right:50px;
 height:50px;
 border-bottom:solid 1px #e9e9e9
}
.m3-list-iteam .name {
 display:block;
 width:100%;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 font-size:18px;
 
}
.m3-list-iteam a .name { color: #000;}
.m3-list-iteam .imgLink {
 position:absolute;
 top:0;
 right:10px;
 display:block;
 width:30px;
 height:30px;
 overflow:hidden
}
.m3-list-iteam .newSummry {
 overflow:hidden;
 white-space:nowrap;
 text-overflow:ellipsis;
 margin-top:20px;
 margin-bottom: 20px;
 color:#333
}
.m3-list-iteam .newLi:hover .newLink {
 -moz-box-shadow:0 0 30px #ccc;
 -webkit-box-shadow:0 0 30px #ccc;
 box-shadow:0 0 1rem #ccc
}
.m3-list-iteam .newLi:hover .newImg {
 transform:translate(-50%,-50%) scale(1.1)
}


.m3-list{ margin-top:50px;width:94%;margin-left:3%; margin-right:3%}
.m3-list>.row{ margin: 0px;}
.m2-con>.row{ margin: 0px;}


.m4{ background: url(../images/bj02.jpg); background-position: left center;padding:100px 0px; color: #fff;}
.m4 p{ width: 50%; margin: 0 auto; text-align: center; font-size: 16px;}

.foot{ background-color: #1d5ca7; padding: 30px 0px; color: #fff;}

.foot-nz a{ color: #fff;}
.foot-nz-r{ text-align: right;}
.tcdPageCode {
  text-align: center;
  color: #808080;
  font-size: 14px;
	margin-top: 30px;
}
.tcdPageCode li {
  display: inline;
}
.tcdPageCode span.disabled {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #808080;
  background: #fff;
  border: 1px solid #e6e3e3;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode span.current {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #fff;
  background-color: #ff6f06;
  border: 1px solid #ff6f06;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode a {
  display: inline-block;
  color: #ff6f06;
  height: 35px;
  line-height: 35px;
  background: #fff;
  padding: 0 14px;
  border: 1px solid #ddd;
  margin: 0 2px;
  vertical-align: middle;
  border-radius:1px;
}

.page{ background-color: #f8f8f8; padding: 60px 40px;}
.pageclass{ background-color: #fff;}
.pageclass  h1{ height: 80px; background-color: #1d5ca7; line-height: 80px; width: 100%; font-size: 20px; color: #fff; padding-left: 20px; font-weight: 700; margin-bottom: 0px;}
.pageclass ul{ padding: 0px; margin: 0px;}
.pageclass ul li{ background-color: #fff; font-size: 14px; list-style-type: none;}
.pageclass ul li a em{  width: 4px;
  height: 4px;
  display: inline-block;
  background: #005899;
  vertical-align: middle;
  MARGIN: 16px 20px 14px 16px;}
  .pageclass ul{ border: 1px solid #f0f0f0;}
.pageclass ul li a{ font-size: 16px; color: #707070; line-height: 50px;width: 100%; display: block;}
 .pageclass ul li a.active{ background-color: #e6f7ff; color: #1d71c2; } 
.pageclass ul li a:hover{background-color: #e6f7ff;}

.pagebody-nr img{ max-width:100%}


.pagebody  h1{ height: 80px; background-color: #1d5ca7; line-height: 80px; width: 100%; font-size: 20px; color: #fff; padding-left: 20px; font-weight: 700; margin-bottom: 0px;}

.pagebody-nr{ background-color: #fff; padding: 20px; line-height: 32px; color: #707070;}
.pic{ background-color: #f8f8f8; padding: 60px 40px;}
.pic h1{ height: 80px; background-color: #1d5ca7; line-height: 80px; width: 100%; font-size: 20px; color: #fff; padding-left: 20px; font-weight: 700; margin-bottom: 0px;}

.piclist{ background-color: #fff;}

.piclistshow{ background-color: #fff;padding-top: 30px;}
.piclistbody{padding: 20px; line-height: 32px; color: #707070; }
.picfy{ margin-top: 50px;}
.picfy a{ color: #707070;}
.picfy p{ margin-bottom: 0px;}


.text-nr{ background-color: #fff;padding: 20px;}
.text-iteam{background-color: #f5f5f5; padding:10px; margin-bottom: 30px;min-height:110px}
.text-iteam h3{ font-size: 16px;}
.text-iteam h3 a{ color: #000;}
.text-iteam img{ float: left; margin-right: 10px; width: 150px; height: 88px;}
.text-iteam p{ margin-bottom: 0px; color: #8c8c8c;}

.pagebody-nr h4{ color: #000;}
.showdata{ margin-bottom: 20px;}

.contact{ margin-top: 100px;}
.contact-z p{ font-size: 15px; line-height: 36px; color: #696969;}
.contact-r img{ width: 100%;}


.ly{ background-color: rgba(244,247,252,1); padding: 80px 20px; margin-top: 50px;}
.ly-nr{ margin-top: 50px;}
.contact>.row{ margin: 0px;}

.lsiteam img{ height:270px}
.lsiteam  a { line-height:36px; color:#000}
.foot-n{ padding:0 50px}

@media(max-width:767px) {
	.container-80{ max-width: 100%;}
	.logo img{ height: 30px;}
	.m2-r{ padding:20px}
	.newTitle{ margin-top: 20px;}
	.m1{ padding-bottom: 0px;}
	.m2{ padding-top: 0px;}
	.m2-z{padding-top: 20px; padding-left: 5px;padding-right: 5px;padding-bottom: 20px;}
	.m2-r{padding: 0px;}
	.m4 h1{ font-size: 28px;}
	.m4 p{ width: 90%;}
	.foot-n{ padding:10px 30px}
	.navbar-toggler{ padding:2px;}
	.navbar-light .navbar-toggler{ border: 1px solid #1d5ca7;}
	.foot-nz-r{ text-align: left;}
	.pageclasswap{ display: none;}
	.piclist>.row{margin: 0px;}
	
	.text-iteam img{  width: 115px; height: 70px;}
	.text-iteam p{ height: 22px; overflow: hidden;}
	
	.contact{ margin-top: 60px;}
	.ly{ margin-top: 30px;}
	
	.navbar-nav{ margin-top: 10px; border-top: 1px solid #eee;}
  
  .page{ padding: 60px 0px;}
    .pic{ padding: 60px 0px;}
  .m2-con{display:none}
  .m2-con1{display:block}
  .m2-con1{ background: #fff;width:94%;margin-left:3%;margin-right:3% }
  .m2-rimg1 img{ width:100%}
  
  .page>.container-80{ max-width: 94%;}
   .pic>.container-80{ max-width: 94%;}
  .bwap{ display:block}
  .bpc{ display:none}
}