#myswipe .slide.ppb{ background:url(../images/bg.jpg) center center no-repeat #e4f4f4; background-size:100% 100%;}
.swipehead.ppb{ background:#fff; box-shadow:0 10px 50px rgba(18,155,131,0.2)}
.swipehead.ppb .left{float:left;}
.swipehead.ppb .banquan{color:#999; font-size:12px; border-left:1px solid rgba(0, 0, 0, 0.1); padding-left:10px; line-height:1.6em; display:table-cell; vertical-align:middle;}
.swipehead.ppb .banquan span{display:block;}
.swipehead.ppb .banquan em{font-weight:bold; font-style:italic;}
.ppb .blockcont .catmenu{ background:rgba(18,155,131,0.6);}
.blockcont .catmenu{ height:8.6rem; padding:0.1rem 0; z-index:2; position:relative;}
.blockcont .catmenu li{ height:0.57rem;}
.blockcont .catmenu li.active{ background:rgba(255,255,255,0.3);}
.blockcont .catmenu li.active a.fff{ color:#ff0; font-weight:bold;}
.blockcont .catmenu li a.fff{ line-height:0.55rem;}
.blockcont .catmenu li .below{ height:8.6rem;}
.ppb.swipenavlist li.zhishi{ display:block;}
.swipehead .userbox a, .swipehead .userbox span{color:#333;}
.swipehead .userbox a.loginin:after{ background:rgba(18,155,131,0.5)}

.blockcont{ padding-top:1.2rem;}
.blockcont .midcont{ width:87.5%; height:8.6rem;}
#myswipe .pagination i{ background:rgba(18,155,131,0.2);}
#myswipe .pagination i em{ color:rgba(18,155,131,0.2);}
#myswipe .pagination i.active, #myswipe .pagination i:hover{ background:rgba(18,155,131,1);}
#myswipe .pagination i.active em, #myswipe .pagination i:hover em{ color:rgba(18,155,131,1);}

.main .searchlay{ position:relative; margin:0.2rem 0 0.1rem 0; width:100%; border:2px solid #14bd83; border-radius:0.4rem; height:0.8rem;}
.main .searchlay .search{ height:100%; width:100%; border-radius:0.4rem; padding:0 180px 0 30px; font-size:30px; border:0; outline:none; background:none; color:#666;}
.main .searchlay .search::-webkit-input-placeholder{color:#ccc;}  
.main .searchlay .search:-moz-placeholder{ color:#ccc;}  
.main .searchlay .search::-moz-placeholder{ color:#ccc;}  
.main .searchlay .search:-ms-input-placeholder{ color:#ccc;}  
.main .searchlay .searchbtt{ background:#14bd83; border:0; outline:none; color:#fff; font-size:40px; height:100%; width:180px; border-radius:0.4rem; position:absolute; right:-1px; top:0; cursor:pointer;}
.main .searchlay .searchbtt:hover{ background:#f90;}
.main .midcont .hotli{padding-left:5px;}
.main .midcont .hotli dl{font-size:14px; color:#666; height:0.36rem; line-height:0.36rem; text-align:left; overflow:hidden;}
.main .midcont .hotli dl:after{content:""; display:block; clear:both;}
.main .midcont .hotli dl dt{display:table-cell; vertical-align:top; font-weight:bold; width:70px;}
.main .midcont .hotli dl dd{display:table-cell; vertical-align:top;}
.main .midcont .hotli dl dd a.item{display:inline-block; margin-right:10px; color:#666;}
.main .midcont .hotli dl dd a.item:hover{color:#f60;}
.main .midcont .hotcitiao{ padding:0.1rem; height:6.8rem; position:relative;}
.main .midcont .hotcitiao .ttl{ background:#14bd83; color:#fff; font-size:24px; line-height:2em; position:absolute; left:50%; top:50%; padding:0 20px; margin:-1.5em 0 0 -2.5em; border-radius:0 1em 0 1em; font-weight:bold;}
.main .midcont .hotcitiao a{ opacity:0; position:absolute; left:50%; top:50%; margin-top:-1em; line-height:0.4rem; color:#14bd83; padding:0 20px; height:0.4rem; overflow:hidden; background:rgba(18,155,131,0.1); border-radius:0 1em 0 1em; transition:width ease-in-out 300ms;}
.main .midcont .hotcitiao a::before{content:""; display:inline-block; margin-right:5px; padding:3px; border:3px solid #f9b78a; border-radius:50%;}
.main .midcont .hotcitiao a.hide{ width:0;}
.main .midcont .hotcitiao a:hover{ color:#f60}
.main .midcont .newarticle{width:100%; height:2em; overflow:hidden; font-size:14px;}
.main .midcont .newarticle .item{ float:left; width:33.3333%; padding:0 15px; line-height:2em; position:relative; text-align:left;}
.main .midcont .newarticle .item::before{ content:""; width:6px; height:6px; border-radius:50%; background:#999; position:absolute; left:5px; top:50%; margin-top:-2px;}

.wrapper .map .mapBox .mapCanvas .layer{ fill:rgba(18,155,131,0.05); stroke:#b1b1b1}
.wrapper .map .color100001{ font-weight:bold;}
.wrapper .mapzhishi .md_cont .md_citiao{ height:8.6rem; width:10.142rem; margin-left:-5.071rem;}
.wrapper .mapzhishi .title{ display:none;}
.wrapper .mapzhishi .blockcont .catmenu{ margin-right:0;}
.wrapper .mapzhishi .blockcont .midcont{ width:80%; margin-left:20%;}
.wrapper .mapzhishi .map .shengming{ color:rgba(0,0,0,0.5); width:230px; bottom:2rem;}
.wrapper .mapzhishi .map .shengming a.fff{ color:#f60;}
.wrapper .mapzhishi .map .mapBox .southChinaSea{ background-image:url(../images/southchinasea_01b9ed44.png);}
.wrapper .mapzhishi .md_group .ttl{ line-height:0.5rem; background:#00a971; border-radius:12px 12px 0 0;}
.wrapper .mapzhishi .md_group .catlist{ height:8.1rem; overflow:auto;}
.wrapper .mapzhishi .md_group .catlist::-webkit-scrollbar{width:2px; height:20px;}
.wrapper .mapzhishi .md_group .catlist::-webkit-scrollbar-thumb{background:#b7d2cd;}
.wrapper .mapzhishi .md_group .catlist li{ line-height:0.36rem;}
.wrapper .mapzhishi .md_group .catlist li.dn{ display:block;}
.wrapper .mapzhishi .md_group .catlist li:hover,.wrapper .mapzhishi .md_group .catlist li.active{ background:#00a971}
.wrapper .mapzhishi .md_group .btn{ display:none;}
.wrapper .mapzhishi .md_group{ right:100%; top:0; left:auto; width:28%; height:8.6rem; background:rgba(18,155,131,0.05); border-radius:12px;}

.hotcat{background:rgba(18, 155, 131, 0.06); border-radius:8px; height:2.1rem; margin-bottom:0.2rem; padding:0 20px 0.16rem;}
.hotcat .hotttl{font-size:20px; line-height:0.6rem; font-weight:bold; float:left;}
.hotcat .more{float:right; color:#129b83;}
.hotcat .more span,
.hotcat .more .iconfont{font-size:14px; float:left; line-height:0.6rem;}
.hotcat .more .iconfont{margin-left:3px;}
.hotcat .more:hover{color:#ff6a00;}
.hotcat .list a{float:left; width:8.2%; margin-left:2%; font-size:14px; color:#129b83;}
.hotcat .list a:first-child{margin-left:0;}
.hotcat .list a img{background:rgba(18, 155, 131, 0.1); border-radius:50%; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s; width:1rem; height:1rem;}
.hotcat .list a:hover img{background:rgba(255, 106, 0, 0.1);}
.hotcat .list a .name{font-size:16px; line-height:1em; margin-top:0.1rem; transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -o-transition:all .3s;}
.hotcat .list a:hover .name{color:#ff6a00;}

.quwen .artlay{ width:100%; height:6.3rem; background:#fff; border-radius:8px; padding:0.1rem 1%; text-align:left; font-size:14px;}
.quwen .artlay .artlist,.quwen .artlay .artlist2{ width:33.333%; float:left; padding:0 1%; position:relative;}
.quwen .artlay .artlist .libox{counter-reset:li;}
.quwen .artlay .artlist .libox .item{padding:0; line-height:0.55rem;}
.quwen .artlay .artlist .libox .item .numb{width:0.24rem; height:0.24rem; line-height:0.24rem; min-width:auto;}
.quwen .artlay .tabscroll .menu{ position:absolute; right:3%; top:0;}
.quwen .artlay .tabscroll .menu .li{ background:none; min-width:100px; padding:0 10px; border:0; font-size:15px; line-height:0.6rem; color:#999;}
.quwen .artlay .tabscroll .menu .li.active{ color:#f60; font-size:16px;}
.quwen .artlist2 .itembox .libox .item{ width:32%; background:#fff; padding:0.13rem;}
.quwen .artlist2 .itembox .libox .item:nth-child(2){margin:0 2%;}
.quwen .artlist2 .itembox .libox .item span{ height:0.3rem; line-height:0.3rem; margin:0.1rem 0.1rem 0;}
.quwen .artlist2 .itembox .libox .item a{ height:0.5rem; line-height:0.25rem; margin-bottom:0; display:block;}
.quwen .artlist2 .itembox .libox2 .item{ padding:0.12rem 0; line-height:0.32rem;}
.quwen .blocktitle{ line-height:0.6rem; font-size:20px; font-weight:bold;}
.quwen .blocktitle span{ color:#333;}
.quwen .artlist .itembox,
.quwen .artlist2 .itembox{ background:#f9f9f9; border-radius:6px; padding:0.1rem 3%;}
.quwen .artlist .itembox .libox .item{ padding:0.12rem 0; line-height:0.32rem;}
.quwen .artlist .itembox .libox .item .numb{ height:auto; line-height:0.3rem;}

#container{ background:linear-gradient(90deg, #e4f4f4, #f6fbf4);}
#container .w1460{width:1460px; margin:0 auto; padding-bottom:30px;}
.tabscroll.qiehuan .conts .cont{ padding-top:0;}
.tabscroll .articlelist{ padding:0;}
.tabscroll .articlelist .item{ padding:20px; width:50%; float:left;}
.tabscroll .articlelist .item img{ width:220px; height:137px; max-width:none;}
.tabscroll .articlelist .item .title{overflow:hidden; max-width:440px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:block;}
.tabscroll .articlelist .libox:first-child .item:first-child{padding-top:20px;}