@charset "utf-8";
/* css */
* { margin: 0; padding: 0 }
body { width:100%; height:auto;font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #555; background: #f2f3f9; line-height: 1.5; }
img { border: 0;}
ul, li { list-style: none; }
a { text-decoration: none; color: #444 }
a:hover { text-decoration: none; color: #000; }
.clear { clear: both; }
.blank { height: 20px; overflow: hidden; width: 100%; margin: auto; clear: both }
.f_l { float: left }
.f_r { float: right }
article {width: 1280px;margin: 0 auto;padding-top:100px;overflow: auto;z-index: 999;}
.container_wiki { width: 1000px; margin: auto }
/* artcile*/
.main {clear: both;width: 68%;float: left;z-index: 1;display: block;position: relative;padding-bottom:20px;}
/* Slide transitions */
.slideUp { -webkit-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; }
.slideDown { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; }

.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(0, 0, 0, 0.8) url(../images/top.png) no-repeat center; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; z-index: 9999999 }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.links { margin: 0 15px; text-decoration: underline }

 @charset "utf-8";
/*banner*/
.banner { width: 68%; overflow: hidden; float: left; margin-bottom: 20px }
.fader { position: relative; width: 100%; padding-top: 60%; font-family: "futura", arial; overflow: hidden; }
.fader .slide { position: absolute; width: 100%; top: 0; z-index: 1; opacity: 0; height: 100%; }
.fader .slide img { width: 100%; height: 100%; }
.fader .prev, .fader .next { position: absolute; height: 80px; line-height: 55px; width: 50px; font-size: 100px; text-align: center; color: #fff; top: 50%; left: 50px; z-index: 4; margin-top: -25px; cursor: pointer; opacity: 0; transition: all 150ms; }
.fader .next { left: auto; right: 50px; }
.fader .pager_list { position: absolute; width: 100%; height: 40px; padding: 0; line-height: 40px; bottom: 0; text-align: center; z-index: 4; }
.fader .pager_list li { display: inline-block; width: 15px; height: 15px; margin: 0 7px; background: #fff; opacity: .3; text-indent: -9999px; border-radius: 999px; cursor: pointer; transition: all 150ms; }
.fader .pager_list li:hover, .fader .pager_list li.active { opacity: 1; }
.banner:hover .fader_controls .page.prev { opacity: 0.5; left: 0 }
.banner:hover .fader_controls .page.next { opacity: 0.5; right: 0 }
.imginfo { z-index: 9; position: absolute; font-size: 26px; color: #FFF; display: block; overflow: hidden; bottom: 12%; left: 0; right: 0; display: block; background: rgba(0,0,0,.4); padding: 0 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
/*toppic*/
.toppic { width: 30%; float: right; overflow: auto; position: relative; }
.toppic li { width: 100%; background: #000; position: relative;margin-bottom:12px; }
.toppic li i { display: block; opacity: 0.9; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; overflow: hidden }
.toppic li i img { width: 100%; height: 196px; }
.toppic li h2 { color: #fff; display: block; font-weight: normal; font-size: 16px; position: absolute; bottom: -10px; padding: 5px 20px; left: 0; right: 0; background: rgba(0, 0, 0, .7); }
.toppic li span { position: absolute; top: 20px; left: 20px; padding: 6px 10px; background: rgba(54, 144, 207,.8); font-size: 12px; display: block; color: #FFF; border-radius: 3px; }
.toppic li:hover i { opacity: 1; }
.toppic li:last-child { margin-top: 16px }
.r_box { width: 30%; float: right;position: static; left: auto; }
.r_box h2 { color: #333; font-size: 14px; line-height: 40px; padding-left: 20px;border-bottom: 1px solid #ddd;  }
.r_box div { background: #fff; margin-bottom: 20px; overflow: auto ;}
.r_box div ul { padding: 10px 15px; overflow: auto }
.about_me img { width: 100%; border-radius: 10% }
.about_me p { line-height: 24px; font-size: 14px }
.about_me i { width: 120px; float: left; clear: left; margin-right: 10px; height: 90px; overflow: hidden }
.wdxc i{font-size:40px;margin-bottom:10px;color:#128beb}
.wdxc span{font-size:13.5px;color:#3b4b65}
.wdxc li { width: 32.7%;  float: left; height: 100px; margin-bottom: 2px; margin-right: 2px;padding:17px;text-align:center }
.wdxc li:hover{background:#f2f3f9;color:#128beb;border-radius:10px;}
.wdxc li img { height: 100%; min-height: 80px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.wdxc li img:hover { transform: scale(1.05) }
.fenlei li { margin-bottom: 10px; margin-left: 10px }
.tuijian li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom: 8px; background: url(images/li.png) left center no-repeat; padding-left: 20px }
.r_box h2{margin-top:0px;}
.guanzhu img { width: 100% }
/*news_box*/
.news_box { width: 100% }
.news_box li { width: 44.5%; float: left; background:#fff; padding: 15px; overflow: hidden; color: #797b7c; margin-bottom: 10px;border: 1px solid #ddd;}
.news_box li:nth-child(2n) { float: right }
.news_box li h3 { font-size: 15px; font-weight: normal; line-height: 25px; text-shadow: #FFF 1px 1px 1px; height: 80px; display: table-cell; vertical-align: middle; }
.news_box li h3 a { color: #222 }
.news_box li img { width: 100%; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.news_box li i { width: 120px; display: block; height: 80px; overflow: hidden; float: left; margin-right: 20px }
.news_box li:hover img { transform: scale(1.05) }
.news_box li:hover h3 a { color: #128beb; }
/*pics*/
.pics { margin: 20px 0 0 0; overflow: hidden; width: 100%; clear: both }
.pics ul li { width: 32.3%; float: left; display: block; overflow: hidden; position: relative; }
.pics ul li i { display: block; height: 150px; }
.pics ul li:nth-child(2) { margin: 0 0 0 10px }
.pics ul li:nth-child(3) { float: right }
.pics ul li img { margin: auto; min-height: 100%; width: 100%; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.pics ul li span { position: absolute; color: #FFF; bottom: 0; left: 0; right: 0; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; padding: 10px 20px; opacity: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.pics ul li:hover img { transform: scale(1.05) }
.pics ul li:hover span { opacity: 1; background: rgba(0,0,0,.5); }
.blogtab { width: 100%; }
#blogtab { zoom: 1; background: #fff; width: 100%; margin-bottom: 10px;overflow:auto; }
#blogtab li { float: left; height: 40px; cursor: pointer; line-height: 40px; list-style-type: none; padding: 0 20px; }
#blogtab li a { color: #555 }
#blogtab li.current,#blogtab a.current, #blogtab li a:hover { color: #128beb; }
#tab { overflow: auto; zoom: 1; }
#tab a { float: left; color: #222; padding: 0 15px; border-right: #ddd 1px solid }
#tab a:last-child { border-right: none }
#tab a.current { color: #128beb; }
#content { margin-bottom: 0; border:none }
#content ul { display: none; }
/*blogsbox*/
.blogsbox { width: 100%; overflow: hidden; float: left }
.blogs { margin-bottom: 20px; padding: 20px;min-height:220px; background: #FFF; -webkit-box-shadow: 0 2px 5px 0 rgba(146, 146, 146, .1); -moz-box-shadow: 0 2px 5px 0 rgba(146, 146, 146, .1); box-shadow: 0 2px 5px 0 rgba(146, 146, 146, .1); -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; position: relative }
.blogs:before { position: absolute; content: ""; width: 5px; height: 26px; background: #128beb; left: 0; top: 20px }
.blogs .blogpic { float: left; width: 30%; max-height: 170px; margin-right: 20px; display: block; overflow: hidden; }
.blogs .blogpic img { width: 100%; height: auto; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; margin-bottom: 10px }
.blogs .blogpic :hover img { transform: scale(1.1) }
.blogs .blogtitle { margin: 0 0 10px 0; font-size: 20px; }
.blogs:hover .blogtitle a { color: #128beb; }
.blogs .blogtext { font-size: 14px; color: #566573; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; margin-top: 20px }
.blogs .bloginfo { margin-top: 25px; display: inline-block; }
.blogs .bloginfo li { float: left; font-size: 12px; padding: 0 0 0 20px; margin: 0 15px 0 0; color: #748594; line-height: 1.5; display: inline-block; }
.blogs .bloginfo li a { color: #748594; }
.blogs .bloginfo li a:hover { color: #000 }
.blogs .bloginfo .author { background: url(images/auicon.jpg) no-repeat 0 0 }
.blogs .bloginfo .lmname { background: url(images/auicon.jpg) no-repeat top -23px left; }
.blogs .bloginfo .timer { background: url(images/auicon.jpg) no-repeat top -44px left; }
.blogs .bloginfo .view { background: url(images/auicon.jpg) no-repeat top -64px left; }
.blogs .bloginfo .like { background: url(images/auicon.jpg) no-repeat top -85px left; }
.blogs p a{color:#2b71c8}
/*bplist*/
.bplist { width: 100%; overflow: hidden; display: block; margin-bottom: 20px }
.bplist li { float: left; width: 32.8%; height: 174px; overflow: hidden; }
.bplist li:nth-child(2) { margin-left: 6px }
.bplist li:last-child { float: right }
.bplist li img { width: auto; min-width: 100%; height: 174px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }
.bplist li:hover img { transform: scale(1.1) }
/*bigpic*/
.bigpic { overflow: hidden; width: 100%; display: block; margin-bottom: 20px; background: #000 }
.bigpic img { width: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }
.bigpic:hover img { opacity: 0.8 }
.pagelist { text-align: right; color: #666; width: 100%; clear: both; margin: 25px 0; padding-top: 20px }
.pagelist a { color: #666; margin: 0 2px 10px; border: 1px solid #fff; padding: 5px 10px; background: #FFF;display: inline-block;   }
.pagelist a:hover { color: #128beb; }
.pagelist > b { border: 1px solid #ef254a; padding: 5px 10px; background: #fe4365; color: #FFF }
a.curPage { color: #19585d; font-weight: bold; }
/*about*/
.about { padding: 20px; background: rgba(255,255,255,0.8); }
.about img { max-width: 500px; margin: 20px 0; width: 100%; }
.cloud ul a { line-height: 24px; height: 24px; display: block; float: left; padding: 3px 8px; margin: 10px 5px 0; color: #333;    border: 1px solid #ddd; }
.cloud ul a:hover{ background:#128beb; color:#fff}
.picbox { width: 100%; overflow: hidden; }
.picbox ul { overflow: hidden; width: 24%; float: left; margin-right: 10px }
.picbox ul li { display: block; background: #FFF; margin: 0 0 20px 0; border: 1px #d9d9d9 solid; }
.picbox ul li i { margin: 10px; height: auto; overflow: hidden; display: block; }
.picbox ul li img { width: 100%; }
.picinfo h3 { border-bottom: #ccc 1px solid; padding: 10px 0; margin: 0 20px; font-size: 16px }
.picinfo span { padding: 10px 20px; display: block; color: #666; }
.picbox ul li a:hover { color: #19585d }
.place { margin: 0 0 10px 0; width: 100%; overflow: hidden;background: #fff; }
.place a { display: block; float: left; padding: 5px 10px; background: #fff; margin:0 20px;  }
#pagecurrent { color: #222; border-bottom: 2px solid #128beb; display: inline-block; }
.pagination{padding:20px 0 15px 0;background-color:#fff;text-align:center;width:100%}.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0}.pagination ul>li{display:inline}
.pagination ul>li>a,.pagination ul>li>span{margin:0 3px;float:left;padding:4px 12px 3px;line-height:20px;text-decoration:none;background-color:#eee;color:#666}.pagination ul>li>a:hover,.pagination ul>li>a:focus{background-color:#128beb;color:#fff}.pagination ul>.active>a,.pagination ul>.active>span{background-color:#128beb;color:#fff}.pagination ul>.active>a,.pagination ul>.active>span{cursor:default}.pagination ul>li>span,.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus{color:#999;background-color:transparent;cursor:default}
.article-nav{border-top:1px solid #f2f2f2;background-color:#fff;overflow:auto;padding:15px 20px;font-size:15px;color:#2972ab}.article-nav span{float:left;position:relative;max-width:50%}.article-nav span.article-nav-next{float:right;text-align:right}
.relates{overflow:auto;background-color:#fff;border-top:1px solid #f2f2f2;margin-bottom:10px;padding:15px 12px 10px 12px;}.article-nav span a{color:#2972ab}
.related_posts{overflow:auto;background-color:#fff;padding:10px 10px 0 10px;margin:10px 0 10px 0}.related_posts h2{margin: 0;padding: 0 10px 5px;line-height: 25px;font-size: 16px;}.related_posts a:hover{color:#d9534f}.related_img{width:100%;overflow:hidden;text-align:center}.related_box{float:left;overflow:hidden;width:25%;padding-bottom:15px}
.related_box img{width:185px;height:110px;}
.related_box .r_title{line-height:25px;height:50px;font-size:14px;overflow:auto;float:left;padding:10px 10px 0 10px;text-align:left}.article-social{margin-bottom:10px;padding-top:10px;text-align:center;text-indent:0}.article-social a{border-bottom:1px solid #d6d6d6;text-indent:0}
.article-social a:hover{background:#f17067;border-bottom:1px solid #d6d6d6}
.relates li{float:left;width:49%;height:30px;overflow:auto;line-height:30px;color:#bbb}.relates li i{vertical-align:middle}.relates a{margin-right:20px;padding-left:10px}
img{max-width:100%}
img.weixin_icon{width:0;height:0;}
.exam_analysis{width: 100%; border: 1px dashed #e6e9ee;margin: 30px auto;padding:30px;text-align:center}
.exam_anlysis_c{padding:10px 0px;font-size:14px;}
.exam_anlysis_c{width:100%;padding:10px;font-size:14px;}
@media (max-width: 1280px) {
article {width: 1200px;}
}
@media (max-width: 1024px) {
article {width: 980px;}
}
@media screen and (max-width: 992px) {
article { width: calc(100% - 1rem - 1rem);padding-top: 8rem; }
.blogs{padding: 2rem 1rem;border: 1px dashed #e6e9ee;}
.exam_analysis{ padding:2rem 0 0 0;box-sizing: border-box; border:none;margin: 2rem auto 0;}
.blogs .blogtitle{font-size:18px;margin-top: 0.5rem;}
#blogtab li{padding:0 1rem}
.cta-section{padding:4rem 2rem;min-height:unset;}
}

/*mobile*/
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.exam_analysis{padding:1px;}.exam_analysis table{font-size:12px;}
header { width: 96%; margin: auto }
.exam_analysis{}
}
@media screen and (min-width: 960px) and (max-width: 1023px) {
.exam_analysis{padding:1px;}.exam_analysis table{font-size:12px;}
header { width: 96%; margin: auto }
nav { width: 96%; }
.wall_a { width: 100% }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.exam_analysis{padding:1px;}.exam_analysis table{font-size:12px;}
header { width: 96%; margin: auto }
.logo { width: 100% }
nav { width: 100%; position: relative }
#starlist { display: none; background: rgba(0,0,0,.5); width: 100%; margin-left: 0; }
#starlist li { display: block; padding: 0 0 0 0; width: 60%; background: rgba(255,255,255,1); border-bottom: #f5f5f5 1px solid; }
.sub { display: block; box-shadow: none; padding-left: 0 }
#starlist .sub li { border-bottom: none; }
.menu:after { display: none }
#mnavh { position: absolute; display: block; top: 8px; left: 10px }
.wall_a { width: 100% }
.banner { height: 300px }
.imginfo { font-size: 18px }
.toppic li i img { height: 139px; }
.news_box li { padding: 10px }
.news_box li i { width: 100%; height: 140px }
.news_box li h3 { lin-height: 36px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; display: block; height: auto }
.wdxc li { width: 48% ;}
#tab a { padding: 0 5px }
#tab { padding-left: 5px }
.tpic { height: 162px; }
.fenlei li { padding: 0; }
.mban ul li img { min-height: 160px }
.toppic li h2 { padding: 5px 10px; font-size: 14px }
.blogs .blogtext{overflow:hidden}
img{max-width:100%}
.r_box{width:100%}
.relates li{float:none;width:100%}.relates a{height:auto;text-align:left;line-height:14px;border-left:none}
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.exam_analysis{padding:1px;}.exam_analysis table{font-size:12px;}
header { width: 96%; margin: auto }
.logo { width: 100% }
nav { width: 100%; position: relative }
#starlist { display: none; background: rgba(0,0,0,.5); width: 100%; margin-left: 0; }
#starlist li { display: block; padding: 0 0 0 0; width: 60%; background: rgba(255,255,255,1); border-bottom: #f5f5f5 1px solid; }
.sub { display: block; box-shadow: none; padding-left: 0 }
#starlist .sub li { border-bottom: none; }
.menu:after { display: none }
#mnavh { position: absolute; display: block; top: 8px; left: 10px }
.wall_a { width: 100% }
.banner { width: 100% }
.toppic { display: none }
.main { width: 100% }
.news_box li { width: 42% }
.news_box li i { width: 100%; height: 120px }
.news_box li h3 { lin-height: 36px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; display: block; height: auto }
.pics ul li i { height: 90px }
.pics ul li span { display: none }
.bplist li { height: 100px }
.bplist li img { height: 100% }
.wall_a li { width: 50% }
.abox { padding: 20px }
.navlist li { padding-right: 8px }
.bplist li { width: 33.3%; }
.bplist li:nth-child(2) { margin-left: 0; }
.mban ul li { width: 50% }
.topbox ul li, .topbox ul li:nth-child(1) { width: 50%; margin-bottom: 10px }
.search_open { width: 400px; }
.search_open.search_bar .input { width: 400px; }
.blogs .blogtext{overflow:hidden}
#starlist li:last-child{ padding-bottom:100%} 
#starlist .sub li:last-child{ padding-bottom:0}
img{max-width:100%}
.r_box{width:100%}
.relates li{float:none;width:100%}
.relates a{height:auto;text-align:left;line-height:14px;border-left:none}
}
@media only screen and (max-width: 479px) {
.exam_analysis table{font-size:12px;}
header { width: 96%; margin: auto }
.logo { width: 100% }
nav { width: 100%; position: relative }
#starlist { display: none; background: rgba(0,0,0,.5); width: 100%; margin-left: 0; }
#starlist li { display: block; padding: 0 0 0 0; width: 60%; background: rgba(255,255,255,1); border-bottom: #f5f5f5 1px solid; }
.sub { display: block; box-shadow: none; padding-left: 0 }
#starlist .sub li { border-bottom: none; }
.menu:after { display: none }
#mnavh { position: absolute; display: block; top: 8px; left: 10px }
.wall_a { width: 100% }
.banner { width: 100% }
.pager_list { display: none }
.imginfo { font-size: 20px }
.toppic { display: none }
.main { width: 100%;}
.news_box li { width: 40% }
.news_box li i { width: 100%; height: 120px }
.news_box li h3 { line-height: 30px; width: 100%; height: 60px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-size: 14px; }
.pics ul li { width: 33.3%; }
.pics ul li:nth-child(2) { margin: 0 }
.pics ul li i { height: 90px }
.pics ul li span { display: none }
.bplist li { height: 100px }
.bplist li img { height: 100% }
.wall_a li { width: 50%; height: 120px; }
.text_b { line-height: 25px; overflow: hidden; height: 100px; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 4; }
.wall_a li figcaption { display: none }
.abox { padding: 20px }
.bplist li { width: 33.3%; }
.bplist li:nth-child(2) { margin-left: 0; }
.mban ul li { width: 50% }
.mban ul li img { min-height: 200px; max-height: 200px }
.topbox ul li, .topbox ul li:nth-child(1) { width: 50%; margin-bottom: 10px }
.search_open { width: 300px; }
.search_open.search_bar .input { width: 300px; }
.blogs .bloginfo li { margin: 0 5px 0 0 }
.blogs .bloginfo .like { display: none }
.blogs .blogtext{overflow:hidden}
.pagelist { text-align: center }
.tpic { height: 200px; background: #f5f5f5 }
.topbox ul li img { width: 100%; }
.topbox ul li:nth-child(1) img { height: 100%; width: auto }
#starlist li:last-child{ padding-bottom:100%} 
#starlist .sub li:last-child{ padding-bottom:0}
img{max-width:100%}
.r_box{width:100%}
.relates li{float:none;width:100%}.relates a{height:auto;text-align:left;line-height:14px;border-left:none}
}
                                                                                                                                                                                                                                                                                                                                                                                       /*