*{ margin: 0; padding: 0; }
body{ margin: 0 auto; font-size: 14px; color: #000; background: #fff; font-family: "Hiragino Sans GB","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,Sans-serif; }
input,button,textarea{ font-family: "Hiragino Sans GB","Microsoft Yahei","Helvetica Neue",Helvetica,Arial,Sans-serif; color: #2d2d2d; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, audio, video, address{ display: block; }
h1,h2,h3,h4,h5,h6{ font-weight: normal; }
h1{ font-size: 24px; }
img{ border: none; }
ul{ overflow: hidden; }
li{ list-style: none; }
a:link,a:visited{ text-decoration: none; font-size: 12px; color: #000; }
a:hover{ text-decoration: underline; }
.clearfix:after{ clear: both; content: '.'; display: block; height: 0px; visibility: hidden; }
.header{ width: 100%; height: 120px; background: #fff; }
.header .header-wrap{ width: 1200px; margin: 0 auto; }
.header .header-wrap h1{ width: 252px; height: 77px; margin-top: 30px; margin-left: 20px; text-indent: -9999px; background: url(../../images/default/logo.jpg) no-repeat; float: left; }
.header .search-wrap{ width: 222px; height: 32px; float: right; margin-top: 45px; margin-right: 20px; }
.header .search-wrap .input-wrap{ width: 100%; height: 30px; line-height: 30px; border: 1px solid #b1b1b1; position: relative; }
.header .search-wrap .input-wrap input{ width: 80%; height: 30px; border: none; background: #fff; line-height: 30px; position: absolute; top: 0; left: 5px; font-size: 16px; outline: none; }
.header .search-wrap .input-wrap button{ width: 19%; height: 30px; background: #fff url(../../images/default/search.jpg) no-repeat center center; text-indent: -9999px; position: absolute; top: 0; right: 0; border: none; cursor: pointer; }
.nav{ width: 100%; height: 30px; line-height: 30px; padding: 10px 0; background: #687dd8;  }
.nav ul{ width: 1200px; margin: 0 auto; }
.nav ul li{ width: 132px; text-align: center; border-right: 1px dashed #434345; position: relative; float: left; }
.nav ul li a{ font-size: 16px; color: #fff; }
.nav ul li:hover .sub{ display: block; }
.nav ul li ul{ width: 130px; background: rgba(0,0,0,.7); margin-top: 10px; position: relative; z-index: 9999999; }
.nav ul li ul.sub{ display: none; }
.nav ul li ul li{ height: 40px; line-height: 40px; border-right: none; }
.banner{ width: 1200px; height: 400px; margin: 0 auto; }
.banner img{ width: 100%; height: 100%; }
.roll-pics{ width:1200px; height: 400px; margin:0 auto; position:relative; overflow:hidden; }
.roll-pics img{ width: 100%; height: 400px; }
.roll-pics .smalltitle{ height:10px; position:absolute; bottom:15px; right:15px; z-index:10; }
.roll-pics .smalltitle li{ width:10px; height:10px; margin:0 5px; border-radius:10px; background:#ffffff; float:left; overflow:hidden; *display:inline; *zoom:1; }
.roll-pics .smalltitle .thistitle{ background:#69aaec;}
.roll-pics .oUlplay{ width:99999px; position:absolute; left:0; top:0;}
.roll-pics .oUlplay li{ float:left;}
.wrap{ width: 1200px; margin: 20px auto 0 auto; }
.wrap .main-news{ width: 100%; }
.wrap .main-news h2{ width: 100%; height: 70px; background: url(../../images/default/main_news.jpg) center center no-repeat; border-bottom: 1px solid #e5e5e5; text-indent: -9999px; }
.wrap .main-news .scroll-and-list{ width: 1200px; height: 400px; margin-top: 20px; }
.wrap .main-news .scroll-and-list .scroll{ width: 600px; height: 400px; float: left; }
.wrap .main-news .scroll-and-list .scroll .silder {width: 100%;height:400px; overflow: hidden;text-align: center;margin: 0 auto;position:relative;float:left;}
.wrap .main-news .scroll-and-list .scroll .silder .silder_list {height:400px; overflow:hidden;position: relative;}
.wrap .main-news .scroll-and-list .scroll .silder .silder_list a{position:absolute; top:0;left:0;}
.wrap .main-news .scroll-and-list .scroll .silder .silder_list a,.silder .silder_list img{display:inline-block;float:left;}
.wrap .main-news .scroll-and-list .scroll .silder .silder_page{height:42px;text-align:right; margin:0 auto;right:1px; overflow:hidden;position:absolute; bottom:1px;}
.wrap .main-news .scroll-and-list .scroll .silder .silder_page li{width:16px; font-size:12px; float:left; height:16px;line-height:16px;margin:15px 10px 0 0; background:#F1F1F1;display:inline-block;text-align:center;color:#000;}
.wrap .main-news .scroll-and-list .scroll .silder .silder_page li.current{background:#C70B31;color:#fff;}
.wrap .main-news .scroll-and-list .scroll .silder_desc{color:#fff;background:url(../../images/default/tit_bg.png) repeat 0 0;float:left;line-height:42px;height:42px;width:100%;overflow:hidden;position:absolute;left:0;bottom:0;text-align:left;text-indent:10px;}
.wrap .main-news .scroll-and-list .scroll .silder .silder_page li:hover{cursor:pointer;}
.wrap .main-news .scroll-and-list .list-wrap{ width: 557px; height: 400px; float: right; }
.wrap .main-news .scroll-and-list .list-wrap article{ width: 517px; height: 102px; background: #f9f9f9; padding: 20px; }
.wrap .main-news .scroll-and-list .list-wrap article h1 a{ font-size: 20px; color: #000; }
.wrap .main-news .scroll-and-list .list-wrap article p{ color: #666; font-size: 14px; line-height: 22px; margin-top: 10px; }
.wrap .main-news .scroll-and-list .list-wrap ul{ width: 557px; margin-top: 10px; }
.wrap .main-news .scroll-and-list .list-wrap ul li{ height: 30px; line-height: 30px; list-style: square inside url('../../images/default/dot.jpg'); color: #000; }
.wrap .main-news .scroll-and-list .list-wrap ul li a{ font-size: 14px; }
.wrap .main-news .scroll-and-list .list-wrap .more{ width: 100%; text-align: right; }
.wrap .main-news .scroll-and-list .list-wrap .more img{ width: 50px; }
.wrap .main-item-wrap{ width: 100%; margin-top: 30px; }
.wrap .main-item-wrap .item1{ width: 585px; float: left; position: relative; }
.wrap .main-item-wrap .item1 h2{ width: 100%; border-bottom: 1px solid #e6e4e5; }
.wrap .main-item-wrap .item1 .intro-wrap{ width: 100%; margin-top: 15px; height: 235px; }
.wrap .main-item-wrap .item1 .intro-wrap .intro-pic{ width: 235px; height: 235px; float: left; }
.wrap .main-item-wrap .item1 .intro-wrap .intro-pic img{ display: block; width: 100%; height: 100%; }
.wrap .main-item-wrap .item1 .intro-wrap .intro-content{ width: 340px; line-height: 26px; float: right; }
.wrap .main-item-wrap .item1 ul{ margin-top: 15px; height: 235px; }
.wrap .main-item-wrap .item1 ul li.spe{ width: 180px; height: 90px; margin-right: 15px; margin-bottom: 20px; float: left; }
.wrap .main-item-wrap .item1 ul li.art{ height: 30px; line-height: 30px; list-style: square inside url('../../images/default/dot.jpg'); }
.wrap .main-item-wrap .item1 .pic{ width: 200px; height: 200px; position: absolute; top: 72px; right: 0; }
.wrap .main-item-wrap .item1 .pic img{ display: block; width: 200px; height: 220px; }
.wrap .main-item-wrap .item2{ width: 100%; margin-bottom: 25px; }
.wrap .main-item-wrap .item2 h2{ width: 100%; border-bottom: 1px solid #e6e4e5; }
.wrap .main-item-wrap .item2 ul{ margin-top: 15px; height: 210px; }
.wrap .main-item-wrap .item2 ul li{ width: 266px; height: 188px; padding: 8px; border: 1px solid #dddada; margin-right: 21px; float: left; }
.wrap .main-item-wrap .item2 ul li:nth-child(4n+0){ margin-right: 0; float: right; }
.wrap .main-item-wrap .item2 ul li img{ display: block; width: 266px; height: 188px; }
.wrap .article-wrap{ width: 100%; }
.wrap .article-wrap .left{ width: 349px; border: 1px solid #687dd8; float: left; }
.wrap .article-wrap .left .search-bar{ width: 319px; padding: 10px 15px; background: #687dd8; }
.wrap .article-wrap .left .search-bar .input-wrap{ width: 100%; height: 30px; background: #fff; line-height: 30px; border: 1px solid #fff; border-radius: 8px; position: relative; }
.wrap .article-wrap .left .search-bar .input-wrap input{ width: 80%; height: 30px; border: none; background: none; line-height: 30px; position: absolute; top: 0; left: 5px; font-size: 16px; outline: none; }
.wrap .article-wrap .left .search-bar .input-wrap button{ width: 19%; height: 30px; background: #fff url(../../images/default/search.jpg) no-repeat center center; text-indent: -9999px; position: absolute; top: 0; right: 0; border: none; border-radius: 8px; cursor: pointer; }
.wrap .article-wrap .left .sub-menu ul{ border-top: 1px solid #e6e6e6; padding: 10px 0; }
.wrap .article-wrap .left .sub-menu ul li{ width: 120px; height: 40px; line-height: 40px; margin-right: 5px; background: #f9f9f9 url(../../images/default/jt.jpg) no-repeat 13px center; padding-left: 35px; margin-bottom: 10px; float: left; }
.wrap .article-wrap .left .sub-menu ul li a{ display: block; width: 100%; height: 100%; font-size: 16px; color: #000; }
.wrap .article-wrap .left .sub-menu ul li:nth-child(2n){ margin-right: 0; float: right; }
.wrap .article-wrap .left .contact{ width: 319px; margin-top: 20px; padding: 0 15px 15px 15px; }
.wrap .article-wrap .left .contact h2{ width: 319px; height: 30px; line-height: 30px; font-size: 18px; color: #687dd8; margin-bottom: 15px; }
.wrap .article-wrap .left .contact h2 span{ border-bottom: 3px solid #687dd8; padding: 0 10px 5px 10px; }
.wrap .article-wrap .left .contact p{ line-height: 22px; padding: 3px 0; }
.wrap .article-wrap .right{ width: 810px; float: right; }
.wrap .article-wrap .right .title-bar{ width: 810px; height: 45px; line-height: 45px; border-bottom: 1px solid #e5e5e5; position: relative; }
.wrap .article-wrap .right .title-bar h3{ width: 130px; height: 42px; line-height: 42px; text-align: center; font-size: 18px; color: #687dd8; border-bottom: 3px solid #687dd8; }
.wrap .article-wrap .right .title-bar .position{ width: 300px; height: 42px; line-height: 42px; position: absolute; right: 0; top: 0; color: #687dd8; font-size: 12px; text-align: right; }
.wrap .article-wrap .right .title-bar .position a{ color: #687dd8; font-size: 12px; }
.wrap .article-wrap .right .list{ width: 810px; padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
.wrap .article-wrap .right .list li{ width: 100%; height: 32px; line-height: 32px; list-style: square inside url('../../images/default/dot.jpg'); position: relative; }
.wrap .article-wrap .right .list li span{ position: absolute; top: 0; right: 0; text-align: right; color: #7a7a7a; font-size: 12px; }
.wrap .article-wrap .right .pic-list{ width: 810px; padding: 15px 0; border-bottom: 1px solid #e5e5e5; }
.wrap .article-wrap .right .pic-list li{ width: 235px; padding: 8px; border: 1px solid #dddada; margin-right: 25px; margin-bottom: 20px; float: left; }
.wrap .article-wrap .right .pic-list li:nth-child(3n+0){ margin-right: 0; float: right; }
.wrap .article-wrap .right .pic-list li img{ display: block; width: 235px; height: 166px; }
.wrap .article-wrap .right .pic-list li h2{ height: 50px; line-height: 22px; padding-top: 5px; font-style: normal; }
.wrap .article-wrap .right .pic-list li h2 a{ font-size: 14px; }
.wrap .article-wrap .right .member-list{ width: 810px; padding: 15px 0; border-bottom: 1px solid #e5e5e5;  }
.wrap .article-wrap .right .member-list li{ width: 235px; padding: 8px; background: #fff9ef; border-radius: 8px; border: 1px solid #ffeed1; margin-right: 25px; margin-bottom: 20px; float: left; }
.wrap .article-wrap .right .member-list li:nth-child(3n+0){ margin-right: 0; float: right; }
.wrap .article-wrap .right .member-list li h2{ font-size: 14px; margin:5px 0; }
.wrap .article-wrap .right .member-list li h3{ text-align: center; font-size: 14px; font-weight: bold; }
.wrap .article-wrap .right .member-list li p{ padding: 3px 0; font-size: 12px; }
.wrap .article-wrap .right .member-list li .pic{ width: 100%; text-align: center; margin: 10px 0; }
.wrap .article-wrap .right .member-list li .pic img{ width: 100px; height: 135px; border-radius: 5px; }
.wrap .article-wrap .right .details{ width: 730px; margin-top: 10px; margin-bottom: 30px; padding: 40px; box-shadow: 0px 0px 20px 10px #c5ceed inset; }
.wrap .article-wrap .right .details h1{ width: 100%; text-align: center; padding: 10px 0 15px 0; font-size: 18px; color: #687dd8; }
.wrap .article-wrap .right .details aside{ width: 100%; height: 40px; line-height: 40px; border-bottom: 1px dashed #ccc; text-align: center; font-size: 12px; color: gray; margin-bottom: 10px; }
.wrap .article-wrap .right .details aside span{ padding: 0 15px; }
.wrap .article-wrap .right .details p{ padding: 2px 0; line-height: 25px; font-size: 14px; }
.wrap .article-wrap .right .details img{ max-width: 100%; }
.wrap .article-wrap .right .intro{ margin-top: 15px; margin-bottom: 30px; }
.wrap .article-wrap .right .intro p{ padding: 2px 10px; line-height: 25px; font-size: 14px; }
.wrap .article-wrap .right .level-search{ width: 400px; margin: 50px auto; }
.wrap .article-wrap .right .level-search p{ padding: 10px 0; text-align: center; font-size: 16px; }
.wrap .article-wrap .right .level-search p input{ width: 100%; padding: 8px 5px; font-size: 14px; box-sizing: border-box; border-radius: 5px; border:1px solid #ccc; }
.wrap .article-wrap .right .level-search p button{ width: 80px; padding: 8px 5px; border-radius: 5px; border: none; background: #3c7ffa; color: #fff; font-size: 14px; text-align: center; cursor: pointer; }
.wrap .article-wrap .right .level-result{ width: 810px; margin: 50px 0; }
.wrap .article-wrap .right .level-result .student{ width: 235px; padding: 8px; background: #fff9ef; border-radius: 8px; border: 1px solid #ffeed1; margin: 0 auto;  }
.wrap .article-wrap .right .level-result .student h3{ text-align: center; font-size: 14px; font-weight: bold; }
.wrap .article-wrap .right .level-result .student p{ padding: 3px 0; font-size: 12px; }
.wrap .article-wrap .right .level-result .student .pic{ width: 100%; text-align: center; margin: 10px 0; }
.wrap .article-wrap .right .level-result .student .pic img{ width: 100px; height: 135px; border-radius: 5px; }
.wrap .article-wrap .right .level-result .history{ width: 253px; margin: 20px auto; }
.wrap .article-wrap .right .level-result .history h2{ width: 253px; margin: 0; font-size: 18px; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px dashed #ccc; text-align: center; }
.wrap .article-wrap .right .level-result .history .item{ width: 235px; padding: 8px; background: #fff9ef; border-radius: 8px; border: 1px solid #ffeed1; margin-bottom: 20px; }
.wrap .article-wrap .right .level-result .history .item p{ padding: 3px 0; font-size: 12px; }
.wrap .link{ width: 100%; border-top: 6px solid #687dd8; margin-top: 10px; height: 50px; line-height: 50px; font-size: 12px; color: #687dd8; }
.wrap .link a{ padding-right: 25px; }
.footer{ width: 100%; background: #687dd8; color: #fff; padding: 40px 0; text-align: center; line-height: 28px; font-size: 12px; }
.footer a{ color: #fff; }