/*  
Version:2.1
Author:westdrug
Update @ 2013/12/5 ������
*/

/*=============commonalityStyle=============*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl{margin:0;padding:0;border:0;}
body{background:#fbfbfb;position: relative;font:12px/20px 'Arial','Helvetica Neue','Helvetica','sans-serif';word-break:break-all;word-wrap:break-word;}
ul,ol,li{list-style:none}
.clearfix:after {content: '';display: block;height: 0;clear: both;overflow: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.clear{clear:both;font-size:0;content: " ";line-height:1px;height:1px;_height:1%;margin-top:-1px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}a:focus{outline:none;-moz-outline:none;}
a:active{outline:none;blr:expression(this.onFocus=this.blur())}
a,img{border:0 none;}
.txtarea{height:auto;}
input,select,button{vertical-align:middle;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1 {font-size: 36px;line-height: 45px;}
h2 {font-size: 24px;line-height: 30px;}
h3 {font-size: 18px;line-height: 22px;}
h4 {font-size: 16px;line-height: 20px;}
h5 {font-size: 14px;line-height: 18px;}
h6 {font-size: 12px;line-height: 16px;}
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
menu, 
nav, 
section{display:block;}
.dis{display:block;}
.undis{display:none;}
.mt10 {margin-top: 10px;}
.ml10 {margin-left: 10px;}
.mt20 {margin-top: 20px;}
.mt60 {margin-top: 60px;}
.pt10 {padding-top: 10px;}
.pl30 {padding-left: 30px;}
.pl65 {padding-left: 65px;}
.fl {float: left;}
.fr {float: right;}
.tac {text-align: center;}
.tar {text-align: right;}
.vam {vertical-align: middle;}
.pr {position: relative;}
.fsize12 {font-size: 12px;}
.fsize14 {font-size: 14px;}
.fsize18 {font-size: 18px;}
.fsize20 {font-size: 20px;}
.f-fM {font-family: 'Microsoft YaHei';}
.c-333 {color: #333;}
.c-666 {color: #666;}
.c-999 {color: #999;}
.c-master {color: #2f75bb;}
.w1000 {margin: 0 auto;width: 1000px;}

.top-tel em,.sliderBar span,.item-txt em,#newsList li,.fLink span,.menu-2014 menu dl dd ol li,.syh,.small-round {background: url(../images/icon.png) no-repeat;}
/*=============head=============*/
#header-2014 {background-color: #fff;height: 118px;+position: relative;+z-index: 99999;_position: relative;_z-index: 99999;}
.logo a {display: block;height: 97px;width: 159px;overflow: hidden;}
.h-r {_display: inline;position:relative;height: 108px;width: 793px;height: 63px;margin: 45px 0 0 48px;}
/*subIco {background-position: -412px -75px;}*/
.nav-2014 .subIco:hover {background-position: -412px -141px;transition: 0s;}
.top-tel {position: absolute;right: 0;top: 0;}
.top-tel em {background-position: 0 2px;display: inline-block;vertical-align: middle;width: 20px;height: 30px;}
.top-tel strong {color: #666;font: normal 18px/30px 'Microsoft YaHei';margin-left: 1px;}
.nav-2014 ul li {float: left;display: block;position: relative;z-index: 99999;}
.nav-2014 ul li a {color: #666;float: left;display: block;_display: inline;height: 40px;font: 18px/30px "Microsoft YaHei";padding: 0 24px;}
.nav-2014 ul li.current a.parent-a {border-bottom: 3px solid #2f75bb;color: #2f75bb;}
/*.nav-2014 ul li.current a.parent-a.subIco {border: none;}*/
.nav-2014 ul li a:hover {color: #2f75bb;transition: .4s;text-decoration: none;}
.nav-2014 .subNav {display: none;position: absolute;left: 10px;top: 30px;z-index: 999999;}
.subNavWrap {background: rgb(255,255,255);border-top: 3px solid #2F75BB;box-shadow: 1px 1px 1px rgba(0,0,0,.2);width: 114px;overflow: hidden;margin-top: 10px;}
.subNavWrap p {float: left;height: 48px;text-align: center;}
.nav-2014 .subNavWrap p a {color: #111;font: 16px/48px 'Microsoft YaHei';height: auto;margin: 0;padding: 0 25px;}
.nav-2014 .subNavWrap p a:hover {background: #f2f2f2;color: #2F75BB;}
/*=============slider=============*/
#slider-2014 {background: #2f75bb url(../images/slide-bg.jpg) no-repeat 50% 0;height: 430px;}
#slider {margin-top: 45px;}
#slider a,#slider a img {display: block;height: 345px;width: 500px;cursor: default;}
.slide-wrap {float: right;width: 500px;position: relative;height: 430px;overflow: hidden;}
.sliderBar {position: absolute;bottom: 15px;left: 0;height: 18px;}
.sliderBar span {background-position: 0 -34px;cursor: pointer;display: inline-block;height: 20px;width: 20px;margin-right: 10px;}
.sliderBar span.current {background-position: 0 -66px;cursor: default;}
#slogan {background: url(/static/web/images/gray-bg.jpg) repeat-x 0 0 #f2f2f2;height: 530px;overflow: hidden;}
.sloganTxt {float: left;width: 500px;position: relative;padding-top: 35px;}
.sloganTxt h2 {margin-top: 22px;text-align: center;}
.sloganTxt ol li {background: url(/static/web/images/i-e-line.png) no-repeat right center;float: left;width: 50%;margin-top: 30px;text-align: center;}
.sloganTxt ol li.oddLi {background: none;}
.sloganTxt ol li a {display: block;}
.sloganImg {float: left;width: 480px;padding: 40px 20px 0 0;}
.tAngle {position: absolute;top: 45px;left: 0;}
.bAngle {position: absolute;bottom: -50px;right: 0;}
/*=============main=============*/
#item ul li {background: url(/static/web/images/item-bg.jpg) no-repeat 0 0;float: left;display: inline;position: relative;margin-right: 11px;width: 326px;height: 185px;}
.item-txt {color: #666;padding: 15px 20px;}
.item-txt em {position: absolute;left: 18px;top: 52px;height: 68px;width: 68px;}
.i1 .item-txt em {background-position: -50px 6px;}
.i2 .item-txt em {background-position: -50px -78px;}
.i3 .item-txt em {background-position: -50px -158px;}
.i4 .item-txt em {background-position: -50px -239px;}
.i5 .item-txt em {background-position: -50px -322px;}
.i6 .item-txt em {background-position: -50px -406px;}
.item-txt h3 {height: 30px;font: 20px/30px 'Microsoft YaHei';text-shadow: 1px 1px 0px #fff inset;}
.item-txt p {font: 14px/22px 'Microsoft YaHei';margin: 5px 0 0 73px;text-align: justify;}
.c-title {border-bottom: 1px solid #E6EDF4;height: 40px;line-height: 40px;}
.c-title span {display: block;width: 202px;height: 37px;}
.c-title span.cgal {background-position: -130px 5px;}
.c-title span.sjrz {color: #479ff8;}
.c-title span.sqsy {color: #479ff8;}
.more a {color: #479FF8;font: 15px/30px 'Microsoft YaHei';}
.anli-list li,.anli-more dt {float: left;width: 240px;height: 240px;overflow: hidden;margin-right: 13px;_display: inline;position: relative;}
.anli-txt {position: absolute;bottom: 7px;height: 63px;width: 240px;text-align: center;z-index: 109;}
.anli-txt a {color: #fbfbfb;text-decoration: none;font: 15px/50px 'Microsoft YaHei';}
.anli-txt a:hover {color: #fff;text-decoration: none;}
.round-bg {background: url(/static/web/images/round-bg.png) no-repeat 0 0;position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;}
.news {width: 460px;margin-right: 40px;_display: inline;}
.apply {width: 500px;}
#newsList li {background-position: -505px 18px;height: 28px;line-height: 28px;padding: 7px 125px 0 12px;position: relative;overflow: hidden;}
#newsList li a {color: #555;font-family: 'Microsoft YaHei'}
#newsList li a:hover {color: #479FF8;text-decoration: none;transition: 0.6s;}
.nTime {color: #777;position: absolute;right: 0;}
#apply {margin-top: 25px;}
#apply select,#apply input,.applyDesc textarea {background: #fff;border: 1px solid #e5e5e5;border-radius: 8px;color: #555;padding: 6px;font-size: 14px;font-family: 'Microsoft YaHei';}
#apply select {width: 243px;+width: 242px;}
#apply input {width: 229px;+width: 228px;}
.applyDesc textarea {height: 60px;line-height: 24px;overflow-y: auto;overflow-x: hidden;width: 485px;}
#apply select:focus,#apply input:focus,.applyDesc textarea:focus {border-color: #479FF8;}
#apply li {margin-bottom: 12px;}
.applybtn {height: 25px;position: relative;border-bottom: 1px solid #E6EDF4;}
.suBtn {background: #ccc;border: none;color: #333;padding: 4px 0;height: 30px;width: 120px;position: absolute;top: 8px;left: 50%;margin-left: -60px;font: 14px/22px 'Microsoft YaHei'}
.suBtn:hover {background: #2F75BB;color: #FFF;}
.suBtn:active {background: #479FF8;color: #FFF;}
/*=============second=============*/ 
.s-banner {background-color: #2F75BB;height: 130px;width: 100%;text-align: center;}
.s-banner.s-s {background-image: url(/static/web/images/product-b.jpg);background-repeat: no-repeat;background-position: 50% 0;}
.s-banner.s-a {background-image: url(/static/web/images/about-b.jpg);background-repeat: no-repeat;background-position: 50% 0;}
.s-banner.p-c{background-image: url(/static/web/images/cases-b.jpg);background-repeat: no-repeat;background-position: 50% 0;}
.s-banner.t-p{background-image: url(/static/web/images/template-b.jpg);background-repeat: no-repeat;background-position: 50% 0;}
.s-banner.i-l{background-image: url(/static/web/images/infor-b.jpg);background-repeat: no-repeat;background-position: 50% 0;}
#main-2014 {margin-top: 30px;}
.comm-left-wrap {width: 720px;width: auto;}
.menu-2014 {background: #fff;border: 1px solid #F4F4F4;border-top: 2px solid #2F75BB;box-shadow: 0px 0px 4px rgba(0,0,0,.04);display: none;width: 249px;}
.menu-2014 menu {padding: 0 10px 20px;margin: 0;}
.menu-2014 menu dl dt,.menu-2014 menu dl dd {border-bottom: 1px solid #2F75BB;margin: 0;}
.menu-2014 menu dl dt {padding: 12px 0;height: 30px;}
.menu-2014 menu dl dt a big {color: #2F75BB;font: 18px/30px 'Microsoft YaHei';}
.menu-2014 menu dl dt a small {color: #2F75BB;font: 14px/30px 'Microsoft YaHei';margin-left: 5px;}
.menu-2014 menu dl dd ol {margin-bottom: 8px;}
.menu-2014 menu dl dd ol li {background-position: -505px -17px;height: 30px;padding: 5px 0 0 20px;margin: 2px 0 0 25px;}
.menu-2014 menu dl dd ol li a {color: #666;font: 15px/30px 'Microsoft YaHei';}
.menu-2014 menu dl a:hover,.menu-2014 menu dl a:hover big,.menu-2014 menu dl a:hover small {color: #479FF8;text-decoration: none;}
.s-title {color: #2F75BB;height: 30px;font: 26px/30px 'Microsoft YaHei';position: relative;}
.syh {background-position: 0 -106px;display: inline-block;position: absolute;left: -60px;top: 0;width: 45px;height: 34px;}
.c-l-w-txt ul li {line-height: 200%;font-size: 15px;}
.small-round {background-position: -129px -230px;display: inline-block;position: absolute;left: -60px;top: -8px;width: 42px;height: 42px;text-align: center;line-height: 44px;color: #999;font-style: normal;}
.xt-tu {width: 410px;text-align: right;}
.xt-txt {width: 245px;font-size: 16px;line-height: 220%;font-family: 'Microsoft YaHei';color: #666;}
.line-1 {border-bottom: 1px solid #2F75BB;padding-bottom: 40px;}
.gn-list li {float: left;width: 50%;margin-bottom: 10px;_display: inline;color: #666;font: 15px/30px 'Microsoft YaHei';}
.anli-more dl {overflow: hidden;border-bottom: 1px solid #ddd;padding-bottom: 15px;margin-bottom: 10px;}
.anli-more dd {float: left;_display: inline;margin-left: 25px;width: 442px;width: 722px;}
.anli-desc {height: 80px;overflow: hidden;font: 14px/26px 'Arial';color: #777;margin-top: 10px;}
.gogw {margin-top: 20px;text-align: center;}
.gogw a {border: 1px solid #479FF8;border-radius: 30px;color: #2F75BB;font: 15px/30px 'Arial';display: inline-block;width: 160px;height: 30px;}
.gogw a:hover {border-color: #2F75BB;border-radius: 10px;transition: .6s;text-decoration: none;}
.anli-more-2 .anli-list li {margin: 50px 0 0;}
.template-list li {float: left;_display: inline;margin: 20px 92px 20px 0;margin: 20px 37px;}
.template-list li a {text-align: center;display: block;color: #333;font-size: 14px;}
.template-list li a img {border: 2px solid #2F75BB;border-radius: 8px;width: 255px;height: 255px;margin-bottom: 8px;}
.template-list li a:hover {color: #2F75BB;text-decoration: none;}
.template-list li a:hover img {border-color: #479FF8;}

.cpInforBg {background: url(../images/cpInforBg.jpg) no-repeat 50% 0;width: 100%;overflow: hidden;min-height: 780px;padding-bottom: 80px;}
.cpInforWrap {background: #fff;box-shadow: 10px 10px 0 rgba(0,0,0,.1);margin-top: 100px;padding: 30px 50px 120px;overflow: hidden;}
.cpInforTitle {height: 50px;line-height: 50px;color: #2f75bb;font-family: 'Microsoft YaHei';}
.cpInforTitle span {font-size: 26px;}
.cpInforTitle small {font-size: 18px;}
.cpInforList {padding-top: 30px;}
.cpInforList li {border-top: 1px dotted #fff;border-bottom: 1px dotted #f2f2f2;overflow: hidden;padding-top: 25px;padding-bottom: 25px;}
.cpInforList li:hover {border-color: #2f75bb;}
.cpi-img {float: left;width: 140px;text-align: center;}
.cpi-txt {float: left;width: 760px;}
.cpi-txt h2 {font: 22px/36px 'Microsoft YaHei';color: #2f75bb;}
.cpi-txt p {font: 14px/200% 'SimSun';color: #888;margin-top: 5px;text-align: justify;}
/*=============infor&log=============*/
.i-l-title {padding-bottom: 10px;border-bottom: 1px solid #ccc;color: #888;font-family: 'Microsoft YaHei';}
.i-l-list {margin: 10px 10px 0 0;}
.i-l-list ol li {border-bottom: 1px dotted #e8e8e8;}
.i-l-details-title {color: #333;height: 40px;font: 700 20px/40px '"Microsoft YaHei';text-align: center;padding-top: 10px;}
.i-l-details-txt-wrap {color: #333333;font-size: 14px;line-height: 200%;padding: 25px 20px 80px;text-indent: 24px;}
.i-l-details-txt-wrap img {max-width: 660px;}
.i-l-details-txt-wrap * {color: #333333;font-size: 14px;line-height: 200%;}
/*=============pageBar=============*/
.pageBar {margin: 4em auto;overflow: hidden;text-align: center;}
.pageBar span,.pageBar ul {display: inline-block;+display: inline;_display: inline;vertical-align: middle;}
.pageBar span,.pageBar ul li,.pageBar ul li a {display: inline-block;width: 24px;height: 24px;line-height: 24px;text-align: center;color: #2F75BB;text-decoration:none;}
.pageBar span {width: 60px;cursor: pointer;}
.pageBar ul li {margin: 0 2px;}
.pageBar span,.pageBar ul li.active a,.pageBar ul li a:hover {background: #2F75BB;color: #fff;transition: .3s:}
.pageBar ul li.active a {cursor: text;}
/*=============networkschool-2014.4.1=============*/
.netWorkSchollHead {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);position: fixed;top: 0;z-index: 100;width: 100%;}
#zwbq {height: 118px;width: 100%;text-indent: -999999px;}
.scene-1 {background: url(../images/network-school/s-bg.jpg) no-repeat 50% 15px fixed;height: 700px;position: relative;width: 100%;}
.s-slogn {background: url(../images/network-school/s-slogn.png) no-repeat 0 50%;position: absolute;width: 1000px;height: 218px;left: 50%;margin-left: -500px;top: 210px;z-index: 10;}
.ss-four-link {float: left;width: 516px;height: 163px;position: relative;}
.ss-four-link a {position: absolute;background-color:white;opacity:0;filter:alpha(opacity=0);cursor: pointer;height: 34px;width: 256px;}
.ss-four-link a.simple-link {left: 2.5em;top: 9.6em;}
.ss-four-link a.demo-link {left: 2.5em;top: 1.4em;}
.s-slogn2 {background: url(../images/network-school/s-slogn-2.png) no-repeat 50% 50%;position: absolute;width: 899px;height: 82px;left: 50%;margin-left: -449px;bottom: 0;z-index: 10;}
.scene-2,.scene-3,.scene-5 {background: #fff;width: 100%;position: relative;}
.scene-2 .s-c-1 {background: url(../images/network-school/s-1-1.jpg) no-repeat 50% 0;height: 440px;position: relative;}
.scene-2 .s-c-2 {background: url(../images/network-school/s-1-2.jpg) no-repeat 50% 0;height: 489px;position: relative;}
.scene-2 .s-c-2-2 {background: url(../images/network-school/s-1-2-2.jpg) no-repeat 50% 0;height: 285px;position: relative;}
.test-link-wrap {right: 1.4em;top: 15.7em;width: 243px;height: 50px;position: absolute;z-index: 20;}
.test-link-wrap .testLinkBtn {cursor: pointer;position: relative;width: 243px;height: 50px;z-index: 20;}
.testLinkBtn ol {background: #D21E4D;border-top: 1px solid #AC0731;display: none;position: absolute;top: 50px;width: 243px;padding: 4px 0 10px;}
.testLinkBtn ol li a {display: block;padding: 4px 0;text-indent: 40px;font: 14px/18px 'SimHei';color: #fff;}
.testLinkBtn li {text-indent: 40px;font: 14px/18px 'SimHei';color: #fff;}
.scene-3 .s-t-1 {background: url(../images/network-school/s-1-3.jpg) no-repeat 50% 0;height: 552px;position: relative;}
.scene-3 .s-t-2 {background: url(../images/network-school/s-1-4.jpg) no-repeat 50% 0;height: 789px;position: relative;}
.scene-3 .s-t-3 {background: url(../images/network-school/s-1-5.jpg) no-repeat 50% 0;height: 1014px;position: relative;}
.scene-3 .s-t-4 {background: url(../images/network-school/s-1-6.jpg) no-repeat 50% 0;height: 1363px;position: relative;}
.scene-4 {width: 100%;}
.scene-4 .s-y-1 {background: #D01E4C url(../images/network-school/s-1-7.jpg) no-repeat 50% 0;height: 730px;position: relative;}
.scene-4 .all-admin-item {background: url(../images/network-school/ss-bg.jpg) no-repeat 50% 0 fixed;width: 100%;overflow: hidden;}
.all-admin-item li {height: 342px;margin-top: 30px;}
.all-admin-item-1 {background: url(../images/network-school/s-1-8.png) no-repeat 50% 0;}
.all-admin-item-2 {background: url(../images/network-school/s-1-9.png) no-repeat 50% 0;}
.all-admin-item-3 {background: url(../images/network-school/s-1-10.png) no-repeat 50% 0;}
.all-admin-item-4 {background: url(../images/network-school/s-1-11.png) no-repeat 50% 0;}
.all-admin-item li.all-admin-item-5 {background: url(../images/network-school/s-1-12.jpg) no-repeat 50% 0;height: 825px;margin-bottom: 30px;position: relative;}
.s-anli {background: url(../images/network-school/s-anli.jpg) no-repeat 50% 0;padding-top: 9em;}
.s-anli-link li {float: left;width: 480px;_display: inline;margin: 0 40px 40px 0;}
.s-anli-link li a img {border: 3px solid #2265CD;display: block;width: 474px;}
.s-anli-link li a:hover img {border-color: #D41E4F;}
.s-anli-link li h4 a {font: 20px/40px 'SimHei';color: #2265CD;}
.s-anli-desc {height: 60px;font: 14px/20px 'SimHei';color: #999;overflow: hidden;}
.lp-menu {position: fixed;padding: 0;margin: 0;left: 0;top: 330px;z-index: 99;}
.lp-menu li a {display: block;height: 50px;font: 18px/50px 'SimHei';color: #fff;text-indent: 20px;width: 140px;}
.lp-menu li.lp-menu-1 a {background: #F5931E;}
.lp-menu li.lp-menu-2 a {background: #F15A29;}
.lp-menu li.lp-menu-3 a {background: #EF4136;}
.lp-menu li.lp-menu-4 a {background: #B33129;}
.lp-menu li.lp-menu-5 a {background: #9B2A23;}
.maodian1 {margin-top: -100px;position: absolute;}
.maodian2 {margin-top: -110px;position: absolute;}
.maodian3 {margin-top: -120px;position: absolute;}
/*=============foot=============*/
#footer-2014 {margin-top: 38px;}
.fLink {border-top: 1px solid #E6EDF4;color: #999;padding: 10px 0 5px 80px;position: relative;}
.fLink span {background-position: -130px -177px;color: #333;display: inline-block;height: 30px;width: 80px;font: 14px/30px 'Microsoft YaHei';position: absolute;top: 0;left: 0;}
.fLink a {color: #888;display: inline-block;padding: 0 10px;}
.fLink a:hover,.link-foot a:hover {color: #479FF8;transition: .3s;text-decoration: none;}
.link-foot {background: #333;padding: 30px 0 40px;color: #555;}
.link-foot span,.link-foot a {color: #777;display: inline-block;font: 12px/24px 'Microsoft YaHei';vertical-align: middle;margin: 0 10px;}
.erweima-268 {background-position: -130px -309px;position: absolute;right: 0;top: -30px;height: 148px;width: 120px;}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}