body{ font-family:"微软雅黑"; font-size:14px;  color:#212121; position: relative; overflow-x: hidden;}
li{ list-style:none;}
ul{ padding:0; margin:0;}
a{ color:#444;text-decoration:none}
a:hover{ text-decoration:none !important; color: #272d5a;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover{outline: none !important;}
ul,ol{ margin:0; padding:0; }
img{ max-width:100%;}
input,button {outline:none;}
.img-hide{ overflow:hidden; }

.img-hide img{ transition: 0.5s all; }
.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.container{ width: 1230px;}
.header{ height: 193px; background: url(../images/header.jpg) center no-repeat; background-size: cover; }
.logo{ height: 193px; line-height: 193px; }
.nav-list li{ float: left; width: 9%; position: relative; }
.nav-box{ background: #026eaf; position: relative; z-index: 1000; }
.nav-list li a{ display: block; font-size: 18px; color: #fff; height: 60px; line-height: 60px; position: relative; z-index: 10; }
.nav-list li:hover a{ background: url(../images/nav-down.png) center repeat; }
.banner{ overflow:hidden; margin:0; }
.banner .slick-dots{ bottom: 30px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 12px; height: 12px; border-radius: 50%; }
.banner .slick-dots li button{ background: #fff; }
.banner .slick-dots li.slick-active button{ background: #ffbf5a; }
.slick-dots li button:before{ display: none; }
.nav-down{ position: absolute; left: 0; display: none; top: 100%; width:100%; background:rgba(2,97,154,0.7);}
.nav-down li{ float: none; width: 100%; }
.nav-down li a{ height: 42px; line-height: 42px; font-size: 15px; color: #fff;  background:rgba(2,97,154,0.7); }
.nav-down li a:hover{ background: #cd8f2e;  background-color:rgba(2,97,154,0.7);}
.nav-list li:hover .nav-down{ display: block; }

.img-slick img{ width: 100%; height: 380px; }
.img-slick{ margin-top: 45px; }
.img-slick a{ display: block; position: relative; }
.img-slick a span{ position: absolute; left: 0; right: 0; padding-left: 20px; padding-right: 165px; bottom: 0; font-size: 18px; color: #fff; line-height: 55px; background: url(../images/txt-mask.png) center repeat; }
.img-slick .slick-dots{ bottom: 20px; left: auto; width: auto; right: 20px; }
.img-slick .slick-dots li,.img-slick .slick-dots li button{ width: 12px; height: 12px; border-radius: 50%; }
.img-slick .slick-dots li button{ background: #fff; }
.img-slick .slick-dots li.slick-active button{ background: #ffbf5a; }
.gz-tt{ position: relative; margin-bottom: 5px; background: url(../images/gz-tt.png) left center no-repeat; padding-top: 32px; height: 60px; margin-top: 45px; padding-left: 55px; font-size: 22px; color: #000; }
.gz-tt a{ float: right; font-size: 16px; margin-top: -5px; color: #5a5a5a; padding-right: 25px; background: url(../images/more.png) right center no-repeat; }
.gz-tt:before{ display: block; content: ""; position: absolute; right: 0; bottom: 0; left: 180px; border-bottom: solid 1px #00a8d9; }
.gz-list li{ position: relative; line-height: 44px; border-bottom: dashed 1px #eee; padding-right: 110px; font-size: 16px; color: #353535; }
.gz-list li a{ font-size: 16px; color: #353535; }
.gz-list li span{ position: absolute; right: 0; top: 0; font-size: 14px; color: #888; }
.gz-list li:last-child{ border:none; }
.page-one{ background: url(../images/back01.jpg) center no-repeat; height: 600px; background-size: cover; margin-top: 10px; }
.tz-back{ height: 600px; position: relative; border-right: solid 14px #dedbdb; margin-right: -14px; background: url(../images/back-l.png) center top no-repeat; position: relative; padding:35px 30px; }
.tz-title{ font-size: 22px; margin-bottom: 50px; color: #02619a; line-height: 31px;  border-bottom: solid 1px #00a8d9; padding-bottom: 13px;}
.tz-title a{ float: right; font-size: 16px; color: #5a5a5a; padding-right: 25px; background: url(../images/more02.png) right center no-repeat; }
.tz-ul-box{ width: 72px; text-align: center; color: #fff; padding-top: 7px; height: 81px; background: url(../images/date-back.png) center no-repeat; font-family: "Impact"; }
.tz-ul-box span{ font-size: 30px; }
.tz-ul-tt a{ font-size: 16px; color: #333;font-weight: bold; }
.tz-ul-tt{ line-height: 25px; max-height: 50px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.tz-ul-right{ margin-left: 90px; }
.tz-ul-p{ color: #b3b0ad; margin-top: 5px; }
.tz-ul-table{ display: table-cell; height: 81px; vertical-align: middle; }
.tz-ul li{ margin-bottom: 32px; }
.width-sm{ width: 545px; }
.title-sm{ font-size: 22px; margin-bottom: 8px; margin-top: 30px; color: #02619a; line-height: 31px; border-bottom: solid 1px #00a8d9; padding-bottom: 13px; }
.title-sm a{ float: right; font-size: 16px; color: #5a5a5a; padding-right: 25px; background: url(../images/more02.png) right center no-repeat; }
.yl-list li{ line-height: 38px; position: relative; padding-right: 120px; font-size: 14px; color: #333; }
.yl-list li a{ padding-left: 12px; background: url(../images/li.png) left center no-repeat; font-size: 16px; color: #333; }
.yl-list li span{ position: absolute; right: 0; top: 0; }
.yl-list{ padding-bottom: 20px; }
.tt-back{ height: 48px; margin-bottom: 33px; margin-top: 45px; position: relative; line-height: 48px; background: url(../images/tt-back01.png) left center no-repeat; font-size: 22px; color: #fff; padding-left: 22px; }
.tt-back a{ float: right; font-size: 16px; color: #5a5a5a; padding-right: 25px; background: url(../images/more.png) right center no-repeat; }
.tt-back:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-top: solid 1px #00a8d9; }
.wh-img img{ width: 245px; height: 154px; }
.wh-right{ margin-left: 260px; }
.wh-right-tt a{ font-size: 18px; color: #222; }
.wh-right-tt{ line-height: 30px; height: 60px; text-align: justify;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.wh-right-p{ color: #999; text-align: justify; line-height: 25px; height: 75px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; margin-top: 15px; }
.yl-list-sm li a{ padding-left: 0; background: none; }
.yl-list-sm{ padding-top: 18px; }
.tt-back02{ background: url(../images/tt-back01.png) left center no-repeat; }
.tt-back02:before{ border-color: #00a8d9; }
.tt-back03{ background: url(../images/tt-back01.png) left center no-repeat; }
.tt-back03:before{ border-color: #00a8d9; }
.fc-list-box{ padding:0 13px; }
.fc-list-img a{ display: block; position: relative; padding-top: 87%; }
.fc-list-img img{ width: 100%; position: absolute; left: 0; top: 0; height: 100%; }
.fc-list-tt a{ font-size: 16px; color: #222; }
.fc-list-tt{ margin-top: 10px; }
.fc-slick{ margin:0 -13px; }
.fc-slick-lg{ overflow:hidden; margin-bottom: 70px; }
.friends-box{ background: #045f95; }
.friends-tt{ font-size: 18px; color: #fff; font-weight: bold; padding-left: 0px;  line-height: 76px; }
.friends-link{ color: #fff; width: 1050px; padding-top: 15px; }
.friends-link a,.friends-link span{ display: inline-block; margin-top: 15px; }
.friends-link a{ color: #fff; }
.friends-link span{ padding:0 15px; }
.footer{ background: #0364af; padding-top: 55px; padding-bottom: 55px; }
.footer-p{ color: #fff; margin-top: 18px; }
.footer-p a { color: #fff; margin-top: 18px; }
.footer-p a:link { color: #fff; margin-top: 18px; }
.footer-p a:hover { color: #fff; margin-top: 18px; }
.search-box{ position: relative; margin-top: 20px; width: 325px; }
.search-box .form-control{ background-color:rgba(255,255,255,0.6); border-radius: 4px; width: 100%; color: #fff; box-shadow: none; border:none; }
.btn-search{ position: absolute; right: 10px; top: 0; bottom: 0; background: url(../images/search.png) center no-repeat!important; border:none; box-shadow: none; }
.gz-list li a:hover,.yl-list li a:hover,.tz-ul-tt a:hover,.fc-list-tt a:hover{ color: #1950b5; }
.wh-right-tt a:hover,.friends-link a:hover{ text-decoration: underline!important; }
/**********list************/
.list-back{ background: #f7f7f7; padding:50px 0; }
.list-page-left{ background: #fff; width: 300px; position: relative; z-index: 10; }
.list-page-tt{ font-size: 24px; color: #fff; background: #337ab7; height: 60px; line-height: 60px; padding-left: 25px; }
.list-nav li a{ display: block; position: relative; padding-left: 25px; line-height: 50px; font-size: 16px; color: #363636; }
.list-nav li a:before{ display: block; content: ""; position: absolute; left: 20px; right: 20px; border-bottom: solid 1px #eee; bottom: 0; }
.list-nav li.active a,.list-nav li a:hover{ background: #e2e1e1; color: #337ab7; }
.list-nav li.active a:before,.list-nav li a:hover:before{ width: 5px; height: 20px; left: 0; top: 50%; bottom: auto; margin-top: -10px; background: #337ab7; }
.list-page-right{ width: 875px; min-height: 500px; background: #fff; padding:30px; }
.page-list-header{ border-bottom: solid 1px #eee; margin-bottom: 15px; padding-bottom: 10px;}
.header-left{ font-size: 24px; color: #363636; height: 24px; line-height: 24px; }
.nav-b{ color: #999; line-height: 24px; padding-top: 10px; }
.nav-b a{ color: #999; }
.news-list-c{ margin-top: 0; }
.news-list-c li:last-child{ border-bottom: dashed 1px #f2f2f2; }
.pagination li a{ margin:0 5px; border-radius: 4px!important; }
.pagination{ margin-top: 60px; }
.page-box .container{ position:relative; }
.page-box .container:before{ display: block; content: ""; position: absolute; left: 15px; bottom: 0; top: 0; width: 300px; background: #fff; }
.news-list li {
    line-height: 42px;
    border-bottom: dashed 1px #f2f2f2;
    position: relative;
    padding-right: 110px;
}
.news-list-lg li {
    padding-right: 70px;
}
.news-list-b li {
    line-height: 40px;
}
.news-list li a {
    font-size: 16px;
    color: #363636;

}
.news-list li span {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #999;
}
.nav-b a:hover,.news-list li a:hover{ color: #337ab7; }
.img-ul-page li .img-left img{ width: 193px; height: 135px; }
.img-ul-page li{     margin-bottom: 20px;
    border-bottom: 1px dashed #dedede;
    padding-bottom: 10px;}
.img-ul-page li .img-right{ width: 590px; padding-top: 10px; }
.img-right-p {

    line-height: 25px;
    height: 50px;
    overflow: hidden;
    text-align: justify;
}
.img-ul-page li .img-right-p{ margin:10px 0; color: #999; }

.img-right-date {
    color: #999;
}
.img-right-tt a:hover{ color: #337ab7; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.nav-click{ display: none; }


pl::-webkit-input-placeholder {
/* WebKit browsers */
color: #dddddd;
}

input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #dddddd;
}

pl::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #dddddd;
}

pl::-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #dddddd;
}


@media( max-width: 768px){
    .container{ width: 100%; }
    .logo{ height: 50px; line-height: 50px; }
     .logo img { height: 40px; line-height: 40px; }
    .header{ height: auto; }
    .nav-list{ position: absolute; display: none; left: 0; top: 100%; right: 0; background: #2f7dad; border-top: solid 1px #fff; }
    .nav-box{ height: 50px; }
    .nav-list li{ float: none; width: 100%; }
    .nav-list li a{ display: block; text-align: left; padding:0 15px; height: 40px; line-height: 40px; font-size: 16px; }
    .menu-button{ display: block; }
  .nav-list li .nav-down{ display: none; position: static; margin:0; text-align: left; width: 100%; }
  .nav-list li .nav-down li a{ color: #fff; padding-left: 25px; }
  .nav-list li:hover .nav-down{ display: none; }
  .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
  .nav-click.active{ transform: rotate(180deg); }
  .col-xs-6{ width: 100%; }
  .img-slick img{ height: auto; }
  .img-slick{ margin:20px 0 0 0; }
  .gz-tt{ margin-top: 20px; }
  .tz-back{ height: auto; background-size: 100% 100%; margin:0; padding:20px 15px 1px 15px; margin-bottom: 20px; }
  .tz-ul-table{ max-width: 100%; display: block; }
  .tz-title{ margin-bottom: 20px; }
  .width-sm{ width: 100%; }
  .page-one{ height: auto; }
  .title-sm{ margin-top: 0; }
  .tt-back{ margin:0 0 20px 0; }
  .wh-img{ width: 100%; float: none!important; }
  .wh-img img{ width: 100%; height: auto; }
  .wh-right{ margin:15px 0 0 0; }
  .fc-slick-lg{ margin-bottom: 20px; }
  .friends-link{ width: auto; padding-bottom: 10px; padding-top: 0; }
  .footer{ padding:25px 0; }
  .search-box{ width: 100%; }
  .banner .slick-dots{ bottom: 10px; }
  .list-page-left{ width: 100%; margin-bottom: 20px; }
  .list-back{ padding:20px 0; }
  .list-page-right{ width: 100%; padding:15px; min-height: 300px; }
  .nav-b{ display: none; }
  .img-ul-page li .img-left img{ width: 100px; height: 65px; }
  .img-ul-page li .img-right{ width: auto; float: none!important; margin-left: 110px; padding-top: 0; }
  .img-ul-page li .img-right-p{ height: 25px; margin:0;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .pagination{ margin-top: 20px; }

}