@charset "utf-8";
/* CSS Document */
/***********通用基本类************/

/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym { border:0}

/* 滚动条 */
/*::-webkit-scrollbar {width:0px;}*/

/*css定义超链接四个状态也有顺序的。*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
}
a:link, a:visited {text-decoration: none;color: #404040;}
a:hover, a:active {text-decoration: none;color: #666666;border: none;}
/*以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。
注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。*/
ul {
clear:both;

width: 100%;
}
ul, li {
list-style:none;
}

/***********通用基本类2************/

/* Copyright 2008 TSXMLOVE. All Rights Reserved. */
* {padding: 0px;margin: 0px;text-align: left;line-height: 150%;box-sizing: border-box;}
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 3px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 3px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #404040;
  }
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  background   : #ededed;
  }
body {
	    
	    background-color: #fefefe;
	    min-width: 1200px;
}
table {
border-collapse: collapse;
}


/*长度高度*/
.w1200{ width:1200px; margin:0 auto;}
.w100{ width:100%; text-align:center;}
.w50{ width:50%}
.mx1500{max-width:1500px;margin:0 auto;}
.mx1400{max-width:1400px;margin: 0 auto;}
.mx1300{max-width:1300px;margin: 0 auto;}
.mx1920{max-width:1920px;margin: 0 auto;}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* IE <8 */
}
.fl{ float:left;}
.fr{ float:right;}


.htop{
    background-color: #ececec6e;
}
.htop .w1200{
    display: flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding: 5px 0px;
}
.htop .w1200 div:first-child{justify-content: center;align-items:center;display:flex;}
.htop .w1200 div:last-child{
    font-size: 18px;
}
.htop .w1200 div:last-child span{
    font-weight: bold;
}


/* 头部 */
.cont1{
    background-color: #119FA3;
}
.cont1 .w1200{
    
padding: 5px 0px;
    
width: 1300px;
}
.cont1 .w1200>a{
    width: auto;
}
.cont1 .w1200>a img{
    margin-top: 9px;
    height: 66px;
    max-width: 268px;
}
.cont1 .w1200>ul{
    width: auto;
    float: right;
}
.cont1 .w1200>ul>li{
    width: auto;
    float: left;
}
.cont1 .w1200>ul>li>a{
    font-size: 17px;
    position: relative;
    display: block;
    padding: 20px 14px;
    color: white;
    letter-spacing: 1px;
    text-align: center
}
.cont1 .w1200>ul>li>a p{text-align: center;font-size: 15px;text-transform: uppercase;line-height: 14px;}
.cont1 .w1200>ul>li>a.on{
    color: #ffda8c;
}
.cont1 .w1200>ul>li>a:hover{
    color: #ffda8c;
}
.cont1 .w1200>ul>li>a::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    background-color: #ffffff;
    height: 40px;
    width: 1.5px;
    }
.cont1 .w1200>ul>li:first-child a::after{width: 0px;}

.cont2{}
.cont2 .swiper-container {
  width: 100%;
  height: 100%;
}

.cont2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.cont2 .swiper-slide{width: 100%;}

.cont2 .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0,0,0,0.2);
}

.cont2 .swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}
.cont2 .swiper-pagination-bullet{
    width: 40px;
    height: 8px;
    background-color: #fefefe;
    font-size: 17px;
    line-height: 38px;
    border-radius: 5px;
}
.cont2 .swiper-pagination{bottom: 40px !important;}
.cont2 .swiper-pagination-bullet-active{
    background-color: #119fa3;
}
.cont2 .swiper-button-next,.cont2 .swiper-button-prev{
    background-color: #ffffff57;
}

.cont2 .swiper-slide-box img{display: block;
    width: 100%;
    }

