﻿.fbanner{position: relative;width:100%;height:30vh;overflow: hidden;display: flex;justify-content: center; align-items: center;}
.fbanner img{width:100%;height:auto;}
.fbanner .bnwen{position:absolute;width:90%;bottom:30%;left:5%;text-align: center;color: #ffffff;z-index: 998}
.fbanner .bnwen h4{font-size: 3.2rem;font-weight: normal;margin-bottom:1.5rem;}
.fbanner .bnwen p{font-size: 1.8rem;}
.subnav{position:absolute;bottom:10%;left:0;text-align: center;}
.subnav a {position: relative;display: inline-block; width:8%;height:6.4vw;font-size:1.4rem;color: #ffffff; font-weight: normal; border: 2px solid #ffffff;border-radius:50%;margin:0 2%}
.subnav a span{position: relative;display: block;width:60%;min-height: 0;height:60%;margin:20%;overflow: hidden;}
.subnav a img{width:200%;margin-left: -100%;transition:all .6s}
.subnav a p{padding-top:2rem;width: 100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.subnav a:hover,.subnav a.cur{color: #16c3ca;border: 2px solid #16c3ca;transition:all .6s}
.subnav a:hover img,.subnav a.cur img{margin-left:0;transition:all .6s}
.subnav1 {width: 100%; height:5rem; background: #fff; border-bottom: 1px solid #dfdfdf;text-align: center;}
.subnav1 a {width:calc(14.6666% - 2px);padding:0 1%;height:5rem; font-size:1.4rem; font-weight: normal;float: left; line-height:5rem; border-right: 1px solid #dfdfdf;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.subnav1 a:first-child{border-left:1px solid #dfdfdf}
.subnav1 a:hover,.subnav1 a.cur{color: #fff;background-image:linear-gradient(90deg,#00bcd5 0%,#38cdba 100%),linear-gradient(#0072be,#0072be);transition:all .6s;}
.bread-crumb {position: relative; z-index: 2;height: 6rem; line-height: 6rem; color: #999; background: #f6faff;}
.bread-crumb span { position: relative; display: inline-block;margin-left: 5rem; }
.bread-crumb span::before { position: absolute; z-index: 9999; left: -3.5rem; top: 1.5rem; content: ""; width: 3rem; height: 3rem; background-image: url(../images/weizhi.svg); background-size: 3rem 3rem; background-repeat: no-repeat; }
.bread-crumb a { color: #999; }
.bread-crumb a:last-child,.bread-crumb a:hover{ color: #16c3ca; }
.col{width: 100%;height:auto;background:#f6faff}
.col .main{background:#ffffff;}
.caselist,.sy_plan{margin-bottom:3rem;}
.coll{float: left;background:#ffffff;width:70%;padding:1.5%;}
.coll .twlist{width:100%;position: relative;overflow: hidden;display: block;padding:0 0 2rem;margin-bottom: 2rem;border-bottom:1px #EEEEEE solid;}
.coll .twlist .news_img{width:25%;height:auto;float:left;overflow: hidden;}
.coll .twlist .news_img a{position:relative;display: block;width: 100%;padding-top:61.98%;overflow:hidden}
.coll .twlist .news_img img{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .6s}
.coll .twlist .news_text{width:73%;float:right;}
.coll .twlist .news_text .news_title{width: 100%;font-size:1.6rem;font-weight:normal;}
.coll .twlist .news_text .news_info{width: 100%;height:3.6rem;font-size:1.4rem;margin-top:0.8rem;color: #999;line-height:1.8rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.coll .twlist .news_text .news_date{width: 100%;font-size:1.2rem;overflow: hidden;color:#999;margin-top:0.8rem;}
.coll .twlist .news_text .news_date span{position: relative;display: inline-block; margin-left: 22px;line-height:2rem;}
.coll .twlist .news_text .news_date span:before { position: absolute; display: inline-block; left: -23px; top: 0px; content: ""; width: 18px; height: 18px; background-size: 18px 18px; background-repeat: no-repeat; }
.coll .twlist .news_text .news_date span:nth-child(1):before { background-image: url(../images/shijian.svg); }
.coll .twlist .news_text .news_date span:nth-child(2):before { background-image: url(../images/yuedu.svg); }
.coll .twlist .news_text .news_date span:nth-child(2){margin-left:6rem}
.coll .twlist .news_text dl.news_tag{display: block;width: 100%;height:auto;font-size: 1.2rem;margin-top:0.8rem;color:#999;overflow: hidden;}
.coll .twlist .news_text dl.news_tag dt{display: block;width:6.5%;float: left;padding:3px 0;margin:1px 0;}
.coll .twlist .news_text dl.news_tag dd{display: block;width:92%;float: left}
.coll .twlist .news_text dl.news_tag dd a,.detail .tags a{color:#fff;display: inline-block;padding:3px 3px;margin:1px;border-radius: 3px;}
.colr{background:#ffffff;width:22%;float: right;padding:1.5%;}
.colr .tuwen{margin-top:2rem;margin-bottom: 1rem;overflow: hidden;}
.colr .tuwen .twlist{width:100%;overflow: hidden;display: block;padding:0 0 1rem;margin-bottom: 1rem;border-bottom:1px #EEEEEE solid;}
.colr .tuwen .twlist .news_img{width:38%;height:auto;float:left;overflow: hidden;}
.colr .tuwen .twlist .news_img a{position:relative;display: block;width: 100%;padding-top:61.98%;overflow:hidden}
.colr .tuwen .twlist .news_img img{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;transition:all .6s}
.colr .tuwen .twlist .news_text{width:60%;float:right;}
.colr .tuwen .twlist .news_text .news_title{width: 100%;height: 3.2rem;font-size:1.4rem;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.colr .tuwen .twlist .news_text .news_date{width: 100%;font-size:1.2rem;overflow: hidden;color:#999;margin-top:0.8rem;}
.colr .tags{margin-top:20px;}
.colr .tags a{display: inline-block;padding:5px 10px;margin:3px 2px;border-radius:3px;color: #ffffff;}
.colr .tit1,.xg .tit1{position: relative; width:auto; padding-left: 1.5rem; margin: 0; line-height:3.6rem; font-size: 1.6rem;background: #f6faff}
.colr .tit1:before,.xg .tit1:before { position: absolute; top: 0; left: 0; content: ""; width: 5px; height:3.6rem; background: #16c3ca; }
.xg .tit1{margin-bottom: 2rem}
.colr .xiangmu{margin:1rem 0;}
.colr .xiangmu dl dt{position: relative;font-size: 1.6rem;display: block;background: #f6faff;color: #16c3ca;line-height:4rem;padding-left:6rem;border-radius:2rem;}
.colr .xiangmu dl dt:before{position: absolute; display: inline-block; left:2.5rem; top:1rem; content: ""; width: 1.8rem; height: 1.8rem; background-image: url(../images/fl.svg);background-size: 1.8rem 1.8rem; background-repeat: no-repeat;}
.colr .xiangmu dl dd{position: relative;font-size: 1.4rem;line-height:3rem;padding-left: 6rem;}
.colr .xiangmu dl dd:before{position: absolute; display: inline-block; left:3rem; top: 0.7rem; content: ""; width: 1.6rem; height: 1.6rem; background-image: url(../images/jt.svg);background-size: 1.6rem 1.6rem; background-repeat: no-repeat;}
.detail { position: relative; z-index: 1; width:100%; height: auto; margin: 2% auto 0; }
.detail-title h3{ position: relative; width:96%; padding-left:2.5rem; margin: 0 2%; line-height: 2.4rem;font-size: 2.4rem;}
.detail-title h3:before { position: absolute; top: 0; left: 0; content: ""; width: 5px; height: 2.4rem; background: #16c3ca; }
.detail-info { margin-top: 2rem; text-align: left; overflow: hidden;padding: 0 2%;}
.detail-info span { position: relative; float: left;font-size: 1.4rem; line-height: 2rem; color: #afafaf; margin-left: 2rem;margin-right: 2rem;}
.detail-info span:before {position: absolute; z-index: 9999; left:-2rem;top:1px;content: "";width: 1.8rem; height: 1.8rem; background-size:1.8rem 1.8rem;background-repeat:no-repeat;}
.detail-info span:nth-child(1):before {background-image: url(../images/shijian.svg);}
.detail-info span:nth-child(2):before {background-image: url(../images/laiyuan.svg);}
.detail-info span:nth-child(3):before {background-image: url(../images/yuedu.svg);}
.detail-summ { padding: 1rem 2%; margin: 3rem 2% 0; font-size: 1.4rem; line-height: 2.4rem; color: #999; text-align: justify; background: #f6faff; border-left: 3px solid #efefef; }
.detail-summ span{position: relative;margin-left:20px;margin-right:20px;}
.detail-summ span:before{position: absolute; z-index: 9999; left:-23px;top:0px;content: "";width: 18px; height: 18px; background-size:18px 18px;background-repeat:no-repeat;}
.detail-summ span:nth-child(1):before {background-image: url(../images/hangye.svg);}
.detail-summ span:nth-child(2):before {background-image: url(../images/yewu.svg);}
.detail-desc { margin-bottom: 3rem;line-height:2rem;padding:3rem 2%;font-size:1.4rem;}
.detail-desc h1,.detail-desc h2,.detail-desc h3,.detail-desc h4{margin-bottom: 1.5rem;}
.detail-desc img{max-width:100%;height: auto!important;}
.detail-desc h4{position: relative;font-size:1.8rem;height:3.6rem;line-height:3.6rem;color:#333;padding-left:2rem;background: #f6faff;margin-top:1rem;margin-bottom:1rem;}
.detail-desc h4:before{position: absolute; top: 0.8rem; left: 0.8rem; content: ""; width:0.4rem; height: 2rem; background: #16c3ca;}
.detail-desc p,.detail-desc td{line-height:2.8rem;}
.detail-desc li{list-style:decimal;margin-left:3rem;}
.detail-desc strong{color:#00949a;}
.detail .tags{padding: 0 2rem;}
.detail-next{height: 3rem; padding: 1rem 2%; margin-top: 4rem; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }
.xg{margin: 3rem 0;}
@keyframes move-background { 0% { background-position: 50% 0%; } 100% { background-position: 50% 100%; } }
.wzjs{padding:10% 0 10%;background-repeat: no-repeat;background-size: cover;animation: move-background 5s linear infinite;}
.wzjs:nth-child(1){background-image: url(../images/wzjsbg11.jpg);}
.wzjs:nth-child(2),.wzjs:nth-child(4){background-image: url(../images/wzjsbg2.jpg);}
.wzjs:nth-child(3){background-image: url(../images/wzjsbg3.jpg);}
.wzjs:nth-child(5){background-image: url(../images/wzjsbg4.jpg);}
.wzjs .wzjsl{width:40%;color: #ffffff;padding-top:3%}
.wzjs .wzjsl span{font-size:2rem;}
.wzjs .wzjsl h3{font-size: 5.2rem;margin:2rem 0 3rem;}
.wzjs .wzjsl p{font-size: 1.8rem;line-height:3rem}
.wzjs .wzjsl a{display: inline-block;font-size:1.8rem;color: #ffffff;padding:1rem 3rem;border:1px #ffffff solid;border-radius:2rem;margin-top:3rem}
.wzjs .wzjsr{width: 50%;}
.wzjs .wzjsr img{width:100%;}
.wzjs:nth-child(even) .wzjsl,.wzjs:nth-child(odd) .wzjsr{float: right;color: #333333;}
.wzjs:nth-child(even) .wzjsl a{color: #333333;border:1px #333 solid;}
.wzjs:nth-child(odd) .wzjsl,.wzjs:nth-child(even) .wzjsr{float: left;}
.ctags { padding:2%;background: #ffffff;text-align: justify; } 
.ctags a { color: #fff; display: inline-block; padding: 3px 5px; margin: 2px; border-radius: 3px; }
@media (max-width:1390px) and (min-width:1000px){
	.subnav a {height:7.84vw;}
}
@media (max-width:1000px){
.fbanner{height:30vh;}
.fbanner img{width:auto;height:100%;}
.fbanner .bnwen{bottom:20%;}
.fbanner .bnwen h4{font-size:2rem;}
.fbanner .bnwen p,.detail-info span{font-size: 1.2rem;}
.subnav a {width:15%;height:14.7vw;margin:0 1%}
.subnav1,.bread-crumb  {height:4rem;line-height: 4rem;}
.subnav1 a {padding:0 1%;height:4rem; font-size:1.4rem;line-height:4rem;}
.bread-crumb span,.coll .twlist .news_text .news_date span:nth-child(2) {margin-left:2rem; }
.bread-crumb span::before {left: -2.2rem; top: 1rem;width:2rem; height:2rem;background-size:2rem 2rem;}
.caselist,.sy_plan{margin-bottom:2%;}
.coll,.colr{width:98%;padding:1rem 1%;float:none;}
.coll .twlist{padding:0 0 1rem;margin-bottom:1rem;}
.coll .twlist .news_img{width:30%;}
.coll .twlist .news_text{width:68%;}
.coll .twlist .news_text .news_title{font-size:1.4rem;}
.coll .twlist .news_text .news_info{height:1.8rem;font-size:1.2rem;margin-top:3%;line-height:1.8rem;-webkit-line-clamp:1}
.coll .twlist .news_text .news_date{font-size:1.2rem;margin-top:2%;}
.coll .twlist .news_text .news_date span{margin-left:1.6rem;line-height:1.8rem;}
.coll .twlist .news_text .news_date span:before {left:-1.6rem; top:0.1rem; width: 1.4rem; height: 1.4rem; background-size: 1.4rem 1.4rem;}
.coll .twlist .news_text dl.news_tag{display:none;}
.detail-title h3{font-size: 1.6rem;}
.detail-info,.colr .tuwen,.colr .tags{ margin-top:1rem;}
.detail-desc h1,.detail-desc h2,.detail-desc h3,.detail-desc p,.xg .tit1{margin-bottom:1rem;}
.detail-summ { padding:0.5rem 2%; margin:1rem 2% 0; font-size: 1.2rem; line-height: 2rem;}
.detail-desc { margin-bottom:1rem;line-height:2rem;padding:1rem 2%;font-size:1.2rem;}
.detail-desc h4{font-size:1.6rem;}
.detail .tags{padding: 0 2%;}
.detail-next{padding: 1rem 2%; margin-top: 1rem;display: block;}
.detail-next p{display: block;width:100%;line-height:1.5rem}
.xg{margin: 1rem 0;}
.colr .tit1,.xg .tit1{line-height:3rem; font-size: 1.4rem;}
.colr .tit1:before,.xg .tit1:before {height:3rem;}
.colr .xiangmu dl dt{font-size: 1.4rem;line-height:3rem;padding-left:4rem;}
.colr .xiangmu dl dt:before{left:1.5rem; top:0.7rem;width: 1.5rem; height: 1.5rem;background-size: 1.5rem 1.5rem;}
.colr .xiangmu dl dd{font-size: 1.2rem;line-height:3rem;padding-left:4rem;}
.colr .xiangmu dl dd:before{left:2rem;}
.colr .tags a{padding:0.5rem;margin:0.2rem 0.1rem;}
.wzjs{padding:20% 2%;}
.wzjs .wzjsl{width:100%;padding-top:3%}
.wzjs .wzjsl span{font-size:1.6rem;}
.wzjs .wzjsl h3{font-size: 2.4rem;margin:1.5rem 0;}
.wzjs .wzjsl p{font-size: 1.6rem;line-height:2.2rem}
.wzjs .wzjsl a{font-size:1.6rem;margin-top:1.5rem}
.wzjs .wzjsr{width:100%;margin-top:3rem;}
.wzjs .wzjsr img{width:100%;}
.wzjs .wzjsl,.wzjs .wzjsr{float: none;}
}