@charset "utf-8";
/* CSS Document */
.bg-blue{ background: #f5f9ff;}
/*领导致辞*/
.ml-leaderBox{ background-image: url("../images_new/ml_ldbg.jpg"); background-position: center bottom; background-repeat: no-repeat;}
.ml-leaderBox .container{ position: relative;}
.ml-leaderBox h2{ position:absolute; top: 61px; left: 30px; line-height: 0; font-size: 0;}
.ml-leader-info{ padding:31px 0 40px 265px; font-size: 18px; line-height: 40px;}
/*标题*/
.ml-title{ height: 77px; background: url("../images_new/ml_telbg.gif") 0 52px repeat-x; text-align: center;}
.ml-title img{ background: #fff;}
.bg-blue .ml-title img{ background: #f5f9ff;}
/*瑶海概况*/
.ml-overviewBox{ padding: 47px 0 63px;}
.ml-overview-info{ padding: 30px 0 36px; text-align: justify; text-justify: inter-ideograph; font-size: 18px; line-height: 40px; text-indent: 2em; color: #275bb0;}
.ml-overview-info a{color: #e00b0d;}
.ml-overview-info a:hover{color: #f00;}
.ml-overview-column{ padding: 1px; border: 1px #fff solid; background: #fff; border-radius: 8px; overflow: hidden; width: 100px; transition: 0.4s all; height: 316px; float: left; margin-left: 8px;}
.ml-overview-column h3{ height: 100%; width: 100px; border-radius: 8px; float: left; background: #e3edff;}
.ml-overview-column h3 a{ display: block; line-height: 0; font-size: 0; padding: 46px 0 0; color: #4b80ed;}
.ml-overview-column h3 a span{display: block; cursor: pointer; vertical-align: middle;}
.ml-overview-column h3 a .ico{ height: 70px; width: 70px; margin: 0 auto; background: url("../images_new/ml_ico.png") center 0 no-repeat;}
.ml-overview-column h3 a .tit{ text-align: center; font-size: 20px; line-height: 1.5; padding: 27px 0 0; width: 28px; margin: 0 auto;}

.ml-overview-column .note{ margin-left: 101px; padding: 0 36px 0 27px; height: 100%; background:url("../images_new/ml_gkbg.jpg") right bottom no-repeat;text-align: justify; text-justify: inter-ideograph;}
.ml-overview-column .note p{ font-size: 18px; line-height: 43px; padding: 19px 0 0;display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden;}
.ml-overview-column .note p a{color: #d00;}
.ml-overview-column .note p a:hover{color: #f00;}
.ml-overview-column .list{ margin-left: 101px; padding: 0 10px 0 17px; height: 100%; background:url("../images_new/ml_gkbg.jpg") right bottom no-repeat;}
.ml-overview-column .list ul{padding: 16px 0 0; overflow: hidden; height: 282px;}
.ml-overview-column .list li{font-size: 18px; height: 43px; line-height: 42px; padding: 2px 0;}
.ml-overview-column .list li a{display: block; background: url("../images_new/icon.gif") 0 center no-repeat; padding-left: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: none; margin-left: 10px;}
.ml-overview-column .list li img{display: none;}
.ml-overview-column .list2 li{float: left; width: 33.3%;}
.ml-overview-column .list3 li{float: left; width: 50%;}
.ml-overview-column.active{width: 584px; border-color: #d6e2f9; }
.ml-overview-column.active h3 a .tit{ font-weight: bold;}
.ml-overview-column.first{margin-left: 0;}
.ml-overview-column.num2 h3{ background: #eaf9f9;}
.ml-overview-column.num2 h3 a .ico{ background-position: 0 -70px;}
.ml-overview-column.num2 h3 a .tit{ color: #25bfbf;}
.ml-overview-column.num2.active{border-color: #c4efef;}
.ml-overview-column.num3 h3{ background: #e5f7ff;}
.ml-overview-column.num3 h3 a .ico{ background-position: 0 -140px;}
.ml-overview-column.num3 h3 a .tit{ color: #31a7e6;}
.ml-overview-column.num3.active{border-color: #c2e3f5;}
.ml-overview-column.num4 h3{ background: #fff7e5;}
.ml-overview-column.num4 h3 a .ico{ background-position: 0 -210px;}
.ml-overview-column.num4 h3 a .tit{ color: #f49b00;}
.ml-overview-column.num4.active{border-color: #f7e4b7;}
.ml-overview-column.num5 h3{ background: #edfdf4;}
.ml-overview-column.num5 h3 a .ico{ background-position: 0 -280px;}
.ml-overview-column.num5 h3 a .tit{ color: #30c74b;}
.ml-overview-column.num5.active{border-color: #d7f0e2;}
.ml-overview-column.num6 h3{ background: #f8efff;}
.ml-overview-column.num6 h3 a .ico{ background-position: 0 -350px;}
.ml-overview-column.num6 h3 a .tit{ color: #b770ed;}
.ml-overview-column.num6.active{border-color: #f0e0fd;}
.ml-overview-column.num7 h3{ background: #ffebeb;}
.ml-overview-column.num7 h3 a .ico{ background-position: 0 -420px;}
.ml-overview-column.num7 h3 a .tit{ color: #f15f5f;}
.ml-overview-column.num7.active{border-color: #fcdada;}
/*投资瑶海*/
.ml-investBox{ padding: 29px 0 58px;}
/*投资瑶海 > 视频*/
.ml-invest-video{ margin-top: 38px; width: 740px; height: 416px; overflow: hidden; position: relative; z-index: 1;}
.ml-invest-video .j-video-player,.ml-invest-video video{ width: 100% !important; height: 100% !important;}
/*投资瑶海 > 列表*/
.ml-invest-list{ width: 474px; padding: 22px 21px 0 25px; height: 364px; margin-top: 53px; background: #fff; box-shadow: 0 0 16px rgba(0, 0, 0, 0.11);}
.ml-invest-list .tel{ height: 39px; font-size: 0; line-height: 0;}
.ml-invest-list .tel h3 a{ padding: 0 32px 0 20px; display: block; height: 39px; line-height: 38px; position: relative; font-size: 22px; font-weight: bold; color: #fff; background: #275bb0 url("../images_new/ml_tel2bg.gif") right center no-repeat; background-size: auto 100%;}
.ml-invest-list .tel h3 .ico{ position: absolute; left: 0; top: 6px; bottom: 5px; width: 8px; background: #ff9600; display: block;}
.ml-invest-list .tel .more{ width: 31px; background: url("../images_new/ml_more.png") 0 center no-repeat; height: 100%;}
.ml-invest-list .ind-list{padding: 12px 0 0;}
.ml-invest-list .ind-list li{padding-right: 0;}
.ml-invest-list .ind-list li a{ max-width:410px;}
/*投资瑶海 > 链接*/
.ml-invest-link{ padding: 53px 0 0;}
.ml-invest-link li{float: left; width: 609px; height: 180px;}
.ml-invest-link li.num2{float: right;}
.ml-invest-link li a{display: block; height: 100%; position: relative; color: #fff; border-radius:0 27px; overflow: hidden; text-align: center; line-height: 0;}
.ml-invest-link li a img{width: 100%; height: 100%;}
.ml-invest-link li a span{position: absolute; font-size: 24px; font-weight: bold; height: 40px; line-height: 40px; top: 50%; margin-top: -20px; left: 0; right: 0; transition: 0.4s all; letter-spacing: 3px;}
.ml-invest-link li a:hover span{ transform:scale(1.2)}
@media (min-width: 992px) and (max-width:1259px) {
.ml-leaderBox h2{left: 0;}
.ml-leader-info{padding-left: 225px;}
.ml-overview-column h3,.ml-overview-column{width: 80px;}
.ml-overview-column.active{width: 436px;}
.ml-overview-column .note,.ml-overview-column .list{margin-left: 81px; background-size: 100% auto;}
.ml-overview-column .note{padding: 0 20px;}
.ml-overview-column .list2 li{width: 50%;}
.ml-invest-video{width: 562px; height: 316px;}
.ml-invest-list{width: 390px; height: 266px; padding: 20px 20px 0;}
.ml-invest-list .ind-list{height: 210px; overflow: hidden; padding-top: 8px;}
.ml-invest-list .ind-list li a{max-width: 100%; *width: 100%;}
.ml-invest-list .ind-list li img{display: none;}
.ml-invest-link li{width: 481px;height: 142px;}
}
@media (max-width: 991px){
.ml-leaderBox h2{ position: static; float: left; margin-top: 30px;}
.ml-leader-info{padding-left: 0; padding-bottom: 20px;}
.ml-overviewBox{padding: 30px 0 12px;}
.ml-overview-info{ padding: 20px 0;}
.ml-overview-column{ float: none; width: auto !important; margin: 0 0 8px 0; height: auto;}
.ml-overview-column h3{float: none; width: auto; height: auto; padding: 7px 0;}
.ml-overview-column h3 a{padding: 0; text-align: center;}
.ml-overview-column h3 a span{display: inline-block;}
.ml-overview-column h3 a .ico{ background-size: 40px auto; height: 40px; width: 40px;}
.ml-overview-column h3 a .tit{ width: auto; line-height: 40px; height: 40px; padding: 0 0 0 10px;}
.ml-overview-column.num2{border-color: #c4efef;}
.ml-overview-column.num2 h3 a .ico{ background-position: 0 -40px;}
.ml-overview-column.num3{border-color: #c2e3f5;}
.ml-overview-column.num3 h3 a .ico{ background-position: 0 -80px;}
.ml-overview-column.num4{border-color: #f7e4b7;}
.ml-overview-column.num4 h3 a .ico{ background-position: 0 -120px;}
.ml-overview-column.num5{border-color: #d7f0e2;}
.ml-overview-column.num5 h3 a .ico{ background-position: 0 -160px;}
.ml-overview-column.num6{border-color: #f0e0fd;}
.ml-overview-column.num6 h3 a .ico{ background-position: 0 -200px;}
.ml-overview-column.num7{border-color: #fcdada;}
.ml-overview-column.num7 h3 a .ico{ background-position: 0 -240px;}
.ml-overview-column.active{height: auto;}
.ml-overview-column .note,.ml-overview-column .list{margin: 1px 0 0; width: auto;}
.ml-overview-column .note{padding: 0 15px 10px; height: auto;}
.ml-overview-column .note p{padding-top: 10px;}
.ml-overview-column .list{padding: 10px 15px; height: auto;}
.ml-overview-column .list ul{padding-top: 0; height: auto;}
.ml-overview-column .list li{height: 34px; line-height: 34px;}
.ml-investBox{padding-bottom: 30px;}
.ml-invest-video{width: 100%; height: auto; float: none; margin-top: 20px;}
.ml-invest-list{float: none; width: auto; height: auto; margin-top: 0; padding: 15px 15px 10px;}
.ml-invest-link{padding-top:0;}
.ml-invest-link li{float: none !important; width: auto; height: auto; padding-top: 20px;}
}
@media (max-width: 767px){
.ml-title{height: auto;}
.ml-title img{max-width: 100%; height: auto;}
.ml-leaderBox h2{margin-top: 10px;}
.ml-leader-info{padding-top: 10px; font-size: 16px; line-height: 2;}
.ml-overviewBox{padding: 20px 0 5px;}
.ml-overview-info{font-size: 16px; line-height: 2; padding: 15px 0;}
.ml-overview-column .note{padding: 0 10px 10px;}
.ml-overview-column .note p{ font-size: 16px; line-height: 2;}
.ml-overview-column .list li{font-size: 16px; height: 30px; line-height: 30px;}
.ml-overview-column .list{ padding: 5px 10px;}
.ml-investBox{padding: 20px 0 15px;}
.ml-invest-list{padding: 10px 10px 5px;}
.ml-invest-link li{padding-top: 10px;}
}
@media (max-width: 619px){
.ml-leaderBox h2{max-width: 40%;}
.ml-leaderBox h2 img{width: 100%; height: auto;}
.ml-overview-column .list2 li{width: 50%;}
}
@media (max-width: 479px){

}
@media (max-width: 424px){  }
@media (max-width: 374px){  }