@media (min-width: 1201px){
.T-nav > li:hover > a{ transition:all 0.5s ease;}
.T-nav > li .gdlt{ visibility:hidden; opacity:0;transform:translateY(30px); transition:all 0.8s ease;}
.T-nav > li .gdlt a:hover{background:#00b5d3; color:#fff; transition:all 0.5s ease;}
.T-nav > li:hover .gdlt{visibility: visible; opacity:1;transform:translateY(0px); transition:all 0.8s ease;}
.T-nav > li > a:after{ content:''; position:absolute; left:50%; height:2px; width:0px; transform: translateX(-50%); background:#fff; bottom:20px;  transition:all 0.5s ease;}
.T-nav > li:hover > a:after,.T-nav > li > a.on:after{  width: 24px; transition:all 0.5s ease;}
.ind-slid .swiper-slide:hover .con{ opacity: 1;  transition:all 0.5s ease ;}
.ind-slid .swiper-slide:hover .con .tit,.ind-slid .swiper-slide:hover .con .mec{transform: translateY(0px); transition: all 0.5s ease;}
.news-cont li a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.2);transition: all 0.5s ease;}
.news-cont li a:hover .tit{color:#00b5d3; transition: all 0.5s ease;}
.fx-link .list:hover .od{ display: block;}

.top.on{ background: #fff; transition: all 0.5s ease }
.top.on .logo a.a1{ display: none;}
.top.on .logo a.a2{ display: block;}
.top.on .T-nav > li > a{ color: #333;transition: all 0.5s ease}
.top.on .search-T span{ background: url(../images/fd04.png) no-repeat center center;}

.news-list li a:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.15);transition: all 0.5s ease}
.news-list li a:hover .pic img{ transform: scale(1.05);transition: all 0.5s ease}


.ind-slid{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 4%;}
.ind-slid .swiper-slide{ width: 49%; margin-bottom: 2%;}
.ind-slid .swiper-slide a{ display: block; position: relative; color: #fff;}
.ind-slid .swiper-slide .img{overflow: hidden;}
.ind-slid .swiper-slide img{ display: block; transition: all 0.5s; width: 100%; height: 356px; object-fit: cover; transition: all 0.5s ease;}
.ind-slid .swiper-slide:hover img{ transform: scale(1.05); transition: all 0.5s;}
.ind-slid .swiper-slide .con{display: none; background: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; padding: 0 5%; left: 0; top: 0; align-items: center; flex-wrap: wrap; opacity: 0; transition: all 0.5s ease;}
.ind-slid .swiper-slide .con div{ width: 100%; overflow: hidden;}
.ind-slid .swiper-slide .con .tit{ text-align: center; font-size: 20px; transform: translateY(-50px); transition: all 0.5s ease;}
.ind-slid .swiper-slide .con .mec{ margin-top: 20px; line-height: 25px; transform: translateY(50px); height: 150px; overflow: hidden; font-size: 16px;transition: all 0.5s ease;}
.fenc-object{padding: 0 5%;}
.pac-list li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.float-sild .list:hover > div{ opacity: 1; transform: translateX(0px); visibility: visible; transition: all 0.5s ease; }
.float-sild .list:hover span{ background-color: #3bc6dd; transition: all 0.5s ease;}
.float-sild .list > div{ opacity: 0; transform: translateX(-30px); visibility: hidden; transition: all 0.5s ease; }
}

@media (max-width: 1440px){
.wrap{ max-width:1200px; padding:0 4%;}
.olmgce dl{ margin-right:18px;}
.T-nav{ margin-right:0px;}



}

@media (max-width: 1200px){

.wrap{ width:100%; max-width:768px;}
.top{ position:fixed; padding: 0;}
.top .wrap{ padding-right: 0;}
.top .logo{ padding:0;}
.top .logo img{ height:50px;}
.mob-nav{ display:block; width:50px; height:50px; position:relative; float:right; background: #00b5d3;}
.mob-nav span{ display:block; position:absolute; left:10px; width:30px; height:2px; top:50%; margin-top:-1px; background:#fff; transition:all 0.5s ease ;}
.mob-nav:before{ content:''; position:absolute; left:10px; width:30px; height:2px; top:50%; margin-top:-11px; background:#fff; transition:all 0.5s ease ;}
.mob-nav:after{ content:''; position:absolute; left:10px; width:30px; height:2px; top:50%; margin-top:10px; background:#fff; transition:all 0.5s ease;}
.mob-nav.on span{ width:0; transition:all 0.5s ease;}
.mob-nav.on:before{ transform:rotate(45deg); margin-top:-1px; transition:all 0.5s ease;}
.mob-nav.on:after{ transform:rotate(-45deg); margin-top:-1px; transition:all 0.5s ease;}
.T-nav{ display:none; position:fixed; margin:0; top:50px; right:0; margin:0; width:180px; background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.T-nav li{ display:block; width:100%; border-bottom:1px solid #eee;}
.T-nav > li a{ width:100%; text-align:center; padding:0 2%; line-height:45px; height:45px; font-size:15px; color:#666;}
.T-nav > li > a.cur{ background:none; border:none; color:#666;}
.T-nav li .gdlt{ position:relative; width:100%; left:0; margin-left:0; top:0; padding:0; background: #fff; display:none;}
.T-nav li .gdlt a{ padding:0 5%; height:35px; line-height:35px; margin:0; font-size:14px; background:none; color:#666;}
.T-menu{ padding:7px 0;}
.search-T{ margin-top:9px; display: none;}
.top .logo{ margin-top: 5px;}
.top .logo a{ height: 40px;}

.ind-title{ font-size: 20px;}
.ind-cont{font-size: 15px;}
.foot-cont .cont{ width: 100%; margin-top: 3%;}
.foot-cont{ padding: 5% 0;}
.odl-list li{ width: 48%; margin-right: 4%;}
.odl-list li:nth-child(3n){ margin-right: 4%;}
.odl-list li:nth-child(2n){ margin-right: 0;}
.pac-list li{width: 49%; margin-right: 2%;}
.pac-list li:nth-child(2n){ margin-right: 0;}
.ny-banner .cont .d1{ font-size: 24px;}
.tolnea .d1{ font-size: 20px;}
.ny-banner .cont .d2{ font-size: 14px;}
.ny-banner .cont .d1 img{ max-height: 50px;}
.ny-nav{padding: 0;}
.ny-nav span{ display: none; line-height: 50px; font-size: 16px; background:url(../images/xx.png) no-repeat right center;}
.ny-nav p{ text-align: center; display: block;}
.ny-nav p a{ margin: 0 5px; font-size: 16px; line-height: 50px;}
.news-list li{ width: 49%; margin-right: 2%; margin-bottom: 2%;}
.news-list li:nth-child(3n){ margin-right: 2%;}
.news-list li:nth-child(2n){ margin-right: 0;}
.page-ol a{ width: 30px; height: 30px; line-height: 32px; font-size: 12px;}
.page-ol .c1{ width: 30px; height: 30px;}
.page-ol .c2{ width: 30px; height: 30px;}
.news-mind{ width: 100%;}
.news-mind .d1{font-size: 20px;}
.news-mind .d2{ margin-top: 3%; font-size: 16px;}
.news-sild{ width: 100%; margin-top: 6%;}

.news-sild h5{ font-size: 20px;}
.news-sild li{ font-size: 16px; margin-top: 15px;}
.news-sild li a{ display: block;} 
.lb-rme li .con{ width: 100%; margin-top: 15px;}
.float-sild .list .ewm{ opacity: 1;transform: translateX(0px);
    visibility: visible; display: none; right: 40px;}
}

@media (max-width: 960px){
.lonucb .cont{width: 100%; padding: 30px 20px;}
}


@media (max-width: 780px){

.news-cont{ padding: 0;}
.news-cont li{ width: 100%; border-right: 0 !important;}
.news-cont li a{ padding: 5%;}
.bot-cont{ width: 100%; line-height: 25px;}
.fx-link{ width: auto; margin-bottom: 10px;}
.fx-link .list{ margin: 0 15px 0 0;}
.news-cont li a .tit{ font-size: 16px;}
.news-cont li a .con{ font-size: 15px; margin: 10px 0;}
.pac-list li .img{ line-height: 50px;}
.pac-list li .img img{ max-height: 50px;}
.tolnea{padding: 0;}
.tolnea .img{  max-height: 70px;}
.tolnea .d1{margin-top: 5%; padding-right: 110px;}
.tolnea .d2{ font-size: 18px; margin-top: 5%; padding-right: 110px;}
.me-con{ margin-top: 3%; font-size: 15px;}
.lecnt-flex li{ width: 30%;}
.lecnt-flex li .title span{width: 90px; height: 120px; background-size: 100% auto;}
.lecnt-flex li .title span .ct{ font-size: 18px;}
.lecnt-flex li .cont{margin-top: 5%; font-size: 14px;}
.ouenma li{ margin: 5% 0px;}
.clc-more{ font-size: 18px;}
.jonme span{ line-height: 50px; font-size: 16px; display: none;}
.jonme span:first-child{ display: block; width: 70%;text-align: left;}
.jonme span:last-child{ display: block; width: 30%;}
.job-list li a { padding: 10px 0;}
.job-list li a span{ display: none; line-height: 25px; font-size: 14px;}
.job-list li a span:first-child{ display: block; width: 70%; text-align: left;}
.job-list li a span:last-child{ display: block; width: 30%;}
.news-cont li a .prlc{ font-size: 18px;}
.mapct{ display: none;}
.foot-cont .cont .tit{ text-align: center;}
.ny-banner .img img{object-fit: cover; width: 100%;}
.ny-banner .img img.pc-img{ display: none;}
.ny-banner .img img.mob-img{ display: block;}

.odl-list li .tit,.pac-list li .eng,.pac-list li .act{ text-align: center;}
.pac-list li .act span.ss{ display: inline-block; vertical-align: middle; margin-right: 8px;}
.ouenma li .img span{ width: 90px; height: 90px; line-height: 90px; background-size: 100%;}
.news-sild{ display: none;}
.unc-scroll::before{ display: none;}
.lbonme{white-space: normal;}
.lbonme li{ width: 100%; height: auto;min-height: 100px; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; margin-top: 4% !important;}
.lbonme li .year{ position: relative; left: 0; top: 0; transform: translate(0,0);}
.lbonme li .year:before{ display: none;}
.lbonme li .con{ position: relative;top: 0 !important; left: 0; left: 0; margin: 0; height: auto;max-height: inherit; width: calc(100% - 80px);}
.lbonme li:nth-child(n+2){ margin: 0;}
.odmbuta .item{width: 100%; margin-top: 8%;}
.odmbuta .item h5{font-size: 18px;}
.odmbuta .item .btc{padding: 0 !important; font-size: 16px;}
}


@media (max-width: 640px){
.odl-list li{ width: 100%; margin-right: 0 !important;}
.news-list li{ width: 100%;}
.news-list li a .pic img{ height: 50vw;}
.pac-list li{ width: 100%; margin-right: 0 !important; padding: 0;}

.lecnt-flex li .title span .ct{ font-size: 15px;}
.pac-list li .img{ text-align: center;}
.fenc-object{ flex-wrap: wrap;}
.fenc-object .list{ width: 100%; padding: 4% 0;}
.fenc-object .list .d1{ text-align: center;}
.fenc-object .list .d2{ display: flex; flex-wrap: wrap; justify-content: space-around;}
.fenc-object .list .d2 p{ width: 45%;}
.fenc-object .imgs{ text-align: center; width: 100%;}
.fenc-object .imgs img{ transform: rotate(90deg); height: 50px;}
.lecnt-flex{ justify-content: space-around;}
.lecnt-flex li{ width: 45%;}
.news-list{ padding: 0 5%;}
.news-list li{ margin-bottom: 8%;}
.obneac,.lb-rme{ padding-bottom: 4%;}
.obneac li{ width: 100%; margin-top: 8%;}
.lb-rme li{ margin-top: 8%;}

}