@charset "UTF-8";

html,
body,
.banner,
.banner .slick,
.banner .slick div,
.banner .slick-slide a,
.banner .slick-slide a img {
  width: 100%;
  height: auto;
}

body {
  overflow-x: hidden;
}


/*banner*/

.banner {
  overflow: hidden;
  position: relative;
}

.banner a {
  display: block;
}

.banner .slick {
  position: relative;
  z-index: 9;
}

.banner .slick-slide a {
  display: block;
  position: relative;
}

.banner .slick-slide a img {
  display: block;
  width: 100%;
}

.banner .slick-dots {
  bottom: 30px;
  width: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  max-width: 1400px;
}

.banner .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0 6px;
  padding: 0;
  border-radius: 50%;
  background: #cccccc;
  position: relative;
}

.banner .slick-dots li.slick-active {
  background: url(../images/bandot.png) no-repeat;
}

.banner .slick-dots li button {
  display: none;
}





/*首页样式*/

.tit {
  width: 100%;
  /* line-height: 133px; */
  overflow: hidden;
  position: relative;
  background: url(../images/tit1.png) top center no-repeat;
  padding-top: 32px;
  padding-bottom: 44px;
}

.tit h3 {
  width: 100%;
  text-align: center;
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  color: #004ea1;
}

.tit h4 {
  width: 100%;
  text-align: center;
  display: inline-block;
  font-size:16px;
  /* font-weight: bold; */
  position: relative;
  color: #6b86a2;
}

.tit h3::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1px;
  height: 3px;
  width: 70px;
 
}

.tit2 {
  width: 100%;
  /* line-height: 133px; */
  overflow: hidden;
  position: relative;
  background:none;
  padding-top: 14px;
  padding-bottom: 35px;
}

.tit2 h3 {
  width: 100%;
  text-align: left;
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  position: relative;
  color: #fff;
}

.tit2 h4 {
  width: 100%;
  text-align: left;
  display: inline-block;
  font-size:16px;
  /* font-weight: bold; */
  position: relative;
  color: #fff;
}

.tit2 h3::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1px;
  height: 3px;
  width: 70px;
 
}

