body{ margin:0; padding:0;line-height:100%; width:100%; color:#666; font-family:/*'PingFang SC',*/'微软雅黑','Microsoft YaHei','STHeiti','Gotham';overflow-x:hidden}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#333}
a:active,a:focus,a:hover{outline:none; color:#2baca1}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
/*input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}
*/div,ul,li,span,p,i,a,h1,h2,h3,h4,h5,h6,img,input,submit,textarea,select{box-sizing:border-box;outline:none;}
*{box-sizing:border-box}

.toTop{ position:fixed;bottom:0; right:0; display:block; width:30px; height:30px; background:url(../images/totop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../images/totophover.png) no-repeat;background-size:100% 100%;opacity:1.0}


.boxTop{ position:absolute; top:0; left:0;width:100%; z-index:1000;height:110px;}
.topbg{position:absolute; top:0; left:0;width:100%; z-index:990;height:300px;background:url(../images/topbg.png) repeat-x top;}
.boxTop1{position:relative;box-sizing:border-box; width:95%;text-align:right; margin:auto;}
.logo{position:absolute; left:0; top:20px; height:70px;}

@font-face {
  font-family: "DINCond";
  src: url("../fonts/dincond.woff2") format("woff2"),
       url("../css/font/DINCond/DINCond.woff") format("woff"),
       url("../fonts/dincond.ttf") format("truetype"),
       url("../fonts/dincond.eot") format("embedded-opentype"),
       url("../fonts/dincond.svg") format("svg");
  font-weight:normal;
  font-style:normal;
}
.w1400{ width:100%; max-width:1400px; margin: 0 auto;}
.w1450{ width:100%; max-width:1450px; margin: 0 auto;}
@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:80px; text-align:center;display:inline-block;  vertical-align:middle; margin-top:15px;}
.boxNav li{display:inline-block;position:relative; /*padding:0 25px; margin:0 20px; */padding:0 13px; margin:0 5px; }
.boxNav li span a{display:block;font-size:18px; color:#fff;line-height:60px;}
.boxNav li span a:hover{color:#fff}
.boxNav li span i{ height:3px; background:#fff; width:100%; position:absolute; bottom:0; left:0; display:none}
.boxNav li .on i{ display:block;animation:ANavI 0.3s}
.boxNav li .on a{color:#fff}
.boxNav li div{position:absolute; top:60px; left:0;text-align:left;background:rgba(27,162,151,0.7); z-index:2; display:none;}
.boxNav li div a{display:inline-block;font-size:16px; width:100%;color:#fff;line-height:25px; padding:10px 0;text-align:center; opacity:1}
.boxNav li div a:hover{color:#fff; opacity:1;background:rgba(69,68,69,0.9);transition:all .5s}
.boxNav li:last-child{}

.icoTop{display:inline-block;height:60px;vertical-align:middle; float:right;margin-top:15px;}
.icoTop a{ position:relative;display:inline-block;vertical-align:top}
.icoTop a:first-of-type{ margin:0}
.icoTop a i{display:block; width:60px; height:60px;}
.icoTop a div{position:absolute; top:80px; right:0; background:#fff;  box-shadow:0 2px 10px rgba(0,0,0,0.2);text-align:center; display:none; padding:20px 0}
.icoTop a span{display:inline-block; width:120px;}
.icoTop a div img{width:90px}
.icoTop a div h1{display:block; font-size:12px; color:#444; padding:0; line-height:12px; margin-top:5px}

.topSearch i{background:url(../images/icosearchtophover.png) center no-repeat; }
.topSearch:hover i{background:url(../images/icosearchtophover.png) center no-repeat; background-color:#1ba297}


/*.topLink i{background:url(../images/icolinktop.png) center no-repeat}
.topLink:hover i{background:url(../images/icolinktophover.png) center no-repeat; background-color:#c7000a}*/
.topLink{ padding:0 20px;}
.topLink font{background:url(../images/icolinktop.png) no-repeat center left; display:inline-block; height:80px; line-height:80px; padding:0 0 0 28px; font-size:16px;}
.topLink:hover{background:#c7000a; color:#fff} 
.topLink:hover font{background:url(../images/icolinktophover.png) no-repeat center left; }

.bgTop{background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.2); padding:0!important;}

/*.whiteCon{background:url(../images/bgTopBlack.png) no-repeat center/100% 100%!important;} */
.bgTop .boxNav li span a{color:#333!important}
.bgTop .boxNav li span a:hover{color:#333!important}
.bgTop .topSearch i{background:url(../images/icosearchtop1.png) center no-repeat!important; opacity:1.0!important;}
.bgTop .topWx i{background:url(../images/icoTopWxWhite.png) center no-repeat!important; opacity:1.0!important;}
.bgTop .topOa i{background:url(../images/icoTopOaWhite.png) center no-repeat!important; opacity:1.0!important;}
.bgTop .boxNav li span i {
    height: 4px;
    background: #2656a2;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.bgTop .openMenu{width:70px; height:70px; position:absolute; top:0; right:0;background:url(../images/openmenu2.png) no-repeat center/cover;}

.searchTop{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1002; display:none}
.searchTop span{display:inline-block; width:700px; height:52px;  overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -350px; font-size:0;}
.searchTop a{ width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoclose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out;}
.searchTop a:hover{ transform:rotateZ(180deg);}
.inputTop{width:600px; height:52px; line-height:52px; font-size:14px; color:#444; text-indent:15px;}
.submitTop{ width:100px; height:52px; background:#1ba297; font-size:14px;  color:#fff;cursor:pointer}  
.submitTop:hover{ background:#2baca1}


.boxLink{position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.7);top:0;right:0; z-index:10000; text-align:right; overflow:hidden; display:none}
.boxLink ul{position:relative;z-index:1; right:-360px;display:inline-block;width:360px;height:100%;background:#c7000a;font-size:0; padding:80px 30px 0 30px; text-align:left;;overflow:hidden; }
.boxLink li{display:block; margin-bottom:20px; width:100%; overflow:hidden}
.boxLink li h2{font-size:22px; color:#fff; display:block; line-height:22px}
.boxLink li h3{font-size:22px; color:#fff; font-family:'rubik';text-transform:uppercase; line-height:22px; margin:10px 0; opacity:0.5}
.boxLink li i{display:block;font-size:22px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.4); line-height:40px; margin-bottom:5px; opacity:0.8}
.boxLink li a{display:inline-block; width:100%;line-height:24px; font-size:13px; color:#fff; opacity:0.65}
.boxLink li a:hover{ opacity:1.0}
.btnCloseLink{width:40px; height:40px; display:inline-block; position:absolute;top:20px; right:20px;background:url(../images/icoclose1.png) center no-repeat; background-size:100% 100%; z-index:2;transition:transform 0.6s ease-out; cursor:pointer; opacity:0.6}
.btnCloseLink:hover{ transform:rotateZ(180deg); opacity:1}

.syvideo{ width: 100%;background:url(../images/videobg.jpg) center no-repeat; height: 514px; display: flex; justify-content:center; align-items: center;}
.syvideo img{}
/*--------------------mTop------------------------*/
.boxTopM{ width:100vw; height:70px; position:fixed;top:0; left:0; z-index:999; display:none;}
.logoM{ position:absolute;left:15px; top:15px; height:40px;}
.boxTopM font{background:url(../images/icolinktop.png) no-repeat center left; display:inline-block; height:70px; line-height:70px; padding:0 0 0 24px; font-size:16px;    position: absolute;top: 0;right: 60px;}

.openMenu{width:70px; height:70px; position:absolute; top:0; right:0;background:url(../images/openmenu.png) no-repeat center/cover;}
.closeMenu{width:70px; height:70px; position:absolute; top:0; left:-60px;background:#fff url(../images/closemenu.png) no-repeat center; background-size:cover;}


.navTopM{position:fixed; top:0; left:0; width:100vw;height:100vh; z-index:1001; background:rgba(0,0,0,0.8); display:none}
.boxNavM{ width:calc(100vw - 60px); height:100%;background:#2656a2 url(../images/bgwyjb.jpg) no-repeat left bottom/cover;overflow-y:auto; padding:60px 30px 0 30px; box-sizing:border-box; position:relative; left:100%;}
.boxNavM li{ position:relative}
.boxNavM li span{display:block; position:relative; width:130px;}
.boxNavM li span a{display:block;font-size:16px;line-height:45px; color:rgba(255,255,255,0.7); }
.boxNavM li span a:hover{ color:#fff}
.boxNavM li .on a{color:#fff;}
.boxNavM li div{position:absolute; top:0; left:130px; display:none; z-index:100}
.boxNavM li div a{display:block; line-height:45px; font-size:14px; text-align:left; color:rgba(255,255,255,0.7);}
.boxNavM li div a:hover{color:#fff}
.boxNavM li div .on{color:#fff}

.searchTopM{margin:20px 0; padding:8px 0;background:#e6e6e8}
.searchTopM .inputSearchM{ width:calc(100% - 40px); height:30px; line-height:30px; background:none; border:none; font-size:14px;color:#999; text-indent:10px;}
.searchTopM .subimtSearchM{ width:40px; height:30px;background:none; background:url(../images/icosearchtopm.png) center no-repeat; background-size:40px 40px;cursor:pointer}
.searchTopM .subimtSearchM:hover{color:#c30e23;}

.icoTopM{text-align:center; color:#fff}
.icoTopM img{ width:50%;vertical-align:middle}
.icoTopM span{font-size:14px; line-height:14px; margin-top:10px; display:inline-block; vertical-align:middle; width:50%; padding:0 0 0 10px;  line-height:26px;}
/*--------------------mTop------------------------*/


.banner{height:100vh;position:relative; margin:0 0 0 calc((100% - 100vw)/2)}
.banner .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important}
.banner .swiper-slide img{ width:100%;}
.banner .swiper-pagination{bottom:30px!important;z-index:1; text-align:center;}
.banner .swiper-pagination-bullet{width:25px; height:4px; background:url(../images/icobanner.png); opacity:1.0; border-radius:0;}
.banner .swiper-pagination-bullet-active{background:url(../images/icobannerhover.png);}
.banner .swiper-button-prev{left:30px;margin-top:-25px; width:50px; height:50px; opacity:0.5; z-index:101}
.banner .swiper-button-prev:hover{opacity:1.0}
.banner .swiper-button-next{right:30px;margin-top:-25px;width:50px; height:50px;opacity:0.5; z-index:101}
.banner .swiper-button-next:hover{opacity:1.0}

.bannerM{width:100vw;height:70vw;position:relative; margin:0 0 0 0;display:none}
.bannerM .swiper-slide{width:100%;height:100%; position:relative; overflow:hidden; background-position:center!important; background-repeat:no-repeat!important; background-size:cover!important}
.bannerM .swiper-pagination{bottom:10px!important;z-index:1; text-align:center; margin:0 2px}
.bannerM .swiper-pagination-bullet{width:15px; height:3px; background:url(../images/icobanner.png); opacity:1.0; border-radius:0;}
.bannerM .swiper-pagination-bullet-active{background:url(../images/icobannerhover.png);}

.home1{ width:1450px; left:50%; display: flex;justify-content: space-between; margin-top:-100px;position:absolute;bottom:-100px;z-index: 888; margin-left:-725px;}
.home1 .left{transition: transform 0.5s ease; width: 34%; background:linear-gradient(140deg,#027bb9,#01af94);padding: 40px 30px 40px 45px; color: #fff;display: flex;justify-content: space-between;}
.home1 .left .title01{display: flex;flex-direction: column;justify-content: space-between;}
.home1 .left .title01 h1{ font-size: 30px;}
.home1 .left .title01 h1 img{margin-right: 10px;}
.home1 .left .title01 p{ font-size: 16px;}
.home1 .right{ width: 65%;color: #fff;display: flex;justify-content: space-between;flex-wrap: wrap;}
.home1 .right li {background-color: #2baca1; width: 33.33%;}
.home1 .right li a{transition: transform 0.5s ease;display: flex; justify-content:center;align-items:center; gap: 20px;  width: 100%;  height: 100%;}
.home1 .right li a h1{transition: transform 0.5s ease; font-size: 28px;color: #fff;}
.home1 .right li a img{transition: transform 0.5s ease; }
.home1 .right li:nth-child(1){background-color: #2baca1;}
.home1 .right li:nth-child(2){background-color: #b69149;}
.home1 .right li:nth-child(3){background-color: #375299;}
.home1 .right li:nth-child(4){background-color: #207dc3;}
.home1 .right li:nth-child(5){background-color: #1ba297;}
.home1 .right li:nth-child(6){background-color: #2baca1;}
.home1 .left:hover,.home1 .right li a:hover {transform: scale(1.05);}

.kuaijie{ display: none;justify-content: space-between; margin-top:50px; display: none;}
.kuaijie .left{transition: transform 0.5s ease; width: 34%; background:linear-gradient(140deg,#027bb9,#01af94);padding: 40px 30px 40px 45px; color: #fff;display: flex;justify-content: space-between;}
.kuaijie .left .title01{display: flex;flex-direction: column;justify-content: space-between;}
.kuaijie .left .title01 h1{ font-size: 30px;}
.kuaijie .left .title01 h1 img{margin-right: 10px;}
.kuaijie .left .title01 p{ font-size: 16px;}
.kuaijie .right{ width: 65%;color: #fff;display: flex;justify-content: space-between;flex-wrap: wrap;}
.kuaijie .right li {background-color: #2baca1; width: 33.33%;}
.kuaijie .right li a{transition: transform 0.5s ease;display: flex; justify-content:center;align-items:center; gap: 20px;  width: 100%;  height: 100%;}
.kuaijie .right li a h1{transition: transform 0.5s ease; font-size: 28px;color: #fff;}
.kuaijie .right li a img{transition: transform 0.5s ease; }
.kuaijie .right li:nth-child(1){background-color: #2baca1;}
.kuaijie .right li:nth-child(2){background-color: #b69149;}
.kuaijie .right li:nth-child(3){background-color: #375299;}
.kuaijie .right li:nth-child(4){background-color: #207dc3;}
.kuaijie .right li:nth-child(5){background-color: #1ba297;}
.kuaijie .right li:nth-child(6){background-color: #2baca1;}
.kuaijie .left:hover,.kuaijie .right li a:hover {transform: scale(1.05);}

.bj80{ margin:80px auto;}
.home2{margin:170px auto 50px auto;display: flex;justify-content: space-between;}
.new01{ width: 63%;}
.title02{ width: 100%; margin-bottom: 35px;display: block;height: 43px;}
.title02 h1{ font-size: 34px; color: #35988f; float: left; font-weight: bold; margin-right: 10px; line-height: 40px;}
.title02 h1 span{color: #333;}
.title02 p{ color: #a1a1a1; font-size: 20px;float: left;line-height: 40px;text-transform: uppercase;}
.title02 .more{ font-size: 16px; color: #35988f;float: right;line-height: 40px;    transition: all .5s;}
.title02 .more:hover{ padding: 0 15px; border: 1px solid #35988f;transition: all .5s;}

.new01List{display: flex;justify-content: space-between;}
.new01List a{ width: 48%;position:relative;overflow:hidden;}
.new01List a img{ width: 100%; height:280px;transition: all .5s;}
.new01List a:hover img{transform: scale(1.05);z-index: 10;}
.new01List span{position:absolute;bottom:0; left:0;background: rgba(27, 162, 151, 0.8);line-height: 45px;font-size: 16px; color: #fff;overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; width: 100%; z-index: 99;}
	
.new01Nav{display: flex;justify-content: space-between;flex-wrap: wrap;}
.new01Nav li{ width:48%; border-bottom: 1px solid #e1e1e1; padding: 25px 0;transition: all .5s;}
.new01Nav li .newtext{ width:100%;overflow: hidden;}
.new01Nav li .newtext .date2 {width: 66px;float: left;border: 1px solid #35afa1;}
.new01Nav li .newtext .date2 span {
    display: block;
    font-size:16px;
    color: #fff;
    line-height: 30px;
    height:30px;
    text-align: center;
    background: #35afa1;
}
.new01Nav li .newtext .date2 span:first-child {
    font-size: 16px;
    color: #35afa1;
	background-color:#fff;

}
.new01Nav li .newtext .s-date-tx {
    overflow: hidden;
    padding-left:10px;
	margin-top:0px;
}
.new01Nav li .newtext .s-date-tx p {
    font-size:16px;
    line-height:30px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new01Nav li .newtext .s-date-tx p a{
    color: #333;
}

.new01Nav li .s-date-tx3 {
    overflow: hidden;
    padding:17px 25px;
	margin-top:0px;
}
.new01Nav li .s-date-tx3 p {
    font-size:18px;
    line-height:35px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new01Nav li .s-date-tx3 .date3{ color:#507ec7; font-size:14px; line-height:30px;	    background: url(../images/time.png) no-repeat 0px 8px;padding: 0 0 0 25px;
}
.new01Nav li:hover .newtext .s-date-tx p{transition: all .5s;color:#35afa1;}


.new02{ width: 33%;}
.new02Nav{border-bottom: 1px solid #e1e1e1;}
.new02Nav li{ width:100%; border-top: 1px solid #e1e1e1; padding: 26px 0;transition: all .5s;}
.new02Nav li .newtext{ width:100%;overflow: hidden;}
.new02Nav li .newtext .date2 {width: 66px;float: left;border-right: 1px solid #35afa1; margin-right: 20px;}
.new02Nav li .newtext .date2 span {
    display: block;
    font-size:21px;
    color: #1ba297;
    line-height: 25px;
    height:25px;
    text-align: center;
	font-weight: bold;
}

.new02Nav li .newtext .s-date-tx {
    overflow: hidden;
	margin-top:0px;
}
.new02Nav li .newtext .s-date-tx p {
    font-size:16px;
    line-height:25px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new02Nav li .newtext .s-date-tx p a{
    color: #333;
}

.new02Nav li:hover .newtext .s-date-tx p{transition: all .5s;color:#35afa1;}

.home3{ background: url(../images/zkimg.png) top right no-repeat;background-color: #e9f3fd;}
.pro-content{width: 100%; display:block;overflow: hidden; padding: 80px 0 100px;position:relative;}
.title03{ margin-bottom: 40px;}
.title03 h1{ font-size: 34px; color: #35988f; font-weight: bold; margin-right: 10px; line-height: 40px;}
.title03 h1 span{color: #333;}
.title03 p{ color: #a1a1a1; font-size: 20px;line-height: 40px;text-transform: uppercase;}

.more2{position: absolute;
    bottom: 0;
    left: 0;
	padding: 0 30px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
	background-color:#2baca1;transition: all .5s;
    }
	.more2:hover{
	    color: #fff;
		background-color:#2baca1;
		background: linear-gradient(140deg, #027bb9, #01af94);
		padding: 0 40px;transition: all .5s;
	    }
/*产品展示左侧*/

.pro-left{float: left;width: 25%;box-sizing: border-box;height: 380px;  overflow-y: scroll; overflow-x: hidden;direction: rtl; }
.pro-left::-webkit-scrollbar {/*滚动条整体样式*/
    width: 7px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 7px;
}
.pro-left::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 7px;
    -webkit-box-shadow: inset 0 0 5px rgba(43,,172,161,0.2);
    background: rgba(43,172,161,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#22000000,endColorstr=#22000000);
}
.pro-left::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(182,182,182,0.2);
    border-radius: 0;
    background: rgba(182,182,182,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#22000000,endColorstr=#22000000);
}
.pro-right.active {
    display: block;
}
.pro-left .left-category{width: calc(100% - 0); direction: ltr; margin-right: 20px;}
.pro-left .left-category ul li{position: relative;line-height: 45px;font-size: 22px;cursor: pointer;color: #fff;font-weight: bold;border-bottom: 1px solid #eee;padding: 15px 35px;background: url(../images/pf.png) 90% center no-repeat; background-size:40px; background-color: #2baca1;}
.pro-left .left-category ul li:nth-child(1) {background: url(../images/pf.png) 90% center no-repeat; background-size:40px; background-color: #2baca1;}
.pro-left .left-category ul li:nth-child(2) {background: url(../images/xy.png) 90% center no-repeat; background-size:40px; background-color: #2baca1;}
.pro-left .left-category ul li:nth-child(3) {background: url(../images/tt.png) 90% center no-repeat; background-size:40px; background-color: #2baca1;}
.pro-left .left-category ul li:nth-child(4) {background: url(../images/kq.png) 90% center no-repeat; background-size:40px; background-color: #2baca1;}
.pro-left .left-category ul li:nth-child(5) {background: url(../images/xy.png) 90% center no-repeat; background-size:40px; background-color: #2baca1;}
.pro-left .left-category ul li:nth-child(6) {background: url(../images/ym.png) 90% center no-repeat; background-size:40px; background-color: #2baca1;}
.pro-left .left-category ul li:nth-child(7) {background: url(../images/kf.png) 90% center no-repeat; background-size:40px; background-color: #2baca1;}
.pro-left .left-category ul li.on{background-color: #dfa636;}
.pro-left .left-category ul li.on i {
    display: none;
    position: absolute;
    width: 0px;
    height: 0px;
    border: 10px solid transparent;
    display: block;
    right: -20px;
	top: calc(50% - 10px);
    margin-left: -9px;
    border-left-color: #dfa636;
}
.pro-left .left-category ul li a{color: #fff;}
.pro-left .left-category ul li:hover{
	background-color: #dfa636;
	transition: all .5s;
	-webkit-transition: all .2s;
}
/*产品展示右侧*/
.pro-right{float: left; width:35%; margin-left: 5%; margin-top: -70px;}
.pro-right{display: none;}
.pro-right .title04 a{ width: 100%;display: flex; margin-bottom: 40px;}
.pro-right .title04 a h1{ font-size: 40px; color: #333; font-weight: bold; margin-right: 10px; line-height: 40px;}
.pro-right .title04 a h1 a{ color: #333;}
.pro-right .title04 a p{ color: #2baca1; font-size: 20px;line-height: 40px;text-transform: uppercase;}
.pro-right .pro-view{ font-size: 14px; line-height: 30px; color: #003333;    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    text-overflow: ellipsis;}
.pro-right .pro-view:hover a{color: #003333;}
.promore{ float: right; font-size: 16px; color: #068776; margin-top: 20px;}


.home4{display: flex;justify-content: space-between;}
.home4 .new04,.home4 .new05{ width: 47%;}
.home4 .new04 ul{display: flex;justify-content: space-between; gap:15px;flex-wrap: wrap; }
.home4 .new04 ul li{ width: 48.5%; font-size: 18px; color: #333; line-height: 64px; background-color: #eeeeee; padding: 0 5%;transition: all .5s;}
.home4 .new04 ul li a{ width: 100%; height: 100%; display: block;}
.home4 .new04 ul li:hover{background-color: #2baca1;  color: #fff;transition: all .5s;}
.home4 .new04 ul li:hover a{color: #fff;}

.home4 .new05 ul li{ margin-bottom: 15px; width: 100%; line-height: 45px;    border: 1px solid #e1e1e1;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis; padding: 0 15px 0 0;}
.home4 .new05 ul li span{ background-color: #d1e9e7; padding: 0 15px; font-size: 18px; color: #119287; display: inline-block; margin-right: 15px;}
.home4 .new05 ul li { color: #333;font-size: 16px;}
.home4 .new05 ul li a{width: 100%; height: 100%; display: block;}
.home4 .new05 ul li:hover a{ color: #2baca1;}

.home5{ background: url(../images/bg.png) top left no-repeat;background-color: #f5f6f8; padding: 90px 0;position: relative;}
.zhuanjia{ width: 25%;}
.zhuanjia .zjview p{
    font-size: 16px;
    line-height: 30px;
    color: #003333;
	margin-bottom: 15px;
	text-indent:2em;
}
.more3{
	display: inline-block;
	padding: 0 30px;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
	background-color:#2baca1;
	margin-top: 30px;transition: all .5s;
    }
	.more3:hover{
	    color: #fff;
		background-color:#2baca1;
		background: linear-gradient(140deg, #027bb9, #01af94);
		padding: 0 40px;transition: all .5s;
	    }
	
	.zjlist{ width:67%;position: absolute; top:120px; right: 0;}
	.zjlist .scrollbar_news{ width:100%; margin:0 auto; overflow:hidden;position: relative; padding-bottom: 40px; padding-top: 40px;}
	.zjlist .swiper-wrapper{ width:100%; margin:0 auto;}
	.zjlist .swiper-slide{ display:inline-block; width:25%; padding:0 10px; list-style:none;transition:all .5s;}
	.zjlist .swiper-slide:hover{ margin-top: -40px;transition:all .5s;}
	.zjlist .moudle{ display:block; width:100%;position: relative;}
	.zjlist .moudle a.images{ display:block; width:100%; overflow:hidden; }
	.zjlist .moudle a.images img{ display:block; width:100%; transition:all .5s;}
	.zjlist .moudle .title{position: absolute; font-weight: bold; color:#fff; font-size:20px; line-height:45px; height:45px; background-color: #2baca1; padding: 0 0 0 10px; box-sizing:border-box; width:90%; bottom: 30px; left: 0; }
	.zjlist .moudle .title span {font-size:14px;color: #fff; margin-left: 10px; font-weight: normal;}
	
	.zjlist .scrollbar_news .swiper-button-prev{  background-color:#313131; bottom:0px;left:10px;width:50px;height:50px;transition:all .5s; background-size:15px;    opacity: 0.5;}
	.zjlist .scrollbar_news .swiper-button-next{  background-color:#313131;  bottom:0px;right:10px;width:50px;height:50px;transition:all .5s;background-size:15px;    opacity: 0.5;}
	.zjlist .scrollbar_news .swiper-button-next:hover,.zjlist .scrollbar_news .swiper-button-prev:hover{transition:background-image .2s; background-color:#2baca1;transition:all .5s;opacity: 1;}
	
	.home6{ width: 100%; display: flex;overflow:hidden;}
	.home6 .left{ width: 50%; padding: 120px 150px 150px 200px;   overflow:hidden; background: url(../images/bg02.png) top right no-repeat;background-color: #068776; background-size:cover; transition: transform 0.5s ease;}
	.home6 .right{ width: 50%; padding: 120px 200px 150px 150px; overflow:hidden;  background: url(../images/bg03.png) top right no-repeat;background-color: #006bc1; background-size:cover;transition: transform 0.5s ease;}
	.home6 span{ display: block;color: #fff; line-height: 30px;margin-bottom:60px;}
	
	.title04{ margin-bottom: 30px;}
	.title04 h1{ font-size: 36px; color: #fff; margin-right: 10px; line-height: 40px;}
	.title04 p{ color: #fff; font-size: 21px;line-height: 40px; opacity: 0.7;text-transform: uppercase;}
	
	.more4{
		display: inline-block;
		padding: 0 35px;
	    line-height:35px;
	    font-size: 15px;
	    color: #fff;
		border: 1px solid #e1e1e1;transition: all .5s;
	    }
	.more4:hover{
	    color: #fff;
		padding: 0 45px;transition: all .5s;
	    }
	.more5{
			display: inline-block;
			padding: 0 35px;
		    line-height:35px;
		    font-size: 15px;
		    color: #fff;
			background-color: #2baca1;
			transition: all .5s;
		    }
	.more5:hover{
			    color: #fff;
				padding: 0 45px;transition: all .5s;
			    }
.home6 .left:hover,.home6 .right:hover{transform: scale(1.05);}

.map{ height: 560px; background-color:#01af94;}

.end{ width:100%; padding:50px 0; background-color:#3d4450;}
.end .foot{ width:100%; max-width:1450px; margin:0 auto;display: flex;justify-content: space-between; align-items: center;}
.end .foot .lx p{ font-size:14px; line-height:35px; color:#fff;margin-right:5px;}
.end .foot .wx{ text-align: center; font-size: 14px; color: #fff; line-height: 40px;}
.end .foot .wx img{ width:120px;}
.end .foot .yq {width: 14%;}
.end .foot .yq p {
    line-height: 30px;
    color: #FFF;
	font-size:16px;
    margin-bottom: 10px;
	font-weight: bold;
}
.end .foot .yq .sel_w {
    width: 100%;
    font-family: "微软雅黑";
    height: 35px;
    background-color: #505d73;
    border: 1px solid #777e8a;
    color: #FFF;
	margin-bottom:10px;
	padding:0 10px;
}
.bq{ width:100%; padding:20px 0; background-color:#3d4450; color: #fff; font-size: 14px; text-align: center;    border-top: 1px solid #565c67;}
.bq span{ padding: 0 10px; }
.bq span a{ padding: 0 10px;color: #fff;  }


.subBanner {
	height: 45vh;
	background-size: cover !important;
	position: relative;
	margin: 1 0 0 calc((100% - 100vw)/2);
	z-index: 1;
}

.subBanner .topbg2 {
	width: 100%;
	max-width: 1450px;
	height: 100%;
	margin: 0 auto;
	padding-top:13%;
}

.rjlm {
	width: 100%;
}
.rjlm .list {
	margin-right: 1%;
	text-align: center;
	font-size: 18px;
	color: #333;
	line-height: 40px;
	display: inline-block;
	vertical-align: middle;
	background-color: #fff;
	padding: 0 30px 0 30px;
	position: relative;
}
.rjlm .list.now{background-color: #2baca1;color: #fff;}

.rjlm .list a{
    color: #fff;
	z-index: 2;
	width: 100%;
	display: block;
}

.rjlm .list:hover{
	display: inline-block;
	color: #fff;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	background-color: #2baca1;
}
.rjlm .list:hover:before{background: url(../images/btn_02.png) no-repeat;    left: 0;top: 0;z-index: -1;background-size: auto 100%;	transition: 0.2s;
	-webkit-transition: 0.2s;}
.rjlm .list:hover:after{background: url(../images/btn_02.png) no-repeat top right; right: 0;top: 0;z-index: -1;background-size: auto 100%;	transition: 0.2s;
	-webkit-transition: 0.2s;}

.btitle {
    width: 100%;
    margin-bottom:20px;
    display: block;
    overflow: hidden;
    height: 43px;
}
.btitle h1 {
    font-size: 34px;
    line-height: 30px;
    opacity: 1;
    font-weight: bold;
	color: #fff;
	float: left;
	margin-right: 15px;
}
.btitle h2 {
	color: #fff;
    font-size: 20px;
    line-height: 26px;
    margin-top: 5px;
    /* font-family: 'RajdhaniBold'; */
    text-transform: uppercase;
    opacity: 0.8;float: left;
}
.Nycase {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: 3vw 0;
    background-color: #edf0f7;
}
.qui-warp {
    width: 100%;
    margin: 0 auto;
	height: 50px;
	margin-bottom: 15px;
	text-align:right;
	font-size: 14px;
	color: #666666;
	display: flex;
	    justify-content: space-between;
	    align-items: center;
}
.qui-warp div{ float: right;}
.qui-warp div span{margin-right:0;}
.qui-warp div a:nth-child(1){padding-left:24px;background:url(../images/icohome.png) left center no-repeat;}
.qui-warp h3{font-size: 32px;padding:5px 0; line-height: 40px; color: #333;display: flex;
    overflow: hidden;
    justify-content: space-between;
    align-items: center; float: left;}
.qui-warp h3 img{margin-right: 15px; width: 70px;}

.conText {
    display: block;
	overflow: hidden;
    padding: 2.5vw;
    text-align: justify;
	background:#fff;
}
.editor{line-height: 35px;
    color: #333;
    font-size: 16px;}

.editor img{width:auto; max-width:80%;height:auto!important; margin-bottom:20px;}
	
	.newsList{width:100%; max-width:1400px; margin:0 auto; display:block; overflow:hidden; margin-bottom:30px;}
	.newsList a{border-bottom:1px solid #e5e5e5;padding:30px 0; display:block;	-webkit-transition: .4s;transition: .4s;}
	.newsList a:nth-child(1) {
	    padding:0 0 30px 0;
	}
	.newsList a:hover {box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	}
	.newsList a div{ width:250px;display:inline-block; vertical-align:top; overflow:hidden}
	.newsList a div img{ width:100%;transition:transform 0.5s;}
	.newsList a span{     width: calc(100% - 280px); padding:0 0 0 30px; position:relative; overflow:hidden;display:inline-block; vertical-align:top}
	.newsList a span h1{ position:absolute; right:0; top:18px; font-size:17px; line-height:18px; color:#2baca1; font-weight:bold}
	.newsList a span h2{ font-size:18px; line-height:30px; font-weight:bold; margin:12px 0 15px 0; padding:0 130px 0 0}
	.newsList a span h3{ font-size:14px; line-height:24px; color:#999}
	.newsList a:hover img{transform:scale(1.1);}
	
	.newsList .nlist{border-bottom:1px solid #e5e5e5;padding:20px 0 30px 0; display:block;	-webkit-transition: .4s;transition: .4s;}
	.newsList .nlist:nth-child(1){padding:0 0 30px 0;}
	.newsList .nlist span{width:100%;padding:0;}
	
	.wpage {
	  text-align: center;
	  width:100%;
	  display:block;
	  overflow:hidden;
	}
	
	.page {
	  font-size: 14px;
	  font-weight: bold;
	  line-height: 22px;
	  clear: both;
	  display: inline-block;
	}
	
	.page a {
	  text-decoration: none;
	  color: #666;
	  padding: 10px 15px;
	  margin-right: 3px;
	  font-size: 18px;
	  display: inline-block;
	  background: #fff;
	  border: 1px solid #cbcbcb;
	  font-weight: normal;
	  -webkit-transition: all .5s;
	          transition: all .5s;
	}
	
	.page a.page-num-current {
	  background: #2baca1;
	  color: #fff;
	  border: 1px solid #2baca1;
	}
	
	.page a:hover {
	  text-decoration: none;
	  color: #fff;
	  background: #2baca1;
	  border: 1px solid #2baca1;
	}
	
	.showTitle{padding:0 0 10px 0;font-size:28px;line-height:36px; color:#333;font-weight: bold; text-align:center; }
	.showInfo{color:#999; font-size:13px; line-height:20px;border-bottom:2px solid #d8d8d8; padding-bottom:32px; margin-bottom:30px;text-align:center;}
	.showInfo i{ margin-right:10px}
	.showCon{width:100%;  font-size:16px; line-height:35px; overflow:hidden; font-family:'微软雅黑'!important; text-align:justify; color: #555;}
	.showCon img{width:auto; max-width:80%;height:auto!important; margin-bottom:20px; /*display:block; margin:0 auto*/}
	
	.lingdao{ width:100%; margin-bottom: 30px;}
	.lingdao ul{ display: flex;justify-content:flex-start ; gap: 30px;flex-wrap: wrap;}
	.lingdao ul li{ width:23.2%; height:420px;position: relative;overflow: hidden; float:left;}
	.lingdao ul li img{width:100%; height: 100%;  transition: all .5s;}
	.lingdao ul li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05)}
	
	.lingdao ul li .txt{
		background: rgba(43, 172, 161, 0.7);
	    width: 100%;
	    text-align: center;
	    position: absolute;
	    bottom: 0;
	    z-index: 99;
	    overflow: hidden;
	    white-space: nowrap;
	    text-overflow: ellipsis;
	    transition: all .5s;
		padding:10px 0;}
		
	.lingdao ul li:hover .txt{
		background: rgba(43, 172, 161, 0.9);
	}
		
	.lingdao ul li .txt h1{    
	    line-height: 30px;
	    font-size:22px;
	    color: #fff;
		font-weight: bold;
		display: inline-block;
		margin-right: 10px;
	}
	.lingdao ul li .txt h1 a{    
	    color: #fff;
	}	
	.lingdao ul li .txt p{   
	 line-height: 30px;
	    font-size:16px;
	    color: #fff;display: inline-block;}
	
	.lingdao ul li .txt p a{   
	    color: #fff;}
		
    .keshi{ width: 100%; margin-bottom: 30px;}
	.keshi ul {
	    display: flex;
	    justify-content:flex-start ;
	    gap: 15px;
	    flex-wrap: wrap;
	}
	.keshi ul li {
	    width:24.1%;
	    font-size: 18px;
	    color: #333;
	    line-height: 64px;
		overflow:hidden;
		height:64px;
		background: url(../images/yj.png) 93% center no-repeat;
		background-size: 25px;
	    background-color: #eeeeee;
	    padding: 0 4% 0 2.5%;
	    transition: all .5s;
	}
	.keshi ul li a{
		width: 100%;
		height: 100%;
		display: block;
	}
	.keshi ul li:hover{
	    background-color: #2baca1;
	    transition: all .5s;
		color: #fff;
	}
	.keshi ul li:hover a{
		color: #fff;
	}
	
	.rightLzjb{width:70%;padding:0 80px 60px 80px;display:inline-block; vertical-align:top; background:#fff;}
	
	.navZxjb{font-size:26px; line-height:100px; padding:20px 0 0px 0; letter-spacing:6px;}
	
	.boxMsg{padding:0; font-size:15px;}
	.boxMsg ul{ width:100%;margin:0 auto}
	.boxMsg li{ display:block; margin-bottom:19px; position:relative}
	.boxMsg li.btli {
	    border-bottom: 1px solid #e1d3c8;
	    padding: 20px 0 20px 0;
		margin-bottom:25px;
	    line-height: 30px;
		    font-size: 18px;
	    font-weight: bold;
	}
	.boxMsg li.btli p{ font-size:16px; float:right; width:130px;}
	.boxMsg span{ display:inline-block;vertical-align:top; padding:0 5px 0 0; line-height:30px; width:160px;}
	.boxMsg li p{display:inline-block; vertical-align:top;width:500px; font-size:14px; line-height:30px;}
	.boxMsg i{color:#ff0000; display:inline-block; width:12px;}
	.boxMsg img{margin-left:10px}
	.inputMsg{ background:#fff; border:1px solid #d4d4d4; width:360px; border-radius:4px; line-height:38x; height:40px; text-indent:10px; vertical-align:middle; }
	.textareaMsg{background:#fff; border:1px solid #d4d4d4; width:calc(100% - 160px); border-radius:4px; height:120px; padding:10px; box-sizing:border-box; vertical-align:middle; }
	.inputMsgShort{ background:#fff; border:1px solid #d4d4d4; width:160px; border-radius:4px; line-height:38x; height:40px; text-indent:10px; vertical-align:middle; }
	.submitMsg{width:360px; border-radius:4px; line-height:46px; height:46px; text-align:center; color:#fff; font-size:15px; background:#068776; cursor:pointer; margin:0 0 0 160px; }
	.submitMsg:hover{ background:#2baca1}
	
	.boxMsg2{padding:15px 0 25px 0; font-size:15px;}
	.boxMsg2 ul{ width:100%;margin:0 auto}
	.boxMsg2 li{ display:block; margin-bottom:10px; position:relative;padding: 0;    border:0; text-align: left;}
	.boxMsg2 span{ display:inline-block; padding:0 5px 0 0; line-height:100%; width:120px; color:#fff;}
	.boxMsg2 i{color:#ff0000; display:inline-block; width:12px;}
	.inputMsg2{ background:#fff; border:1px solid #fff; width:100%; border-radius:4px; line-height:38x; height:40px; text-indent:10px; vertical-align:middle; }
	.submitMsg2{width:100%; border-radius:4px; line-height:46px; height:46px; text-align:center; color:#fff; font-size:15px; background:#c7000a; cursor:pointer; margin:0; }
	
	
	.msgTips{ font-size:12px; color:#999; line-height:20px; display:block}
	
	
	.leftLzjb{width:25%; min-height:700px; padding:40px 30px 0 30px; background:url(../images/bgWyjb.png) no-repeat top center/100% auto;display:inline-block; vertical-align:top; float:right}
	.leftLzjb i{ display:block; color:#fff; font-weight:bold; font-size:17px; line-height:26px;}
	.leftLzjb li{display:block; text-align:center;font-size:15px; line-height:30px; border-bottom:1px solid #fff; padding:40px 0 35px 0}
	.leftLzjb li:last-child{border:none}
	.leftLzjb li h1{ display:block; margin:0 auto; width:70px; height:70px; border-radius:50%}
	.leftLzjb li h2{margin:5px 0 5px 0; color:#fff;}
	.leftLzjb li h3{font-size:18px; line-height:30px; font-family:'rubik'; color:#fff; text-transform:uppercase}
	.leftLzjb li h4{line-height:26px; text-align:left; padding:0 25px;}
	.leftLzjb li:nth-child(1) h1{ background:#fff url(../images/icoLzjb1.png) no-repeat center/100% 100%}
	.leftLzjb li:nth-child(2) h1{ background:#fff url(../images/icoLzjb2.png) no-repeat center/100% 100%}
	
	.bannerFzlc{width:100%; height:200px;background:url(../images/bg_counter.jpg) no-repeat center/cover; position:relative}
	.bannerFzlc h1{ position:absolute; width:100%; text-align:center; left:0; top:40px; color:#11161e; font-size:34px; letter-spacing:2px; line-height:34px;}
	.bannerFzlc h1 i{ display:block; font-size:24px; color:#2baca1;line-height:24px; margin:10px 0 0 0; letter-spacing:0; text-transform:uppercase}
	
	.boxFzlc{width:100%;min-height:500px; position:relative}
	.icoFzlc{position:absolute; width:212px; height:212px; background:url(../images/icofzlc.png) no-repeat center/cover; display:block; left:50%; top:-106px; margin:0 0 0 -106px; text-align:center; overflow:hidden}
	.icoFzlc h1{ font-size:50px; line-height:50px; font-family:'Oswald'; color:#fff; margin:74px 0 0 0}
	.icoFzlc h1 i{ font-size:17px; line-height:17px; display:block; text-transform:uppercase;color:#fff;}
	.spaceFzlc{ height:50px;}
	.listFzlc{background:url(../images/bglinefzlc.png) no-repeat center -70px/7px 100%; padding:100px 0 120px 0; width:100%; max-width:1100px; margin:0 auto}
	.listFzlc li{ margin:-20px 0 0 0; position:relative; padding:0 0 0 610px;}
	.listFzlc li h1{ position:absolute; left:50%; top:16px; margin:0 0 0 -7px; width:14px; height:14px; border:2px solid #9a7f3c; background:#fff; border-radius:50%;}
	.listFzlc li h2{ position:absolute; left:50%; top:17px; margin:0 0 0 49px; width:11px; height:12px; background:url(../images/icofzlcjt1.png) no-repeat;}
	.listFzlc li div{background:#f5f3ee;}
	.listFzlc li div h3{background:#9a7f3c; line-height:46px; font-size:23px; color:#fff; padding:0 0 0 25px; width:100%;}
	.listFzlc li div h3 i{display:inline-block; margin:0 15px 0 0; font-family:'Oswald'; font-size:24px; vertical-align:middle}
	.listFzlc li div span{ padding:25px 30px; display:block;}
	.listFzlc li div span p{ font-size:14px; line-height:26px; padding:0}
	
	.listFzlc li:nth-child(even){padding:0 610px 0 0;}
	.listFzlc li:nth-child(even) h2{margin:0 0 0 -60px;background:url(../images/icofzlcjt2.png) no-repeat;}
	.listFzlc li:nth-child(even) div h3{padding:0 25px 0 0;text-align:right}
	.listFzlc li:nth-child(even) div h3 i{margin:0 0 0 15px; float:right;}
	
.map2{ width: 55%; height: 400px; float: left; display: block; margin-right: 20px;}
.editor2{ width: 40%;line-height: 35px;
    color: #333;
    font-size: 16px;float: left;display: block;}
	
	.lingdao2{ width: 100%; margin-bottom: 30px;}
	.lingdao2 ul {
	    display: flex;
	    justify-content:flex-start ;
	    gap: 15px;
	    flex-wrap: wrap;
	}
	.lingdao2 ul li {
	    width:100%;
	    font-size: 18px;
	    color: #333;
	    line-height: 64px;
		overflow:hidden;
		height:64px;
	    background-color: #eeeeee;
	    transition: all .5s;
	}
	.lingdao2 ul li h1{ width: 15%; text-align: center; display: inline-block; font-size: 20px; font-weight: bold; color: #fff; margin-right: 15px; background-color:#2baca1;}
	.lingdao2 ul li p{display: inline-block; padding: 0 20px; font-size: 20px;color: #333;}