@charset "utf-8";
.index {
    overflow: hidden;}
*{outline:none;}
.ksdhl{position: fixed; left: 0px; top: 300px; z-index: 99999;}
.ksdhl li:hover img{transform:scale(2.5);position:relative;left:55px;margin-bottom:75px;}
.ksdh2{position: fixed; right: 0px; top: 300px; z-index: 9999;}
.ksdh2 ul li{
   width:62px;
   height: 40px;
   line-height: 40px;
   text-align:center;
   font-size: 16px;
   margin-bottom: 10px;
   border-radius: 4px 0px 0px 4px;}

.ksdh2 ul li a{color: #fff;}

.ksdh2 ul li:first-child{
   background: #064d6d;}

.ksdh2 ul li:nth-child(2){
   background: #1782b1;}

.ksdh2 ul li:nth-child(3){
   background: #13739f;}

.ksdh2 ul li:nth-child(4){
   background: #115295;}

.ss{width: 66%;margin: 0px auto;background:rgba(0,0,0,0.5);padding: 30px;position: absolute;z-index: 99;left: 20%;top:300px;}

.ss h1{width:12%; height:40px; color: #fff; background: #ba941e; font-size: 16px; text-align: center; line-height: 40px; border-radius: 4px 4px 0px 0px;}
.ss .select{ width:12%; height:54px; color: #064d6d; border:none; padding-left:20px; padding-right: 20px;  background:#ced7db; float:left; border-radius: 4px 0px 0px 4px;}
.ss .srk{width: 72%;height: 54px;background: #fff;float:left;padding-left: 15px;color: #064d6d;font-size: 14px;}
.ss .srbtn{width: 14%;height:54px;line-height: 54px;color: #fff;background: #064d6d;padding-left:20px;border-radius: 4px; float:left; margin-left:20px;}
.ss .srbtn .img{margin-right: 20px;margin-top: 15px;display: block;float: left;}
.ss .srbtn span{color: #fff;/* margin-top: -16px; */display: block;float: left;}
.ss .ts{width: 100%; color: #fff; line-height: 50px; font-size: 14px;}

.gg-tit {
    overflow: hidden;
    /* position: relative; */
    line-height: 45px;
    padding: 10px 0px 10px 0px;}

.gg-tit h2 {
    font-size:26px;
    color: #000;
    font-weight: normal;
    float: left;}

.gg-tit h2 img {
    display: inline-block;
     font-weight: 600;
    color: #1935aa;
    vertical-align: middle;
    margin-right: 15px
;}



.gg-tit a {
    float: right;
    width: 29px;
    height: 29px;
    text-align: center;
    margin-top: 10px;}

.gg-tit a:hover {}

.section1 {
    background: url(../images/s1-bj.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: 75px;
    padding-top: 40px;}

.s1-l {
    float: left;
    width:550px;
    margin-right: 25px;}
.cyfw{}
.cyfw ul li{
    display: block;
    width: 25%;
    float: left;}
.cyfw ul li a {
    display: block;
    width: 82%;
    border: 1px #cedbe1 solid;
    border-bottom: 3px #cedbe1 solid;
    background:#fff;
    text-align: center;
    padding:15px;
    color:#000;
    height:120px;
    margin-top: 25px;
      transition: all 0.3s;}

.cyfw ul li a img { display:block; 
margin:0px auto;}

.cyfw ul li a h1 {
    margin-top:10px;
    font-size:16px;
    font-weight:normal;}

.cyfw ul li:first-child a h1{margin-top:0px;}

.cyfw ul li:hover a{
   box-shadow: 0px 0px 10px #064d6d;
   border: 1px #064d6d solid;
   border-bottom: 3px #064d6d solid;}

.cyfw ul li:hover a h1 {
    font-weight: bold;
    color: #064d6d;}



.s1-r {
    width:calc(100% - 610px);
    width:-webkit-calc(100% - 610px);
    width:-moz-calc(100% - 610px);
    overflow: hidden;
    float: right;}


.cyzy{}
.cyzy .hd ul{
 /* width:100%; */
 height: 38px;
 line-height:36px;
 display:block;
 /* padding-left: 50%; */
 margin-bottom: 15px;
 margin-top: -53px;
 float: right;
 margin-right: 20px;}
.cyzy .hd li {
  
  float: left;
  cursor: pointer;
  margin: 0px 15px;}

.cyzy .hd li:first-child{ margin-right: 20px;}

.cyzy .hd li h2 {
  /* padding: 0 10px; */
  border-bottom: none;
  font-size: 18px;
  color: #999;
  font-weight: normal;}

.cyzy .hd li h2 img{padding-left:20px;}

.cyzy .hd span {
  float: left;
  margin: 0px 20px;
  color: #000;}

.cyzy .hd li.on h2 {
  color: #064d6d;
  font-weight:bold;
  border-bottom:2px #064d6d solid;}

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

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

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


.cyzylist{ margin-top:20px;}

.cyzylist li {
  line-height:42px;
  width: 32%;
  margin-right: 2%;
  display: block;
  float: left;
  background: url(../images/tb.jpg) left center no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}

.cyzylist li:nth-child(3n){margin-right: 0%;}


.cyzylist li a{
  color:#000;
  padding-left:17px;
  transition: all 0.3s;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}


.cyzylist li:hover {background: url(../images/tb1.jpg) left center no-repeat;}
.cyzylist li:hover a{padding-left: 25px;}



.section2 {
    background: url(../images/section5-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: 80px;
    padding-top: 60px;}


.s2-l {
    float: left;
    width: 32%;
    margin-right: 3%;
    border-right: 1px #ddd solid;
    padding-right: 3%;}

.s2-c {
    float: left;
    width: 35%;
    margin-right: 3%;
    border-right: 1px #ddd solid;
    padding-right: 3%;}

.s2-r {
    float: right;
    width:26%;}

.zxzz{
    margin-top: 35px;}
.slider-news {
  overflow: hidden;
  width: 100%;}

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

.slider-news .box a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-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: auto;
  height: 28px;
  text-align: center;
  background: #cd1d20;
  color: #fff;
  border-radius: 4px;
  padding: 2px 10px;}

.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 30px 20px;
  background: linear-gradient(360deg, #064d6d, transparent);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;}

.slider-news .box .text .tit {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: 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: 10px;
  left: 50%;
  transform: translateX(-25%);}

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

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

.slider-news .slick-dots li.slick-active {
 
  background: #ff9d1a;
  height:4px;}


.s4-list{
    width: 100%;
    margin-top:20px
    /* float: left; */
    /* background: #fff; */
;}
.s4-list li .dd1 a{
    display: block;
    /*overflow: hidden;*/
    margin:0px 0px;
    line-height: 55px;
    border-bottom: 1px dotted #bbb;
    position: relative;
    padding-top:20px;
    padding-bottom:20px
;}
.s4-list li .dd1 a span{
     position: absolute;
     right: 0px;
     top: 50%;
     font-size: 16px;
     color: #917878;
     line-height: 30px;
     transform: translateY(-50%);}
.s4-list li .dd1 a p{
    font-size: 16px;
    color: #000000;
    width: 80%;
    line-height: 24px;
    background: url(../images/tb2.jpg) no-repeat left 5px;
    padding-left: 20px;}

.s4-list li .dd2 a{
    position: relative;
    display: block;
    padding: 15px;
    box-shadow: 0px  0px 0px #491411;
    background:url(../images/listb.jpg) no-repeat left;
    background-size: cover;
    box-shadow: 0px 5px 10px #953e3e;}
.s4-list li .dd2 a span{
  position: absolute;
  right: 37px;
  top: 17%;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  transform: translateY(-17%);}
.s4-list li .dd2 a h4{
    width:100%;
    font-size: 16px;
    color: #0a5e84;
    line-height: 24px;
    font-family: "苹方";
    font-weight:normal;}
.s4-list li .dd2 a p{
    font-size: 14px;
    line-height: 20px;
    color: #6f7c81;
    /* height: 40px; */
    text-indent: 2em;
    margin-top:5px;}
.s4-list li .dd2 a i{
    display: block;
    font-size: 14px;
    color: #566244;
    font-family: 'Georgia';
    line-height: 24px;}
.s4-list li .dd2 a .txt{
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    margin-right: 0px;}
.s4-list li .dd2 a .cover_img{
    display: inline-block;
    width: 2.06rem;
    height: 1.43rem;
    vertical-align: middle;}
.s4-list li .dd2{
    display: none;}
.s4-list li.show .dd1{
    display: none;}
.s4-list li.show .dd2{
    display: block;}

.zydt{}
.zydt .hd ul{
 width:100%;
 height: 38px;
 line-height:36px;
 display:block;
 padding-left: 10%;
 margin-bottom: 15px;
 margin-top: -50px;}
.zydt .hd li {
  
  float: left;
  cursor: pointer;
  margin: 0px 15px;}

.zydt .hd li:first-child{ margin-right: 20px;}

.zydt .hd li h2 {
  /* padding: 0 10px; */
  border-bottom: none;
  font-size: 26px;
  color: #999;
  font-weight:normal;}

.zydt .hd li h2 img{padding-left:20px;}

.zydt .hd span {
  float: left;
  margin: 0px 20px;
  color: #000;}

.zydt .hd li.on h2 {
  color: #064d6d;}


.zydtlist{margin-top: 45px;}
.zydtlist li{width: 100%;display: block;float: left;padding: 22px 0px;border-bottom: 1px #ddd dotted;}
.zydtlist li .lm{ width:20%; float: left;}
.zydtlist li .lm span{font-size: 14px;line-height: 24px; color: #064d6d; display: block;}
.zydtlist li .lm span:last-child{ color: #999;}
.zydtlist li .tit{width:78%; float: left; margin-left: 2%; line-height: 24px; font-size: 16px; color: #333;}
.zydtlist li:hover{background: linear-gradient(80deg, #953, #953e3e);padding-left:10px;box-shadow: 0px 10px 10px #953e3e;border-bottom: none;}
.zydtlist li:hover .tit{ color:#fff;}
.zydtlist li:hover .lm span{color:#fff;}

.zxtj{
    margin-top: 35px;}
.slider-news1 {
  overflow: hidden;
  width: 100%;}
.slider-news1 .box{padding-bottom: 30px;}
.slider-news1 .box a {
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 6%;
  overflow: hidden;}

.slider-news1 .box .ts{width:100%;margin-bottom: 30px;}

.slider-news1 .box .ts .shu{width: 30%; float: left;}
.slider-news1 .box .ts .shu img {

transition: all 0.3s;

max-width: 116px;}

.slider-news1 .box .ts img:hover {
  transform: scale(1.05);}



.slider-news1 .box .ts .text {
  width: 58%;
  margin-left: 10%;
  float: left;}

.slider-news1 .box .ts .text .tit {
  font-size: 16px;
  color: #095577;
  line-height: 47px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-bottom: none;}

.slider-news1 .box .ts .text .abst span {
  font-size: 14px;
  color: #666;
  line-height: 26px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}


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

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

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

.slider-news1 .slick-dots li.slick-active {
 
  background: #064d6d;}




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

.ss{width:90%;margin: 0px auto;background:rgba(0,0,0,0.5);padding: 30px;position: absolute;z-index: 99;left: 5%;top:200px;}

.ss h1{width:12%; height:30px; color: #fff; background: #ba941e; font-size: 16px; text-align: center; line-height: 40px; border-radius: 4px 4px 0px 0px;}
.ss .select{ width:12%; height:40px; color: #064d6d; border:none; padding-left:20px; padding-right: 20px;  background:#ced7db; float:left; border-radius: 4px 0px 0px 4px;}
.ss .srk{width: 72%;height: 40px;background: #fff;float:left;}
.ss .srbtn{width: 14%;height:40px;line-height:40px;color: #fff;background: #064d6d;padding-left:20px;border-radius: 4px; float:left; margin-left:20px;}
.ss .srbtn img{margin-right: 20px;margin-top:10px;display: block;float: left;}
.ss .srbtn span{color: #fff;/* margin-top: -16px; */display: block;float: left;}
.ss .ts{width: 100%; color: #fff; line-height: 50px; font-size: 14px;}

   
}

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

.ss{width:80%;margin: 0px auto;background:rgba(0,0,0,0.5);padding: 30px;position: absolute;z-index: 99;left: 10%;top:150px;}

.ss h1{width:15%; height:30px; color: #fff; background: #ba941e; font-size: 16px; text-align: center; line-height: 40px; border-radius: 4px 4px 0px 0px;}
.ss .select{ width:15%; height:40px; color: #064d6d; border:none; padding-left:20px; padding-right: 20px;  background:#ced7db; float:left; border-radius: 4px 0px 0px 4px;}
.ss .srk{width:60%;height: 40px;background: #fff;float:left;}
.ss .srbtn{width: 20%;height:40px;line-height:40px;color: #fff;background: #064d6d;padding-left:20px;border-radius: 4px; float:left; margin-left:20px;}
.ss .srbtn img{margin-right:10px;margin-top:10px;display: block;float: left;}
.ss .srbtn span{color: #fff;display: block;float: left;}
.ss .ts{width: 100%; color: #fff; line-height: 50px; font-size: 14px;}
  
}

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

  .ss{width:90%; left: 5%;top:150px;}

.ss h1{width:20%; height:30px;  font-size: 15px;line-height:30px;}
.ss .select{ width:20%; height:40px; color: #064d6d; border:none; padding-left:20px; padding-right: 20px;  background:#ced7db; float:left; border-radius: 4px 0px 0px 4px;}
.ss .srk{width:50%;height: 40px;background: #fff;float:left;}
.ss .srbtn{width: 20%;height:40px;line-height:40px;color: #fff;background: #064d6d;padding-left:20px;border-radius: 4px; float:left; margin-left:20px;}
.ss .srbtn img{margin-right:10px;margin-top:10px;display: block;float: left;}
.ss .srbtn span{color: #fff;display: block;float: left;}
.ss .ts{width: 100%; color: #fff; line-height: 50px; font-size: 14px;}

.s1-l {
    float: none;
    width:100%;
    margin-right:0px;}
.s1-r {
    width:100%;
  
    overflow: hidden;
    float: none;}


.s2-l {
    float: none;
    width: 100%;
    margin-right: 0%;
    border-right: none;
    padding-right: 0%;}

.s2-c {

    width: 50%;}

.s2-r {

    width:40%;}
   
}

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

.ksdhl{display: none;}

.ksdh2{display: none;}

.ss{width: 97%;margin: 0px auto;background: rgb(255 255 255 / 50%);padding: 5px;position: relative;z-index: 99;left: 0%;top:0px;}




.ss h1{width:25%; height:30px;  font-size: 15px;line-height:30px;}
.ss .select{width:25%;height:40px;color: #064d6d;border:none;padding-left: 5px;padding-right: 5px;background:#ced7db;float:left;border-radius: 4px 0px 0px 4px;}
.ss .srk{width: 54%;height: 40px;background: #e6e6e6;float:left;}
.ss .srbtn{width: 20%;height:40px;line-height:40px;color: #fff;background: #064d6d;padding-left: 3%;border-radius: 4px;float:left;margin-left: 1px;}
.ss .srbtn .img{margin-right:10px;margin-top:10px;display: block;float: left;}
.ss .srbtn span{color: #fff;/* display: none; */float: left;}
.ss .ts{width: 100%;color: #9E9E9E;line-height: 24px;font-size: 14px;}
.ss .srbtn span input{line-height:40px !important;}

.gg-tit {
    overflow: hidden;
    /* position: relative; */
    line-height: 40px;
    padding: 20px 0px 10px 0px;}

.gg-tit h2 {
    font-size:20px;
    color: #000;
    font-weight: bold;
    float: left;}

.section1 {
  
    padding-bottom:20px;
    padding-top: 20px;}

.cyzy .hd ul {

    margin-top: -5px;
    float: none;}

.cyfw ul li{width:33%;}

.cyfw ul li a{width:95%;  padding:10px 5px; height: 100px;margin-top:5px;}
.cyfw ul li a img{max-width:50%;}
.cyfw ul li a h1 {
    font-size:14px;}
.cyzy .hd li{margin: 0px 5px;}
.cyzylist li{width:45%; font-size: 14px; line-height: 28px;}

.s2-c {
    float: none;
    width: 100%;
    margin-right: 0%;
    border-right: none;
    padding-right: 0%;}

.s2-r {
    float: none;
    width:100%;}

.zydtlist{margin-top: 0px;}


.section2 {
    padding-bottom:20px;
    padding-top: 0px;}
.zxzz {
    margin-top:0px;}

.zxtj {
    margin-top: 10px;}
   


.s4-list li .dd1 a{
   
    line-height: 30px;
    padding-top:10px;
    padding-bottom:10px
;}

.zydt .hd li h2 {font-size: 20px; font-weight: bold;}
.zydtlist li{padding: 10px 0px;}

}

@media screen and (max-width:480px) {
  .ss .srk{width:58%;}
  .ss .srbtn{width:16%;}
.ss .srbtn span{color: #fff;display: none; float: left;}
}