.tit2 .more a{ color: #fff;}


.more a {
  display: block;
  font-size: 14px;
  color: #666;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.more a:hover {
  color: #1c4bb1;
}




.section12 {

}

.section1 {
  padding-bottom: 60px;
  padding-top: 20px;
  background: url(../images/p1.jpg) no-repeat #e9f6fd;
}


.section1 .s1-l {width: 55%;}
.section1 .s1-r {width: 45%;background: #fff;padding: 1.5% 2%;}


.slider-news {
  overflow: hidden;
  width: 100%;
  /* border-radius:4px; */
}

.slider-news .box a {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 66%;
  overflow: hidden;
}

.slider-news .box a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}

.slider-news .box a img:hover {
  transform: scale(1.05);
}

.slider-news .box .date {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 54px;
  height: 24px;
  text-align: center;
  background: #cd1d20;
  color: #fff;
  border-radius: 4px;
}

.slider-news .box .date .day {
  font-size: 1.0rem;
}

.slider-news .box .date .year {
  font-size: 0.875rem;
}

.slider-news .box .text {
  width: 100%;
  padding: 10px 10px;
  background: #b4d0ed;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.slider-news .box .text .tit {
  font-size: 1.0rem;
  color: #004ea1;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: none;
  padding-top: 0px;
  padding-bottom: 0px;
  background: none;
}

.slider-news .box .text .abst {
  font-size: 0.875rem;
  color: #fff;
  text-indent: 2em;
  line-height: 21px;
  height: 42px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.slider-news .slick-dots {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

.slider-news .slick-dots li {
  float: left;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #fff;
  margin: 0 8px;
  cursor: pointer;
}

.slider-news .slick-dots li button {
  display: none;
}

.slider-news .slick-dots li.slick-active {
 
  background: #ba1214;
}



.section2 {
  /* padding-bottom: 72px; */
  padding-top: 20px;
  background: url(../images/p2.jpg)top center no-repeat;
}

.section2>div {}

.section2 .s2-l{width: 48.7%;}

.section2 .s2-r{width: 51%;padding: 1% 0% 2% 3%;}


.section2 .s2-l .pic{}
.section2 .s2-l .pic img{ height: auto; }


.s1-l ul li a {
    display: block;
    padding-bottom: 67px;
    position: relative;
}

.s1-l ul li a:hover .s1-linfo h3 {
    color: #212fa9;
}

.s1-l ul li a .pic {
    padding-top: 65%;
}

.s1-l ul li .pic{}
.s1-l ul li .pic img{ height: auto; }


.index-title {
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  position: relative;
  padding-bottom: 39px;
}

.index-title h2 {
  font-size: 17px;
  font-weight: bolder;
  color: #b9b7b7;
text-align:left;
  //float: left;
  /* font-weight: normal; */
  /* padding-bottom: 10px !important; */
  border-bottom: 3px solid #ab0000;
}

.index-title .index-more {
  float: right;
  margin-top: 29px;
  font-size: 0.875rem;
  color: #666;
}

.index-title .index-more:hover {
  color: #ab0000;
  font-weight: bold;
}

.index-title .index-more a{color: #fff;}

.index-tab .hd li {
  float: left;
  cursor: pointer;
  margin-right: 29px;
  text-align: center;
}

.index-tab .hd li h2 {
  /* padding: 0 10px; */
  border-bottom: none;
  color: #8dc3e9;
  font-size: 30px;
  font-weight: bold;
}


.index-tab .hd li h3 {
  /* padding: 0 10px; */
  border-bottom: none;
  color: #8dc3e9;
  font-size: 16px;
}



.index-tab .hd span {
  float: left;
  margin: 0px 12px;
  color: #c9c7c7;
}

.index-tab .hd li.on h2 {
  color: #fff; 
}

.index-tab .hd li.on h3 {
  color: #fff; 
}

.index-list li {
  overflow: hidden;
  line-height: 54px;
  border-bottom: 1px #5890b9 dotted;
  position: relative;
  padding-left: 20px;

}
.index-list li::before{width: 5px;height: 5px;border: 2px #b4d0ed solid;border-radius: 50%;position: absolute;display:block;left:0px;content:'';top: 50%;transform: translateY(-50%);}
.index-list {margin-top: 15px;}
.index-list li a{
 display: block;
}

.index-list li .date {
  font-size: 0.8125rem;
  color: #ffffff;
  float: right;
}

.index-list li h1 {
  float: left;
  width: calc(100% - 95px);
  /* padding-left: 13px; */
  font-size: 0.96rem;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  transition:all 0.3s;
}

.index-list li h1 img {/* float: left; */margin-left: 5px;}

.index-list li:hover h1 {
  color: #a2d7ff;
 
  padding-left:10px;
}




.index-list2 li {
  overflow: hidden;
  /* line-height: 44px; */
  border-bottom: 1px #dae0db dotted;
  padding-top: 17px;
  padding-bottom: 16px;
}


.index-list2 li a{
 display: block;
}

.index-list2 li .date {
  font-size: 0.8125rem;
  color: #999999;
  float: left;
  border-right: 1px #dedede solid;
  padding-right: 15px;
}

.index-list2 li .date h2{font-size: 26px;line-height: 22px;}
.index-list2 li .date h3{font-size: 14px;color: #2e72ba;line-height: 22px;}

.index-list2 li .span {
 /* width: 1px; */
 /* height: 24px; */
 margin: 0px 10px;
 float: left;
 color: #aaa;
 font-size: 14px;
 font-weight: normal;
}

.index-list2 li h1 {
  float: left;
  width: calc(100% - 95px);
  padding-left: 13px;
  font-size: 0.96rem;
  color: #444444;
  /* white-space: nowrap; */
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  line-height: 20px;
  transition: all 0.3s;
}
.index-list2 li h1 img { float: left; }

.index-list2 li:hover h1 {
  color: #0a71be;
  transform: translateX(5px);
}

.s1-l .slick-prev,
.s1-l .slick-next {
    width: 54px;
    height: 46px;
    bottom: 45px;
    z-index: 9;
    top: auto;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.s1-l .slick-prev {
    left: auto;
    right: 121px;
    background: url(../images/s1-l.png) no-repeat;
    background-size: 100% 100%;
}

.s1-l .slick-next {
    right: 67px;
    background: url(../images/s1-r.png) no-repeat;
    background-size: 100% 100%;
}

.s1-l .slick-dots {
    bottom: 50px;
    text-align: center;
    width: 267px;
    height: 32px;
    padding-left: 55px;
    right: 0;
    padding-top: 10px;
    background: url(../images/lbtbt.png) bottom center no-repeat;
}

.s1-l .slick-dots li {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 10px;
}

.s1-l .slick-dots li.slick-active {
  width:21px;
  height:21px;
    background: url(../images/lbton.png) bottom center no-repeat;
   border:none;
   margin-top:-5px
}




.section3{
    padding-top: 50px;
    padding-bottom: 50px;
}


.s4-c {
  position: relative;
}

.s4-c>div {
  overflow: hidden;
  padding: 30px 0px 0px 0px;
}

.s4-c ul {
  margin-left: -13px;
  margin-right: -13px;
}

.s4-c ul li a {
  display: block;
  margin: 0 13px;
}

.s4-c ul li a .pic {
  padding-top: 42%;
}

.s4-c ul li a .h1 {
 width: 100%；
 height:40px;
 line-height: 40px;
 background: #e0e9f8;
 font-size: 16px;
 text-align: center;
}


.s4-c .slick-prev,
.s4-c .slick-next {
  display: none !important;
}

.s4-c .slick-dots {
    bottom: 104px;
    text-align: center;
    width: 174px;
    right: 0;
}

.s4-c .slick-dots li {
    width: 15px;
    height: 15px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 0 7px;
}

.s4-c .slick-dots li.slick-active {
    background: #fff;
}




.s4-btn {
  width: 37px;
  height: 37px;
  position: absolute;
  top: 50%;
  //transform: translateY(-50%);
  z-index: 9;
  cursor: pointer;
  padding: 0 !important;
}

.s4-prev {
  left: -20px;
  background: url(../images/prev1.png) no-repeat center;
  background-size: cover;
}

.s4-next {
  right: -20px;
  background: url(../images/next1.png) no-repeat center;
  background-size: cover;
}











@media screen and (max-width:1700px) {

}

@media screen and (max-width:1600px) {

}

@media screen and (max-width:1500px) {

}

@media screen and (max-width:1440px) {

}

@media screen and (max-width:1300px) {

}

@media screen and (max-width:1200px) {

}

@media screen and (max-width:1100px) {
 .section1{ padding-top:15px; padding-bottom: 15px } 
.section1 .s1-l { width: 100%;}
.section1 .s1-r { width: 100%;} 
.section2{ 
  background: url(../images/p22.jpg) no-repeat center;
  background-size: cover; }
.section2 .s2-l{ width:100%; }
.section2 .s2-r{ width:100%;margin-top:5px}


.slick-prev, .slick-next{bottom: 86px;}
.slick-prev{left: 0px;}
.slick-next{left: 52px;}

.section2 .s2-r{padding:0%;}


/*首页样式*/

.tit {

  padding-top: 10px;
  padding-bottom: 10px;
  background-size: 100%;
}

.tit h3 {

  font-size: 24px;

}

.tit h4 {
  width: 100%;
  text-align: center;
  display: inline-block;
  font-size:16px;
  /* font-weight: bold; */
  position: relative;
  color: #6b86a2;
}




.tit2 h3 {
  width: 100%;
  text-align: left;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  color: #fff;
}



.section3{ padding-top:15px; padding-bottom: 15px }


.index-tab .hd li h2 { font-size: 24px;}


.index-tab .hd li h3 { font-size:12px;}






}

@media screen and (max-width: 1024px) {


}

@media screen and (max-width: 768px) {
.section1 .s1-l .left{ width: 100%;}
.section1 .s1-l .right{ width: 100%;}
.section2 .s2-l{ width:100%; }
.section2 .s2-c{width: 100%;margin-right: 0px; margin-left: 0px; margin-top: 20px}
.section2 .s2-r{ width:100%;margin-top: 20px}
 
.tab-news4 .hd li:first-child{ margin-right: 20px; display: none;}



.tab-news4 .hd li h2 img{padding-left:10px;}

.tab-news4 .hd span {
  float: left;
  margin: 0px 10px;
  color: #000;
}

.tab-news4 .hd li.on h2 {
  color: #326aa9;
  border-bottom: none;
}


.index-tab .hd li h2 { font-size:20px;}


.index-tab .hd li h3 { font-size:10px;}

.index-title{padding-bottom: 15px;}

}

@media screen and (max-width: 640px) {

  .index-tab .hd li {
  float: left;
  cursor: pointer;
  margin-right:10px;
  text-align: center;
}

}

@media screen and (max-width: 480px) {

  .index-title h2 {
    font-size: 15px;}


    .tt2 a p{
  width:100%;

  float: none;
}
.tt2 a img{
  width: 100%;
  height:150px;

  float: none;
}
.index-tab .hd li h2 { font-size:18px;}
}

@media screen and (max-width: 375px) {
.index-tab .hd span{margin: 0px 6px;}

  .index-title h2 { font-size: 14px;}
}
}

@media screen and (max-width: 320px) {}

@media (min-width: 1080px) and (max-width: 1500px){

.slick-prev{left:0px;bottom: 27px;}
.slick-next{left: 52px;bottom: 27px;}
}