*{padding: 0px;margin: 0px;}
*, ::after, ::before { box-sizing: border-box;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li{ margin: 0; padding: 0; list-style: none; }
html{ background:#fff;} 
li {list-style: none;}
a {text-decoration: none;}
body,html {width: 100%;font-size: 14px;}
.container{width: 100%;max-width:1200px; margin:0 auto;}
table { margin: 0; padding: 0;list-style: none; border-collapse:collapse;}

.header{width:100%; margin:0 auto;position:fixed; top:0;z-index: 10;box-sizing: border-box; background:#fff;}

.h_top{ width:100%; position:absolute; top:0;line-height: 50px; background: #1f7766; z-index:1;}
.h_top .container{position: relative; display:flex;}
.h_top .le{ width:60%;font-size: 14px; color: #fff;}
.h_top .vh{ width:32%;font-size: 14px; color: #fff;}
.h_top .re{ width:8%;}
.h_top .re ul{ width:100%; display:flex; justify-content: flex-end;}
.h_top .re ul li{ margin: 11px 14px; }
.h_top .re ul li a{display: block; width: 27px; height: 27px; }
.h_top .re ul li a.icon2{ background: url(wechat-icon.png) no-repeat ;}
.h_top .re ul li a.icon3{ background: url(qq-icon.png) no-repeat ;}
.h_top .weixin { width: 130px; height: 130px; padding: 4px; background: #fff; box-shadow: 1px 1px 10px #aaa; position: absolute; top: 60px; right: 0; z-index: 2; display: none; border-radius: 10px; overflow: hidden;}
.h_top .weixin img{ width: 130px;}

.head{height: 100px; margin-top:50px;transition:all .3s ease-in-out 0s; z-index:10; background:#fff;}
.head .container{display: flex;}
.head .logo{ width:10%;margin-top: 2px; margin-right:5%;}
.head .logo img { width:84px;}
.head .nav{ width:65%;}
.head .nav ul{display: flex;}
.head .nav ul li{ position: relative; margin: 0 16px; height: 100px;}
.head .nav ul li>a{display: block; font-size:15px; line-height: 100px;  color: #333; text-align: center; }
.head .nav ul li a:after {position: absolute; content: ''; bottom: 0; width: 0; left: 50%; height: 1px; background: #1f7766; transition:all .3s ease; top:68px;}
.head .nav ul li.on>a:after{width: 100%; left: 0;}
.head .nav ul li:hover>a:after{ width: 100%; left: 0;} 
.head .nav ul li.on>a{color: #1f7766; }
.head .nav ul li:hover>a{color: #1f7766; }
.head .nav ul li .hide{top:100px; background: #fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);font-size: 14px;left: -50%;display: none;width: 150px;opacity: 0.8;position: absolute;text-align: center;z-index: 3;}
.head .nav ul li .hide div a{ display:block; font-size: 15px;line-height:35px;font-weight: normal; text-align:center; height:35px; color: #333;}
.head .nav ul li .hide div a:hover{background: #fff; color: #1f7766; transition:background-color 0.3s linear;}
.head .tel{ width:17%;background: url(head-line.png) no-repeat left center; padding-left:3%;}
.head .tel strong{display: block; background: url(head-tel.png) no-repeat left center; font-size: 26px; line-height: 100px; color: #1f7766; padding-left: 45px; font-family: arial;}
.head .headfixed{position: fixed; top: 0; background: #fff; z-index: 222; width: 100%;}

.header.active .head{ margin-top:0px;z-index: 20; background:#fff;}
.header.active .h_top{ z-index: -1;}
.head .nav ul li:nth-child(4) .hide,.head .nav ul li:nth-child(5) .hide,.head .nav ul li:nth-child(6) .hide,.head .nav ul li:nth-child(7) .hide{display: none;opacity:0;}

 

/*banner*/
.banner{ width: 100%;margin-top:150px;}
.banner .banner-swiper .swiper-slide { width: 100%; position:relative;}
.banner .banner-swiper .swiper-slide img { width: 100%;}
.banner .banner-swiper .banner-pagination {bottom:50px !important;}
.banner .banner-swiper .banner-pagination .swiper-pagination-bullet {width:50px;height:8px;border-radius:0; background: #fff;opacity:1;margin:0 5px;}
.banner .banner-swiper .banner-pagination .swiper-pagination-bullet-active {background:#1f7766;}


.title{ width:100%; position:relative; text-align:center;}
.title h3{display: block; font-size: 26px; line-height: 26px; color:#333; margin-bottom: 6px;}
.title span{display: block; font-size: 16px;  color: #828282;}

.ind01{background: #f7f7f7; padding: 45px 0 35px;}
.ind01 .title{margin-bottom: 38px;}
.ind01 .ind01_t{text-align: center; margin-bottom: 40px;}
.ind01 .ind01_t ul{ width:100%; position:relative;display: flex; justify-content:space-between;align-items: center;}
.ind01 .ind01_t ul li{ width:100%; margin: 0 5px;}
.ind01 .ind01_t ul li a{display: block; border: solid 1px #cecece; width: 100%; height: 40px; line-height: 40px;  font-size: 14px; color: #666; text-align: center; transition: all linear .4s;}
.ind01 .ind01_t ul li:hover a{background: #1f7766; border: solid 1px #1f7766; color: #fff;}
.ind01 .bot ul{width: 100%; position:relative;display: flex; flex-wrap:wrap;}
.ind01 .bot ul li{ width:24%; margin-right:1.1%; margin-bottom: 15px; border: solid 1px #d2d2d2; }
.ind01 .bot ul li:nth-child(4n){ margin-right:0;}
.ind01 .bot ul li .img{ position:relative; width:100%; overflow:hidden;} 
.ind01 .bot ul li .img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
.ind01 .bot ul li .img .hezi{padding-bottom: 76% !important;}
.ind01 .bot ul li:hover .img img{transform: scale3d(1.1,1.1,1);transition: opacity 1s, transform 1s;}
.ind01 .bot ul li .tit{display: block; background: #fff; font-size: 16px; line-height: 49px; color: #666; text-align: center;}
.ind01 .bot ul li:hover .tit{background: #1f7766; color: #fff;}


.ind02{ background: url(ind02bg.jpg) no-repeat; background-size:100% 100%; height: 300px; margin-bottom: 61px; text-align:center;}
.ind02 h3{display: block; font-size: 30px; line-height: 30px; padding-top: 112px; margin-bottom: 33px; color:#fff;}
.ind02 p{display: block; font-size: 16px; line-height: 16px; color:#fff;}


.ind03 {margin-bottom: 68px;}
.ind03 .container{display: flex;}
.ind03 .img{width:45%; position:relative; margin-right:3%;}
.ind03 .img img{width:100%;}
.ind03 .txt{width: 52%; background: url(ind03line.png) no-repeat center right; margin-top: 3px;}
.ind03 .txt h3{display: block; font-size: 24px; line-height: 24px; color: #333333; font-weight: bold; padding-top: 25px; margin-bottom: 32px;}
.ind03 .txt p{display: block; font-size: 14px; line-height: 28px; color: #696969; margin-bottom: 29px; margin-right:15px; text-align:justify;}
.ind03 .txt .more{display: block;width: 120px;background: #1f7766;font-size: 14px;line-height: 33px;px;color: #fff;text-align: center; border-radius: 4px;}
.ind03 .txt .more i{display: inline-block;background: url(more-icon.png) no-repeat center center;width: 6px;height: 11px;transition: all ease-out .3s;opacity: 0;}
.ind03 .txt .more:hover i{ margin-left: 20px; opacity: 1;}


.ind04{background: url(ind04bg.jpg) no-repeat; padding: 56px 0 79px; margin-bottom: 61px;}
.ind04 .title{margin-bottom: 32px;}
.ind04 .title h3,.ind04 .title span{color: #fff;}
.ind04 .box ul{display: flex;}
.ind04 .box ul li{ width:24%; margin-right: 1%;}
.ind04 .box ul li:nth-child(4n){ margin-right:0;}
.ind04 .box ul li .img{ position:relative; width:100%; overflow:hidden; border: solid 1px #bfbfbf;} 
.ind04 .box ul li .img img{position:absolute;top:3%;left:3%;width:94%;height:94%;object-fit: cover;}
.ind04 .box ul li .img .hezi{padding-bottom: 78% !important;}
.ind04 .box ul li .tit{display: block; font-size: 16px; line-height: 16px; color: #fff; text-align: center; margin-top:20px;}
.ind04 .box ul li:hover .img{border: solid 1px #1f7766;}


.ind05{ width:100%; position:relative;margin-bottom: 54px;}
.ind05 .title{margin-bottom: 45px;}
.ind05 .box{margin-bottom: 68px;}
.ind05 .box ul{display: flex;}
.ind05 .box ul li{ margin-right: 76px; width: 349px;}
.ind05 .box ul li .date{margin-bottom: 2px; background: #cfcfcf; width: 84px; padding: 19px 0; color:#fff; text-align:center;}
.ind05 .box ul li .date strong{display: block; font-size: 24px; line-height: 17px; margin-bottom: 14px;}
.ind05 .box ul li .date span{font-size: 20px; line-height: 15px;}
.ind05 .box ul li h1{display: block; font-size: 16px; line-height: 57px; color: #555555; position: relative; border-bottom: solid 1px #ededed;}
.ind05 .box ul li h1:after{ position: absolute; content:''; bottom: -1px; width: 0; height: 1px; background: #ededed; z-index: 2; left: 0;  transition: 0.5s;}
.ind05 .box ul li  p{display: block; font-size: 13px; line-height: 28px; margin: 19px 0 30px; color: #555555;}
.ind05 .box ul li .icon{background: url(icon.png) no-repeat; width: 31px; height: 29px; background-position: right center;}
.ind05 .box ul li:hover .date{background: #1f7766;}
.ind05 .box ul li:hover h1:after{background: #1f7766; width: 100%;}
.ind05 .box ul li:hover .icon {background-position: left center;-ms-transition-duration: 0.2s;transition-duration: 0.2s;}
.ind05 .more a{display: block; width: 162px; height: 46px; font-size: 15px; line-height: 46px; color: #666666; text-align: center; border: 1px solid #cfcfcf; margin: 0 auto;}
.ind05 .more:hover a{background: #1f7766; color:#fff;}

 
.foot{background: url(footbg.jpg); padding-top: 51px; }
.foot .f_nav{text-align: center; margin-bottom: 54px;}
.foot .f_nav ul li{display: inline-block;}
.foot .f_nav ul li a{display: block; font-size: 14px; color: #fff; background: url(nav-line.png) no-repeat right center; padding: 0 30px;}
.foot .f_nav ul li:last-child a{ background:none;}
.foot .f_lian{text-align: center; margin-bottom: 52px;}
.foot .f_lian ul li{display: inline-block; margin: 0 16px;}
.foot .f_lian ul li .icon img{display: block; margin: 0 auto 20px; width:20px;}
.foot .f_lian ul li div{display: block; font-size: 13px; line-height: 13px; color: #fff;}
.foot .bot{border-top: solid 1px #5c5c5c; padding: 15px 0; text-align:center;}
.foot .bot p{display: block; font-size: 13px; color: #858585; }
.foot .bot p a{color: #858585;}
.foot .bot p a:hover{color: #fff;}


.service{position:fixed; right:0px; top:321px;z-index: 10000; }
.service .box{background-color: #fff; border-radius:5px; width:90px; margin-bottom:8px;box-shadow: 0px 2px 3px  #929ea9;}
.service .box span{display:block;}
.service .box span.text{ background:url(kf01.png) no-repeat; height:47px; line-height:40px; text-align:center; color:#fff; font-size:16px; position:relative; z-index:10;}
.service .box ul{margin-top: -7px;}
.service .box li{border-bottom:1px solid #efefef; text-align:center; position:relative;}
.service .box li em{font-size:12px;color: #757575;}
.service .box li a{display:block; padding-top:6px; padding-bottom:3px;}
.service .box li:first-child a{padding-top: 14px;}
.service .box li:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.service .box li a:hover{background:#f9f9f9;}
.service .box li a:hover em{color:#1f7766; }
.service .box ul li:last-child{border:none;}
.service .box li p{position:absolute; left:-154px; width:150px; top:0; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none; font-size:18px; font-weight:bold;color: #1f7766;padding: 10px 0px;}
.service .box li:hover p{display:block; }
.service .arrow{box-shadow: 0px 2px 2px #d6d6d6;border:1px solid #ddd;  border-radius:5px;  width:90px; background:url(kf05.png) no-repeat center center #fff; height:40px; cursor:pointer; }
.service .arrow a{display:block; width:90px; height:45px;}



.n_banner { width:100%; position:relative;margin-top:150px;}
.n_banner img{ width:100%;}

.n_main { width:100%; position:relative; margin:30px auto 0;}
.n_main .n_tit{ width: 100%;background: #fff; position:relative; margin-bottom:50px; text-align:center; border-bottom:1px solid #e2e2e2; padding-bottom:30px;}
.n_main .n_tit span{font-size: 30px;color: #333; position:relative; padding-bottom:10px;}

.n_main .container{ display:flex;}
.n_main .n_left{ width:23%; margin-right:2%;}

 
.n_left .n_menu h1{display: block; font-size:22px;font-weight:bold;letter-spacing:2px; line-height:70px; color: #fff; text-align: center; background: #1f7766; border-top-left-radius:2px; border-top-right-radius:2px;}
.n_left .n_menu ul{border:1px solid #CCCCCC; border-top: none; padding: 10px 0;}
.n_left .n_menu ul li{width: 90%;margin:0px auto 10px;}
.n_left .n_menu ul li a{display: block; font-size: 16px; line-height:48px;color:#fff; background: #333; text-indent: 1.5rem;}
.n_left .n_menu ul li.on a{ background: #1f7766;}
.n_left .n_menu ul li:hover a{ background: #1f7766;}

.n_left .n_lian h1{display: block; font-size:22px;font-weight:bold;letter-spacing:2px; line-height:70px; color: #fff; text-align: center; background: #1f7766; border-top-left-radius:2px; border-top-right-radius:2px;}
.n_left .n_lian .content{width: 100%; padding: 10px 9px 10px;background: #fff;border:1px solid #CCCCCC; border-top: none;}
.n_left .n_lian .content p{line-height: 30px;width:100%;margin:5px auto; font-size: 14px; line-height: 25px; color: #333;}
.n_left .n_lian .content p img{ width:100%;}
.n_left .n_lian .n_tel{background: url(n_tel.png) no-repeat 10% 50%;background-color: #1f7766;padding-left:40px;padding:20px 0 20px 70px}
.n_left .n_lian .n_tel b{font-weight:normal;font-size:15px;display: block;text-align: left;color:#fff;}
.n_left .n_lian .n_tel span{font-weight:bold;font-size:20px;color:#fff; line-height:20px;}


.n_right {width:75%; text-align:justify; line-height:28px; min-height:350px; padding-bottom:150px;}

.n_home{width:100%;height:40px;line-height:40px; text-align: left;color:#333; border-bottom:1px solid #ccc; margin-bottom:20px;display: flex;}
.n_home h1{ width:50%; font-size:18px;}
.n_home div{ width:50%; text-align:right;}
.n_home span{padding-left:15px;}
.n_home a{color:#333}
.n_home a:hover{color:#1f7766}



.n_about{ min-height:250px; padding-bottom:50px; text-align:justify; line-height:30px; margin-top:40px;}
.n_about img{ max-width:100%;}

.n_about p{white-space: normal !important;}
.n_about span{white-space: normal !important;}

.n_news{ width:100%; position:relative;}
.n_news ul{ width:100%; position:relative;}
.n_news ul li{overflow: hidden;padding-bottom: 22px;border: none;border-bottom: solid 1px #f0f0f0; margin-bottom: 20px;display: flex;}
.n_news ul li .date{width: 82px;padding: 14px 7px;border:solid #dbdbdb 1px;border-radius: 5px; margin-right:18px; text-align:center;}
.n_news ul li .date span{display: block;border-bottom: solid #dbdbdb 1px;font-size: 40px;line-height: 40px;color: #1f7766; padding-bottom: 8px;}
.n_news ul li .date p{font-size: 17px;line-height: 17px;color: #747474; margin-top: 15px;}
.n_news ul li .descript{overflow: hidden;width: calc(100% - 100px);}
.n_news ul li .descript strong{width:600px; font-size: 16px;line-height: 38px;color: #232323;font-weight: bold;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.n_news ul li .descript strong:hover{color: #1f7766; }
.n_news ul li .descript p{color: #5f5f5f;font-size: 14px;line-height: 22px;}