/*鍏敤寮€濮?/
.cl {
  color: #327bc0;
}
.img-md {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.img-md img {
  max-width: 95%;
  max-height: 95%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.ahr a:hover {
  color: #327bc0;
}
/* 缈婚〉 */
.pagenation {
  text-align: center;
}
.pagenation a {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  min-width: 28px;
  padding: 0 10px;
  text-align: center;
  color: #666;
  background: #e3e3e3;
  font-size: 12px;
}
.pagenation a.cur,
.pagenation a:hover {
  background: #327bc0;
  color: #fff;
}
/*鍏敤缁撴潫*/
/* 澶撮儴寮€濮 */
.site-top {
  background: #e8e8e8;
  padding-top: 5px;
  height: 40px;
  overflow: hidden;
  line-height: 35px;
}
.site-top .fr {
  height: 35px;
  padding-left: 25px;
  background: url(../images/phone.jpg) no-repeat left center;
}
.header {
  height: 87px;
  border-bottom: 1px solid #327bc0;
}
.header .logo {
  float: left;
  line-height: 85px;
}
.header .search {
  float: right;
  border-radius: 26px;
  border: 1px solid #999;
  width: 200px;
  height: 30px;
  margin-top: 40px;
}
.header .search .text {
  float: left;
  width: 160px;
  height: 28px;
  outline: none;
  padding-left: 15px;
  border-radius: 26px;
  line-height: 28px;
}
.header .search .btn {
  float: left;
  width: 28px;
  height: 28px;
  background: url(../images/search.png) no-repeat center;
}
.header-nav {
  float: left;
  margin-top: 26px;
}
.header-nav li {
  float: left;
  position: relative;
}
.header-nav li > a {
  display: block;
  color: #1462ac;
  height: 60px;
  font-size: 18px;
  line-height: 60px;
  padding: 0 25px;
  background: url(../images/rightline.jpg) no-repeat center right;
}
.header-nav li .subnav {
  position: absolute;
  left: 0px;
  top: 60px;
  width: 115%;
  background: rgba(6, 35, 91, 0.4);
  text-align: center;
  padding: 5px 0;
  font-size: 14px;
  z-index: 3;
  display: none;
  box-shadow: 0px 0px 2px #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.header-nav li .subnav a {
  display: block;
  line-height: 30px;
  color: #fff;
  position: relative;
}
.header-nav li .subnav a:hover {
  color: #327bc0;
}
.header-nav li .subnav .item {
  position: relative;
}
.header-nav li .subnav .item:hover .subnav {
  display: block;
}
.header-nav li .subnav .item .subnav {
  display: none;
  left: 101%;
  border-radius: 3px;
  top: 0;
}
.header-nav li .subnav .item .subnav a {
  display: block;
}
/* 澶撮儴缁撴潫 */
/*banner寮€濮?/
.banner {
  padding-bottom: 30px;
}
.banner .img {
  display: block;
  height: 540px;
  background-repeat: no-repeat;
  background-position: center;
}
.banner .bx-wrapper .bx-controls-direction a {
  display: none;
}
.banner:hover .bx-wrapper .bx-controls-direction a {
  display: block;
}
.banner .txt {
  position: absolute;
  top: 0;
  width: 250px;
  height: 540px;
  font-size: 18px;
  display: table;
  line-height: 38px;
}
.banner .txt .p {
  display: table-cell;
  vertical-align: middle;
}
.banner .txt.tl {
  text-align: right;
  right: 50%;
  margin-right: 350px;
  animation-delay: 2s;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  opacity: 0;
}
.banner .txt-sm {
  display: none;
}
.banner .txt.tr {
  text-align: left;
  left: 50%;
  margin-left: 350px;
  animation-delay: 3s;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  opacity: 0;
}
.banner li .img {
  animation-delay: 1s;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  opacity: 0;
}
.banner li .img,
.banner li .txt {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*banner缁撴潫*/
.ttl01 {
  font-size: 22px;
  overflow: hidden;
}
.ttl01 em {
  font-size: 20px;
  color: #ccc;
}
.ttl01 .more {
  float: right;
  display: block;
  font-size: 12px;
  color: #999;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 28px;
  border-radius: 20px;
  padding: 0 15px;
}
.ttl01 .more:hover {
  background: #327bc0;
  color: #fff;
  border-color: #327bc0;
}
.ttl02 {
  font-size: 20px;
  margin-bottom: 15px;
}
.ttl02 em {
  font-size: 17px;
  color: #327bc0;
  margin-left: 5px;
}
/* 浜у搧涓績寮€濮 */
.ipro {
  padding: 50px 0;
}
.ipro-tab .tab-head li {
  float: left;
  font-size: 14px;
  text-align: center;
  width: 135px;
  margin-right: 4px;
  height: 28px;
  line-height: 28px;
  color: #fff;
  cursor: pointer;
  background: #b6b6b6;
  position: relative;
}
.ipro-tab .tab-head li.cur,
.ipro-tab .tab-head li:hover {
  background: #327bc0;
}
.ipro-tab .tab-head li.cur::after,
.ipro-tab .tab-head li:hover::after {
  content: ' ';
  border-top: 7px solid #327bc0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  left: 50%;
  bottom: -7px;
  margin-left: -4px;
}
.ipro-tab .tab-body {
  position: relative;
  height: 250px;
}
.ipro-tab .tab-body > li {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}
.ipro-tab .tab-body > li.cur {
  visibility: visible;
}
.slide-pro .txt {
  margin-bottom: 30px;
}
.slide-pro .txt em {
  font-size: 16px;
  color: #002060;
  font-weight: bold;
  margin-right: 10px;
}
.slide-pro ul li img {
  width: 260px;
  height: 170px;
}
.slide-pro ul li h3 {
  text-align: center;
  margin-top: 10px;
}
.slide-pro .bx-wrapper .bx-controls-direction a {
  width: 50px;
  height: 50px;
  margin-top: -25px;
}
.slide-pro .bx-wrapper .bx-prev {
  left: -50px;
  background: url(../images/pager03.png) no-repeat center;
}
.slide-pro .bx-wrapper .bx-next {
  right: -50px;
  background: url(../images/pager04.png) no-repeat center;
}
/* 浜у搧涓績缁撴潫 */
/* 鍏充簬鎴戜滑寮€濮 */
.iabout {
  background: #f3f7fb;
  padding: 50px 0;
}
.iabout .more {
  color: #327bc0;
  font-size: 12px;
}
.iabout .box-right dl {
  margin-top: 30px;
}
.iabout .box-right dt {
  font-size: 16px;
}
.iabout .box-right .d1 {
  height: 28px;
  margin-top: 13px;
  background: url(../images/bluephone.jpg) no-repeat left center;
  padding-left: 32px;
  font-size: 17px;
  color: #327bc0;
  font-weight: bold;
  line-height: 28px;
}
.iabout .box-right .d2 {
  background: #327bc0 url(../images/mail.jpg) no-repeat 5px center;
  padding-left: 35px;
  color: #fff;
  height: 31px;
  line-height: 31px;
  display: inline-block;
  font-size: 15px;
  margin-top: 7px;
  padding-right: 10px;
}
/* 鍏充簬鎴戜滑缁撴潫 */
/* 鏂伴椈 */
.inews {
  padding: 50px 0;
}
.inews-img {
  margin: 0 30px;
  margin-top: 10px;
  position: relative;
}
.inews-img p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 37px;
  line-height: 37px;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.list-inews li {
  height: 43px;
  line-height: 42px;
  border-bottom: 1px dotted #ccc;
}
.list-inews .els {
  float: left;
  font-size: 15px;
  line-height: 42px;
  height: 42px;
  color: #666;
  width: 80%;
  padding-left: 18px;
  background: url(../images/sanjiao.jpg) no-repeat 5px center;
  overflow: hidden;
}
.list-inews .els:hover {
  color: #327bc0;
}
.list-inews .date {
  float: right;
  font-size: 13px;
  color: #999999;
}
/* 鍐呴〉寮€濮 */
.content {
  padding: 40px 0 50px;
}
.nybanner {
  height: 243px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* 宸︿晶 */
.main-left {
  float: left;
  width: 200px;
}
.main-menu-top {
  padding: 10px 0 10px 15px;
  font-size: 20px;
  color: #fff;
  background: #327bc0;
  border-bottom: 3px solid #fff;
}
.main-menu-top em {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #eae5e5;
  margin-top: 5px;
}
.main-menu {
  background: #fff;
}
.main-menu .list {
  position: relative;
  background: #f8f8f8;
}
.main-menu .list li {
  border-bottom: 2px solid #fff;
}
.main-menu .list li.cur .ttl {
  background: url(../images/sanjiao.jpg) no-repeat 20px center;
}
.main-menu .list .ttl {
  padding-left: 32px;
  line-height: 42px;
  cursor: pointer;
  position: relative;
}
.main-menu .list .ttl:hover {
  background: url(../images/sanjiao.jpg) no-repeat 20px center;
}
.main-menu .list .sublist {
  display: none;
  margin-bottom: 10px;
}
.main-menu .list .sublist a {
  display: block;
  line-height: 30px;
  padding-left: 55px;
  font-size: 12px;
  color: #666;
  background: url(../images/dian.jpg) no-repeat 42px center;
}
.main-menu .list .sublist a:hover {
  color: #327bc0;
}
.main-left-contact dl {
  padding: 10px 0;
  margin: 0 15px;
}
.main-left-contact dl dt {
  color: #327bc0;
  margin-bottom: 10px;
}
.main-left-contact dl dd {
  line-height: 20px;
  font-size: 12px;
}
/* 鍙充晶 */
.margin-right {
  width: 950px;
  float: right;
}
.main-ttl {
  border-bottom: 1px solid #d8d8d8;
}
.main-ttl h2 {
  float: left;
  font-size: 18px;
  padding-bottom: 8px;
  border-bottom: 1px solid #76a8d5;
  margin-bottom: -1px;
  z-index: 2;
}
.main-ttl .right {
  float: right;
  margin-top: 10px;
  font-size: 12px;
  background: url(../images/position.jpg) no-repeat left center;
  padding-left: 20px;
}
.main-ttl .right a:hover,
.main-ttl .right span {
  color: #327bc0;
}
.main-cont {
  padding-top: 40px;
}
.article-ttl {
  text-align: center;
}
.article-ttl em {
  display: inline-block;
  font-size: 18px;
  padding-bottom: 14px;
  position: relative;
}
.article-ttl em::after {
  content: ' ';
  width: 60%;
  height: 4px;
  background: #337cc0;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -30%;
}
.leftnav .ttl {
  font-size: 22px;
  color: #494747;
  text-align: center;
  margin-bottom: 10px;
}
.leftnav .ttl em {
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #999999;
  margin-top: 5px;
}
.leftnav ul li {
  height: 40px;
  border-bottom: 1px dashed #ccc;
  line-height: 40px;
  text-align: center;
}
.leftnav ul li a {
  display: block;
}
.leftnav ul li.cur,
.leftnav ul li:hover {
  color: #327bc0;
  background: url(../images/sanjiao.jpg) no-repeat 50px center;
}
.list-news {
  margin-left: 20px;
  margin-right: 20px;
}
.list-news li {
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 20px;
  margin-top: 30px;
  cursor: pointer;
}
.list-news li:hover .date {
  background: #337cc0;
}
.list-news li:hover .date span,
.list-news li:hover .date em {
  color: #fff;
}
.list-news li:hover .txt h3 {
  color: #327bc0;
}
.list-news li .date {
  width: 74px;
  height: 73px;
  background: #ecebeb;
  text-align: center;
  float: left;
  margin-top: -3px;
  margin-right: 25px;
}
.list-news li .date span {
  display: block;
  font-size: 30px;
  color: #333333;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #fff;
}
.list-news li .date em {
  display: block;
  font-size: 12px;
  color: #666666;
  height: 21px;
  line-height: 21px;
}
.list-news li .txt h3 {
  font-size: 16px;
  margin-bottom: 10px;
}
.list-news li .txt .discribe {
  font-size: 12px;
  line-height: 22px;
  height: 44px;
  color: #666;
  overflow: hidden;
}
.list-news li .txt .discribe a {
  color: #327bc0;
}
.list-news li .txt .discribe a:hover {
  text-decoration: underline;
}
/* 鍐呴〉缁撴潫 */
/* 搴曢儴 */
.footer {
  background: #f8f8f8;
  padding: 50px 0;
}
.footer-left {
  float: left;
}
.footer-left dl {
  float: left;
  padding: 0 50px;
  border-right: 1px solid #ccc;
}
.footer-left dl dt {
  font-size: 16px;
  color: #262626;
  margin-bottom: 8px;
}
.footer-left dl dd {
  color: #605e5e;
  font-size: 12px;
  line-height: 22px;
}
.footer-left dl dd:hover {
  color: #327bc0;
}
.footer-code {
  float: right;
  width: 125px;
  margin-right: 20px;
}
.copyright {
  text-align: center;
  background: #575757;
  color: #fff;
  height: 43px;
  line-height: 43px;
}
.fz13 {
  font-size: 13px;
}
.margin-right2 {
  float: none;
  margin: 0 auto;
}
.list-search {
  margin-top: 20px;
}
.list-search li {
  list-style: disc;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.list-search li:hover {
  color: #327bc0;
}
.list-search li h2 {
  font-size: 15px;
  margin-bottom: 10px;
}
.list-search li .p {
  font-size: 12px;
  line-height: 22px;
  color: #999;
}



/*2021-05-18*/
.pebunb{ padding-top:3%;}
.pebunb li{ margin-bottom:10px; background:#f9f9f9; font-size:15px; color:#666;}
.pebunb li .tb-tit{ padding:15px; line-height:25px;}
.pebunb li .tb-tit .date{ width:140px;}
.pebunb li .tb-tit .date:before{ content:''; width:8px; height:8px; display:inline-block; vertical-align:middle; margin-right:10px; background:#ccc;}
.pebunb li .tb-tit.on .date:before{ background:#387ec4;}
.pebunb li .tb-tit .anct{ padding-right:20px; cursor:pointer; background:url(../images/xz01.png) no-repeat right;}
.pebunb li .tb-tit.on .anct{ background:url(../images/xz02.png) no-repeat right;}
.pebunb li .tb-tit .con{ width:calc(100% - 260px); height:25px; overflow:hidden;}
.pebunb li .vlmaeb{ padding:0px 135px 20px 155px; display:none;}
.pebunb li .vlmaeb i{ position:absolute; right:15px; top:0px; color:#999;}
.pebunb li .vlmaeb  span{ color:#387ec4;}

.lenlmba{ text-align:center; border-bottom:1px solid #ddd; color:#387ec4; font-size:24px; padding-bottom:15px; font-weight:bold; margin-top:4%;}
.ebumla{ padding:4% 5%;}
.ebumla .d1{ font-size:15px; margin-bottom:10px;}
.ebumla .d2{ margin-bottom:20px;}
.ebumla .d2 .c1{ padding:0 10px; height:42px; border:1px solid #ddd; width:100%;}
.ebumla .d2 textarea{ padding:10px; width:100%; height:150px; border:1px solid #ddd;}
.ebunc .list{ width:30%; float:left; margin-right:5%;}
.ebunc .list:last-child{ margin-right:0;}
.ebunc .list .c2{ padding:0 70px 0 10px; height:42px; border:1px solid #ddd; width:100%;}
.ebunc .list a{ position:absolute; right:0; top:0;}
.ebunc .list .c1{ width:100%; height:42px; border:1px solid #137cc4; cursor:pointer; color:#fff; background:#137cc4;}
.ebunc .list .c3{ width:100%; height:42px; border:1px solid #ddd; cursor:pointer; color:#999; background:#e7e7e7;}


.ubten{  background:#fff; max-width:440px; margin:8% auto 0; border:1px solid #ddd; padding:35px 40px;}
.ubten .d1{}

.lomic .d1{}
.lomic .d1 .b1{ color:#007cc1; text-align:center; font-size:24px; font-weight:bold; line-height:45px;}
.lomic .d1 .b2{ color:#666; text-align:center; text-transform:uppercase;}
.lomic .d3 .list{ margin-top:20px; padding-left:38px; border:1px solid #ccc; position:relative;}
.lomic .d3 .list img{position:absolute; right:10px; top:10px;}
.lomic .d3 .list .c1{ width:100%; padding:0 10px; height:38px; border:none;}
.lomic .d3 .list .c2{ position:absolute; right:0;top:0; width:100px; color:#808080; height:38px; border:none; cursor:pointer; background:#fff;}
.lomic .d3 .list:before{ content:''; position:absolute; left:0; top:0; width:38px; height:38px; background:#ccc no-repeat center center;}
.lomic .d3 .list.l1:before{ background-image:url(../images/xz03.png);}
.lomic .d3 .list.l2:before{ background-image:url(../images/xz04.png);}
.ebunt{ margin-top:20px; color:#808080;}
.butae{ margin-top:20px;}
.butae input{ width:100%; height:40px; border:none; cursor:pointer; color:#fff; font-size:16px; background:#007cc1;}
.plien{ margin-top:10px; text-align:right;}
.plien a{ color:#808080; margin-left:20px;}


.ubetam{ padding:6% 0; max-width:720px; margin:0 auto;}

.ubetam .odre .d2 {
    margin-top: 10px;
}
.ubetam .odre .d2 span {
    color: #f00;
}
.ubetam .odre .d3 {
    margin-top: 5px;
}
.ubetam .odre .d3 input {
    width: 100%;
    height: 35px;
    border: 1px solid #ccc;
    padding: 0 10px;
}
.loeai{ text-align:right; margin-top:25px;}
.loeai input {
    border: none;
    cursor: pointer;
    width: 160px;
    height: 45px;
    color: #fff;
    background: #007cc1;
    font-size: 16px;
}
.eoblcc{ margin-bottom:20px;}
.eoblcc .d1{ color:#007cc1; text-align:center; font-size:24px; font-weight:bold; line-height:45px;}
.eoblcc .d2{color:#666; text-align:center; text-transform:uppercase;}





@media (max-width: 780px) {
.lenlmba{ font-size:18px;}
.pebunb li .tb-tit .date{ width:50%;}
.pebunb li .tb-tit .con{ width:100%; margin-top:10px;}
.pebunb li .vlmaeb{ padding:0 15px 15px;}
.pebunb li .vlmaeb i{ position:relative; top:0; right:0; margin-bottom:5px; display:block;}
.ebunc .list{ width:100%; margin-bottom:10px; margin-right:0;}
.lomic .d1 .b1,.eoblcc .d1{ font-size:20px;}
.ubten{ padding:20px;}
}