﻿@charset "utf-8";
/* CSS Document */


.side-tip {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #253f53;
    z-index: 9999;
}
.side-tip.status-close {
    width: 100%;
    overflow: visible;
}
.side-tip .side-control {
    position: absolute;
    top: 0;
    right: -122px;
    cursor: pointer!important;
    width: 122px;
    height: 134px;
}
.side-tip .side-control img {
    width: 100%;
    height: 100%;
}
.side-tip, .side-tip .main-block {
    -webkit-transition: all .3s;
    transition: all .3s;
    height: 134px;
}
.side-tip .main-block {
    position: relative;
    width: 100%;
    margin: 0 auto;
}
.side-tip.status-close .main-block {
    width: 100%;
}
.side-tip .main-block span {
    position: absolute;
    top: 22px;
    right: 48px;
    z-index: 2;
    cursor: pointer;
    display: block;
    width: 38px;
    height: 38px;
    background: transparent url(../images/close.png) no-repeat;
}

/*2021-*/

.f-side{width: 100%; position: fixed; left: 0;  z-index: 999; bottom: 0; }
.f-close{width:151px;  position: absolute; top:0; right: -151px; cursor: pointer;  }
.f-close img{width: 100%; display: block;}
.f-close1{ width: 33px; height: 33px; position: absolute; top: 25px; right: 55px; z-index: 10; cursor: pointer; }
.f-side1{width: 0; position: fixed; left: 0; bottom: -10px;}
.f-side img{width: 100%; display: block; }








.slideBox{ 
  width:100%;
  position:relative; 
  margin:0 auto;
  background: #fff;
  padding-top: 184px;
}
.slideBox .bd{ 
  position:relative; 
  height:100%; overflow:hidden
}
.slideBox .bd li{ 
  vertical-align:middle; position: relative; 
}
.slideBox .bd .b-img{ 
  width:100%; 
  display:block;  
  animation: changeScale 1 2.5s; 
}
.slideBox .bd li video{ width:100%; 

  display:block;  
 position:absolute; height:100%; top:0; left:0;}
