* { font-family: "微软雅黑"; margin: 0; padding: 0;}
ul,li { list-style: none;}
img{ border: none; }
body,
html {
    background: #fff;
    overflow-x: hidden;/*手机端100%宽度*/
}
a,
a:focus,
a:hover,
a:active {
  outline: 0;
  text-decoration: none !important;
  cursor: pointer;
}
p{
  color: #444;
}
.swiper-slide img{width:100%;}
.swiper-container{box-shadow:0 0 15px #ddd}
.swiper-pagination-bullet-active{width:20px;background:#005a77;border-radius:5px;}
/*nav*/
.topnav{ width: 100%; background: #fff;}
.navbar-nav li{ position: relative;overflow:hidden;text-align:center; }
.navbar-nav li ul{ position: absolute; top:50px; left: 0; display: none; background: #fff;
   border: 1px solid #ddd; text-align: center; padding-top: 0px;}
.navbar-nav li:hover ul{ display: block;}
.navbar {
  position: relative;
  min-height: 84px !important;
  z-index: 1;
}
.nav li a {
  font-size: 16px !important;
  padding: 32px 20px 32px 20px !important;
  display:inline-block;
  width:100%;
}
.navbar-default {
  background-color: #fff !important;
}
.navbar-collapse{
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.container-fluid{padding-left:0;padding-right:0;}
.qiehuan{margin-top:27px;float:right;}
.qiehuan a{display:inline-block; background:#ccc; width:30px; height:30px; border-radius:15px;text-align:center; line-height:30px;color:#fff;margin:0 5px; }
.qiehuan a.current{background:#005a77;}
@media (min-width: 768px){
.mqiehuan{display:none;}
}
@media (max-width: 768px) {
.navbar-nav{margin:0;padding:10px 0; background:#005a77;}
.navbar-default .navbar-nav > li > a{color:#fff;}
.qiehuan{display:none;}
.mqiehuan{position:absolute;right:70px;margin-top:14px;}
.mqiehuan a{display:inline-block; background:#ccc; width:26px; height:26px; border-radius:13px;text-align:center; line-height:26px;color:#fff;margin:0 3px;font-size:13px; }
.mqiehuan a.current{background:#005a77;}
}
.carousel-indicators li {
  display: inline-block;
  width: 50px !important;
  height: 4px !important;
  background: #fff !important;
  border: 0 !important; 
  margin: 1px 8px !important;
}
.carousel-indicators .active {
  background-color: #005a77 !important;
}
.top{
  width: 100%;
  height: auto;
  display: inline-block;
  background: #005a77;
  color: #fff;
  height: 46px;
  line-height: 46px;
}
.top .tleft{
  float: left;
}
.top .tleft p{
  color: #fff;
}
.top .tright{
  float: right;
}
.top .tright img{
  margin-right: 0px;
}
.tright span{margin-left:10px; display:inline-block;}
.tright span a{color:#fff;display:inline-block;}
.tright span a:hover{font-size:15px;}
/* syabout */
.box{
  width: 100%;
  height: auto;
  display: inline-block;
  color: #333;
  margin: 50px 0 30px;
}
.box .ableft{
  padding-right: 50px;
  margin-top: 32px;
}

.ableft p{
  line-height: 28px;
  text-align: justify;
  margin: 6px 0 46px;
}
.more{
  color: #444;
  border: 1px solid #ddd;
  padding: 10px 40px;
  display: inline-block;
}
.more:hover{background:#005a77;color:#fff;}
.more i{
  color: #ddd;
}
.cn{
  font-weight: 500;
  font-size: 28px;
  color:#666;
}
.nb{font-weight:normal}
.top30{margin-top:30px;margin-bottom:0;}
.cn.lan{
  color: #005a77;
}
.xhx{margin-bottom:20px;display:block;}
.xhx:before{ content:''; width:50px; height:2px; background:#005a77; display:inline-block;}
.cn.bai{
  color: #fff;
}
.boxfa{
  width: 100%;
  /* height: 746px;
  background: url(../image/bg.jpg) center center no-repeat; */
  background:#ffffff;
}
.title{
  width: 100%;
  height: auto;
  text-align: center;
  margin: 60px 0 50px 0;
}
.jjfa .col-md-4{padding-left:0;padding-right:0;}
.jjfa .items{padding:10px; border:1px solid #ccc; margin:5px;}
.jjfa .items h4{color:#666;}
.jjfa .items p{color:#999;}
.jjfa .items:hover{background:#005a77;}
.jjfa .items:hover h4,.jjfa .items:hover p{color:#fff;}

.boxfa2{width:100%; background:#ffffff; padding-bottom:50px;}
.youshi .col-md-3{padding-left:0;padding-right:0;}
.youshi .items{padding:0 10px 10px; border:1px solid #ccc; margin:5px;}
.youshi .items h2{color:#666;}
.youshi .items p{color:#999;} 
.youshi .items:hover{background:#005a77;}
.youshi .items:hover h2,.youshi .items:hover p{color:#fff;}

.title.top60{
  margin-top: 60px !important;
}
.title.top40{
  margin-top: 40px !important;
}
.boxal .col-md-4{padding-left:3px;padding-right:3px;}
.classtu{
  display: block;
  margin: 0 auto;
}
.fan{
  width: 100%;
  height: auto;
  padding: 60px 10px 108px;
  background: #fff;
  text-align: center;
  margin: 50px auto 0;
  position: relative;
  box-shadow: 1px 1px 10px 1px #ddd;
}
.fan p{
  font-size: 18px;
}
.fan p::after{
  content: "";
  position: absolute;
  width: 10%;
  height: 2px;
  top: 86px;
  left: calc( 50% - 5%);
  z-index: 1;
  background: #005a77;
  margin: 20px 0;
}
.fan img{
  margin-top: 60px;
  width: 94%;
  height: auto;
}
.title .jj{
  color: #595959;
  margin: 26px 0 46px;
}

.anli{
  background: #d9eaef;
  text-align: center;
  width: 100%;
}
.anli:hover{
  background: #005a77;
  cursor: pointer;
}
.anli:hover p a{
 color: #fff;
}
.anli img{
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.anli p{
  line-height: 58px;
  font-size: 16px;
  margin-bottom:6px;
}

.boxnew{
  width: 100%;
  height: auto;
  background: #ffffff;
}
.news{
  width: 100%;
  height: auto;
  background: #fff;
}
.news img{
  display: block;
  width: 100%;
}
.news .zi{
  width: 100%;
  height: auto;
  padding: 10px 12px 20px;
}
.news .zi h5{font-size:14px;height:24px;line-height:24px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;margin-top:0; font-weight:bold;}
.news p{
  color: #777;
  font-size:13px;
}

.bn{
  padding: 5px 10px;
  color: #777;
  display:block;
  font-size:12px;
  text-align:center;
}
.more .bn:hover{color:#fff;}
.partner{
	width:100%;
	display: inline-block;
	margin-bottom:120px;
}
.partner li{
  width: 20%;
  height: auto;
  float: left;
  border: 1px solid #ddd;
  padding:10px 0;
  text-align:center;
}

.partner li img{
}
footer{
  width: 100%;
  height: auto;
  background: #323232;
  border-top: 6px solid #005a77;
}
.bq{
  width: 100%;
  height: auto;
  border-top: 1px solid #474747;
  color: #fff;
  padding: 24px 0 14px;
}
.bq p{
  display: inline-block;
  float: left;
  color: #fff;
}
.bq a{
  color: #fff;
  float: right;
}
footer ul{
  padding: 50px 0 25px 0;
  width: 100%;
  height: auto;
  margin-bottom:0;
}
footer h5{
  color: #fff;
  font-size: 16px;
}
footer li,footer li a{
  color: #999;
  line-height: 36px;
}
footer .ewm{
  display: inline-block;
  margin: 50px 0;
  width: 100%;
  text-align: center;
}
.pa0{
  padding: 0 !important;
}

/* 内页style */
.nyban{
  width:  100%;
  height: auto;
}
.nyban img{
  width: 100%;
  display: block;
}
.navbar-brand > img {
  display: block;
  width: 180px;
}
.nybox{
  width: 100%;
  height: auto;
  background: #f4f4f4;
}
.nybox .pleft{
  float: left;
}
.position{
  width: 100%;
  background: #fff;
  height: 68px;
  line-height: 68px;
}
.nybox .pleft ul li{
  float: left;
  padding: 0 15px;
}
.nybox .pleft ul .active{
  background: #005a77;
}
.nybox .pleft ul .active a{
  color: #fff;
}
.pright{
  float: right;
}
.current a{
  color: #005a77 !important;
}
.pright ul li{
  float: left;
  margin: 0 2px;
}
.position a{
  color: #444;
}
.nycontent{
  width: 100%;
  padding: 20px 0 30px;
  display: inline-block;
}
.tu {
  width: 100%;
  display: block;
  margin: 0 auto;
}
.nyableft{
  padding-right: 50px;
  padding-bottom: 80px;
}
.nyableft h2{font-size:36px; color:#005a77; text-transform:uppercase;}
.nyableft h4{
  font-size: 28px;
  margin-bottom: 30px;
}
.nyableft p{
  line-height: 24px;
  text-align: justify;
}

.pbox{
  width: 100%;
  height: auto;
  margin-bottom: 52px;
}
.pbox img{
  width: 100%;
  height: auto;
   margin: 50px auto 0;
   box-shadow:0 0 1px #ccc;
   background-color: skyblue;
   transition: all 1s;
}

.pbox:hover {
  box-shadow: 10px 10px 10px #ddd;
}

.pbox p{
  text-align: center;
  line-height: 56px;
  font-size: 16px;
  color: #1b1b1b;
  background: #fff;
}
.pbox:hover p{
  background: #005a77;
  color: #fff;
}
.pagebox{
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto;
}
.pageleft span,.pageleft a{display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ccc;
margin: 0 2px;}
.pageleft span.current,.pageleft a:hover{
  background: #005a77;
  border: 1px solid #005a77;
  color:#fff
}
.pageleft .active a{
  color: #fff;
}
.pageleft li{
  float: left;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border: 1px solid #666;
  margin: 0 2px;
}
.pageleft li a{
  color: #444;
}
.pageleft li a i{
  font-size: 20px;
}
.pageleft,.pageright{
  float: left;
}
.pageright {
  line-height: 36px;
}
.pageright span{
  display: inline-block;
  margin: 0 5px;
}
.pageright span input{
  background: #f4f4f4;
  border: 1px solid #666;
  line-height: 20px !important;
  margin: 8px 3px;
  padding: 0 12px;
}
.pageright button{
  background: #f4f4f4;
  border: 1px solid #666;
  line-height: 20px !important;
  margin:8px 3px;
  padding: 0 12px;
}
.nybai{
  width: 100%;
  background: #fff;
  padding: 30px 50px 115px;
  margin: 15px 0 20px;
  display: inline-block;
}
.nybai .nsline{
  width: 100%;
  text-align: center;
  font-size: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom:20px;
}
.tus{
  display: block;
  margin: 20px auto;
}
.nybai p{
  text-indent:  2em;
  text-align: justify;
  line-height: 28px;
}
.nybai p span{display:inline-block; margin:0 5px;text-indent:0;}
.linian p{
  margin-bottom: 20px;
}
.zshubox{
  width: 18%;
  margin: 0 1% 28px;
  float: left;
}
.zshubox p{
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  color: #1b1b1b;
  background: #fff;
  padding: 5px 0;
}
.zshubox p span{
  color: #005a77;
  font-size: 16px;
}
.zshubox:hover p{
  background: #005a77;
  color: #fff;
}
.zshubox:hover p span{
  background: #005a77;
  color: #fff;
}
.ntu{
  width: 100%;
  height: auto;
}
.newlist li{
  width: 100%;
  height: auto;
  display: inline-block;
  background: #f4f4f4;
  padding: 15px 0;
  margin-bottom: 15px;
}
.nzi{
  margin: 0px 0 6px;
}
.nzi a{color:#444}
.nzi h5{font-size:16px; font-weight:bold;margin-top:5px;}
.nzi p a{font-size:14px;}
.nmore p{
  width: 100%;
  text-align: left !important;
  text-indent: 0 !important;
  font-size: 20px;
  margin: 20px 0 42px;
}
.nmore a{
  color: #aaa;
  border: 1px solid #aaa;
  padding: 10px 12px;
  border-radius: 20px;
}
.ntime{
  font-size: 12px;
  color: #aaa;
  width: 100%;
  text-align: center !important;
  margin-bottom: 20px;
  text-indent:0;
}
.ntime img{
  margin-right: 5px;
}
.fnext{
  width: 100%;
  height: auto;
  border-top: 1px solid #ddd; 
  margin-top: 30px;
  padding-top:20px;
}
.fnext a{color:#333;}
.fnext .Previous,.fnext .next{
  line-height: 58px;
  color: #666;
}
.fnext .Previous{
float: left;
}
.fnext .next{
  float: right;
}
.pc{
  display: block;
}
.mobile{
  display: none;
}

@media (max-width: 768px) {
  .navbar-brand > img {
      display: block;
      width: 120px;
  }
  .navbar {
    position: relative;
    min-height: 60px !important;
  }
  .navbar-default .navbar-toggle{
    border: none !important;
  }
  .navbar-default .navbar-toggle .icon-bar{
    background-color: #005a77 !important;
  }
  .navbar-toggle .icon-bar {
    width: 28px !important;
    height: 4px !important;
    border-radius: 5px !important;
}
.nav > li > a {
  padding: 12px 0 !important;
  text-align: center;
}
.cn,.xhx{text-align:center;}
.box .ableft {
  padding-right: 0 !important;
  text-align: center;
  margin-top:0;
}
.box .ableft p{margin-bottom:0;margin-top:0;}
.box{
  margin: 0 !important;
}
.box .col-xs-12{padding-left:0;padding-right:0;}
.mnone{
  display: none !important;
}
.boxfa {
  width: 100%;
  height: auto;
  display: inline-block;
}
.pc{
  display: none !important;
}
.mobile{
  display: block;
}
.mobile h4{
  color: #333 !important;
}
.title{
  margin: 0 !important;
}
.fan p{
  font-size: 12px;
}
.fan {
  padding: 26px 5px 10px;
  margin: 18px auto 0;
}
.fan p::after{
  content: "";
  position: absolute;
  width: 10%;
  height: 2px;
  top: 32px;
  margin: 20px 0;
}
.pa5{
  padding: 0 5px !important; 
}.fan img {
  margin-top: 20px;
}
.cn.lan{
  margin-bottom: 20px;
}
.anli{
  margin-bottom:  12px;
}
.anli p{
  font-size: 12px;
  line-height: 42px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.more {
  width: 60%;
  margin: 0 auto;
  background: #009599;
  color: #fff;
  margin-top: 30px;
}
.boxnew{
  background: #ffffff;
}
.n1{
  width: 100%;
  padding: 8px 6px;
  display: inline-block;
  margin-bottom: 10px;
}
.n1 h5{
  color: #111;
  float: left;
  margin-left: 4%;
}
.n1 img{
  width: 40%;
  float: left;
}
.n1 p{
  width: 56%;
  margin-left: 4%;
  float: left;
}
.n1 p span{display:inline-block; margin-left:15px; color:#999;}
.mobile ul li{
  background: #fff;
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding: 0 8px 0 5px;
  display: inline-block;
}
.mobile ul li i{
  float: left;
  line-height: 42px;
  margin-right: 5px;
 }
.mobile ul li p{
 float: left;
 text-overflow:ellipsis;
 white-space:nowrap;
 overflow:hidden;
 display:block;
 width:70%;
}
.mobile ul li span{
  float: right;
  color: #999;
 }
 .nmore{
   width: 60%;
   height: 42px;
   line-height: 42px;
   text-align: center;
   background: #009599;
   color: #fff;
   margin:0 auto;
   display: block;
 }
 .boxnew .container{padding-left:5px; padding-right:5px;}
 .boxpt .container{padding-left:5px; padding-right:5px;}
 .partner li {
  width: 33.3333%;
  padding:0;
 }
 .partner li img{width:90%;text-align:center;}
 .partner {
  display: inline-block;
  margin: 12px 0 64px;
}
footer {
  width: 100%;
  height: auto;
  background: #323232;
  border-top: none;
}
.mfoot{
  width: 100%;
  height: auto;
  padding: 30px 0;
  text-align: center;
}
.mfoot p{
  color: #838383;
}
.mfoot ul {
  padding: 20px 0;
  width: auto !important;
}
.mfoot ul li{
  background: none !important;
  float: left;
  width: 50px;
  height: 50px;
  border: 1px solid #aeaeae;
  border-radius: 10px;
  text-align: center;
  margin: 0 15px;
}
.mfoot ul li i{
  color: #aeaeae;
  font-size: 28px;
  display: block;
  margin: 0 auto;
  line-height: 50px;
  text-align: center;
  margin-left: 5px;
}
.mfoot img{
  margin: 20px;
  width: 140px;
  height: auto;
}
.icon{
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: inline-block;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center; 
}
.pright{
  display: none;
}
.nybox .pleft{
  width: 100%;
  height: auto;
}
.nybox .pleft ul li{
  width: 25%;
  border-right: 1px solid #ddd;
}
.nybox .pleft ul li:nth-of-type(4){
  width: 25%;
  border-right: none;
}
.nyableft {
  padding: 0;
}
.nyableft h2{font-size:36px; color:#005a77; text-transform:uppercase;}
.nyableft img{
  display: block;
  margin: 0 auto;
  width:100%;
}
.mpat80{
  margin-bottom: 80px;
}
.position{
  background: none;
  border-bottom: 1px solid #ddd;
}
.nyableft h4{
  text-align: center;
}
.mpd5{
  padding: 0 5px !important;
}
.n2{
  width: 100%;
  background: #fff;
  padding: 8px 6px;
  display: inline-block;
  margin: 18px 0 0;
}
.n2 h5{
  color: #111;
  float: left;
  margin-left: 4%;
  width:50%;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  margin-top:0;
  font-weight:bold;
}
.n2 img{
  width: 40%;
  float: left;
}
.n2 p{
  width: 56%;
  margin: 0 0 0 4%;
  float: left;
  color: #666;
}
.pbox.altu img{
  margin: 0 !important;
}
.pbox p{
  font-size: 12px;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
}
.pbox{
  margin-bottom: 12px;
}
.nycontent {
  width: 100%;
  padding: 20px 0 30px;
  display: inline-block;
}
.tus{
  width: 100%;
  height: auto;
}
.nybai{
  background: none;
  padding: 0;
}
.nybai img{width:100%;}
.jjfan img{width:100%;}
.jjfan .col-md-12,.jjfan .col-xs-12{padding-left:5px; padding-right:5px;}
}
.jitems:hover{cursor:pointer;}
.jitems:hover .items{background:#005a77;color:#fff;}
.jitems:hover .items p{color:#fff;}
.jitems:hover .items h4{color:#fff;}
.jjfan .items{padding:10px; border:1px solid #ccc;border-radius:5px; margin:5px; overflow:hidden;}
.jjfan .items h4{color:#666;}
.jjfan .items p{color:#777; line-height:28px; text-indent:28px;margin:5px 0 0}
.jjfan{margin:20px 0;padding:10px 0; background:#ffffff; box-shadow:2px 2px 5px #ccc}