@charset "utf-8";
/* CSS Document */

.product { margin-top: 70px; }
.product .page-header h1 { font-size:28px;font-weight:normal}
.product .page-header h1 small { color: #999 }
.product .price { margin-top: 20px; width: 100px; width: auto }
.product .section { height: 380px; border-bottom: 1px solid #dfdfdf; background-repeat: no-repeat; }
.section a { color: #06F; }
.section a:hover { color: #009; }
.section-p { font-size:16px; padding:0 0 30px 0}
.section-p p { line-height:1.75}
.product .section-01, .product .section-03 { border-top: 1px solid #e6e9ed; background-position: 100% 100%; padding-left: 40px; }
.product .section-01 .section-content, .product .section-03 .section-content { padding-top: 80px; }
.product .section-02, .product .section-04 { background-position: 0 100%; }
.product .section-02 .section-content, .product .section-04 .section-content { padding-top: 80px; padding-left: 550px; }
.product .section-pec-01 { background-image: url('../images/pec/pecs1.png'); background-position-y: 20px }
.product .section-pec-02 { background-image: url('../images/pec/pecs2.png'); background-position-y: 10px }
.product .section-pec-03 { background-image: url('../images/pec/pecs3.png'); background-position-y: 20px }
.product .section-pec-04 { background-image: url('../images/pec/pecs4.png'); background-position-y: 30px }

.product .section-vip-01 { background-image: url('../images/vip/vips1.png'); background-position-y: 20px }
.product .section-vip-02 { background-image: url('../images/vip/vips2.png'); background-position-y: 10px }
.product .section-vip-03 { background-image: url('../images/vip/vips3.png'); background-position-y: 20px }
.product .section-vip-04 { background-image: url('../images/vip/vips4.png'); background-position-y: 30px }

.product .section-js-01 { background-image: url('../images/job/jss1.png'); background-position-y: 20px }
.product .section-js-02 { background-image: url('../images/job/jss2.png'); background-position-y: 50px }
.product .section-js-03 { background-image: url('../images/job/jss3.png'); background-position-y: 20px }
.product .section-js-04 { background-image: url('../images/job/jss4.png'); background-position-y: 20px }
.product .section-js-05 { background-image: url('../images/job/jss5.png'); background-position-y: 20px }
.product .section-js-06 { background-image: url('../images/job/jss6.png'); background-position-y: 20px }
.product .section-js-07 { background-image: url('../images/job/jss7.png'); background-position-y: 20px }
.product .section-js-08 { background-image: url('../images/job/jss8.png'); background-position-y: 50px }

.product .section-content h3 { margin-bottom: 10px; font-size: 24px; line-height: 1.3; color: #06C; }
.product .section-content p { margin-bottom: 20px; line-height: 1.8;font-size: 14px; }
.nav-bar { width: 1170px; margin-top: 15px; position: relative; height: 50px; color: #6d6d6d; background: #fff; border-bottom: 1px solid #eaeaea }
.product .section-list .media-body { font-size:16px; padding-top:10px;}
.product .section-list .media { margin-bottom:20px;}
.product .course-list .media-heading { font-size:20px; font-weight:700}

.product .vip .section-content h3 { color:#D00}
.nav-bar .title { float: left; _display: inline; margin: 10px 0 0 0; }
.nav-bar .title h2 { margin: 0; font-size: 18px; font-weight: 400; line-height: 30px; color: #666; }
.nav-bar .title h2 { display: inline; }
.nav-bar .title .separator { margin: 0 5px; }
.nav-bar .title a { color: #999 }
.nav-bar .nav { float: right; _display: inline; margin: 10px 0 0 0; }
.nav-bar .nav .nav-switch { margin-right: 10px; line-height: 30px; }
.nav-switch .active { color: #ee330a; cursor: default; }
.nav-switch a:hover { color: #ee330a; }
.nav-switch .separator { margin: 0 5px; color: #f3f3f3; }
.product-list { float: left; display: inline; width: 33%; padding: 20px; margin: 1px; background: #fff; height: 350px; border: 1px solid #eaeaea; position: relative; overflow: hidden; }
.product-list .p-img { text-align: center; margin-bottom: 10px; }
.product-list:hover { border: 1px solid #0CF; background: #f6f6f6; }
.product-list a:hover { color: #0CF }
.product-list h2 { font-size: 14px; color: #FFF; border: 1px solid #5DC8FA; width: 120px; padding: 0 10px; height: 25px; line-height: 25px; text-align: center; margin: 0 auto; margin-bottom: 20px; background: #94CCFF; }
.product-list h2:hover { background: #5A7BFF; color: #fff; }
.product-list h1 { font-size: 22px; margin-bottom: 25px; text-align: center ;font-weight:normal}
.product-list p { color: #999; text-align: center; }
.product-list p:hover { color: #333 }
.dynamic { padding: 15px 0; margin-bottom: 20px; }
/*pec*/
.product .videos { padding: 30px 0 20px; background: url(../images/product-video-bg.png) no-repeat 50% 0; border-bottom: 1px solid #eaeaea; }
.product .videos ul { position: relative; text-align: center }
.product .videos ul li { display: inline-block; vertical-align: middle; width: 210px; margin: 0 30px; }
.product .video { width: 210px; position: relative; }
.product .title { display: block; margin-top: 10px; text-align: center; color: #656d78; }
.product .btn-play, .product .video .btn-down { position: absolute; top: 42px; left: 88px; }
.product .btn-play, .section .video .btn-down { width: 35px; height: 36px; background: url(../images/product/btn-play.png) no-repeat 0 0; _background: url(../images/product/btn-play_8.png) no-repeat 0 0; }

/*vip*/

/*ca*/
.ca .label { font-size:16px; border-radius:10px;}
.ca-baner { background:url(../images/ca/banner.png) no-repeat center}
.ca-btn {display: inline-block;
min-width: 202px;
padding-left: 20px;
padding-right: 20px;
height: 50px;
line-height: 50px;
border-radius: 6px;
background-color: #d70000;
box-shadow: 0 2px #900;
color: #fff;
font-size: 18px;
font-family: 'Myriad Pro', 'microsoft yahei';
text-decoration: none;
-webkit-transition: background-color .3s;
transition: background-color .3s;
border: 0;}
.ca-btn:hover { color:#fff;background-color: #F00;}
.ca-sec03 { background:url(../images/ca/sec03.png) no-repeat center; display:block;  height:605px}
.ca table th { text-align: center}