@charset "utf-8";
html{ width: 100%; height:100%; overflow-x: hidden; overflow-y: auto }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
ol, ul, dl { list-style: none; }
body { font: 16px/1.6 "Microsoft YaHei", simsun, tahoma; color: #9a9a9a; background:#fafafa; _background-image: url(../css/.cn/peixun/templets/v2/css/about:blank);_background-attachment: fixed; min-height:100%; position:relative}
img { border: none; /*background:url(../images/loading.gif) center center no-repeat*/ }
table { border-collapse: collapse; border-spacing: 0 }
input, textarea, select { font: 12px "Microsoft YaHei", simsun, tahoma; outline: none }
a { color: #6d6d6d; text-decoration: none ;outline:none; -webkit-transition:color 0.1s linear;transition:color 0.1s linear;}
a:hover { color:#2490ce; text-decoration: underline }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }
.clearfix:after,.full_bg:after { visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0; }
.clearfix,.full_bg{ zoom: 1; }
.clear { clear: both }
.hidden { line-height: 99999px; overflow: hidden }
.relative { position: relative }
.left { float: left }
.right { float: right }

.wrapper{ width:1002px; margin:0 auto; position:relative}

.header{ height:90px; background:#fff; border-bottom:1px solid #d3d3d3; box-shadow:0 0 1px rgba(0,0,0,0.1); position:fixed; left:0; top:0; width:100%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop)); z-index:10000}
.logo{ float:left; width:237px; height:62px; background:url(../images/logo.png) no-repeat; margin:15px 0 0 5px;}
.nav{ float:right; padding-top:50px}
.nav li,.sub-nav li{ float:left; padding:0 15px; height:40px; position:relative; background:url(../css/.cn/peixun/templets/v2/css/about:blank);border:1px solid #fff; border-width:1px 1px 0; top:-1px; zoom:1; _width:65px;}
.nav a,.sub-nav a{ display:block; width:100%;color:#9a9a9a; height:40px; float:left;}
.nav a.mobile{ color:#ffb400}
.nav a:hover,.nav_more a:hover,.sub-nav a:hover{ text-decoration:none;color:#2490ce}
/*.nav li i{width:0%; height:3px; background:#2490ce; overflow:hidden; position:absolute; left:0; bottom:0; display:block;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.nav li.current i{ width:100%}*/

.nav a:after,.sub-nav a:after{content:"";width:0%; height:3px; background:#2490ce; overflow:hidden; position:absolute; left:0; bottom:0; display:block;-webkit-transition:all 0.3s linear;transition:all 0.3s linear;}
.nav a:hover:after,.sub-nav a:hover:after{ width:100%}
.nav a.a-more:after{ display:none}



.nav li.more { border-color:#d3d3d3; border-bottom:1px solid #fff; background:#fff; z-index:10000;_top:1px; _text-align:center}

.nav-more{ background:#fff;border:1px solid #d3d3d3; position:absolute; right:0; top:90px; padding:10px 20px;_padding:10px 30px; display:none; _top:92px}

.focus{ background:url(../images/focus.jpg) center 91px no-repeat; height:516px; padding-top:91px}

.focus-box{ float:left; width:1002px; height:374px; position:relative}

.hotlink-box{ width:1002px; height:490px;  position:absolute; left:0px; top:15px; overflow:hidden;}
.hotlink-box a { position: absolute;width:996px; height:374px; border:3px solid #fff; overflow: hidden; left: 0px; top: 0px; box-shadow:0 1px 2px rgba(0,0,0,0.1) }
.hotlink-box a img { display: block; width:996px; height:374px;   }
.hotlink-num{ position:absolute; left:0px; top:420px; width:1002px}
.hotlink-num a{ display:block; float:left; width:164px; height:61px;border:3px solid #fff;  background:#000; margin-right:38px; position:relative;box-shadow:0 1px 2px rgba(0,0,0,0.1)}
.hotlink-num a img{ width:164px; height:61px;filter:alpha(opacity=70);opacity:0.7;-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.hotlink-num a:hover img,.hotlink-num a.on img{filter:alpha(opacity=100);opacity:1;}
.hotlink-num a:hover:after,.hotlink-num a.on:after{ content:""; display:block; width:20px; height:7px; background:url(../images/sharp.png) center top no-repeat; position:absolute; left:50%; margin-left:-10px; top:-10px}

.tool{ width:275px; height:484px; background:#fff; float:right; margin-top:15px; margin-right:5px; overflow:hidden; _display:inline}
.ti{ height:36px; line-height:36px; border-bottom:2px solid #cccbcb; font-size:18px}
.ti h3{ float:left;height:36px; line-height:36px; border-bottom:2px solid #2490ce; padding:0 10px; _top:2px; position:relative; color:#2490ce }
.ti a{ float:right; font-size:14px; color:#9a9a9a; position:relative; top:5px; right:5px }

.tool-list a{ display:block; height:107px; border-bottom:1px dashed #e0e0e0; padding-left:80px; padding-top:5px;-webkit-transition:all 0.1s linear;transition:all 0.1s linear;}

.tool-icon{ float:left; width:55px; height:72px; margin-left:-65px; background:url(../images/icon_tool.png) no-repeat; margin-top:15px}
.tool-icon1{ background-position:0 0}
.tool-icon2{ background-position:0 -72px}
.tool-icon3{ background-position:0 -144px}
.tool-icon4{ background-position:0 -216px}

.tool-list a strong{ display:block; color:#1286ca; width:190px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:15px 0 5px}
.tool-list a span{ font-size:14px}
.tool-list a:hover{ text-decoration:none; background:#f7f7f7}

.main{ padding:20px 0}

.mod{ padding:65px 0 15px 0px; height:250px}
.side-nav{ width:130px; float:left; margin-left:-130px; margin-top:-2px; _display:inline}
.side-nav a{ display:block; width:127px; height:56px; text-align:center; line-height:56px; background:#e4e4e4; margin-top:2px; border-left:3px solid #e4e4e4; -webkit-transition:all 0.15s linear;transition:all 0.15s linear;}
.side-nav a:hover,.side-nav a.on{ color:#2490ce; background:#fff; border-color:#2490ce; text-decoration:none}
.mod-items{ display:none}
.mod-items li{ float:left; width:200px; height:172px;}
.mod-items li a{ color:#fff; display:block; width:200px; height:200px;  top:0;position:relative;}
.mod-items li a:hover{ color:#fff; text-decoration:none;border:none; z-index:2}


.mod-items li a .plus{ display:none;width:40px; height:40px; background:url(../images/plus.png) no-repeat; position:absolute; left:50%; margin-left:-20px; top:169px;opacity:0; cursor:pointer; -webkit-transition:all 0.2s linear;transition:all 0.2s linear}
.mod-items li a:hover .plus{opacity:1; top:154px;}


.link-ti{ display:block; width:160px; height:67px; cursor:pointer; padding:55px 20px 50px 20px; text-align:center; overflow:hidden }
.link-intro{ background:#848484; position:absolute; left:0; top:172px; width:180px;padding:0px 10px; overflow:hidden; height:0; cursor:pointer}

.item-col-1 .link-ti{ background:#38a5e3}
.item-col-2 .link-ti{ background:#6cdea4}
.item-col-3 .link-ti{ background:#f15b54}
.item-col-4 .link-ti{ background:#b88bea}
.item-col-5 .link-ti{ background:#fab65d}

.groom{ height:200px; padding:30px 0 20px}
.groom li{ float:left; width:162px; height:200px;padding:0 18px;}
.groom li a{ display:block; width:162px; height:35px; line-height:35px; text-align:center; float:left; padding-top:162px; position:relative} 
.groom li a:hover{ text-decoration:none}

.more-btn{ display:block; width:162px; height:162px; background:url(../images/more_btn.gif) no-repeat; position:absolute; left:50%; margin-left:-81px; top:0; cursor:pointer}
.more-btn1-hover,.more-btn2-hover,.more-btn3-hover,.more-btn4-hover,.more-btn5-hover{ opacity:0; filter:alpha(opacity=0)}

.more-btn1{ background-position:0 0 }
.more-btn1-hover{ background-position:0 -162px }

.more-btn2{ background-position:-162px 0 }
.more-btn2-hover{ background-position:-162px -162px }

.more-btn3{ background-position:-324px 0 }
.more-btn3-hover{ background-position:-324px -162px }

.more-btn4{ background-position:-486px 0 }
.more-btn4-hover{ background-position:-486px -162px }

.more-btn5{ background-position:-648px 0 }
.more-btn5-hover{ background-position:-648px -162px }

.about-us{ padding:20px 0 100px}

.footer{  height:50px; line-height:50px; text-align:center; background:#222324; width:100%; position:absolute; left:0; bottom:0}

.back-btns{ width:40px; height:80px; position:fixed; right:20px; bottom:50px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-50));}
.back-btns img{ position:absolute; right:40px; bottom:20px; display:none}

.weixin-btn,.back-top{ display:block; width:40px; height:40px; background:url(../images/back_btn.png) no-repeat}
.back-top{ background-position:0 -40px}
.weixin-btn:hover{ background-position:-40px 0}
.back-top:hover{ background-position:-40px -40px}

.sub-nav{ height:40px; line-height:40px; border-bottom:2px solid #d3d3d3; margin-bottom:10px}
.sub-nav li{ border:0; top:2px}
.sub-nav a:after{ height:2px}
.sub-nav li.current a{ text-decoration:none;color:#2490ce}
.sub-nav li.current a:after{ width:100%}

.list{ padding:10px 0;}
.list li{ float:left; width:320px; height:305px; padding-top:10px; background:#fff; border-left:1px solid #ededed; border-right:1px solid #ededed;border-bottom:1px solid #d5d5d5; box-shadow:0 0 1px rgba(0,0,0,0.1);-webkit-transition:all 0.3s linear ; transition:all 0.3s linear; margin:0 5px 15px}
.list li:hover{box-shadow:0 0 5px rgba(0,0,0,0.3);}

.list-img{ display:block; width:304px; height:224px; margin:0 auto 10px; overflow:hidden}
.list-img img{width:300px; height:220px; border:2px solid #fff; -webkit-transition:all 0.3s linear ; transition:all 0.3s linear }
.list-img:hover img{ border-color:#2490ce}
.list-ti{ display:block; padding:0 10px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#2490ce}
.list-tool{ height:30px; padding:0 10px}
.list-time{ float:left; background:url(../images/list-icon.png) no-repeat 0 5px; padding-left:20px}
.list-fav{ float:right; background:url(../images/list-icon.png) no-repeat 0 -29px; padding-left:25px}


.sub-main{ padding-top:101px; padding-bottom:120px}

.pages{ text-align:center; padding:30px 10px 20px;}
.pages a{ border:1px solid #dddddd; padding:2px 10px; display:inline-block; margin:0 3px ;*display:inline;}

.pages li{ color:#dddddd; padding:2px 10px; display:inline-block; margin:0 3px;width:auto; *display:inline;}
.pages .thisclass,.pages a:hover{ color:#fff; background:#2490ce; border-color:#2490ce; text-decoration:none;*display:inline;}

/*.pages span,.pages a{ border:1px solid #dddddd; padding:2px 10px; display:inline-block; margin:0 3px }
.pages span{ color:#dddddd}
.pages .page_cur,.pages a:hover{ color:#fff; background:#2490ce; border-color:#2490ce; text-decoration:none}*/


.container{ padding-top:10px}
.side-bar{ float:right; width:320px; height:100%; position:relative;}
.side-bar .list li{ margin:0 0 15px}
.sub-title{ border-left:3px solid #2490ce; padding:0 10px; line-height:40px; background:#fff; border-bottom:1px solid #d5d5d5;box-shadow:0 0 1px rgba(0,0,0,0.1); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#2490ce}

.content{ float:left; width:670px;}
.content-main{ margin-top:10px; background:#fff;padding:16px;border-left:1px solid #ededed; border-right:1px solid #ededed;border-bottom:1px solid #d5d5d5; box-shadow:0 0 1px rgba(0,0,0,0.1); color:#575757; font-size:14px;}
.content-main h2{ font-weight:bold; font-size:20px;}
.content-main h3{font-weight:bold; font-size:18px;}
.content-main h4{font-weight:bold; font-size:16px;}
.content-main li{ list-style:inside;}

.content-main blockquote{ font-style:italic;}

.content-main pre{ overflow-x:scroll;}
.content-main p{ padding:5px 0}
.content-main img { max-width:600px;}
.cont-btns{ display: none; padding:20px 0; height:50px;}
.cont-btns a {display: none;}
.btn-view,.btn-down{ float:left; width:161px; height:50px; line-height:99999px; overflow:hidden; margin-right:15px; background:url(../images/cont-btn.png) no-repeat}
.btn-down{ background-position:0 -50px}
.btn-view:hover{ background-position:-161px 0}
.btn-down:hover{ background-position:-161px -50px}
.cont-info-tag span{ margin-right:1em;}

.cont-info{ padding:20px 0 10px}
.cont-info strong{ color:#2490ce}
.cont-info-list li,.cont-info .list-tool{ padding:3px 0; list-style:none;}
.cont-info .list-tool{top:-65px; position:relative}
.share{ height:40px; padding-bottom:30px; margin-top:-20px}

.ds-meta,.ds-comments-info,.ds-comments,.ds-powered-by {}
.content-main table{word-break:break-all; /*支持IE，chrome，FF不支持*/　word-wrap:break-word;/*支持IE，chrome，FF*/}
/*新增内容*/
.add-mod{}
.button-box{width:460px; float:left;}
.button-box a{ display:block; width:460px; height:120px; line-height:120px; text-align:center; color:#fff; font-size:26px; opacity:.8;filter:alpha(opacity:80);}
.button-box a:hover{ text-decoration:none;}
.flesh-le{ background:url(../images/smg-icon.png) 100px 35px #48cfad no-repeat;}
.advanced-le{ background:url(../images/key-icon.png) 100px 25px #bda8f0 no-repeat;}

.tool-box{width:532px; height:240px; float:left; margin-left:10px; }
.tool-box li{width:167px; height:110px; text-align:center; float:left; position:relative;}
.tool-box li a{ display:block; margin-top:5px;}
.tool-box img{width:60px; height:60px; border-radius:6px;}
.tool-box p{}

.about-us .wrapper{ background:url(../images/btmbg.jpg) no-repeat; height:615px; position:relative; }
.about-us .tx{ position:absolute; opacity:0;}
.tx1{ top:153px; left:15px;}
.tx2{ top:82px; left:192px;}
.tx3{ top:49px; left:498px;}
.tx4{ top:87px; left:857px;}
.tx5{ top:240px; left:179px;}
.tx6{ top:187px; left:360px;}
.tx7{ top:274px; left:549px;}
.tx8{ top:144px; left:694px;}
.tx9{ top:243px; left:866px;}
.tx10{ top:420px; left:152px;}
.tx11{ top:397px; left:399px;}
.tx12{ top:354px; left:776px;}

/*流程页*/
.step{}
.step .wrapper{height:100%;}
.motto{ text-align:center; font-size:24px; color:#333333; font-weight:bold; line-height:46px;}
.step-intro{ text-align:center; font-size:20px; color:#333; line-height:30px;}
.enter-step{ display:block;width:220px; height:48px; line-height:48px; border-radius:100px; background:#fc6e51; text-align:center; color:#fff; font-size:20px; font-weight:bold; margin:20px auto auto auto;}
.enter-step:hover{ text-decoration:none; color:#fff;}
.study-step{width:1002px; height:450px;margin:20px auto auto auto;  position:relative;}

.step-line1,.step-line2,.step-line3{ position:absolute; z-index:99;}
.step-line1{width:1002px; height:77px; background:url(../images/1_01.png) no-repeat; top:40px; left:0; opacity:0;}
.step-line2{width:37px; height:84px; background:url(../images/1_03.png) no-repeat; right:0px; top:117px; opacity:0;}
.step-line3{width:1002px; height:192px; background:url(../images/1_04.png) right no-repeat; right:0; top:201px; opacity:0;}
.animate-width2{width:780px;}
.stepicon{display:block; position:absolute;z-index:100;color:#333; }
.stepicon:hover{ text-decoration:none;}
.stepicon dd{width:70px; height:70px; background:url(../images/step.png); text-align:center; line-height:70px; font-size:24px;  margin:0 auto auto auto;opacity:0; }
.stepicon dt{ text-align:center; font-size:16px; opacity:0;}
.stepicon dt span{ color:#999999;}
.stepicon:hover dd{ background:url(../images/step_2.png); color:#fff;}

.step1{ left:15px; top:34px;}
.step2{ left:248px; top:24px;}
.step3{ left:457px; top:24px;}
.step4{ left:650px; top:34px;}
.step5{ left:848px; top:34px;}
.step6{ left:858px; top:244px;}
.step7{ left:650px; top:254px;}
.step8{ left:427px; top:264px;}
.step9{ left:238px; top:264px;}
.step10{ left:15px; top:274px;}

.mt-95{ margin-top:95px;}
.col-1 .link-ti{ background:#38a5e3}
.col-2 .link-ti{ background:#6cdea4}
.col-3 .link-ti{ background:#f15b54}
.col-4 .link-ti{ background:#b88bea}
.col-5 .link-ti{ background:#fab65d}
.f22{ font-size:22px;}
.author{  color:#9A9A9A; font-size:14px;}
.author span{ margin-left:1em;}
.fixed{ position:absolute;width:320px; top:0; left:0;}
.likelink li{ height:60px;}