.slideBox .bd .banner-txt { position:absolute; width:100%; bottom:10%;color:#fff; text-align:center;}
.slideBox .bd .banner-txt h1{ font-size:48px; color:#fff; padding-bottom:15px; font-weight:normal;text-shadow:3px 2px 5px #575757;}
.slideBox .bd .banner-txt span{ display:block;  font-size:28px;text-shadow:3px 2px 5px #575757; }
.slideBox .bd .ban-txt1{ bottom:40%; right:5%; text-align:left; width:700px;}
.slideBox .hd{ 

  overflow:hidden; 
  position:absolute; 
 width:100%; 
 text-align: center;
  bottom:20px; 
  z-index:1; 
}
.slideBox .hd ul{ 
  overflow:hidden; 
  zoom:1; 
  color:#fff; 
   width:100%; 
 text-align: center;
}
.slideBox .hd ul li{ 
  display: inline-block;
  margin:0 6px;  
  width:10px; 
  height:10px; 
  background:#fff; 
  border-radius:100%; 
  cursor:pointer; transition-duration:.5s; 
}
.slideBox .hd ul li.on{ opacity:1; background:#e6d3a0}

.in-box1{ width:100%; background:#f4f4f4; padding:49px 0;}
.in-box1 ul li{ float:left; margin-right:123px;}
.in-box1 ul li:after{ content:""; clear:both; display:block;}
.in-box1 ul li img{ float:left; display:block; transition-duration:.5s; margin-right:17px; border-radius:50%;}
.in-box1 ul li .txt{ float:left;}
.in-box1 ul li .txt p{ font-size:24px; padding:28px 0 6px 0;}
.in-box1 ul li .txt span{ color:#777;}
.in-box1 ul li:hover img{-moz-box-shadow:0px 0px 12px #8A8A8A; -webkit-box-shadow:0px 0px 12px #8A8A8A; box-shadow:0px 0px 12px #8A8A8A; transform:scale(1.1,1.1)}
.in-box1 ul li:nth-child(4){ margin-right:0;}
.in-box2{ padding:30px 0 57px 0;}
.in-new01{ width:67%;}
.in-new01 dl{ width:48.5%;float:left; position:relative; margin-right:2.5%;}
.in-new01 dl dt{ overflow:hidden; position:relative; padding-bottom:74%;}
.in-new01 dl dt img{ transition-duration:1s; width:100%; display:block; height:100%; position:absolute; top:0; left:0;}
.in-new01 dl dd h1,.in-new02 dl dt{ font-size:18px; height:51px; margin:33px 0 0 0;}
.in-new01 dl dd span,.in-new02 dl dd span{ display:block; font-size:16px; font-family:"Arial"; margin:12px 0;}
.in-new01 dl dd p{ color:#555; font-size:16px;white-space: pre-line;overflow: hidden;text-overflow: ellipsis;}
.in-ti{ font-size:26px; padding-bottom:30px;}
.in-new02{ width:30%;}

.in-new02 dl{ margin-bottom:38px;}
.in-new01 dl:nth-child(3){ margin-right:0;}
.in-new01 dl:hover dt img{ transform:scale(1.1,1.1)}
.in-new01 dl dt:after{ content:""; width:0; height:4px; background:#e9cd76; left:50%; bottom:-2px; transform:translate(-50%,-50%); transition-duration:.5s; position:absolute}
.in-new01 dl:hover dt:after{ width:100%;}
.in-new02 dl dt{ height:auto; margin:0;}
.in-new02 dl dd p{color:#555; font-size:16px; line-height:1.8; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;}

.in-new02 dl dt{ font-weight:bold;}

.in-box3{  padding-top:77px; padding-bottom:95px;}
.ti-le{ color:#fff;}
.ti-le p{ font-size:26px; padding-bottom:20px;}
.ti-le span{ font-size:16px;}
.box3-ti a{ color:#fff; display:inline-block; border:1px solid #71a2b6; border-radius:5px; padding:6px 12px; transition-duration:.5s;}
.box3-ti a:hover{ background:#e9cd76}
.box3-ti{ padding-bottom:84px;}
.in-ks-nr{ position:relative; background:#fff; min-height:361px;-moz-box-shadow:2px 5px 10px #7D7D7D; -webkit-box-shadow:2px 5px 10px #7D7D7D; box-shadow:2px 5px 10px #7D7D7D; padding:37px; box-sizing:border-box}
.in-ks-nr:after{ content:""; width:462px; height:486px; background:url(../images/peo.png) no-repeat; position:absolute; bottom:0; right:-50px;}
.in-ks-nr .Menubox{ width:803px; padding-bottom:26px;}
.in-ks-nr .Menubox ul li{ float:left; width:242px; cursor:pointer; padding-bottom:12px; position:relative; margin-right:37px;}
.in-ks-nr .Menubox ul li p{ height:64px; line-height:64px;display: flex;justify-content: center;align-items: center; background:#e9f2f5; border-radius:5px; font-size:20px; font-weight:bold; padding-left:30px;}
.in-ks-nr .Menubox ul li:nth-child(1) p{ background:url(../images/icon05-1.png) no-repeat 20% center #e9f2f5;}
.in-ks-nr .Menubox ul li:nth-child(2) p{ background:url(../images/icon06-1.png) no-repeat 20% center #e9f2f5;}
.in-ks-nr .Menubox ul li:nth-child(3) p{ background:url(../images/icon07-1.png) no-repeat 20% center #e9f2f5;}
.in-ks-nr .Menubox ul li.hover p{ background:#5e95b4; color:#fff;}
.in-ks-nr .Menubox ul li:nth-child(1).hover p{ background:url(../images/icon05.png) no-repeat 20% center #5e95b4;}
.in-ks-nr .Menubox ul li:nth-child(2).hover p{ background:url(../images/icon06.png) no-repeat 20% center #5e95b4;}
.in-ks-nr .Menubox ul li:nth-child(3).hover p{ background:url(../images/icon07.png) no-repeat 20% center #5e95b4;}


.in-ks-nr .Menubox ul li:after { content: "";
    display: block;
    width: 0;
    border-top: 12px solid #5e95b4;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute; bottom:0;
    left: 50%;
    margin-left: -10px; opacity:0;
 }
 .in-ks-nr .Menubox ul li.hover:after{ opacity:1;}

.in-ks-nr .Menubox ul li:nth-child(3){ margin-right:0;}

.CbContainer{ width:803px;}
.CbContainer ul li{ float:left; width:23%; border:1px solid #cccccc; line-height:38px; font-size:15px; background:url(../images/jt.jpg) no-repeat 4px center; padding-left:27px; border-radius:3px; margin-right:2.3%; margin-bottom:22px; cursor: pointer;}
.CbContainer ul li:nth-child(4n){ margin-right:0;}
.CbContainer ul li a{ display:block;}
.in-box4{background:url(../images/bg.jpg) top center; padding-top:50px;}
.in-box4 .in-ti{ padding-bottom:35px;}
.in-zl-list{ padding-bottom:50px;}
.in-zl-list dl{ width:25%; float:left; overflow:hidden; position:relative; transition-duration:.5s;}
.in-zl-list dl dt img{ width:100%; display:block; transition-duration:.5s;}
.in-zl-list dl dd{ position:absolute; width:100%; height:100%; top:0; left:0; text-align:center;}
.zl-wb01,.zl-wb02{ position:absolute; color:#fff; width:100%; top:50%; transform:translateY(-50%);}
.zl-wb01 p{ color:#fff; font-size:22px; padding:10px 0 15px 0;}
.zl-wb01 a{ color:#fff;}
.in-zl-list dl:hover{-moz-box-shadow:0px 0px 12px #8A8A8A; -webkit-box-shadow:0px 0px 12px #8A8A8A; box-shadow:0px 0px 12px #8A8A8A;}
.in-zl-list dl:hover dt img{ transform:scale(1.1,1.1)}
.in-zl-list dl:hover dd img{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;}

.zl-wb02{ color:#333;}
.zl-wb02 p{ font-size:22px; padding-bottom:23px;}
.zl-wb02 span{ font-size:16px; line-height:1.7; padding:0 30px; text-align:center; display:block;}
.in-box5{ width:100%; background:url(../images/bg1.jpg) top center; padding:40px 0 40px 0; margin-top:35px;}


.sd-hs .owl-theme .owl-controls .owl-nav [class*=owl-]{ width:23px; height:38px;background:url(../images/pre.png) no-repeat; padding:0; text-indent:9999px !important; position:absolute; left:-60px; overflow:hidden; background-size:contain; top:62%; margin-top:-19px;}
.sd-hs .owl-theme .owl-controls .owl-nav .owl-next{ left:auto; right:-60px; transform:rotate(180deg)}
.sd-hs .owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:url(../images/pre.png) no-repeat;}
.sd-hs .owl-theme .owl-controls{ margin-top:40px !important}
.td-list{ position:relative; overflow:hidden; padding-top:92px; min-height:300px;}
.td-list dd{ background:#fff; border:1px solid #d8d8d8; min-height:380px; padding:112px 20px 0; text-align:center; transition-duration:.5s;}
.td-list dt{ width:183px; height:183px; border-radius:50%; border:5px solid #adcfdf; position:absolute; top:0; left:50%; margin-left:-92px;transition-duration:.5s;}
.td-list dt img{ transition-duration:1s;border-radius:50%;}
.sd-hs .owl-theme .owl-dots .owl-dot{ display:none !important;}
.td-list dd h1{ font-weight:normal; font-size:18px;}
.td-list dd p{ font-size:15px; color:#666666; padding:15px 0; line-height:1.6;}
.td-list dd a{ /*display:inline-block; color:#fff; background:#006590; padding:10px 25px; border-radius:30px; font-family:"宋体"；*/ color: #fff;
    background: #006590;
    padding: 10px 25px;
    border-radius: 30px;
    font-family: "宋体";
    position: absolute;
    left: 36%;
    bottom: 25px;}
.td-list:hover dt img{ transform:scale(1.1,1.1)}
.td-list:hover dd{ background:#e6d3a0; color:#fff;}
.td-list:hover dd p{ color:#fff;}

.right-bar{ position:fixed; top:250px; right:0; z-index:9999;}
.right-bar li{ width:60px; height:60px; background:#fbfbfb; border-radius:5px; margin-bottom:8px; text-align:center; transition-duration:.5s;}
.right-bar li:nth-child(1){ background:url(../images/wx.png) no-repeat center #fbfbfb; background-position:0 0;}
.right-bar li:nth-child(1):hover{background:url(../images/wx.png) no-repeat center #006590; background-position:0 -60px;}
.right-bar li:nth-child(2){ background:url(../images/icon16.png) no-repeat center #fbfbfb; background-position:0 0;}
.right-bar li:nth-child(2):hover{background:url(../images/icon16.png) no-repeat center #006590; background-position:0 -60px;}
.right-bar li:nth-child(3){ background:url(../images/icon15.png) no-repeat center #fbfbfb; background-position:0 0;}
.right-bar li:nth-child(3):hover{background:url(../images/icon15.png) no-repeat center #006590; background-position:0 -60px;}
.right-bar li a{ display:block}
.right-bar li:hover,.right-bar li:hover a { color:#fff; background:#006590}

.right-bar li:nth-child(4){ background:url(../images/icon16.png) no-repeat center #fbfbfb; background-position:0 0;}
.right-bar li:nth-child(4):hover{background:url(../images/icon16.png) no-repeat center #006590; background-position:0 -60px;}
.right-bar li:nth-child(5){ background:url(../images/icon15.png) no-repeat center #fbfbfb; background-position:0 0;}
.right-bar li:nth-child(5):hover{background:url(../images/icon15.png) no-repeat center #006590; background-position:0 -60px;}
.right-bar li:nth-child(6){ background:url(../images/icon14.png) no-repeat center #fbfbfb; background-position:0 0;}
.right-bar li:nth-child(6):hover{background:url(../images/icon14.png) no-repeat center #006590; background-position:0 -60px;}
@media only screen and (max-width: 1441px){

/*    .f-close {
    width: 82px;
    height: 83px;
    position: absolute;
    top: 12px;
    right: -72px;
    cursor: pointer;
}*/
}

@media only screen and (max-width: 1367px){
.in-new01 dl dd h1, .in-new02 dl dt {
    font-size: 18px;
 height:30px; 
    margin: 25px 0 0 0;
}
.in-new01 dl dd span, .in-new02 dl dd span {
    margin: 8px 0 5px 0;
}
.in-box1 ul li {
    float: left;
    margin-right: 100px;
}
.in-box1 {
    padding: 25px 0;
}
.in-new01 dl dd h1, .in-new02 dl dt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.right-bar{top: 180px;}
.f-close {
    width: 107px;
    position: absolute;
    right: -107px;
    cursor: pointer;
}
.slideBox {
    padding-top: 159px;
}
}

@media only screen and (max-width: 1281px){
.in-box1 ul li {
    float: left;
    margin-right: 74px;
}
.in-ks-nr:after {
    content: "";
    width: 360px;
    height: 386px;
}
.in-new02 dl dd p {
    font-size: 15px;
    line-height: 1.6;
}
.in-new01 dl dd span, .in-new02 dl dd span {
    margin: 10px 0 5px 0;
}
}
@media only screen and (max-width: 992px){


}

@media only screen and (max-width: 760px){
.right-bar{display:none;}
.in-box1 ul li {
    float: left;
    margin-right: 0px;
    width: 25%;
    text-align: center;
}
.in-box1 ul li img {
    margin-right: 0px;
    width: 70%;
    margin-left: 15%;
}
.in-new01 {
    width: 100%;
    padding-bottom: 15px;
}  
.in-new02 {
    width: 100%;
}
.in-box1 {
     padding: 20px 0 5px 0;
}
.in-box1 ul li .txt span {
 display: none;
}
.in-box1 ul li .txt {
    width: 100%;
}
.in-box1 ul li .txt p {
    font-size: 16px;
    padding: 10px 0 ;
}
.in-new01 dl {
    width: 100%;
  
    margin-right: 0%;
}
.in-new01 dl dd h1, .in-new02 dl dt {
    font-size: 18px;
    height: 30px;
    margin: 15px 0 0 0;
}
.in-new01 dl dd {
padding-bottom: 15px;
}
.in-new01 dl dd span, .in-new02 dl dd span {
    margin: 5px 0 5px 0;
}
.in-ti {
    font-size: 24px;
    padding-bottom: 12px;
}
.in-new02 dl {
    margin-bottom: 2px;
}
.in-box4 {
    padding-top: 30px;
    background-size: cover;
}
.in-box4 .in-ti {
    padding-bottom: 28px;
}
.in-zl-list dl {
    width: 50%;
}
.zl-wb01 p {
    color: #fff;
    font-size: 18px;
    padding: 5px 0 0 0;
}
.in-box3 {
    padding-top: 30px;
    padding-bottom: 30px;
}
.in-ks-nr:after {
display: none;
}
.in-ks-nr .Menubox {
    width: 100%;
}
.CbContainer {
    width: 100%;
}
.in-ks-nr .Menubox ul li {
    float: left;
    width: 31%;
    cursor: pointer;
    padding-bottom: 12px;
    position: relative;
    margin-right: 3.5%;
}
.in-ks-nr .Menubox ul li:nth-child(3n){margin-right:0;}
.in-ks-nr {
    padding: 15px 10px;height: auto;
}
.in-ks-nr .Menubox ul li p {
    background:#e9f2f5 !important;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    font-size: 16px;
    padding-left: 0px;
}
.in-ks-nr .Menubox ul li.hover p {
    background: #5e95b4 !important;
}
.CbContainer ul li {
    float: left;
    width: 48.5%;
    font-size: 15px;
    margin-right: 3%;
    margin-bottom: 15px;
    overflow: hidden;overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
}
.CbContainer ul li:nth-child(2n){    margin-right: 0;}
.in-box5 {
    padding: 30px 0 20px 0;
}
.f-lx{display: none;}
.f-link{display: none;}
.banquan p {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    padding-top: 8px;
}
.banquan span {
    float: left;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 24px;
    padding-bottom: 15px;
}
.slideBox {
    padding-top: 59px;
}
.f-side{display: none;}
}
