.page_banner{width: 100%;overflow: hidden;height: auto; position:relative;}
.page_banner img{width: 100%;height: 100%;}
.page_banner h3{position: absolute;left: 14%;top: 30%;width:80%;}
.page_banner h3 span{ display: block;color: #fff;font-size: 36px;margin-bottom: 0.5em;line-height: 1;}
.page_banner h3 font{ display: block;height: 2px;width: 5%;background: #fff;margin-bottom: 1em;}
.page_banner h3 strong{ display: block;font-size: 21px;color: #fff;margin-bottom: 0.5em;line-height: 1; font-weight: normal;}
.page_banner h3 a{ color: #fff;font-size: 14px;border-bottom: 1px solid #ccc;}

.tit2 { text-align: center; padding: 20px 0; }
.tit2 h4 { text-align: center; font-size: 20px; color: #00aab1; line-height: 180%; display: inline-block; position: relative; }
.tit2 h4:before { position: absolute; top: -20px; left: 50%; margin-left: -37px; width: 74px; height: 115px; content: ""; background: url(../images/tit2_bg.png) no-repeat; background-size: 100% 100%; }
.tit2 span { text-align: center; font-size: 30px; color: #999; line-height: 100%; display: block; text-transform: uppercase; }



.abo_pn1 { padding-top: 40px; padding-bottom: 40px; }
.abo_pn1 figure { display: flex; align-items: self-start; justify-content: space-between; }
.abo_pn1 figure div { width: 650px;  margin-top: 27px;  }
.abo_pn1 figure figcaption { flex-shrink: 0; width: 550px; }
.abo_pn1 figure figcaption h4 { text-align: left; font-size: 24px; color: #00aab1; line-height: 180%; display: block; margin-bottom: 30px; }
.abo_pn1 figure figcaption p { text-align: left; font-size: 16px; color: #9b9b9b; line-height: 180%; display: block; }
.abo_pn1 .titte{text-align:center;color:#00aab1;font-size:24px;border-bottom:#f5f5f5 1px solid;margin-bottom:15px;padding:20px 0}
.abo_pn1 .imger{text-align:center;padding-bottom:20px;}
.abo_pn1 .imger img{max-width:100%}


.fcp1{overflow: hidden;padding-top: 40px; padding-bottom: 40px;}
.item_ul { width: 100%;box-sizing:border-box;padding:0;margin:0 }
.item_ul > li { width: 31.333%; margin: 3% 3% 0 0; position: relative; float: left; }
.item_ul > li:nth-of-type(3n) { margin-right: 0; }
.item_ul > li:nth-child(-n+3) { margin-top: 0; }
.item_ul:after { display: block; clear: both; content: ""; visibility: hidden; }

.item_ul li div { overflow: hidden; border: 1px solid #ccc; position: relative; padding: 50% 0; display: block; width: 100%; height: 100%; box-sizing: border-box; }
.item_ul li div img { transition: 0.6s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.item_ul li figcaption h5 { transition: 0.6s; text-align: center; font-size: 16px; color: #747474; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.item_ul li:hover figcaption h5 { color: #00aab1; }
.item_ul li figcaption p { transition: 0.6s; text-align: center; font-size: 14px; color: #ccc; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.item_ul li:hover figcaption h5 { color: #00aab1; }
.item_ul li:hover figcaption p { color: #00aab1; }
.item_ul li figure { border: 1px solid #ccc; }
.item_ul li figure div { border: none; }
.item_ul li figure div:after { content: ""; position: absolute; left: -400px; top: 0; width: 200px; height: 100%; overflow: hidden; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); transform: skewx(-25deg); transition: 0s; }
.item_ul li figure div:hover:after { left: 400px; width: 200px; transition: .8s; }
.item_ul li figure figcaption { border-top: 1px solid #ccc; padding: 10px 4px; }
.item_ul li:hover .hidden { opacity: 0; }

.page-1{font-size: 12px; color: #777777; text-align: center; margin: 30px 0;overflow:hidden;clear:both}
.page-1 a,.page-1 span { color: #777777;display: inline-block;border: 1px solid #cbcbcb;padding: 8px 20px;vertical-align: middle;margin: 0 5px 10px 5px;font-size: 15px;}
.page-1 .goprev{}
.page-1 i{margin: 0 10px;}
.page-1 .gonext,.page-1 .count {}
.page-1 a:hover,.page-1 span{color:#fff; background: #00aab1;}
.page-1 span.goprev,.page-1 span.gonext {color: #777777; background: none}
.page-1 span.count { border: 0;background: 0;color: #777777;}

.newsDetaiDiv{position: relative;padding:40px;}
.newsDetail{position: relative;background-color: #fff;padding-bottom: 85px}
.newsDetail .newsDeHead{padding:20px 0;border-bottom: 1px solid #e8e7e5}
.newsDetail .newsDeHead h3{color:#00aab1;font-size:26px;font-weight:normal;margin-bottom: 5px;text-align:center}
.newsDetail .newsDeHead .timeCon{color:rgba(0,0,0,0.6);text-align:center}
.newsDetail .newsDeBody article{line-height: 26px;color:rgba(0,0,0,0.7);padding:60px 0 70px;border-bottom: 1px solid #e8e7e5}
.newsDetail .newsDefooter{;padding:55px 0 0px;line-height: 30px}
.newsDetail .newsDefooter .prevNext{font-size: 13px;color:rgba(0,0,0,0.7);width: 70%;display: block;}
.newsDetail .newsDefooter a{font-size: 13px;color:rgba(0,0,0,0.7);}
.newsDetail .newsDefooter a:hover{color: #00aab1}
.newsDetail .newsDefooter .retuern{top:-40px;width:133px;height: 40px;display: inline-block;line-height: 40px;-webkit-border-radius: 20px;border-radius: 20px;border: 1px solid #00aab1;color: #00aab1;text-align: center;position:relative;}
.newsDetail .newsDefooter .retuern:hover{background-color: #00aab1;color: #fff;}    
.newsDetail .newsDeBody article img{max-width:100%}

.news-list{width: 100%;overflow: hidden;box-sizing:border-box;padding:0;margin:0}
.news-list>li{padding-top: 25px;padding-bottom: 50px;border-bottom: 1px solid #eee;}
.news-list>li:last-child{border-bottom: none;}
.news-list>li .wh{overflow: hidden;}
.news-list .img-box{display: block;float: left;width: 300px;height: 200px;cursor: pointer;}
.news-list .img-box img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.news-list .date{float: left;width: 174px;position: relative;height: 200px;text-align: center;}
.news-list .inner{position: absolute;width: 100%;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);}
.news-list .md{font-size: 28px;color: #888;padding-bottom: 3px;}
.news-list .y{font-size: 16px;color: #888;}
.news-list .text{float: left;width: 695px;}
.news-list .btn-more{display: block;width: 150px;height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #666;background-color: #ddd;transition: all .3s;}
.news-list .btn-more:hover{color: #fff;background-color: #00aab1;}
.news-list .title{display: block;font-size: 24px;color: #444;padding-bottom: 24px;padding-top: 13px;}
.news-list .title:hover{color: #00aab1;}
.news-list .abstract{font-size: 16px;color: #888;line-height: 24px;margin-bottom: 20px;height: 48px;overflow: hidden;}
.img-out{position: relative;overflow: hidden;}
.img-out img{display: block;transform: scale(1.001);transition: all 0.5s ease 0s;}
.img-out:hover img{transform: scale(1.07);}


.sub_nav { margin-top: 20px; margin-bottom: 30px; background: #ECECEC;padding:0 }
.sub_nav li { display: inline-block; float: left; transition: 0.6s; }
.sub_nav li a { text-align: center; font-size: 16px; color: #a19fa0; line-height: 180%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 6px 25px; }
.sub_nav li:hover { background: #00aab1; }
.sub_nav li:hover a { color: #fff; }
.sub_nav:after { display: block; clear: both; content: ""; visibility: hidden; }
.sub_nav .active { background: #00aab1; }
.sub_nav .active a { color: #fff; }


@media screen and (max-width:768px) and (min-width:320px) {
.tit2 { padding: 20px 0 40px 0; margin-bottom: 0; }
.tit2 h4 { font-size: 20px; }
.tit2 h4:before { width: 60px; height: 100px; margin-left: -30px; }
.tit2 span { font-size: 18px; }

.abo_pn1 figure { display: block; }
.abo_pn1 figure div { margin: 0 auto 2% auto; max-width: 100%; height: auto; }
.abo_pn1 figure div img { margin: 0; }
.abo_pn1 figure figcaption { width: auto; margin: 10px 0 0 0; }
.abo_pn1 figure figcaption h4 { font-size: 20px; margin-bottom: 0; }
.abo_pn1 figure figcaption p { font-size: 14px; margin-bottom: 10px; }
.abo_pn1 figure figcaption p:last-child { margin-bottom: 0; }


.item_ul { width: 100%; }
.item_ul > li { width: 100%; margin: 6% 0 0 0; position: relative; }
.item_ul > li:nth-of-type(1n) { margin-right: 0; }
.item_ul > li:nth-of-type(1) { margin-top: 0; }
.item_ul:after { display: block; clear: both; content: ""; visibility: hidden; } 
.newsDetail{padding-bottom:60px}
.newsDetail .newsDeHead{padding:20px 0 30px;}
.newsDetail .newsDeHead h3{font-size:18px;}
.newsDetail .newsDeBody article{padding:30px 0;}
.newsDetail .newsDefooter{;padding:30px 0 0px;line-height: 30px}   
.newsDetail .newsDeBody article img{max-width:100%}

.news .news-title .wh{font-size: 18px;}
.news{padding-top: 25px;}
.news-list>li{padding-top: 24px;padding-bottom: 25px;width: 100%;}
.news-list .title{padding-bottom: 12px;font-size: 13px;}
.news-list .abstract{margin-bottom: 18px;font-size: 13px;line-height: 19px;height: 38px;}
.news-list .md{font-size: 21px;}
.news-list .y{font-size: 12px;}
.news-list .text{width: 100%;}
.news-list .img-box{width: 63.29%;padding-top: 42.19%;height: 0;}
.news-list .date{width: 36.7%;padding-top: 42.19%;height: 0;}
.news-list .btn-more{width: 100%;height: 40px;line-height: 40px;}
.news-list .md{font-size: 25px;}


	
}