/*
@author: sunke
*/
body{font:14px/1.5 "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1,\9ED1\4F53","Heiti SC",tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;margin:0 auto;color:#333;min-width:1200px;background:#f8f8f8;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0;padding:0;}
img{border:0 none;vertical-align:top;}
ul,li,ol{list-style-type:none;}
i,em,address,caption,cite,code,dfn,th,var{font-style: normal;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
input,button,textarea,a,a:hover{outline:none;}
textarea{resize:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{float:left; _display:inline;}
.fr{float:right; _display:inline;}
.pr{position:relative;}
.abs{position:absolute;}
.layout{width:1200px;margin:0 auto;}
.ico,.common-tit .icon-left,.common-tit .icon-right,.video-mod .tab-con .icon,.course-mod .tab-con .con p i,.common-pop .pop-tit .close-btn{ background:url("/images/shuishou/zhuanti/gcglz/ico.png") no-repeat;}
.common-tit{ text-align:center; font-size:0; padding:62px 0 42px;}
.common-tit h2{ height:58px; line-height:58px; display:inline-block; *display:inline; *zoom:1; font-size:40px; color:#1d1e50; position:relative;}
.common-tit .icon-left,.common-tit .icon-right{ display:block; width:24px; height:24px; position:absolute; left:-41px; top:50%; margin-top:-12px; background-position:0 0;}
.common-tit .icon-right{ left:auto; right:-41px;}
.common-tit.c02 h2{ color:#5b3a11;}
.common-tit.c02 .icon-left,.common-tit.c02 .icon-right{ background-position:-25px 0;}

/**/
.topHeader-wrap{ width:100%; height:501px; background:url("/images/shuishou/zhuanti/gcglz/header.jpg") no-repeat center top;}
.topHeader-mod{ height:501px;}
.topHeader-mod h4{ width:100%; font-size:28px; color:#f4f5ff; line-height:44px; font-weight:normal; letter-spacing:8px; top:330px; left:0; text-align:center;}

/**/
.difficulty-wrap{ width:100%; height:520px; background:url("/images/shuishou/zhuanti/gcglz/difficulty-bg.jpg") no-repeat center top;}
.difficulty-mod{ height:520px;}
.difficulty-mod li{}
.difficulty-mod .pic{float:left; width:160px; height:274px; padding:18px 0 0;}
.difficulty-mod .pic.bg01{ background:url("/images/shuishou/zhuanti/gcglz/difficulty01.jpg") no-repeat;}
.difficulty-mod .pic.bg02{ background:url("/images/shuishou/zhuanti/gcglz/difficulty02.jpg") no-repeat;}
.difficulty-mod .pic p{ display:block; width:90px; height:81px; font-size:24px; color:#fff; line-height:34px; padding-top:9px; border:1px solid #aeaeb4; margin:0 auto; text-align:center;}
.difficulty-mod .text{ float:left; width:363px; height:232px; background:#fff; margin-top:18px; padding:42px 28px 0 30px;}
.difficulty-mod .text p{ display:block; line-height:37px; font-size:16px; color:#1d1e50; padding-left:16px; position:relative;}
.difficulty-mod li.fr .text p{ line-height:29px;}
.difficulty-mod li.fr .text{ padding-top:21px; height:253px;}
.difficulty-mod .text p i{ display:block; width:6px; height:6px; background:#d39f5d; border-radius:50%; position:absolute; left:0; top:16px;}
.difficulty-mod li.fr .text p i{ top:12px;}

/**/
.characteristic-mod{ padding-bottom:70px;}
.characteristic-mod ul{ width:1220px;}
.characteristic-mod li{ float:left; width:224px; height:224px; text-align:center; overflow:hidden; margin-right:20px; box-shadow:0 2px 5px 2px #e1e1e7;}
.characteristic-mod li.bg01{ background:url("/images/shuishou/zhuanti/gcglz/characteristic01.png") no-repeat center 78px #fff;}
.characteristic-mod li.bg02{ background:url("/images/shuishou/zhuanti/gcglz/characteristic02.png") no-repeat center 75px #fff;}
.characteristic-mod li.bg03{ background:url("/images/shuishou/zhuanti/gcglz/characteristic03.png") no-repeat center 74px #fff;}
.characteristic-mod li.bg04{ background:url("/images/shuishou/zhuanti/gcglz/characteristic04.png") no-repeat center 75px #fff;}
.characteristic-mod li.bg05{ background:url("/images/shuishou/zhuanti/gcglz/characteristic05.png") no-repeat center 79px #fff;}
.characteristic-mod h3{ line-height:34px; font-size:22px; color:#b48141; padding-top:37px;}
.characteristic-mod p{ line-height:26px; font-size:18px; color:#b48141; padding-top:36px;}
.characteristic-mod p.pt01{ padding-top:27px;}
.characteristic-mod .picShow-con{ width:100%; padding-top:4px; left:0; top:375px;}
.characteristic-mod .picShow-con.show-tags{ top:75px;}
.characteristic-mod .swiper-container{ height:149px;}
.characteristic-mod .pagination{ width:100%; left:0; bottom:6px; text-align:center; font-size:0;}
.characteristic-mod .arrow-left,.characteristic-mod .arrow-right{ display:block; width:30px; height:30px; position:absolute; left:22px; top:44px; background-position:-88px 0; z-index:9;}
.characteristic-mod .arrow-right{ left:auto; right:22px; background-position:-55px 0;}
.characteristic-mod .swiper-pagination-switch{ display:inline-block; *display:inline; *zoom:1; width:5px; height:5px; background:#f9c686; border-radius:50px; margin:0 4px;}
.characteristic-mod .swiper-active-switch{ background:#b48141;}
.characteristic-mod .buy-btn{ display:block; width:320px; height:52px; line-height:52px; font-size:22px; color:#fff; font-weight:bold; text-decoration:none; box-shadow:0 6px 12px #f6ddbd; background:#eabe84; margin:40px auto 0; background-image:-webkit-linear-gradient(top, #d29d5b, #eabe84); background-image:-moz-linear-gradient(top, #d29d5b, #eabe84); background-image:linear-gradient(top,#d29d5b,#eabe84); text-align:center; border-radius:3px;}

/**/
.body-warp{ width:100%;  background:url("/images/shuishou/zhuanti/gcglz/bg01.jpg") no-repeat center top; padding-top:122px;}
.transformation-mod{ height:452px; background:url("/images/shuishou/zhuanti/gcglz/transformation-bg.jpg") no-repeat center top #fff; box-shadow:0 6px 12px #f6eee4;s}
.transformation-mod .common-tit{ padding:40px 0 24px 0;}
.transformation-mod .list{ padding:0 0 0 68px;}
.transformation-mod li{ float:left; width:328px; height:272px; margin-right:40px; position:relative; overflow:hidden; box-shadow:0 6px 12px #dddada;}
.transformation-mod li.bg01{ background:url("/images/shuishou/zhuanti/gcglz/transformation01.jpg") no-repeat;}
.transformation-mod li.bg02{ background:url("/images/shuishou/zhuanti/gcglz/transformation02.jpg") no-repeat;}
.transformation-mod li.bg03{ background:url("/images/shuishou/zhuanti/gcglz/transformation03.jpg") no-repeat;}
.transformation-mod li h3{ line-height:50px; text-align:center; font-size:20px; color:#fff; font-weight:bold; padding-top:160px; position:relative;}
.transformation-mod li h3 i{ display:block; width:50px; height:4px; background:#dda55a; position:absolute; left:50%; margin-left:-25px; bottom:-4px; border-radius:1px;}
.transformation-mod li h3.on{ color:#f9c686;}
.transformation-mod li h3.on i{ display:none;}
.transformation-mod li .text{ height:196px; background:#fff; position:absolute; left:0; bottom:-196px;}
.transformation-mod li .text p{ font-size:16px; line-height:28px; padding:44px 30px 0 30px;}
.transformation-mod li.bg03 p{ padding-top:22px;}

/**/
.video-mod{}
.video-mod .tab-tit{ width:1224px; padding-bottom:24px;}
.video-mod .tab-tit .btn{ float:left; width:282px; height:68px; line-height:68px; text-decoration:none; text-align:center; background:#4a4879; font-size:24px; color:#fff; font-weight:bold; margin-right:24px;}
.video-mod .tab-tit .btn.on{ background:#d2993f;}
.video-mod .tab-con{ height:688px; background:url("/images/shuishou/zhuanti/gcglz/video-bg.jpg") no-repeat; position:relative;}
.video-mod .tab-con img{ display:block; width:1156px; height:649px; padding-top:21px; margin:0 auto;}
.video-mod .tab-con .icon{ display:block; width:151px; height:151px; background-position:0 -39px; position:absolute; left:50%; top:50%; margin:-75px 0 0 -75px;}
.video-mod .tab-con .btn{ display:block; width:1156px; height:649px; line-height:0; font-size:0; position:absolute; left:20px; top:21px; z-index:9;}
.video-mod .tab-con #playerContent{ width:1156px; height:649px !important; position:absolute; left:20px; top:21px; z-index:29;}
.video-mod .list{ width:1248px; padding:44px 0 40px;}
.video-mod .list li{ float:left; width:368px; margin-right:48px; box-shadow:0 6px 12px #e3e3e3;}
.video-mod .list .tit{ height:56px; line-height:56px; text-align:center; border-radius:3px; background:#d2993f; font-size:20px; color:#fff; font-weight:bold;}
.video-mod .list .tit i{ display:inline-block; *display:inline; *zoom:1; width:18px; height:2px; background:#fff; vertical-align:middle; margin:0 16px;}
.video-mod .list .con{ background:#fff; height:100px; position:relative; overflow:hidden;}
.video-mod .list .con p{ text-align:center; font-size:22px; color:#d2993f; line-height:28px; padding-top:24px;}
.video-mod .list .con span{ line-height:1; font-size:38px; color:#fef4e7; font-weight:bold; position:absolute; left:-4px; bottom:-6px;}

/**/
.buyBtn-warp{ width:100%; height:116px; background:url("/images/shuishou/zhuanti/gcglz/btn-wrap.jpg") no-repeat center top;}
.buyBtn-mod{ padding-top:34px;}
.buyBtn-mod .btn{ display:block; width:270px; height:48px; line-height:48px; text-align:center; text-decoration:none; margin:0 auto; font-size:22px; font-weight:bold; color:#faddba;}

/**/
.course-bg{ width:100%; height:630px; background:url("/images/shuishou/zhuanti/gcglz/course-bg.jpg") no-repeat center top;}
.course-mod{}
.course-mod .tab-tit{ width:1224px;}
.course-mod .tab-tit a{ float:left; display:block; width:198px; height:68px; line-height:86px; margin-right:24px; text-decoration:none; font-size:20px; font-weight:bold; position:relative; background:#f1f0f4; padding-left:84px; background-image:-webkit-linear-gradient(top, #fff, #f1f0f4); background-image:-moz-linear-gradient(top, #fff, #f1f0f4); background-image:linear-gradient(top,#fff,#f1f0f4);}
.course-mod .tab-tit span{ display:block; width:84px; height:68px; line-height:68px; font-size:44px; color:#c1c1c1; text-align:center; position:absolute; left:0; top:0;}
.course-mod .tab-tit a.on{ background:#352e6a; color:#fff;}
.course-mod .tab-tit a.on span{ color:#7d789c;}
.course-mod .tab-con{ display:none; background:#fff; padding:16px 68px 44px 68px;}
.course-mod .tab-con h3{ font-size:18px; color:#1d1e50; line-height:58px; text-align:center;}
.course-mod .tab-con .con{ float:left; width:676px; height:188px; background:#f8f8f8; padding:33px 30px 0 30px;}
.course-mod .tab-con .con p{ line-height:30px; font-size:18px; padding-left:24px; position:relative;}
.course-mod .tab-con .con p i{ display:block; width:14px; height:13px; background-position:0 -219px; position:absolute; left:0; top:10px;}
.course-mod .tab-con .btn{ display:block; float:right; width:328px; height:221px; line-height:221px; text-align:center; font-size:18px; color:#fff; text-decoration:underline; font-weight:bold; background:url("/images/shuishou/zhuanti/gcglz/course-bg01.jpg") no-repeat;}


/**/
.mask{display:none; width:100%;z-index:98;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;}
.common-pop{ display:none; width:800px; position:fixed; left:50%; margin-left:-400px; top:50%; z-index:99; background:#fff; border-radius:8px;}
.common-pop .pop-tit{background:#f4f5f5; height:56px; border-radius:8px;}
.common-pop .pop-tit h3{ float:left; line-height:56px; font-size:18px; padding-left:37px;}
.common-pop .pop-tit .close-btn{ display:block; float:right; width:16px; height:15px; margin:21px 20px 0 0; background-position:-23px -219px;}
.common-pop .con{ background:#fff; border-radius:0 0 8px 8px; padding:20px 0 20px 37px;}
.common-pop .con .text{ float:left; width:422px; font-size:16px; line-height:28px;}
.common-pop .con .text.w340{ width:340px;}
.common-pop .con .text.w363{ width:363px;}

/**/
.contact-wrap{ width:100%; height:436px; background:url("/images/shuishou/zhuanti/gcglz/contact-bg.jpg") no-repeat center top;}
.contact-mod{ height:436px;}
.contact-mod .title{ line-height:62px; text-align:center; color:#fff; padding:90px 0 52px; font-size:40px; font-weight:bold;}
.contact-mod ul{ padding:0 0 0 50px;}
.contact-mod li{ float:left; width:184px; color:#fff; line-height:25px;}

/**/
.dataFix-btn{ display:block; width:64px; height:172px; text-align:center; line-height:25px; padding-top:12px; font-size:18px; color:#fff;background:url("/images/shuishou/zhuanti/gcglz/data-fix.png") no-repeat; position:fixed; right:0; top:50%; margin-top:-92px;}
.dataFix-btn:hover{ text-decoration:none;}
.freeData-pop{ width:574px; margin-left:-287px;}
.freeData-pop .title{ height:103px; background:url("/images/shuishou/zhuanti/gcglz/freeData-tit.png") no-repeat;}
.freeData-pop .title .close-btn{ display:block; width:16px; height:15px; right:20px; top:19px; background-position:-49px -219px;}
.freeData-pop .con{ background:#fff; border-radius:0 0 8px 8px;}
.freeData-pop .con ul{ width: 410px; margin: 0 auto; padding: 10px 0 30px;}
.freeData-pop .con ul li{ margin-bottom: 15px;}
.freeData-pop .con ul li span{ display: inline-block;*display: inline;*zoom: 1; width: 68px; padding-right: 30px;}
.freeData-pop .con ul li input{ border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; padding: 0 15px; height: 40px; line-height: 40px; width:270px; font-size: 16px; color: #333;}
.freeData-pop .con ul li.submitBtn{ margin-top: 30px;}
.freeData-pop .con ul li.submitBtn a{ display: block; width: 295px; height: 60px; text-decoration:none; line-height: 60px; text-align: center; margin: 0 auto; color: #fff; font-size: 20px; border-radius: 30px;
    background: #4072f3;
    background: -webkit-linear-gradient(top, #daa154, #e7b46f);
    background: -o-linear-gradient(top, #daa154, #e7b46f);
    background: -moz-linear-gradient(top, #daa154, #e7b46f);
    background: linear-gradient(top, #daa154, #e7b46f);}
.freeData-pop .con ul li input::-webkit-input-placeholder{
    color:#ccc; opacity:1;
}
.freeData-pop .con ul li input:-moz-placeholder{
    color:#ccc; opacity:1;
}
.freeData-pop .con ul li input::-moz-placeholder{
    color:#ccc; opacity:1;
}
.freeData-pop .con ul li input:-ms-input-placeholder{
    color:#ccc; opacity:1;
}