body{ padding-top:0px;}
.tab-cell{ display:table-cell; vertical-align:middle;}
.wrap{ width:100%; max-width:1200px; margin:0 auto;}
.top{ position:fixed; left:0; top:0; width:100%; background:rgba(0,0,0,0.33); z-index:10; padding:0 2%; box-shadow:0 0 10px rgba(0,0,0,0.15);transition: all 0.5s ease }
.top .logo a{ display: block; height: 75px; width: 120px; background: no-repeat left center;}
.top .logo a.a1{ background-image: url(../images/logo1.png);}
.top .logo a.a2{ background-image: url(../images/logo2.png);}
.top .logo a.none{ display: none;}
.T-nav{ margin-left:4%;}
.T-nav > li{ float:left; position:relative;}
.T-nav > li > a{ display:block; padding:0 35px; color: #fff; line-height:75px; height:75px; font-size:16px; text-align:center; transition:all 0.5s ease; position:relative;}

.T-nav > li .gdlt{ position:absolute; width:100%; left:0%; top:75px;text-align:center; background:rgba(0,0,0,0.3);}
.T-nav > li .gdlt a{ display:block; color: #fff; line-height:20px; padding:10px 0; transition:all 0.5s ease;}
.search-T{ margin-top:20px;}
.search-T span{ width:35px; height:35px; cursor:pointer; display:block; background:url(../images/fd03.png) no-repeat center center;}
.search-T p{ position:absolute; display:none; right:0; top:35px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); width:200px; height:35px; z-index:5;}
.search-T p .c1{ width:165px; border:none; background:none; padding:0 5px; float:left; height:35px;}
.search-T p .c2{ float:left; width:35px; height:35px; background:url(../images/fd01.png) no-repeat center center; border:none; cursor:pointer;}

.ind-main{ background: #fff; padding: 4% 0;}
.ind-title{ font-size: 24px; font-weight: bold; color: #333; padding-bottom: 12px;}
.ind-title2{ font-size: 28px;}
.ind-title::before{ content: ''; bottom: 0; position: absolute; left: 50%; width: 50px; margin-left: -25px; height: 3px; background: #00b5d3;}

.ind-cont{ line-height: 1.8; font-size: 16px; max-width: 1100px; margin: 5% auto;}






.ind-news{ background: #f0f3f3; padding: 4% 0;}
.news-cont{ display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff url(../testimg/t6.jpg) no-repeat right bottom; margin-top: 4%; padding-right: 22%;}
.news-cont li{ width: 50%; border-bottom: 1px solid #eee; border-right: 1px solid #eee;}
.news-cont li:nth-child(2n){ border-right: none;}
.news-cont li a{ display: block; padding: 8% 12%; color: #333; transition: all 0.5s ease;}
.news-cont li a .prlc{ color: #00b5d3; font-size: 20px;}
.news-cont li a .prlc span{ color: #333;}
.news-cont li a .tit{ font-size: 18px; margin-top: 12px; line-height: 1.4; font-weight: bold;transition: all 0.5s ease;}
.news-cont li a .con{ line-height: 1.6; font-size: 16px; margin: 20px 0 10px;}

.foot{ background: #22252a; color: #bbb;}
.foot-cont{ padding: 5%;}
.foot-cont .cont{ width: 260px;}
.foot-cont .cont .tit{ font-size: 15px;}
.foot-cont .cont .list{ margin-top: 15px; padding: 2px 0 2px 25px; background: no-repeat left 2px;}

.bot-cont{ border-top: 1px solid #464749; padding: 20px 0; color: #797979;}
.bot-cont a{ color: #797979;}
.bot-cont .title span{ display: inline-block; margin-right: 15px;}
.fx-link .list{ margin-left: 30px; position: relative;}
.fx-link .list .od{ position: absolute; display: none; bottom: 40px; left: 50%; transform: translateX(-50%); background: #fff; padding: 10px; width: 140px;}


.ny-banner .cont{ position: absolute; left: 0; top:50%; transform: translateY(-50%); color: #fff; width: 100%;}
.ny-banner .cont .d1{ font-size: 48px;}
.ny-banner .cont .d1 img{ max-height: 80px;}
.ny-banner .cont .d2{ color: #333; font-size: 18px; line-height: 1.8; margin-top: 20px; max-width: 380px;}
.ny-cont{ padding: 4% 0; position: relative;}
.ny-cont .wrap{ position: relative; z-index: 2;}
.ny-cont:nth-child(2n){ background: #f7f7f7;}
.ny-tit-sc{ margin-top: 3%; font-size: 16px;}
.ny-tit-sc span{ color:#00b5d3;}
.abs-img{ position: absolute; right: 0; top: 4%; width:30%}

.odl-list{display: flex; flex-wrap: wrap;}
.odl-list li{width: 32%;margin-right: 2%; margin-top: 5%;}
.odl-list li:nth-child(3n){margin-right: 0;}
.odl-list li .img{ line-height: 60px; text-align: center;}
.odl-list li .img img{ max-height:60px;}
.odl-list li .eng{ font-size: 18px; color: #12aac6; text-align: center; margin: 30px 0;}
.odl-list li .tit{ font-weight: bold;  font-size: 18px; color: #12aac6;}
.odl-list li .con{ line-height: 1.8; color: #666; margin-top: 15px;}
.odl-list li .lbm{ padding: 0 5%;}
.odl-list li .lbm p{ float: left; width: 45%; line-height: 30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 12px; position: relative;}
.odl-list li .lbm p:nth-child(2n){ float:right;}
.odl-list li .lbm p:before{ content: ''; position: absolute; left: 0; top: 15px; width: 3px; height: 3px; background: #666; border-radius: 2px;}

.pac-list{display: flex; flex-wrap: wrap;}
.pac-list li{ width: 25%; margin-right: 0%; margin-top: 5%; padding: 2% 3%; transition:all 0.5s ease;}
.pac-list li:nth-child(4n){ margin-right: 0;}
.pac-list li .img{ line-height: 75px;}
.pac-list li .img img{ max-height:75px;}
.pac-list li .eng{ margin: 30px 0 12px; color: #00b5d3; font-size: 18px; line-height: 25px; height: 50px; overflow: hidden;}
.pac-list li .act p{ margin-top: 15px; color: #444;}
.pac-list li .act span.ss{ display: block; color: #000; font-size: 16px;}
.dl-title{ margin-top: 4%; font-size: 15px;}
.dl-title span{ color: #00b5d3;}
.mcunce{ margin-top: 4%; padding: 12px; border: 1px dashed #20bdd7;}

.fenc-object{ display: flex; justify-content: space-between; margin-top: 5%; }
.fenc-object .list{ width: 160px;}
.fenc-object .list .d1{ color: #00b5cd; font-size: 16px;}
.fenc-object .list .d2{ padding-top: 10px;}
.fenc-object .list .d2 .ps{ position: relative; margin-top: 15px; padding-left: 12px; color: #666;}
.fenc-object .list .d2 .ps:before{ content: ''; position: absolute; left: 0; top: 8px; width: 3px; height: 3px; background: #666; border-radius: 2px;}

.ny-nav{ padding: 3% 0;}
.ny-nav span{ display: none;}
.ny-nav p a{ display: inline-block; margin: 0 20px; font-size: 20px;}
.ny-nav p a i{color: #00B5CD;}
.ny-nav p a.cur{ color: #00B5CD;}

.ny-main{ padding: 4% 0;}
.ny-main:nth-child(2n+1){ background: #f7f7f7;}
.tolnea{ margin-top: 5%; position: relative; padding-top: 60px;}
.tolnea .d1{font-size: 24px; padding-right: 400px;}
.tolnea .d2{ color: #00B5CD; font-weight: bold; font-size: 22px; margin-top: 80px; padding-right: 400px;}
.tolnea .img{ max-height: 170px; position: absolute; right: 0; top: 0; }
.me-con{ color: #666; line-height: 1.5; font-size: 18px; margin-top: 40px;}

.lecnt-flex{ display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%;}
.lecnt-flex li{ margin-top: 5%; width: 16%; text-align: center;}
.lecnt-flex li .title{ text-align: center;}
.lecnt-flex li .title span{ display: inline-flex; align-items: center; text-align: center; width: 118px; height: 130px; background: url(../images/bg.png) no-repeat center center;}
.lecnt-flex li .title span .ct{ width: 100%; color: #12aac6; font-size: 22px; font-weight: bold;}
.lecnt-flex li .cont{ color: #666; font-size: 16px; margin-top: 15px;}

.ouenma{ display: flex; justify-content: center; flex-wrap: wrap;}
.ouenma li{ width: 165px; margin: 5% 30px 0; text-align: center;}
.ouenma li .img span{ display: inline-block; width: 118px; height: 118px; background: url(../images/dg.png) no-repeat center center; line-height: 118px;}
.ouenma li .img span img{ max-height: 70px; max-width: 70%;}
.ouenma li .tit{ font-size: 16px; margin-top: 15px; color: #666;}
.midlma{ max-width: 872px; margin: 5% auto 0;}
.clc-more{ font-size: 20px;}
.clc-more span{ color: #00B5CD;}

.news-main{ padding: 5% 0; background: #fff;}
.news-list { display: flex; flex-wrap: wrap;}
.news-list li{ width: 30%; margin-right: 5%; margin-bottom: 5%;}
.news-list li:nth-child(3n){margin-right: 0%;}
.news-list li a{ display: block; border: 1px solid #ddd; color: #333; transition: all 0.5s ease;}
.news-list li a .pic{ overflow: hidden;}
.news-list li a .pic img{ display: block; width: 100%; height: 200px; object-fit: cover; transition: all 0.5s ease;}
.news-list li a .con{ padding: 20px;}
.news-list li a .con .d1{ color: #00B5CD; font-size: 18px; line-height: 30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-list li a .con .d3{ line-height: 22px; height: 66px; overflow: hidden; margin-top: 5px;;}

.page-ol{ font-size: 0;}
.page-ol a{ display: inline-block; vertical-align: middle; width: 45px; height: 45px; line-height: 45px; background: #f7f7f7; font-size: 16px;}
.page-ol .first{ margin-right: 5px;}
.page-ol  .last{ margin-left: 5px;}
.page-ol .c1{ width: 45px; height: 45px; border: 1px solid #ddd; text-align: center; margin: 0 5px;}
.page-ol .c2{ border: none; cursor: pointer;background: #f7f7f7;width: 45px; height: 45px;}


.news-mind{ width:calc(100% - 340px);}
.news-mind .d1{ font-size: 26px; font-weight: bold;}
.news-mind .d2{ line-height: 1.8; font-size: 18px; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-top: 30px;}
.news-mind .d2 span{ margin-left: 15px; font-size: 14px;}
.news-mind .d3{ margin-top: 30px; line-height: 1.8; font-size: 16px;}
.fyouta{ margin-top: 40px; box-shadow: 0 0 15px rgba(0,0,0,0.2); padding: 20px; line-height: 35px; display: flex; justify-content: space-between;}
.news-sild{ width: 260px;}
.news-sild h5{ border-bottom: 1px solid #ddd; font-size: 22px; padding-bottom: 12px;}
.news-sild li{ margin-top: 25px; font-size: 18px;}
.obneac{ display:flex;justify-content: center; flex-wrap: wrap;}
.obneac li{ width: 45%; text-align: center; margin-top: 5%;}
.obneac li .tit{ font-size: 18px; margin: 20px 0 10px;}
.obneac li .tit span{ color: #00B5CD;}
.obneac li .con{ color: #464646; font-size: 15px; line-height: 1.8;}

.lb-rme li{ margin-top: 4%;}
.lb-rme li .pec{ width: 230px; display: flex; align-items: flex-end;}
.lb-rme li .pec img{ width: 112px; height: 112px; object-fit: cover;}
.lb-rme li .name{ width: 108px; margin-left: 10px;}
.lb-rme li .name .d1{ font-size: 18px; font-weight: bold; padding-bottom: 10px; border-bottom: 2px solid #ddd; position: relative;}
.lb-rme li .name .d1:after{ content: ''; position: absolute; left: 0; bottom: -2px; width: 50%; height: 2px; background: #00B5CD;}
.lb-rme li .name .d2{ margin-top: 10px; font-size: 16px;}

.lb-rme li .con{ width: 920px;}
.lb-rme li .con .d1{ font-size: 18px; font-weight: bold; color: #00B5CD; line-height: 30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lb-rme li .con .d2{ margin-top: 10px; line-height: 25px; height: 75px; overflow: hidden; font-size: 16px;}

.unc-scroll{ position: relative;}
.unc-scroll::before{ content: ''; height: 6px; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -3px; background: #c3c3c3;}
.lbonme{ overflow: auto;margin-top: 2%; white-space: nowrap; padding: 20px 0; position: relative; z-index: 2;}
.lbonme::-webkit-scrollbar,.lbonme li .con::-webkit-scrollbar{
    width: 7px;
    height: 12px;
    background-color: #F5F5F5;
  }

  /*定义滚动条轨道 内阴影+圆角*/
  .lbonme::-webkit-scrollbar-track,.lbonme li .con::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }

  /*定义滑块 内阴影+圆角*/
  .lbonme::-webkit-scrollbar-thumb,.lbonme li .con::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c8c8c8;
  }

.lbonme li{ width:255px; display: inline-block; position: relative; height: 646px;white-space:normal;}
.lbonme li:nth-child(n+2){ margin-left: -100px;}
.lbonme li .year{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 60px; height: 60px; background: #f1f9fc; border: 3px solid #1aaac6; border-radius: 50%; line-height: 54px; color: #1aaac6; font-weight: bold; font-size: 20px; text-align: center;}
.lbonme li .year:before{ content: ''; width: 21px; height: 19px; position: absolute; left: 50%; margin-left: -10px; top: -30px; background: url(../images/x1.png);}
.lbonme li:nth-child(2n) .year:before{ top: auto;bottom: -30px; background: url(../images/x2.png);}
.lbonme li .con{ position: absolute;z-index: 2; max-height: 250px; overflow: hidden; left: 0; bottom: 390px;}
.lbonme li:nth-child(2n) .con{bottom:auto; top: 390px;}
.lbonme li .con .list{ margin-bottom: 10px; position: relative; line-height: 22px;}

.contact-us{padding-bottom: 4%;}
.jonme{ line-height: 80px; font-size: 18px; background: #f7f7f7;}
.jonme span{ float: left; width: 20%;}
.job-list{ margin-bottom: 4%;}
.job-list li{ border-bottom: 2px solid #f7f7f7;}
.job-list li a{ display: flex; padding: 15px 0; line-height: 35px;}
.job-list li a span{ width: 20%; font-size: 16px;}
.job-title{ padding: 25px 0; font-size: 22px; font-weight: bold;}
.pebunc{ background: #f7f7f7; padding: 15px 0; font-size: 15px; line-height: 30px;}
.pebunc span{ display: inline-block; width: 240px;}
.job-main{ font-size: 16px; line-height: 2; padding-top: 2%;}


.float-sild{ position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 5; width: 55px;}
.float-sild .list{ margin-top: 2px;}
.float-sild .list span,.float-sild .list a{ display: block; height: 55px; background:#d9d7d7 no-repeat center center; background-size: auto 35px; transition: all 0.5s ease; }
.float-sild .list .s1{ background-image: url(../images/fs01.png);}
.float-sild .list .s2{ background-image: url(../images/fs02.png);}
.float-sild .list .s3{ background-image: url(../images/fs03.png); cursor: pointer;}
.float-sild .list .ewm{ width: 150px; position: absolute; right: 55px; top: 0;}
.float-sild .list .ltcc{ position: absolute; right: 55px; top: 0; font-weight: bold; height: 55px; line-height: 55px; text-align: center; width: 200px; color: #333; font-size: 16px; background: #3bc6dd;}


.lonucb{ background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 15;}
.lonucb .cont{ width: 930px; height: 480px; background: #fff; padding: 40px 80px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.lonucb .cont .title{ font-size: 24px;}

.solt-con{ margin-top: 20px;}
.unca-meng li{ width: 45%; float: left; margin-top: 15px;}
.unca-meng li:nth-child(2n){ float: right;}
.unca-meng li .d1 span{ color: #f00;}
.unca-meng li .d2{ margin-top: 8px;}
.unca-meng li .d2 input{ width: 100%; height:35px; padding: 0 10px; border: 1px solid #ddd; border-radius: 3px;}
.unca-meng li .d2 textarea{ width: 100%; height:80px; padding:10px; border: 1px solid #ddd; border-radius: 3px;}

.lynefa input{ height: 35px; width: 140px; margin: 0 10px; color: #fff; background: #ff9900; border-radius: 3px; border: none; cursor: pointer;}
.lynefa input.det{ background: #bbb;}

.odmbuta{
	display: flex;
	flex-wrap: wrap;
}
.odmbuta .item{
	width: 50%;
	text-align: center;
	margin-top: 5%;
}
.odmbuta .item h5{
	font-weight: normal;
	font-size: 22px;
	color: #00b5cd;
}
.odmbuta .item h5 span{
	color: #333;
}
.odmbuta .item .btc{
	margin-top: 40px;
	font-size: 20px;
	line-height: 2;
}
@media (max-width: 1200px){
	.float-sild{width: 40px;}
	.float-sild .list span{height: 40px;background-size: auto 60%; }
	.float-sild .list .ltcc{right: 40px; display: none;}
}