*{font-family:"Microsoft Yahei UI", "Microsoft Yahei",'Gotham-Book', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB","Source Han Sans CN", sans-serif;font-size:12px; color:#000; user-select:none; max-width:100%;}

body,form{margin:0px; padding:0px;}
a{text-decoration:none; color:#333;}
img{border:none;}
.display_none{ display:none;}

body{ background:url(img/0.jpg) 0 0 repeat-x; text-align:center;}
header{ background:url(img/1.jpg) center 0 no-repeat; text-align:center;}
header .container{ height:108px; width:997px; margin:auto; text-align:right; padding:3px 0 0 0; position:relative;}
header .container img{ display:block; position:absolute; z-index:9; top:23px; left:8px;}
header .container a:not(:first-child){ padding:0 18px; border-right:solid 1px #ccc;}
header .container #SelectKey{ display:block; border:0; background:url();height:30px; font-size:20px; width:278px; position:absolute; z-index:9; top:50px; right:68px;}
header .container #SelectGO{ display:block; float:right; background:url(img/19.jpg) 0 0 no-repeat; width:65px; height:56px; border:0; cursor:pointer; position:absolute; z-index:9; top:37px; right:0px;}
header .container h1,header .container strong{ display:block; top:38px; left:265px; display:block; margin:0; padding:0; font-weight:bold; color:#666; font-size:28px; position:absolute; z-index:8; text-align:center; width:408px;}
/**以下这段代码2025年11月后可删除**/
header .Main{ height:108px; width:997px; margin:auto; text-align:right; padding:3px 0 0 0; position:relative;}
header .Main img{ display:block; position:absolute; z-index:9; top:23px; left:8px;}
header .Main a:not(:first-child){ padding:0 18px; border-right:solid 1px #ccc;}
header .Main #SelectKey{ display:block; border:0; background:url();height:30px; font-size:20px; width:278px; position:absolute; z-index:9; top:50px; right:68px;}
header .Main #SelectGO{ display:block; float:right; background:url(img/19.jpg) 0 0 no-repeat; width:65px; height:56px; border:0; cursor:pointer; position:absolute; z-index:9; top:37px; right:0px;}
header .Main h1,header .Main strong{ display:block; top:38px; left:265px; display:block; margin:0; padding:0; font-weight:bold; color:#666; font-size:28px; position:absolute; z-index:8; text-align:center; width:408px;}
/**以上这段代码2025年11月后可删除**/

header nav{ clear:both; height:34px; border:0; margin:0; padding:0; border-top:solid 1px #888; text-align:center; display:block;}
header nav ul{margin:0; padding:0;}
header nav ul li{ width:138px; margin:0; border:0; position:relative; list-style:none; border-right:solid 1px #888; display:inline-block;}
header nav ul li:nth-child(1){border-left:solid #888 1px;}
header nav ul li span,header nav ul li h2,header nav ul li h3,header nav ul li .region-title{display:block; text-align:center; font-size:16px; background:url(); line-height:21px; padding:6px 0; margin:0; color:#000;}
header nav ul li ul{ position:absolute; z-index:8; left:-1px; top:32px; width:139px; display:none; border:solid 1px #888; background:#d9d9d9; border-top:0; max-width:none;}
header nav ul li:nth-child(1) ul{width:138px;}
header nav ul li ul li{display:block; border:0;}
header nav ul li ul li:nth-child(1){ border-left:0;}
header nav ul li ul li a{ display:block; text-align:center; padding:6px 0; font-size:16px; color:#000;}
header nav ul li ul li a:hover{ color:#fff; background:#08e; text-decoration:none;}
header nav ul li:hover span{ color:#08e;}
header nav ul:hover ul{ display:block;}

h1.h404{ padding:40px 0 20px 0;font-size:30px; color:#f30;}

strong.BookTtile{ font-size:18px; text-align:center; font-weight:bold; color:#333; margin:28px auto 0px auto; display:block;}
strong.BookTtile span{ display:block; font-size:12px; margin-top:8px; font-weight:normal;}

h1.main-title,h2.subsection-title{ font-size:38px; text-align:center; font-weight:bold; color:#333; margin:28px auto 0 auto; height:58px;}
span.journal,p.journal{font-size:18px; padding:6px 28px; width:auto; font-weight:normal; border-top:solid 2px #08e; color:#666; display:inline-block;}

ul.image-description-list{ margin:0 auto; max-width:1280px; border:0; padding:18px 0; clear:both; text-align:center; display:block;}
ul.image-description-list:after{content:"";display:block; height:0;clear:both; visibility:hidden; *zoom:1;}
ul.image-description-list li{ display:inline-block; width:19%; height:330px; list-style:none; margin:8px 0.5%; box-shadow:0 0 6px #888; background:#fff; position:relative; overflow:hidden; border-radius:3px; border-radius:5px;}
ul.image-description-list li:hover{box-shadow:0 0 16px #f80;}
ul.image-description-list li div,ul.image-description-list li a.d{ position:absolute;z-index:9; bottom:0; width:0; left:0; width:100%; background:#fff; padding-bottom:5px; text-align:left; display:block;}
ul.image-description-list li a.d{ text-align:center; padding:6px 3px; font-size:15px; border-top:solid 1px #eee; text-decoration:none; background:rgba(0,0,0,0.8); color:#fff;}
ul.image-description-list li:hover a.d{ padding-bottom:16px;}
ul.image-description-list li a img{ display:block; width:100%; position:absolute; z-index:3; left:0; top:0;}
ul.image-description-list li:hover a img{ transform:scale(1.06);}
ul.image-description-list li:hover div strong a+a{ border-bottom:solid 1px #f80;}
ul.image-description-list li div strong{ margin:0; padding:8px 3px; border:0; line-height:23px; font-weight:100; display:block;}
ul.image-description-list li div strong > :nth-child(1){padding:2px 6px 1px 6px; background:#08e; color:#fff; border-radius:5px; font-size:15px; border-bottom:solid 1px #08e; text-decoration:none; font-style:normal;}
ul.image-description-list li div strong a{ font-weight:normal; background:#fff; color:#000; border-radius:0;  border:0; border-bottom:solid 1px #fff; padding:2px 6px 1px 6px;  font-size:15px; text-decoration:none;}
ul.image-description-list li:hover div strong > :nth-child(1){ background:#f80; border-radius:5px 5px 0 5px; border-bottom:solid 1px #f80;}
ul.image-description-list li:hover div strong a{ background:#fff;border-radius:0; border-bottom:solid 1px #f80;}
ul.image-description-list li div strong a+a:hover{ background:#fff;color:#f80;}
ul.image-description-list li div span.time,ul.image-description-list li div time{ margin:0 3px; padding:0 6px 0 26px; color:#888; position:relative;}
ul.image-description-list li div span.time i,ul.image-description-list li div time i{width:14px; height:14px; background:url(img/ico.jpg) 0 0 no-repeat;  display:inline-block; margin-right:5px; position:absolute; left:5px; top:1px; z-index:3;}
ul.image-description-list li div span.views i{ width:21px; background:url(img/ico.jpg) -14px 0 no-repeat;}
ul.image-description-list li div span.views{ padding-left:30px;}
ul.image-description-list li div span.download i{ width:15px; background:url(img/ico.jpg) -35px 0 no-repeat;}
ul.image-description-list.all-city li{height:308px;}
ul.image-description-list.all-city li strong{ position:absolute; left:0; bottom:0; padding:6px 0; display:block; width:100%; z-index:8;background:rgba(0,0,0,0.7); color:#fff; font-weight:normal; font-size:16px;}
ul.image-description-list.all-city li:hover strong{background:rgba(0,0,0,1); padding:8px 0;}

.description-list{ margin:0 auto; max-width:1280px; border:0; padding:18px 0; clear:both; text-align:center; display:block;}
.description-list:after{content:"";display:block; height:0;clear:both; visibility:hidden; *zoom:1;}
.description-list .item{ display:inline-block; width:19%; height:330px; list-style:none; margin:8px 0.5%; box-shadow:0 0 6px #888; background:#fff; position:relative; overflow:hidden; border-radius:3px; border-radius:5px;}
.description-list .item:hover{box-shadow:0 0 16px #f80;}
.description-list .item div,.description-list .item strong.item-title{ position:absolute;z-index:3; bottom:0; width:0; left:0; width:100%; background:#fff; padding-bottom:5px; text-align:left; display:block; font-weight:normal;}
.description-list .item strong.item-title{ text-align:center; padding:6px 3px; font-size:15px; border-top:solid 1px #eee; text-decoration:none; background:rgba(0,0,0,0.8); color:#fff;}
.description-list .item:hover strong.item-title{ padding-bottom:16px;}
.description-list .item a img{ display:block; width:100%; position:absolute; z-index:3; left:0; top:0;}
.description-list .item:hover a img{ transform:scale(1.06);}
.description-list .item:hover div strong a+a{ border-bottom:solid 1px #f80;}
.description-list .item div strong{ margin:0; padding:8px 3px; border:0; line-height:23px; font-weight:100; display:block;}
.description-list .item div strong > :nth-child(1){padding:2px 6px 1px 6px; background:#08e; color:#fff; border-radius:5px; font-size:15px; border-bottom:solid 1px #08e; text-decoration:none; font-style:normal;}
.description-list .item div strong a{ font-weight:normal; background:#fff; color:#000; border-radius:0;  border:0; border-bottom:solid 1px #fff; padding:2px 6px 1px 6px;  font-size:15px; text-decoration:none;}
.description-list .item:hover div strong > :nth-child(1){ background:#f80; border-radius:5px 5px 0 5px; border-bottom:solid 1px #f80;}
.description-list .item:hover div strong a{ background:#fff;border-radius:0; border-bottom:solid 1px #f80;}
.description-list .item div strong a+a:hover{ background:#fff;color:#f80;}
.description-list .item div span.time,.description-list .item div time{ margin:0 3px; padding:0 6px 0 26px; color:#888; position:relative;}
.description-list .item div span.time i,.description-list .item div time i{width:14px; height:14px; background:url(img/ico.jpg) 0 0 no-repeat;  display:inline-block; margin-right:5px; position:absolute; left:5px; top:1px; z-index:3;}
.description-list .item div span.views i{ width:21px; background:url(img/ico.jpg) -14px 0 no-repeat;}
.description-list .item div span.views{ padding-left:30px;}
.description-list .item div span.download i{ width:15px; background:url(img/ico.jpg) -35px 0 no-repeat;}
.description-list.city .item,.description-list.year .item{height:308px;}
.description-list.city .item strong,.description-list.year .item strong{ position:absolute; left:0; bottom:0; padding:6px 0; display:block; width:100%; z-index:8;background:rgba(0,0,0,0.7); color:#fff; font-weight:normal; font-size:16px;}
.description-list.city .item:hover strong,.description-list.year .item:hover strong{background:rgba(0,0,0,1); padding:8px 0;}

section.Cost-Information-Journal{ margin:0 0 8px 0; border-bottom:solid 1px #ccc; padding-bottom:8px;}

a.all-city-link{ display:inline-block; margin:18px auto; background:#08e; font-size:18px; color:#fff; font-weight:bold; padding:16px 28px; border-radius:8px;}
a.all-city-link:hover{ background:#f60;}

.side-nav{position:fixed;left:0;top:50%;z-index:6;transform:translateY(-50%); margin:0; padding:0;}
.side-nav ul{padding:0; margin:0;}
.side-nav li{ display:block;text-align:center;cursor:pointer;margin:8px 0;font-size:16px;font-weight:normal;background:#fff;border:solid 1px #ccc;padding:6px 8px;box-shadow:0 0 6px #888;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.side-nav li *{ font-size:16px;}
.side-nav li:hover{ color:#fff; background:#08e;}
.side-nav li:hover *{color:#fff; text-decoration:none; font-size:18px;}

ul.image-description-list.tag li div strong{padding:5px 3px;}
ul.image-description-list.tag li div strong a{font-weight:normal; background:#fff; color:#000; border-radius:0;  border:0; border-bottom:solid 1px #fff; font-size:14px;}
ul.image-description-list.tag li div strong a:hover{color:#f60;}

.description-list.tag div.item div strong{padding:5px 3px;}
.description-list.tag div.item div strong a{font-weight:normal; background:#fff; color:#000; border-radius:0;  border:0; border-bottom:solid 1px #fff; font-size:14px;}
.description-list.tag div.item div strong a:hover{color:#f60;}

div.BookList{ margin:0 auto; width:997px; border:0; padding:16px 0; clear:both;}
div.BookList:after{content:"";display:block; height:0;clear:both; visibility:hidden; *zoom:1;}
div.BookList div{width:48%; margin:8px 1%; box-shadow:0 0 6px #888; background:#fff; text-align:left; display:inline-block;}
div.BookList div h3{ margin:8px; padding:8px; border-bottom:solid 1px #ccc;}
div.BookList div h3 a{ font-size:16px; font-weight:bold;}
div.BookList div ul{margin:0 0 8px 0; padding:0;}
div.BookList div ul li{ margin:0; list-style:none; display:block; padding:3px 6px; overflow:hidden; height:23px;}
div.BookList div ul li:nth-child(odd){ background:#f8f8f8;}
div.BookList div ul li span{ color:#08e;}

a.DivMore{ margin:18px auto; padding:8px 38px; background:url(img/2.jpg); color:#fff; text-align:center; border-radius:6px; font-weight:bold; font-size:16px;}

.pageIndex{ clear:both; padding:18px 0;text-align:center;}
.pageIndex *{ display:inline-block; border:solid 1px #fff; padding:3px 8px; color:#666; font-size:16px; background:#fff url(img/1.jpg) -18px 90px; margin:6px; box-shadow:0 0 6px #aaa; }
.pageIndex a:hover,.pageIndex b,.pageIndex span{ background:#08e; color:#fff;}
div.more{ clear:both; padding:38px 0;text-align:center;}
div.more a{ padding:16px 28px; color:#fff; font-size:16px; font-weight:bold; background:#08e; border-radius:5px; text-decoration:none;}
div.more a:hover{ background:#f60;}

section.content-section{ border-top:solid 1px #ddd;}

main{ width:997px; margin:18px auto; position:relative;}
main:after{content:"";display:block; height:0;clear:both; visibility:hidden; *zoom:1;}
main nav.breadcrumb{ margin-bottom:6px; text-align:left; background-color:transparent; font-size:14px; padding:0 8px; color:#666;}
main nav.breadcrumb ol{ display:inline-block; margin:0; padding:0 0 0 6px; border:0;}
main nav.breadcrumb ol li{ display:inline-block;}
main nav.breadcrumb ol li a{display:block;font-size:14px; color:#666;}
main nav.breadcrumb ol li:nth-child(n+2) a,main nav.breadcrumb ol li.active{ background:url(img/1.gif) 6px 2px no-repeat; padding:0 0 0 16px; color:#666;}
main nav.breadcrumb ol li a:hover{ color:#08e;text-decoration:none;}
main article{ width:706px; box-shadow:0 0 6px #ccc; background:#fff; padding:8px 18px; text-align:center; float:left;}
main article h1{ font-size:38px;}
main article p img{max-width:580px; min-width:280px;}
main article p.p1{ border:dashed 3px #67a6e2; padding:18px; margin:38px; line-height:28px; text-align:left; color:#888; font-size:14px;}
main article:hover p.p1{ color:#000;}
main article a.download,main article button{ margin:8px; padding:18px 38px; font-size:18px; font-weight:bold; color:#fff; background:#08e; display:inline-block; border:0; border-radius:58px;}
main article a.download:hover,main article button:hover{ background:#f60; text-decoration:none;}
main article ul.news-lsit{ margin:0; padding:0;}
main article ul.news-lsit li{list-style:none; text-align:left; padding:16px 0; margin:0; line-height:28px;}
main article ul.news-lsit li+li{  border-top:dashed 1px #ccc;}
main article ul.news-lsit li *{font-size:14px;}
main article ul.news-lsit li span{background:#08e; padding:3px 5px; color:#fff; margin-right:6px; border-radius:3px;}
main article ul.news-lsit li:hover span{ background:#f60; }
main article ul.news-lsit li:hover a{ color:#f60;}
main article ul.data.list{ margin:auto; width:100%; border:dashed 1px #eee; padding:0;}
main article ul.data.list li{ width:50%; text-align:left; padding:6px; overflow:hidden; list-style-type:none; margin:0; display:inline-block; height:26px;}
main article ul.data.list li h5{ margin:0; padding:0;}
main article ul.data.list li span{ color:#08e;}
main article ul.data.list li a:hover{ text-decoration:none;}
main article ul.data.list li:nth-child(1){ width:100%; background:#d4e7f5}
main article ul.data.list li+li{ border-top:dashed 1px #eee;}
main article ul.data.list li+li:hover{ color:#f80;}
main article.news{ text-align:left;}
main article.news div.article{ line-height:28px; font-size:14px;}
main article.news div.article *{ font-size:16px; line-height:28px;}
main article.news div.article img{max-width:100%;}
main article.news h1{ text-align:center; font-size:38px; margin:58px 0;}
main article.whitepaper-download{ width:706px; position:relative;}
main article.whitepaper-download h1{ text-align:left; font-size:28px; clear:both; text-align:center; padding:30px 0;}
main article.whitepaper-download span.tag,main article.whitepaper-download i.tag{ background:#08e; color:#fff; font-size:16px; padding:6px 16px; margin-right:8px; display:block; position:absolute; left:0; top:0; z-index:3; border-bottom-right-radius:5px;}
main article.whitepaper-download h2{ border-left:solid 6px #08e; background:#d2e7f7; font-size:18px; text-align:left; padding:11px 8px; margin:8px 0; border-radius:5px;}
main article.whitepaper-download p{ display:block; text-align:left; text-indent:2em; color:#333; text-align:left; line-height:28px; font-size:16px;}
main article.whitepaper-download p *{font-size:inherit; font-weight:inherit; color:inherit;}
main article.whitepaper-download strong{ display:block; color:#f60; text-indent:2em; line-height:28px; font-size:16px; text-align:left; margin:8px 0;}
main article.whitepaper-download p strong{display:inline; color:inherit; font-size:inherit; font-size:inherit;}
main article.whitepaper-download img{ max-width:88%;}
main article.whitepaper-download nav{ border:solid 1px #eee; border-left:0; border-right:0; padding:18px 0; margin-top:18px;}
main article.whitepaper-download nav span{ display:inline-block; width:48%; color:#888; line-height:28px;}
main article.whitepaper-download nav span.nav-prev{ text-align:left;}
main article.whitepaper-download nav span.nav-next{ text-align:right;}
main article.whitepaper-download nav span a{font-size:14px;}
main article.whitepaper-download .time{ display:block; text-align:right;}

main article.whitepaper-download div.related ul.image-description-list{ margin:0; width:auto; border:0; padding:18px 0; clear:both;}
main article.whitepaper-download div.related ul.image-description-list:after{content:"";display:block; height:0;clear:both; visibility:hidden; *zoom:1;}
main article.whitepaper-download div.related ul.image-description-list li{ float:left; width:213px; height:280px; list-style:none; margin:0px 5px 18px 5px; box-shadow:0 0 6px #888; background:#fff; position:relative; overflow:hidden}
main article.whitepaper-download div.related ul.image-description-list li:hover{box-shadow:0 0 16px #f80;}
main article.whitepaper-download div.related ul.image-description-list li div{ position:absolute;z-index:9; bottom:0; width:0; left:0; width:100%; background:#fff; padding-bottom:5px; text-align:left;}
main article.whitepaper-download div.related ul.image-description-list li a img{ display:block; max-width:100%; position:absolute; z-index:3; left:0; top:0;}
main article.whitepaper-download div.related ul.image-description-list li:hover a img{ transform:scale(1.06);}
main article.whitepaper-download div.related ul.image-description-list li:hover div strong a+a{ border-bottom:solid 1px #f80;}
main article.whitepaper-download div.related ul.image-description-list li div strong{ margin:3px 0; padding:3px; border:0; line-height:23px;}
main article.whitepaper-download div.related ul.image-description-list li div strong a{ font-weight:normal; background:#fff; font-size:16px; color:#000; border-radius:0;  border:0; border-bottom:solid 1px #fff; display:block; text-align:center;}
main article.whitepaper-download div.related ul.image-description-list li:hover div strong a{ background:#fff;border-radius:0;}

main .pageIndex{width:668px;}
main div.Left2{ width:668px; box-shadow:0 0 6px #888; background:#fff; padding:8px 18px; text-align:center; margin-top:15px;}
main div.Left2 h3{ display:block; text-align:left; border-bottom:solid 1px #ccc; margin:0; padding:8px;}
main div.Left2 h3 *{ font-size:16px;}
main div.Left2 h3 span{ color:#f60; margin-right:8px;}
main div.Left2 a.list{ display:inline-block; width:24%; margin:16px 1% 0 0;}
main div.Left2 a.list img{ width:100%; display:block;}
main aside{float:right; right:0; z-index:3; width:280px; text-align:center;}
main aside img.img1{max-width:280px; box-shadow:0 0 8px #aaa; margin-bottom:6px;}
main aside div.image-description-list{ background:#fff;box-shadow:0 0 8px #ccc; margin-bottom:15px; overflow:hidden;}
main aside div.image-description-list h3{ font-size:18px; color:#333; margin:8px; padding:8px; text-align:left; font-weight:normal; border-bottom:solid 1px #ddd;}
main aside div.image-description-list ul{ margin:0; padding:0;}
main aside div.image-description-list li{list-style:none; margin:3px 0; height:68px;position:relative; overflow:hidden;}
main aside div.image-description-list li a.img{ position:absolute; z-index:3;left:8px;top:3px; overflow:hidden; height:60px; border-radius:5px;}
main aside div.image-description-list li a.img img{max-width:58px;}
main aside div.image-description-list li strong{ font-size:14px; width:200px; margin:0 0 0 68px; padding:8px 0 0 0; text-align:left; font-weight:normal; display:block;}
main aside div.image-description-list li strong a{ font-size:14px; line-height:23px; overflow:hidden;height:46px; display:inline-block; text-overflow:ellipsis;}
main aside div.image-description-list li strong a b{ display:block; padding-left:6px; font-weight:normal; font-size:16px; overflow:hidden; line-height:21px;}
main aside div.image-description-list li:hover *{ color:#08e; text-decoration:none;}
main aside div.image-description-list li h4 *{font-size:15px;}
main aside div.image-description-list li h4 a strong{ padding-left:11px;}
main aside div.image-description-list li:hover{background:#dbe8ff}
main aside div.image-description-list li+li{ border-top:dashed 1px #e1e1e1}
/**以下这段代码2025年11月后可删除**/
div.main{ width:997px; margin:18px auto; position:relative;}
div.main:after{content:"";display:block; height:0;clear:both; visibility:hidden; *zoom:1;}
div.main nav.breadcrumb{ margin-bottom:6px; text-align:left; background-color:transparent; font-size:14px; padding:0 8px; color:#666;}
div.main nav.breadcrumb ol{ display:inline-block; margin:0; padding:0 0 0 6px; border:0;}
div.main nav.breadcrumb ol li{ display:inline-block;}
div.main nav.breadcrumb ol li a{display:block;font-size:14px; color:#666;}
div.main nav.breadcrumb ol li:nth-child(n+2) a{ background:url(img/1.gif) 6px 2px no-repeat; padding:0 0 0 16px;}
div.main nav.breadcrumb ol li a:hover{ color:#08e;text-decoration:none;}
div.main article{ width:706px; box-shadow:0 0 6px #ccc; background:#fff; padding:8px 18px; text-align:center; float:left;}
div.main article h1{ font-size:38px;}
div.main article p img{max-width:580px; min-width:280px;}
div.main article p.p1{ border:dashed 3px #67a6e2; padding:18px; margin:38px; line-height:28px; text-align:left; color:#888; font-size:14px;}
div.main article:hover p.p1{ color:#000;}
div.main article a.download,div.main article button{ margin:8px; padding:18px 38px; font-size:18px; font-weight:bold; color:#fff; background:#08e; display:inline-block; border:0; border-radius:58px;}
div.main article a.download:hover,div.main article button:hover{ background:#f60; text-decoration:none;}
div.main article ul.news-lsit{ margin:0; padding:0;}
div.main article ul.news-lsit li{list-style:none; text-align:left; padding:16px 0; margin:0; line-height:28px;}
div.main article ul.news-lsit li+li{  border-top:dashed 1px #ccc;}
div.main article ul.news-lsit li *{font-size:14px;}
div.main article ul.news-lsit li span{background:#08e; padding:3px 5px; color:#fff; margin-right:6px; border-radius:3px;}
div.main article ul.news-lsit li:hover span{ background:#f60; }
div.main article ul.news-lsit li:hover a{ color:#f60;}
div.main article ul.data.list{ margin:auto; width:100%; border:dashed 1px #eee; padding:0;}
div.main article ul.data.list li{ width:50%; text-align:left; padding:6px; overflow:hidden; list-style-type:none; margin:0; display:inline-block; height:26px;}
div.main article ul.data.list li h5{ margin:0; padding:0;}
div.main article ul.data.list li span{ color:#08e;}
div.main article ul.data.list li a:hover{ text-decoration:none;}
div.main article ul.data.list li:nth-child(1){ width:100%; background:#d4e7f5}
div.main article ul.data.list li+li{ border-top:dashed 1px #eee;}
div.main article ul.data.list li+li:hover{ color:#f80;}
div.main article.news{ text-align:left;}
div.main article.news div.article{ line-height:28px; font-size:14px;}
div.main article.news div.article *{ font-size:16px; line-height:28px;}
div.main article.news div.article img{max-width:100%;}
div.main article.news h1{ text-align:center; font-size:38px; margin:58px 0;}
div.main article.whitepaper-download{ width:706px; position:relative;}
div.main article.whitepaper-download h1{ text-align:left; font-size:28px; clear:both; text-align:center; padding:30px 0;}
div.main article.whitepaper-download span.tag,div.main article.whitepaper-download i.tag{ background:#08e; color:#fff; font-size:16px; padding:6px 16px; margin-right:8px; display:block; position:absolute; left:0; top:0; z-index:3; border-bottom-right-radius:5px;}
div.main article.whitepaper-download h2{ border-left:solid 6px #08e; background:#d2e7f7; font-size:18px; text-align:left; padding:8px; margin:8px 0; border-radius:5px;}
div.main article.whitepaper-download p{ display:block; text-align:left; text-indent:2em; color:#333; text-align:left; line-height:28px; font-size:16px;}
div.main article.whitepaper-download p *{font-size:inherit; font-weight:inherit; color:inherit;}
div.main article.whitepaper-download strong{ display:block; color:#f60; text-indent:2em; line-height:28px; font-size:16px; text-align:left; margin:8px 0;}
div.main article.whitepaper-download img{ max-width:88%;}
div.main article.whitepaper-download nav{ border:solid 1px #eee; border-left:0; border-right:0; padding:18px 0; margin-top:18px;}
div.main article.whitepaper-download nav span{ display:inline-block; width:48%; color:#888; line-height:28px;}
div.main article.whitepaper-download nav span.nav-prev{ text-align:left;}
div.main article.whitepaper-download nav span.nav-next{ text-align:right;}
div.main article.whitepaper-download nav span a{font-size:14px;}
div.main article.whitepaper-download .time{ display:block; text-align:right;}

div.main article.whitepaper-download div.related ul.image-description-list{ margin:0; width:auto; border:0; padding:18px 0; clear:both;}
div.main article.whitepaper-download div.related ul.image-description-list:after{content:"";display:block; height:0;clear:both; visibility:hidden; *zoom:1;}
div.main article.whitepaper-download div.related ul.image-description-list li{ float:left; width:213px; height:280px; list-style:none; margin:0px 5px 18px 5px; box-shadow:0 0 6px #888; background:#fff; position:relative; overflow:hidden}
div.main article.whitepaper-download div.related ul.image-description-list li:hover{box-shadow:0 0 16px #f80;}
div.main article.whitepaper-download div.related ul.image-description-list li div{ position:absolute;z-index:9; bottom:0; width:0; left:0; width:100%; background:#fff; padding-bottom:5px; text-align:left;}
div.main article.whitepaper-download div.related ul.image-description-list li a img{ display:block; max-width:100%; position:absolute; z-index:3; left:0; top:0;}
div.main article.whitepaper-download div.related ul.image-description-list li:hover a img{ transform:scale(1.06);}
div.main article.whitepaper-download div.related ul.image-description-list li:hover div strong a+a{ border-bottom:solid 1px #f80;}
div.main article.whitepaper-download div.related ul.image-description-list li div strong{ margin:3px 0; padding:3px; border:0; line-height:23px;}
div.main article.whitepaper-download div.related ul.image-description-list li div strong a{ font-weight:normal; background:#fff; font-size:16px; color:#000; border-radius:0;  border:0; border-bottom:solid 1px #fff; display:block; text-align:center;}
div.main article.whitepaper-download div.related ul.image-description-list li:hover div strong a{ background:#fff;border-radius:0;}

div.main .pageIndex{width:668px;}
div.main div.Left2{ width:668px; box-shadow:0 0 6px #888; background:#fff; padding:8px 18px; text-align:center; margin-top:15px;}
div.main div.Left2 h3{ display:block; text-align:left; border-bottom:solid 1px #ccc; margin:0; padding:8px;}
div.main div.Left2 h3 *{ font-size:16px;}
div.main div.Left2 h3 span{ color:#f60; margin-right:8px;}
div.main div.Left2 a.list{ display:inline-block; width:24%; margin:16px 1% 0 0;}
div.main div.Left2 a.list img{ width:100%; display:block;}
div.main aside{float:right; right:0; z-index:3; width:280px; text-align:center;}
div.main aside img.img1{max-width:280px; box-shadow:0 0 8px #aaa; margin-bottom:6px;}
div.main aside div.image-description-list{ background:#fff;box-shadow:0 0 8px #ccc; margin-bottom:15px; overflow:hidden;}
div.main aside div.image-description-list h3{ font-size:18px; color:#333; margin:8px; padding:8px; text-align:left; font-weight:normal; border-bottom:solid 1px #ddd;}
div.main aside div.image-description-list ul{ margin:0; padding:0;}
div.main aside div.image-description-list li{list-style:none; margin:3px 0; padding:0;height:68px;position:relative; overflow:hidden;}
div.main aside div.image-description-list li a.img{ position:absolute; z-index:3;left:8px;top:0; overflow:hidden; height:60px; border-radius:5px;}
div.main aside div.image-description-list li a.img img{max-width:58px;}
div.main aside div.image-description-list li strong{ font-size:14px; width:200px; margin:0 0 0 68px; padding:8px 0 0 0; text-align:left; font-weight:normal; display:block;}
div.main aside div.image-description-list li strong a{ font-size:14px; line-height:23px; overflow:hidden;height:46px; display:inline-block; text-overflow:ellipsis;}
div.main aside div.image-description-list li strong a b{ display:block; padding-left:6px; font-weight:normal; font-size:14px; overflow:hidden; line-height:21px;}
div.main aside div.image-description-list li:hover *{ color:#08e; text-decoration:none;}

nav.filterable-city-time-selector-nav{margin:0 auto; border:0; padding:8px 0; clear:both; text-align:center; clear:both; max-width:1380px;}
nav.filterable-city-time-selector-nav ul{ margin:0; border:0; display:block; text-align:center;}
nav.filterable-city-time-selector-nav ul li{ display:inline-block; list-style:none; margin:0; padding:0;}
nav.filterable-city-time-selector-nav a{ display:inline-block; padding:1px 8px 3px 8px; margin:1px; color:#333; font-size:16px; text-align:center;  border-radius:16px;}
nav.filterable-city-time-selector-nav a.on,nav.web-type a:hover,nav.filterable-city-time-selector-nav a:hover{ color:#fff; background:#08e; text-decoration:none;}
nav.filterable-city-time-selector-nav hr{ margin:6px 0;}

nav.filterable-city-time-selector-nav section{ margin:6px 0; padding:6px 0; }
nav.filterable-city-time-selector-nav section:nth-child(2){ border-top:solid 1px #eee;}

div.aggregate{ margin:18px auto; box-shadow:0 0 8px #999; padding:18px; background:#fff; max-width:1200px;}
div.aggregate div.search-criteria{ border:solid 1px #ccc; padding:0; border-bottom:0;}
div.aggregate div.search-criteria:after{content:".";display:block; height:0;clear:both; visibility:hidden; *zoom:1;}
div.aggregate div.search-criteria dl{ padding:0; border:0; margin:0; clear:both; border-bottom:solid 1px #ccc;}
div.aggregate div.search-criteria dl:after{content:" ";display:block; height:0;clear:both; width:0; visibility:hidden; *zoom:1;}
div.aggregate div.search-criteria dl dt{ float:left; width:11%; font-size:14px; color:#888; text-align:right; margin:0; padding-top:8px;}
div.aggregate div.search-criteria dl dd{ float:left; width:88%; border-left:solid 1px #ccc; margin:0; text-align:left;}
div.aggregate div.search-criteria dl dd div{ clear:both; padding:0 0 0 8px;}
div.aggregate div.search-criteria dl dd div a{ padding:3px 11px; line-height:20px; margin:6px 0; text-decoration:none; color:#888; border:solid 1px #fff; display:inline-block;}
div.aggregate div.search-criteria dl dd div a:hover{ color:#08e;}
div.aggregate div.search-criteria dl dd div a.on{ color:#08e; border:solid 1px #08e; background:#d8eeff;}
div.aggregate div.search-criteria dl dd div+div{ margin:0 8px;}
div.aggregate div.search-criteria dl dd div+div a.on{ border:0; background:#fff;}
div.aggregate div.search-criteria dl dd div+div:after{content:".";display:block; height:0;clear:both; visibility:hidden; *zoom:1;}
div.aggregate div.search-criteria dl dd div.months{ clear:both; border:solid 1px #e1e1e1; background:#f1f1f1; margin-bottom:11px;}
div.aggregate div.search-criteria dl dd div+div.months a{ background:#f1f1f1; padding:3px 6px; margin:3px 8px; border:solid 1px #f1f1f1;}

 div.titles{ border:solid 1px #ccc; margin:18px 0; clear:both;}
 div.titles h1, div.titles h2{ margin:0; padding:16px; font-size:16px; color:#333; text-align:left; background:#f1f1f1;}
 div.titles h1 span{ font-size:12px; color:#888; padding-left:18px; font-weight:normal;}
 div.titles div{ padding:16px 28px; color:#888; font-size:14px; text-align:left; line-height:28px;}
 div.titles div a{ border:solid 1px #f60; color:#fff; margin:0 6px; padding:3px 9px; background:#f60; border-radius:3px;}
 div.titles div a:hover{ text-decoration:dashed;}
 div.titles h2 a{ font-size:16px; font-weight:bold;}
 div.titles ul{ margin:0; padding:0; border:0; text-align:center; padding:8px;}
 div.titles ul li{ width:18%; display:inline-block; margin:5px 1%; box-shadow:0 0 8px #999;}
 div.titles ul li:hover{box-shadow:0 0 16px #f60;}
 div.titles ul li:hover a strong{ color:#f60;}
 div.titles ul li a{ display:block; position:relative;}
 div.titles ul li a img{ max-width:100%;}
 div.titles ul li a strong{ display:block; width:100%; background:#fcfcfc; color:#333; font-size:16px; text-align:center; padding:5px 0; position:absolute; z-index:9; bottom:0; left:0; }

ul.table{ margin:0; padding:0; display:block; border:solid 1px #ccc; border-bottom:0; border-left:0;}
ul.table li{list-style:none; display:block; padding:0; margin:0; border-bottom:solid 1px #ccc; height:36px; overflow:hidden;}
ul.table li b{ display:inline-block; font-weight:normal;border-left:solid 1px #ccc; width:25.32%; padding:8px 0.7%; text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:36px; margin:0;}
ul.table li b a{ color:#08e;}
ul.table li b a:hover{ color:#f60;}
ul.table li b:nth-child(3){ width:6%;}
ul.table li b:nth-child(4){ width:9%;}
ul.table li b:nth-child(5){ width:9%;}
ul.table li:nth-child(1) b{ font-weight:bold; text-align:center; font-size:14px;}
ul.table li:nth-child(odd){ background:#f8f8f8;}
	
div.page{ margin:18px 0; text-align:center;}
div.page *{ display:inline-block; border:solid 1px #ccc; padding:3px 8px; color:#333; font-size:14px; background:#fff; margin:3px; font-size:18px;border-radius:3px;}
div.page a:hover,div.page b{ background:#08e; color:#fff;}

footer{background:url(img/2.jpg); padding:0 0 8px 0; position:relative; border-top:solid 1px #333; box-shadow:0 0 0 #000;}
footer .Copyright{ text-align:center; width:620px; margin:auto; clear:both; background:url(img/3.jpg) 0 23px no-repeat; color:#fff; text-align:center; padding:10px 0 0 0; line-height:38px;}
footer .Copyright a{ color:#fff; text-align:center; padding:0 8px; text-decoration:none;}
footer .Copyright a:hover{ color:#08e;}
footer .Copyright a+a{ border-left:solid 1px #999;}
footer .Copyright a.gov-beian{ color:#666; cursor:default;}
footer .Copyright p{ color:#aaa;}

.customer-service-contact{position:fixed; z-index:6; right:0; font-size:16px; top:50%; transform:translateY(-80%); width:28px; padding:6px; border-top-left-radius:5px; border-bottom-left-radius:5px; color:#fff; line-height:23px; background:#08e; cursor:pointer;}
.customer-service-contact:hover img{max-width:180px; position:fixed; right:38px; top:calc(50% + 38px); transform:translateY(-50%); background:#fff; box-shadow:0 0 8px #aaa;}

#AD_Background{position:absolute; left:0px; top:0px; z-index:98; background-color:#000; -moz-opacity:.8; width:100%; height:6000px; filter:Alpha(opacity=80); opacity:0.8;}
#AD_IndexLoad{width:0px;height:0px;background:#EDF1F8; overflow:hidden; position:absolute; top:150px; z-index:99; border:5px solid #F80;}
#AD_IndexLoad div{ background:#f60; text-align:left;}
#AD_IndexLoad div a.ColorFFF_A{ display:block; float:right; width:60px; text-align:right; color:#fff; padding:3px;}
#AD_IndexLoad div div{ float:left; width:300px; color:#fff; padding:3px;}
#AD_IndexLoad div a.ImgShow{ clear:both; display:block; width:500px; height:260px;}

div#wxLogin{position:absolute; z-index:39; left:0; top:0; height:100%; filter:alpha(opacity=50); opacity:0.5;-moz-opacity:0.5;background:#000; width:100%; display:none;}
div#wxLogin span{display:none; width:0; height:0;}
div#wxImg{ width:380px; border:solid 6px #00a40d; overflow:hidden; background:#fff; position:fixed; top:180px; left:580px; z-index:58; box-shadow:0px 0px 18px #000; display:none;}
div#wxImg h3{ color:#00a40d; text-align:center; display:block; background:#eee; margin:0; padding:18px 0;}
div#wxImg img{ width:88%; margin:8px auto; display:block;}
div#wxImg a{ display:block; padding:8px 0; text-align:center; color:#08e;}

/*s3*/
*{ -webkit-transition:all .6s ease-out .1s; -moz-transition:all .6s ease-out; -o-transition:all .6s ease-out .1s; transition:all .6s ease-out .1s }

/*No css3 */

article,aside,.customer-service-contact img{-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none; }

@media screen and (max-width:768px){
    body{width:100%; padding:0; margin:0;}
    img{max-width:100%; height:auto;}
    table{width:100%; display:block; overflow-x:auto;}
    .container{width:100%!important;}
}