/*
  auther:f7
  date:2016.9
*/
html { font-size:10px; min-height:100%;}
body { background:#f0f0f0; font-family:"Microsoft YaHei"; min-height:100%;}

a { color:#000; text-decoration:none;}
a:hover { color:#f00; text-decoration:none;}

body .ieError { display:none; }
body.ieError { min-height:100%; width:100%; height:100%;}
body.ieError div,
body.ieError a { display:none !important;}
body.ieError .ieError { display:block !important; position:fixed; top:0; right:0; left:0; bottom:0; background:#000;}
body.ieError .ieError p { padding-top:200px; text-align:center; font-size:20px; color:#fff;}


.header { height:65px; background:#40403e url("../img/head-bg.png") no-repeat center center; background-size:100% 100%;}
.head-con { width:75%; height:100%; margin:auto;}
.head-logo { float:left; padding-top:9px;}
.head-logo img { height:48px; }
.head-nav { float:right; height:100%; margin-right:-20px;}
.head-nav a { display:inline-block; line-height:65px; color:#b5b3a3; padding:0 20px; font-size:1.8rem;}
.head-nav a:hover { color:#fff; }
.head-nav a.kehuduan { color:#f4da7b; }
.head-nav a.kehuduan:hover { color:#fff; }

/**/
.search { width:688px; height:47px; border:2px solid #ffd237; background:#f0f0f0; margin:17px auto 12px; position:relative; z-index:2;}
.searchIn { width:536px; float:left; border:0; padding:0 0 0 34px; margin:0; height:47px; line-height:47px; font-size:1.4rem; background:url("../img/icon-search.png") no-repeat 10px center;}
.searchSubmit { width:118px; text-align:center; font-size:1.8rem; background:#ffd237; color:#2c2a2e; border:0; height:47px; letter-spacing:0.3em;}

/**/
.location { border-bottom:1px solid #dfdfdf; height:0; font-size:0; position:relative; z-index:1;}
.location-con { width:88%; margin:auto; font-size:1.4rem; height:40px; line-height:40px; position:relative; top:-41px;}
.location-con a,
.location-con span,
.location-con em { display:inline-block; vertical-align:middle;}
.location-interval { width:19px; height:40px; background:url("../img/location-interval.png") no-repeat; margin:0 8px; font-size:1.6rem;}

/**/
.video-con { width:88%; margin:auto; font-size:1.8rem; line-height:40px; color:#333;}
.video-title { padding-top:14px; position:relative;}
.video-title h1 { font-size:1.8rem; font-weight:normal; margin:0;}
.video-author { position:absolute; top:14px; right:0; background-color:#f0f0f0;}
.video-author span { padding-left:15px; }

.video-tag { background-color:#000; width:100%; padding:50px 0;}
.video-tag video { display:block; margin:auto; max-width:100%;}

/**/
.share-box { height:36px; background:#292929;}
.share-con { width:100px; float:right; margin-right:0; position:relative;}
.share-but { height:36px; width:36px; display:block; padding:0 15px 0 49px; background:url("../img/icon-share.png") no-repeat 15px center; color:#8e8e8e; font-size:1.4rem;}
.share-but:hover { color:#fff; background-color:#333;}
.share-list { position:absolute; top:35px; right:0; width:255px; height:83px; border:1px solid #ccc; background:#fff; text-align:center; display:none;}
.share-list.current { display:block; }
.icon-share-list-arrow { width:13px; height:8px; overflow:hidden; background:url("../img/icon-share-list-arrow.png") no-repeat; overflow:hidden; position:absolute; top:-8px; right:47px;}
body .share-list a { display:inline-block; color:#999; width:52px; height:57px; text-align:center; padding-top:5px; margin-top:10px; padding-left:0; margin-right:0; float:none;}
/*body .share-list a:active,
body .share-list a:hover { background-color:#f2f2f2; color:#000;}*/
.share-list img { display:block; margin:auto;}
.share-list span { display:block; font-size:1.2rem; line-height:2em; cursor:pointer;}
.share-list span:hover { color:#000; }
.share-list-close { position:absolute; top:0; right:0; width:20px; height:20px; line-height:20px; font-size:1.6rem; color:#999;}
body .share-list .weibo { background:url("../img/icon-share-weibo.png") no-repeat center 5px;}
body .share-list .qqhaoyou { background:url("../img/icon-share-qq.png") no-repeat center 5px;}
body .share-list .weixinhaoyou { background:url("../img/icon-share-weixin.png") no-repeat center 5px;}
body .share-list .pengyouquan { background:url("../img/icon-share-pengyou.png") no-repeat center 5px;}

/**/
.video-intro { background:#fff; }
.video-intro-con { width:75%; margin:auto; padding:30px 0; color:#333;}
.video-intro-title { width:100px; font-size:1.8rem; float:left;}
.video-intro-text { margin-left:100px; font-family:simsun; font-size:1.2rem; line-height:1.8em;}
.video-intro-inner-more a { color:#76c2f5; padding-left:10px;}
.video-intro-inner-more a:hover { color:#f00; }
#js-video-intro-complete { display:none; }
.video-intro-title span { display:none; width:50px; height:30px; float:right; background:url("../img/video-intro-head-more.png") no-repeat center center; overflow:hidden; text-indent:-999em;}
.video-intro-head-more-close { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

.web-intro { background:#f0f0f0; }
.mobile-web-intro { display:none; }
.web-intro-con { width:75%; margin:auto; padding:35px 0; color:#333; overflow:hidden;}
.web-intro-text {  }
.web-intro .code { float:right; padding:12px 0; border-left:1px solid #c1c2c2; width:310px;}
.web-intro .code img { display:block; width:280px; margin-left:30px;}
.web-intro h2 { width:120px; font-size:1.8rem; float:left; margin:0;}
.web-intro p { margin-left:120px; font-family:simsun; font-size:1.2rem; line-height:2em;}

.mobile-web-intro .web-intro-con { padding:25px 0; }
.mobile-web-intro h2 { width:120px; font-size:1.8rem; margin:0;}
.mobile-web-intro .code { float:right; width:200px; border-left:1px solid #c1c2c2;}
.mobile-web-intro .code img { display:block; width:142px; margin:auto;}
.mobile-web-intro p { margin-left:120px; font-family:simsun; font-size:1.2rem; line-height:1.8em; padding-right:230px; margin:10px 0 0;}

.footer { background:#3b3b39; color:#7a7a7a; padding:40px 0; font-size:1.8rem; line-height:2em; text-align:center;}


/* Download */

body .landscape { display:none; }
body.landscape { min-height:100%; width:100%; height:100%;}
body.landscape div,
body.landscape a { display:none !important;}
body.landscape .landscape { display:block !important; width:100%; height:100%; background:#000 url("../img/block.jpg") no-repeat center center;}

/**/
.page { position:fixed; left:0; bottom:2%; width:100%; z-index:100; display:block; text-align:center; display:none;}
.pageBut { margin:13px auto; height:25px; width:auto;}
.pageBut img { height:100%; width:auto; margin:auto;}
.reverse-page { transform: rotate(180deg);}

.motion-animate-up-down {
    -webkit-animation: animate-up-down 1s infinite ease-in-out;
    -moz-animation: animate-up-down 1s infinite ease-in-out;
    animation: animate-up-down 1s infinite ease-in-out;
    animation-direction: alternate;
    -webkit-animation-direction: alternate; /* Safari �?Chrome */
}
@-webkit-keyframes animate-up-down {
    0% {opacity: 1;-webkit-transform: translate(0,-5px);}
    100% {opacity: 1;-webkit-transform: translate(0,5px);}
}
@-moz-keyframes animate-up-down {
    0% {opacity: 1;-moz-transform: translate(0,-5px);}
    100% {opacity: 1;-moz-transform: translate(0,5px);}
}
@keyframes animate-up-down {
    0% {opacity: 1;transform: translate(0,-5px);}
    100% {opacity: 1;transform: translate(0,5px);}
}
.motion-animate-opacity-0 {
    -webkit-animation: animate-opacity-0 1s infinite ease-in-out;
    -moz-animation: animate-opacity-0 1s infinite ease-in-out;
    animation: animate-opacity-0 1s infinite ease-in-out;
    animation-direction: alternate;
    -webkit-animation-direction: alternate; /* Safari �?Chrome */
}
@-webkit-keyframes animate-opacity-0 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes animate-opacity-0 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes animate-opacity-0 {
    0% {opacity: 0;}
    100% {opacity: 1;}
}


.section { overflow:hidden; }
#fp-nav.right { right:5%; }
#fp-nav ul { width:44px;}
#fp-nav ul li { width:6px; height:40px; margin:8px auto;}
#fp-nav ul li a span { width:100%; height:100%;  border-radius:3px; margin:0; left:0; top:0; background:#b5b3a3;}
#fp-nav ul li a.active span { width:100%; height:100%; background:#d5b234; border-radius:3px; margin:0; left:0; top:0;}
#fp-nav ul li:hover a span,
#fp-nav ul li:hover a.active span { width:100%; height:100%; margin:0; border-radius:3px;}
#fp-nav ul { background:url("../img/side-scroll-icon.png") no-repeat center bottom; background-size:100% auto; padding-bottom:55px;}

#section0 { display:block; }
#section0 .fp-tableCell { display:block; }
.download .header { position:fixed; top:0; left:0; width:100%; z-index:2;}
.section0-bg { width:100%; height:100%; display:table; background:url("../img/down-bg-01.jpg") no-repeat; background-size:100% 100%;}
#section0 .section0-bg .fp-tableCell { display:table-cell; }
.section0-con { padding-top:70px; width:950px; margin:auto; overflow:hidden;}
.section0-phone { width:280px; float:left;}
.section0-phone img { display:block; width:100%; height:auto;}
.section0-text { width:600px; float:right; padding-top:20px;}
.section0-logo img { height:70px; display:block;}
.section0-code img { height:140px; display:block;}
.section0-text p { line-height:2em; font-size:2rem; padding:1rem 0;}
.mobile-section0-code { display:none; }

.dialog-code { position:fixed; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,.6); z-index:999; display:none;}
.dialog-code-con { width:570px; height:400px; background:#fbf6f2; position: absolute; left: 50%; top: 50%; margin-top: -200px; margin-left: -285px; border-radius:6px; border-top:8px solid #f3d76c;}
.dialog-code-close { font-size:3rem; color:#ccc; width:30px; height: 30px; position: absolute; right: 15px; top: 5px;}
.dialog-code h1 { font-size: 3.2rem; color:#000; line-height: 2em; text-align:center; font-weight: normal; padding-top:10px;}
.dialog-code dl { width:420px; margin:auto; overflow:hidden;}
.dialog-code dt { width:188px; float: left;}
.dialog-code dt img { display: block; width: 188px; }
.dialog-code dd { margin-left: 215px; }
.dialog-code dd strong { display: block; font-size: 2.8rem; color:#000; line-height: 2.8em; font-weight: normal;}
.dialog-code dd span { display: block; font-size: 2rem; color:#000; color: #666;}
.dialog-code p { text-align: center; color: #999; font-size: 1.6rem; }



/**/
#section1 { background:url("../img/down-bg-02.jpg") no-repeat; background-size:100% 100%;}
.section1-con { width: 980px; margin:auto; padding-top:70px;}
.section1-con h1,
.section1-con h2,
.section1-con ul { padding-left:60px; }
.section1-con h1 { font-size: 4.8rem; line-height: 1.8em; margin:0; font-weight:normal; color:#464646;}
.section1-con h2 { font-size: 3rem; line-height: 1.4em; margin:0; font-weight:normal; color:#464646;}
.section1-con h2 span { display:block; padding-top:5px;}
.section1-con ul { font-size: 1.8rem; line-height: 2em; color:#3b3b39; padding-top:3%;}
.section1-con li { background:url("../img/icon-triangle.png") no-repeat 0 center; padding-left:15px;}
.section1-phone img { display:block; margin-top:2%; max-width: 100%;}
.section1-phone .section1-phone-mobile { display:none; }

/**/
#section2 { background:url("../img/down-bg-03.jpg") no-repeat; background-size:100% 100%;}
.section2-con { width:1000px; margin:auto; padding-top:70px;}
.section2-con h1 { font-size: 4.8rem; line-height: 1.8em; margin:0; font-weight:normal; color:#464646; padding-left:40px;}
.section2-phone { margin-left:-30px; }
.section2-phone img { max-width:100%; display:block; }
.service { padding-top:2%; }
.service dt { width:140px; height:140px; line-height:140px; font-size:3.6rem; background-color: #f1cf4f; border-radius: 140px; text-align: center; margin:auto;}
.service dl { display:inline-block; color:#3b3b39;}
.service dd { font-size:1.8rem; text-align:center; padding-top:15px;}
.service dd span { display:block; }
.service-1 { position: relative; top:17px; }
.service-2 { margin-left:25px; }
.service-3 { margin-left:30px; position: relative; top:70px;}
.service-4 { margin-left:-5px; position: relative; top:243px;}
.section2-phone { padding-top:6%; }

/**/
#section3 { background:url("../img/down-bg-04.jpg") no-repeat; background-size:100% 100%;}
.section3-con h1,
.section3-con h2 { margin:0; }

.section3-con { width:850px; margin:auto; overflow:hidden; padding-top:48px;}
.section3-con h1 strong { font-size: 4.8rem; line-height:2em; font-weight:normal; color:#464646; overflow:hidden;}
.section3-con h1 a { float: right; color:#939186; font-size:2.4rem; font-weight:normal; line-height:6rem;}
.section3-con h1 a:hover { color:#c00; }
.video-scroll { width:100%;}
.video-item { width:100%; float:left;}
.video-item video { width:100%; }
.video-item h2 { font-size: 3rem; color:#666; font-weight:normal; line-height:2em;}

#focusDot { text-align:center; padding:10px 0 20px;}
#focusDot em { display:inline-block; width:20px; height:20px; text-align:left; text-indent:-999em; overflow:hidden; background:#888579; margin:0 10px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px;}
#focusDot .current { background:#d1ac30;}

/**/
#section4 { background:url("../img/down-bg-04.jpg") no-repeat; background-size:100% 100%;}
.section4-con h1,
.section4-con h2 { margin:0; }

.section4-con { width:850px; margin:auto; overflow:hidden; padding-top:48px;}
.section4-con h1 strong { font-size: 4.8rem; line-height:2em; font-weight:normal; color:#464646; overflow:hidden;}
.section4-con h1 a { float: right; color:#939186; font-size:2.4rem; font-weight:normal; line-height:6rem;}
.section4-con h1 a:hover { color:#c00; }
.live-scroll { width:100%;}
.live-item { width:100%; float:left;}
.live-item video { width:100%; }
.live-item h2 { font-size: 3rem; color:#666; font-weight:normal; line-height:2em;}

#livefocusDot { text-align:center; padding:10px 0 20px;}
#livefocusDot em { display:inline-block; width:20px; height:20px; text-align:left; text-indent:-999em; overflow:hidden; background:#888579; margin:0 10px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px;}
#livefocusDot .current { background:#d1ac30;}

/**/
#section5 { background:url("../img/down-bg-04.jpg") no-repeat; background-size:100% 100%;}
.section5-con h1,
.section5-con h2 { margin:0; }

.section5-con { width:850px; margin:auto; overflow:hidden; padding-top:48px;}
.section5-con h1 strong { font-size: 4.8rem; line-height:2em; font-weight:normal; color:#464646; overflow:hidden;}
.section5-con h1 a { float: right; color:#939186; font-size:2.4rem; font-weight:normal; line-height:6rem;}
.section5-con h1 a:hover { color:#c00; }
.read-scroll { width:100%;}
.read-item { width:100%; float:left;}
.read-item video { width:100%; }
.read-item h2 { font-size: 3rem; color:#666; font-weight:normal; line-height:2em;}

#readfocusDot { text-align:center; padding:10px 0 20px;}
#readfocusDot em { display:inline-block; width:20px; height:20px; text-align:left; text-indent:-999em; overflow:hidden; background:#888579; margin:0 10px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px;}
#readfocusDot .current { background:#d1ac30;}

/**/
#section6 { background:url("../img/down-bg-04.jpg") no-repeat; background-size:100% 100%;}
.section6-con h1,
.section6-con h2 { margin:0; }

.section6-con { width:850px; margin:auto; overflow:hidden; padding-top:48px;}
.section6-con h1 strong { font-size: 4.8rem; line-height:2em; font-weight:normal; color:#464646; overflow:hidden;}
.section6-con h1 a { float: right; color:#939186; font-size:2.4rem; font-weight:normal; line-height:6rem;}
.section6-con h1 a:hover { color:#c00; }
.course-scroll { width:100%;}
.course-item { width:100%; float:left;}
.course-item video { width:100%; }
.course-item h2 { font-size: 3rem; color:#666; font-weight:normal; line-height:2em;}

#coursefocusDot { text-align:center; padding:10px 0 20px;}
#coursefocusDot em { display:inline-block; width:20px; height:20px; text-align:left; text-indent:-999em; overflow:hidden; background:#888579; margin:0 10px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px;}
#coursefocusDot .current { background:#d1ac30;}

/**/
#section7 { background-color: #d1ccc5; }
.section .footer { position:absolute; bottom:0; left:0; width:100%; }
.section7-con { padding-bottom:5%; }
.section7-con h1 { font-size:2.4rem; line-height: 2em; color:#3b3b39; text-align:center; font-weight: normal;}
.down-list { text-align: center; }
.down-list img { display:inline-block; width:216px; height:216px; margin:20px 46px; border:1px solid #bcb7a3;}
.other-down-mobile { display:none; } 

.partner { text-align: center;}
.partner img { display:inline-block; width:120px; height:48px; margin:20px 25px; background-color: #fff;} 
.partner-box { width:860px; margin:20px auto 0; padding-top:10px; border-top:1px solid #93928a;}


/**/
.search-box { width:1600px; margin:auto; background-color: #fff; overflow:hidden; padding-bottom:5px;}
.search-box .search { background-color:#fff; }

.video-mod { width:1600px; margin:15px auto 0; background-color:#fff;}
.video-mod h1 { margin:0 22px; border-bottom:1px solid #f1f2f3; font-weight:normal; color:#666; font-size:2rem; line-height:2em; padding-top:10px;}
.video-mod h1 a { color:#666; }
.video-mod h1 a:hover { color:#c00; }
.video-mod-list { font-size:0; padding-bottom:20px;}
.video-mod-list a { font-size:1.6rem; display:inline-block; margin:10px 0 0 22px; width:293px; color:#666; line-height:20px;}
.video-mod-list a span { display:block; position:relative;}
.video-mod-list a em { position:absolute; right:0; bottom:0; background-color:#000; line-height:1.6em; font-size:1rem; border-radius:8px; color:#fff; padding:0 5px; font-style:normal; margin:0 5px 5px 0;}
.video-mod-list a strong { display:block; font-weight:normal; height:40px; padding-top:5px; overflow:hidden;}
.video-mod-list a img { width:100%; display:block;}
.video-mod-list a:hover { background-color:#f2f2f2; }
.video-mod-list a:hover strong { color:#000; }
.video-mod-placeholder { height:20px; overflow:hidden;}

/**/
.search-no-content { text-align:center; padding:50px 0 70px;}
.search-no-content p { display:inline-block; font-size:3rem; color:#999; padding-left:50px; background:url("../img/icon-search-no-content.png") no-repeat 0 center; background-size:auto 75%;}


@media screen and (max-width:1800px) {/* 区分超大�?*/
  .section0-con { width:750px; }
  .section0-phone { width:238px;}
  .section0-text { width:480px;}
  .section0-text p { font-size:1.6rem; padding:0;}

  .section1-con { width:680px; }
  .section1-con h1 { font-size: 3.8rem; }
  .section1-con h2 { font-size: 2.2rem; }
  .section1-con ul { font-size: 1.6rem; }

  .section2-con h1 { padding-top:0; }
  .section2-con { width:800px; }
  .section2-con h1 { font-size: 4rem; }
  .service dt { width:112px; height:112px; line-height:112px; font-size:2.9rem;}
  .service dd { font-size:1.4rem; }
  .service-1 { top:14px; }
  .service-3 { top:56px;}
  .service-4 { top:194px;}
  .section2-phone { width:70%; padding-top:4%;}

  #section3 { background-position:45% center; background-size:auto 100%;}
  .section3-con { width:650px;}
  .section3-con h1 strong { font-size: 3.6rem;}
  .section3-con h1 a { font-size:2rem; }
  .video-item h2 { font-size: 2.2rem;}
  
  #section4 { background-position:45% center; background-size:auto 100%;}
  .section4-con { width:650px;}
  .section4-con h1 strong { font-size: 3.6rem;}
  .section4-con h1 a { font-size:2rem; }
  .live-item h2 { font-size: 2.2rem;}
  
  #section5 { background-position:45% center; background-size:auto 100%;}
  .section5-con { width:650px;}
  .section5-con h1 strong { font-size: 3.6rem;}
  .section5-con h1 a { font-size:2rem; }
  .read-item h2 { font-size: 2.2rem;}

  #section6 { background-position:45% center; background-size:auto 100%;}
  .section6-con { width:650px;}
  .section6-con h1 strong { font-size: 3.6rem;}
  .section6-con h1 a { font-size:2rem; }
  .course-item h2 { font-size: 2.2rem;}

  .section7-con h1 { font-size:2.2rem;}
  .down-list img { width:180px; height:180px;}
  .partner-box { width:740px;}

  /**/
  .search-box,
  .video-mod { width:1200px; }
  .video-mod h1 { font-size:1.8rem; }
  .video-mod-list a { width:214px; margin-left:21px;}
}

@media screen and (max-width:1024px) {/* pad 横屏 */
  .search { width:558px; }
  .searchIn { width:406px; }
  .location-con { width:96%; }

  .video-title { width:96%; margin:auto;}
  .video-con { width:100%;}
  .video-con,
  .video-title h1 {  font-size:1.6rem;}
  .video-tag { padding:0;}

  .video-intro-con,
  .web-intro-con { width:92%; }
  .web-intro .code { width:360px; }

  body .share-list .weixinhaoyou { display:none; }

  .other-down-mobile { display:block; }
  .other-down { display:none; }
  .other-down-mobile .down-list img { display:block; margin:auto; padding:15px; border:1px solid #bcb7a3; background-color: #ece9e3;}

  .partner-box {  margin-top:40px; padding-top:20px;}

  /**/
  .search-box,
  .video-mod { width:100%; }
  .video-mod-list a { width:179px;}
}
@media screen and (max-width:900px) {/* pad竖屏 */
  .head-con { width:94%; }

  .search { width:408px; }
  .searchIn { width:256px; }

  .video-intro-con { padding-top:20px; }
  .video-intro-title { float:none; width:100%; line-height:2em;}
  .video-intro-text { margin-left:0;}
  .video-intro-inner-more a { display:none; }
  .video-intro-title span { display:block; }

  .web-intro h2 { float:none; }
  .web-intro p { margin-left:0; }
  .web-intro .code { width:250px; }
  .web-intro .code img { width:230px; margin-left:20px;}

  .section0-bg { background-position:35% center; background-size:auto 100%;}
  .section0-con { width:100%; }
  .section0-phone { display:none; }
  .section0-text { float:none; width:80%; margin:auto; padding-top:10px;}
  .section0-text p { font-size:1.8rem; }
  .section0-code { display:none; }
  .mobile-section0-code { display:block; padding-top:6%;}
  .mobile-section0-code img { width:70%; display:block;}

  /**/
  #section1 { background-position:22% center; background-size:auto 100%;}
  .section1-con { width:700px; }
  .section1-con h1 { font-size: 3.8rem;}
  .section1-con h2 { font-size: 2.2rem; padding-bottom:2%; padding-top:2%;}
  .section1-con ul { font-size: 1.6rem; }
  .section1-phone { padding-top:5%; }

  /**/
  #section2 { background-position:80% bottom; background-size:auto 100%;}
  .section2-con { width:100%; }
  .section2-con h1 { font-size: 3.8rem;}
  .service { width:80%; margin:auto; overflow:hidden; }
  .service dl { display:inline-block; position:static; margin:30px 0;}
  .service dl:nth-child(odd) { width:43%; }
  .service dl:nth-child(even) { width:50%; }
  .section2-phone { padding:0; margin:auto; padding-right:10%;}

  /**/
  #section3 { background-position:30% center; background-size:auto 100%;}
  
  .partner-box { width:70%; margin-top:50px; padding-top:30px;}

  /**/
  .video-mod-list { overflow:hidden; }
  .video-mod-list a { width:166px; float:left;}  
   /**/
  #section4 { background-position:30% center; background-size:auto 100%;}
  
  .partner-box { width:70%; margin-top:50px; padding-top:30px;}

  /**/
  .video-mod-list { overflow:hidden; }
  .video-mod-list a { width:166px; float:left;}
  
   /**/
  #section5 { background-position:30% center; background-size:auto 100%;}

  .partner-box { width:70%; margin-top:50px; padding-top:30px;}

  /**/
  .video-mod-list { overflow:hidden; }
  .video-mod-list a { width:166px; float:left;}

  /**/
  #section6 { background-position:30% center; background-size:auto 100%;}

  .partner-box { width:70%; margin-top:50px; padding-top:30px;}

  /**/
  .video-mod-list { overflow:hidden; }
  .video-mod-list a { width:166px; float:left;}
}

@media screen and (max-width:767px) {/* 手机横评 */
  .header { height:60px; background-size:auto 100%;}
  .head-nav a { line-height:60px; font-size:1.6rem; display:none;}
  .head-nav .kehuduan { display:inline-block; }
  .head-logo { padding-top:12px;}
  .head-logo img { height:36px; }

  .web-intro { display:none; }
  .mobile-web-intro { display:block; }

  .search,
  .location { display:none; }

  .footer { display:none; }
  .share-box { display:none; }

  /**/
  .search-box .search { display:block; }
  .search { width:300px; height:40px;}
  .searchIn { width:200px; height:40px; line-height:40px;}
  .searchSubmit { width:66px; letter-spacing:0; height:40px;}

  /**/
  .video-mod-list a { width:22%; margin-left:2.4%; font-size:1.3rem;}

  /**/
  .search-no-content p { font-size:2rem; padding-left:35px;}
}

@media screen and (max-width:450px) {/* 手机竖屏 */
  .header { height:44px; background-size:auto 100%;}
  .head-nav a { line-height:44px; font-size:1.4rem;}
  .head-logo { padding-top:8px;}
  .head-logo img { height:28px; }
  .head-nav { margin-right:-5px; }
  .head-nav a { padding:0 5px; }

  .video-con,
  .video-title h1 {  font-size:1.5rem;}
  .video-title span { padding-left:8px; }

  .video-intro-title span { background-size:auto 10px; }

  .mobile-web-intro h2 { float:none; width:100%;}
  .mobile-web-intro p { margin-left:0; padding-right:200px;}
  .mobile-web-intro .code { width:180px; padding:5px 0;}

  #fp-nav { display:none; }
  .page { display:block; }
  .section0-con { padding-top:44px; }
  .section0-text p { font-size:1.4rem; padding-top:0;}
  .mobile-section0-code img { width:80%; margin:auto;}
  .mobile-section0-code { padding-top:0; }

  /**/
  .section1-con { width:96%; margin:auto; padding-top:44px;}
  .section1-con h1 { font-size: 3.2rem; }
  .section1-con h2 { font-size: 1.7rem; padding-bottom:1%; padding-top:1%;}
  .section1-con ul { font-size: 1.4rem; }
  .section1-phone { padding-top:5%; }
  .section1-con h1,
  .section1-con h2,
  .section1-con ul { padding-left:5%; }
  .section1-phone img { display:none;}
  .section1-phone .section1-phone-mobile { display:block; }

  /**/
  .section2-con { width:100%; padding-top:0; padding-top:44px;}
  .section2-con h1 { font-size: 2.4rem; padding-left:6%;}
  .service { width:90%; margin:auto; overflow:hidden; }
  .service dl { display:inline-block; position:static; margin:5px 0; font-size:0; vertical-align:top;}
  .service dt { width:90px; height:90px; line-height:90px; font-size:2.6rem;}
  .service dl:nth-child(odd) { width:45%; }
  .service dl:nth-child(even) { width:45%; margin-left:8%;}
  .service dd span { display:inline; font-size:1.3rem; }
  .service dd { padding-top:10px; }
  .section2-phone { padding:0; margin:-20px auto 0; padding-right:10%;}

  /**/
  .section3-con { width:100%; padding-bottom:10%;}
  .section3-con h1,
  .section3-con h2 { width:96%; margin:auto;}
  .section3-con h1 strong { font-size: 2.6rem;}
  .video-item h2 { font-size: 1.6rem; line-height:3em;}
  .section3-con h1 a { line-height:3em; font-size:1.6rem;}
   #focusDot em { width:16px; height:16px; }

  .partner-box { width:90%; margin-top:30px; padding-top:15px; padding-bottom:2%;}
  .partner img { margin:10px 6px; width:80px; height:32px;}
  /**/
  .section4-con { width:100%; padding-bottom:10%;}
  .section4-con h1,
  .section4-con h2 { width:96%; margin:auto;}
  .section4-con h1 strong { font-size: 2.6rem;}
  .live-item h2 { font-size: 1.6rem; line-height:3em;}
  .section4-con h1 a { line-height:3em; font-size:1.6rem;}
   #livefocusDot em { width:16px; height:16px; }

  .partner-box { width:90%; margin-top:30px; padding-top:15px; padding-bottom:2%;}
  .partner img { margin:10px 6px; width:80px; height:32px;}
  
   /**/
  .section5-con { width:100%; padding-bottom:10%;}
  .section5-con h1,
  .section5-con h2 { width:96%; margin:auto;}
  .section5-con h1 strong { font-size: 2.6rem;}
  .read-item h2 { font-size: 1.6rem; line-height:3em;}
  .section5-con h1 a { line-height:3em; font-size:1.6rem;}
  #readfocusDot em { width:16px; height:16px; }

  .partner-box { width:90%; margin-top:30px; padding-top:15px; padding-bottom:2%;}
  .partner img { margin:10px 6px; width:80px; height:32px;}

  /**/
  .section6-con { width:100%; padding-bottom:10%;}
  .section6-con h1,
  .section6-con h2 { width:96%; margin:auto;}
  .section6-con h1 strong { font-size: 2.6rem;}
  .course-item h2 { font-size: 1.6rem; line-height:3em;}
  .section6-con h1 a { line-height:3em; font-size:1.6rem;}
  #coursefocusDot em { width:16px; height:16px; }

  .partner-box { width:90%; margin-top:30px; padding-top:15px; padding-bottom:2%;}
  .partner img { margin:10px 6px; width:80px; height:32px;}
  /**/
  .video-mod h1 { margin:0; padding-left:2%;}
  .video-mod-list a { width:47%; margin-left:0; font-size:1.4rem;}
  .video-mod-list a:nth-child(even) { margin-left:6%; }
  .video-mod-list a strong { padding-left:6px; }
  .video-mod-placeholder { display:none; }
}

@media screen and (max-width:370px) {
  .head-nav a { font-size:1.2rem;}
  .head-nav { margin-right:-3px; }
  .head-nav a { padding:0 3px; }

  .video-con,
  .video-title h1 {  font-size:1.3rem;}

  .web-intro-con { padding:25px 0; }
  .mobile-web-intro .code { width:110px; }
  .mobile-web-intro .code img { width:100px; margin-left:10px;}
  .mobile-web-intro p { padding-right:120px; line-height:1.5em; margin:0;}
  .mobile-web-intro h2 { line-height:1.6em; }

  
  .section0-text p { font-size:1.2rem;}

  /**/
  .section1-con h1 { font-size: 3rem; }
  .section1-con h2 { font-size: 1.5rem; }
  .section1-con ul { font-size: 1.2rem; }

  /**/
  .section2-con h1 { font-size: 2rem;}
  .service dt { width:80px; height:80px; line-height:80px; font-size:2.4rem;}
  .service dd { padding-top:5px; }
  .service dd span { font-size:1.2rem; }
  .service dl:nth-child(odd) { width:47%; }
  .service dl:nth-child(even) { width:47%; margin-left:4%;}

  /**/
  .section3-con h1 strong { font-size: 2rem;}
  
  .partner-box { margin-top:30px; padding-top:10px;}
  .other-down-mobile .down-list img { width:160px; height:auto;}
  
   /**/
  .section4-con h1 strong { font-size: 2rem;}
  
  .partner-box { margin-top:30px; padding-top:10px;}
  .other-down-mobile .down-list img { width:160px; height:auto;}
  
   /**/
  .section5-con h1 strong { font-size: 2rem;}

  .partner-box { margin-top:30px; padding-top:10px;}
  .other-down-mobile .down-list img { width:160px; height:auto;}

  /**/
  .section6-con h1 strong { font-size: 2rem;}

  .partner-box { margin-top:30px; padding-top:10px;}
  .other-down-mobile .down-list img { width:160px; height:auto;}
}