.cont3{
    background-color: #119FA3;
}
.cont3 .w1200{
    display: flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.cont3-li{
    width: 33.33%;
    display: flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding: 15px 50px;
}
.cont3-li:nth-child(1){
    background-color: #19BCC1;
}
.cont3-li:nth-child(1) .cont3-li-l{background: url(../images/navc1.png) no-repeat left center;}
.cont3-li:nth-child(2){
    background-color: #119FA3;
}
.cont3-li:nth-child(2) .cont3-li-l{background: url(../images/navc2.png) no-repeat left center;}
.cont3-li:nth-child(3){
    background-color: #116B6C;
}
.cont3-li:nth-child(3) .cont3-li-l{background: url(../images/navc3.png) no-repeat left center;}
.cont3-li .cont3-li-l{
    width: 50%;
    color: white;
    font-weight: bold;
    font-size: 18px;
    padding-left: 27px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.cont3-li .cont3-li-r{
    width: 50%;display: flex;justify-content: center;align-items: center;
}
.cont3-li .cont3-li-r a{
    color: white;
    /* padding: 0px 5px; */    margin-right: 5px;
}

.cont4{
    padding: 40px 0px;
}
.cont4 .w1200{}
.public-lan{}
.public-t{
    font-size: 30px;
    text-align: center;
    font-weight: bold;
}
.public-t span{
    color: #119FA3;
}
.public-b{background:url(../images/titlebg.png) no-repeat center center;text-align: center;}
.public-b>div{
    width: auto;
    margin: 0 auto;
    display: inline-block;
    background-color: #fefefe;
    padding: 0px 15px;
    text-align: center;
}
.public-b span{}
.public-b span:first-child{
    text-transform: uppercase;
    color: #8A8A8A;
    font-size: 17px;
}
.public-b span:last-child{
    font-size: 30px;
    color: #575757;
    line-height: 30px;
}
.cont4-ul1{
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
    margin-top: 10px;
}
.cont4-ul1-li{
    background-color: #119FA3;
    color: white;
    width: 23%;
    text-align: CENTER;
    margin: 0px 5px;
    border: 2px solid #119FA3;
    font-size: 18px;
    letter-spacing: 4px;
    line-height: 35px;
    transition: all .5s ease;
    cursor: pointer;
}
.cont4-ul1-li.on{
    background-color: white;
    color: #119fa3;
}
.cont4-ul2-box{
    margin-top: 20px;
}
.cont4-ul2{display:none;}
.cont4-ul2-li{
    width: 288px;
    float: left;
    margin-right: 15px;
    border: 1px solid #e6e6e6;
}
.cont4-ul2-li a{}
.cont4-ul2-li div{
    width: 100%;
    height: 365px;
}
.cont4-ul2-li div img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cont4-ul2-li p{
    text-align: CENTER;
    font-size: 17px;
    line-height: 45px;
}
.cont4-ul2-li:nth-child(4n+4){margin-right: 0px;}
.cont4-ul2-li:hover p{color: #119FA3}

.cont5{
    padding: 40px 0px;
    background-color: #F4F4F4;
}
.cont5 .w1200{}
.cont5 .public-b>div{background-color: #F4F4F4}
.caont5-box{}

.probanner{width:1200px;overflow:hidden;}
.probanner .large_box{margin-bottom:10px;width:1200px;height: 620px;overflow:hidden;}
.probanner .large_box img{display:block;}
.probanner .small_box{width:1200px;height: 205px;overflow:hidden;}
.probanner .small_list{position:relative;float:left;width: 1140px;height: 205px;overflow:hidden;}
.probanner .small_list ul{height: 205px;overflow:hidden;}
.probanner .small_list ul li{position:relative;float:left;margin-right:10px;width: 277px;}
.probanner .small_list ul li img{display:block;width: 100%;height: auto;}
.probanner .small_list ul li .bun_bg{display: block;position:absolute;top:0;left:0;width: 277px;height: 205px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.probanner .small_list ul li.on .bun_bg{display: none;}
.probanner .btn{display:block;width:20px;height: 205px;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.probanner .btn:hover{background-color: #119fa3;}
.probanner .left_btn{float:left;margin-right:10px;background-image:url(../images/left_btn.png);}
.probanner .right_btn{float:right;background-image:url(../images/right_btn.png);}
.large_box ul li{
    display: flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
        .large_box-d{
    height: 620px;
    width: 355px;
    background-color: #119FA3;
    justify-content: center;
    align-items:center;
    display:flex;
}
        .large_box-d-d1{
    width: 100%;
    padding: 0px 40px;
    color: white;
}
        .large_box-d-d1 p{
    font-size: 25px;
    text-align: center;
}
        .large_box-d-d1 h3{
    font-size: 40px;
    text-align: center;
    margin-top: 10px;
}
.large_box-d-d1 a{
    background-color: #116B6C;
    color: white;
    padding: 10px 45px;
    margin: 0 auto;
    display: table;
    margin-top: 50px;
    border-radius: 20px;
    transition: all .5s ease;
}
.large_box-d-d1 a:hover{background-color:#19BCC1}

.cont-gg{text-align: center}
.cont-gg img{max-width: 100%;}

.cont6{
    padding: 50px 0px;
}
.cont6 .w1200{}
.cont6-box{}
.cont6-box-li{
    width: 390px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.cont6-box-li a{    position: relative;
    width: 100%;
    height: 100%;
    display: block;}
.cont6-box-li a div{
    width: 100%;
    overflow: hidden;
    height: 495px;
}
.cont6-box-li a div img{
    width: 100%;
    height: 100%;
    object-fit: cover;    transition: all .5s ease;
}
.cont6-box-li:hover img{transform: scale(1.2);}
.cont6-box-li a p{
        font-size: 17px;
    text-align: left;
    line-height: 25px;
    background-color: #efefefa8;
    transition: all .5s ease;
    padding: 6px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;    position: absolute;
    width: 100%;
    bottom: 0px;
    z-index: 2;
}
.cont6-box-li:hover p{background-color: #119FA3;color: white}
.cont6-box-li:nth-child(3n+3){margin-right:0px;}

.cont7{
    padding-top: 50px;
}
.cont7 .w1200{
    display: flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.cont7-box{background:url(../images/iabout-bg.jpg) no-repeat center center;}
.cont7-box .w1200>img{
    width: 600px;
    height: 465px;
}
.cont7-box .cont7-box-d1{
    width: 600px;
    height: 465px;
    padding: 0px 50px;
    justify-content: center;
    align-items:center;
    display:flex;
}
.cont7-box-d1-d{}
.cont7-box-d1-d p{
    color: #119FA3;
    font-size: 30px;
}
.cont7-box-d1-d p strong{
    font-weight: bold;
}
.cont7-box-d1-d p span{
    margin-left: 10px;
    font-size: 27px;
}
.cont7-box-d1-d div{
    margin: 10px 0px;
    color: #464646;
}
.cont7-box-d1-d a{
    color: #464646;
    border: 1px solid #464646;
    padding: 7px 30px;
    margin-top: 15px;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 2px;transition: all .5s ease;
}
.cont7-box-d1-d a:hover{background-color: #19BCC1;color: white;border:1px solid #19BCC1;}





.cont8{
    padding: 40px 0px;
    background-color: #F6F6F6;
}
.cont8 .w1200{}
.cont8-box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cont8-l{
    width: 60%;
}
.cont8-l .cont8-li-des{
    width: 68%;
}
.cont8-l-d1{
    margin-bottom: 5px;
    position: relative;
}
.cont8-l-d1>img{
    width: 100%;
    height: 299px;
    object-fit: cover;
}
.cont8-l-d1-d1{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
}
.cont8-l-d1-d1 a{
    display: block;
    position: relative;
    height: 100%;
}
.cont8-l-d1-d1 a img{
    float: right;
}
.cont8-l-d1-d1 a p{
    position: absolute;
    bottom: 0px;
    color: white;
    font-size: 15px;
    background-color: #119fa3d1;
    width: 100%;
    padding: 10px;
}
.cont8-li{
    background-color: white;
    padding: 10px;
}
.cont8-li a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cont8-li a img{
    width: 30%;
    height: 127px;
    display: block;
    object-fit: cover;
}
.cont8-li-des{
    width: 67%;
}
.cont8-li a:hover h3{
    color: #3062bb;
}
.cont8-li-des h3{
    color: #3a3a3a;
    font-size: 18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp:1;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 12px;
}
.cont8-li-des p{
    font-size: 15px;
    color: #7c7c7c;
    margin: 5px 0px;
}
.cont8-li-des div{
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp:2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    color: #7c7c7c;
}
.cont8-r{
    width: 39%;
}
.cont8-r .cont8-li{
    margin-bottom: 5px;
}
.cont8-r .cont8-li:last-child{margin-bottom: 0px;}


.cont9{
    padding: 20px 0px;
}
.cont9 .w1200{}
.cont9 .w1200 span{
    font-weight: bold;
    font-size: 17px;
    letter-spacing: 1px;
}
.cont9 .w1200 a{
    padding: 5px 10px;
    position: relative;
}
.cont9 .w1200 a::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    background-color: #404040;
    height: 15px;
    width: 1px;
}

.cont10{
    background-color: #119FA3;
}
.cont10 .w1200{
    display: flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding: 30px 0px;
}
.cont10-d0{
    width: 268px;
}
.cont10-d0 img{
    width: auto;
    height: auto;
    max-width: 100%;
    margin-top: 42px;
}
.cont10-d1{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cont10-d1 dl{
    position: relative;
}
.cont10-d1 dl dt{
    margin-bottom: 10px;
}
.cont10-d1 dl dt a{
    text-align: center;
    display: block;
    color: white;
    padding: 0px 20px;
}
.cont10-d1 dl dd{}
.cont10-d1 dl dd a{
    text-align: center;
    display: block;
    color: white;
    padding: 0px 20px;
    font-size: 15px;
    line-height: 25px;
}
.cont10-d2{}
.cont10-d2 dl{
}
.cont10-d2 dt{
    color: white;
    margin-bottom: 10px;
}
.cont10-d2 dt a{}
.cont10-d2 dd{
    font-size: 15px;
    line-height: 25px;
    color: white;
    padding-left: 25px;
}
.cont10-d2 dd a{}
.cont10-d3{
    width: 130px;
}
.cont10-d3 img{
    width: 130px;
    height: 130px;
}
.cont10-d3 p{
    text-align: center;
    color: white;
    margin-top: 5px;
}
.cont10-d4{
    background-color: #116B6C;
    text-align: CENTER;
    color: white;
    font-size: 15px;
    padding: 10px 0px;
}
.cont10-d4 a{
    color: white;
}

.cont10-d1 dl::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    background-color: #ffffff6b;
    height: 105px;
    width: 1px;
}


.zybanner{text-align: center}
.zybanner img{max-width: 100%}


input{outline:none;}
.duanbox{margin-top: 10px;}
.duanbox img{max-width: 100% !important; height: auto;}

/* 分页 */
/*列表翻页*/
.in_news+.list_page{border-top:none;}
.list_page {text-align: center;padding: 20px 0;}
.list_page a, .list_page span {padding:6px 12px;display: inline-block;font-size: 14px;margin: 0 4px ; border-radius: 4px;}
.list_page a {background:#f5f3ed;color: #000000;}
.list_page span, .list_page a:hover{background: #119fa3;color:#fff;}