@charset "utf-8";
/* 
    author:PengJin;
    date:2019-08-16;
*/

/* --banner-- */
.banner{clear:both;position:relative;z-index:1;width:100%;height:824px;overflow:hidden;}
.banner .hd{position:absolute;left:0;bottom:170px;width:100%;height:11px;text-align:center;}
.banner .hd li{display:inline-block;*display:line;*zoom:1;margin:0 8px;width:11px;height:11px;text-indent:-9999px;cursor:pointer;background:#fff;border-radius:6px;}
.banner .hd li.cur{width:26px;background:#4260AC;transition:all 1s;}
.banner .bd,.banner .bd ul{height:824px;}
.banner .bd li{width:100%;height:824px;}
.banner .bd li a{display:block;height:824px;background-repeat:no-repeat;background-position:center;}
.banner .prev,.banner .next{position:absolute;z-index:999;top:50%;margin-top:-26px;width:58px;height:58px;opacity:0;cursor:pointer;transition: all 1s;}
.banner .prev{left:2%;background:#4260AC url(img/banner_prev.png) no-repeat center;}
.banner .next{right:2%;background:#4260AC url(img/banner_next.png) no-repeat center;}
.banner:hover .prev,.banner:hover .next{opacity:1;}
/* --end banner-- */

/* --chart-- */
.chart{position:relative;z-index:3;margin-top:-134px;width:100%;height:134px;overflow:hidden;background:url(img/chart_bg.png);}
.chart .item{float:left;width:20%;text-align:center;color:#fff;background:url(img/chart_line.png) no-repeat right center;}
.chart .item:last-child{background-image:none;}
.chart .item span{display:block;margin-top:32px;height:45px;line-height:45px;font-size:14px;}
.chart .item span em{font-size:36px;font-weight:bold;}
.chart .item p{height:30px;line-height:30px;font-size:16px;}
/* --end chart-- */

/* --project-- */
.project{padding:70px 0;height:690px;overflow:hidden;background:url(img/project_bg.jpg) no-repeat center 0;}
.project .wrap-title i{background:#4260AC;}
.project-inner{position:relative;margin-top:8px;height:562px;overflow:hidden;}
.project-inner .item{position:absolute;padding:30px 36px;overflow:hidden;}
.project-inner .item .hd{position:relative;padding-bottom:15px;height:40px;overflow:hidden;}
.project-inner .item .hd strong{display:block;font-size:18px;color:#4260AC;}
.project-inner .item .hd em{display:block;font-size:12px;color:#999;text-transform:uppercase;}
.project-inner .item .hd a.more{display:block;position:absolute;right:0;top:5px;width:50px;height:30px;line-height:30px;font-size:12px;color:#8b8b8b;background:url(img/more01.png) no-repeat right center;}
.project-inner .item .hd a.more:hover{color:#4260AC;background-image:url(img/more01_cur.png);}
.project-inner .item .bd{padding:20px 0;overflow:hidden;background:url(img/project_line.png) no-repeat 0 0;}
.project-inner .item .bd li{float:left;width:50%;height:30px;line-height:30px;font-size:14px;overflow:hidden;}
.project-inner .item .bd li a{display:block;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.project-inner .item .bd li a:hover{color:#4260AC;}
.project-inner .item .pic{display:none;margin-top:20px;overflow:hidden;}
.project-inner .item .pic img{display:block;width:100%;transition:all 1s;}
.project-inner .item .pic a:hover img{transform:scale(1.1);}
.project-inner .item-1{top:0;left:0;width:320px;height:500px;}
.project-inner .item-1 .pic{display:block;}
.project-inner .item-2{top:0;left:420px;width:320px;height:208px;}
.project-inner .item-3{top:296px;left:420px;width:320px;height:208px;}
.project-inner .item-3 .bd li{width:100%;}
.project-inner .item-4{top:0;right:0;width:290px;height:180px;}
.project-inner .item-5{top:244px;right:0;width:290px;height:132px;}
.project-inner .item-6{top:464px;right:0;width:290px;height:38px;}
.project-inner .item-6 .bd{display:none;}
/* --end project-- */

/* --problem-- */
.problem{padding:70px 0;overflow:hidden;background:#fff;}
.problem-list{overflow:hidden;}
.problem-list .item{float:left;width:16.66%;text-align:center;}
.problem-list .item i{display:block;margin:0 auto;width:146px;height:146px;overflow:hidden;}
.problem-list .item i img{display:block;width:146px;height:146px;}
.problem-list .item p{margin:25px auto 0;width:116px;font-size:16px;color:#323232;}
/* --end problem-- */

/* --adv-- */
.adv{padding:70px 0;height:600px;overflow:hidden;background:url(img/adv_bg.jpg) repeat-y center 0;}
.adv-fist{float:left;padding:16px;width:584px;height:480px;overflow:hidden;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.2);}
.adv-fist .pic{width:584px;height:266px;overflow:hidden;}
.adv-fist .pic img{display:block;width:100%;}
.adv-fist .text{padding-top:30px;overflow:hidden;}
.adv-fist .text .tit{float:left;padding:5px 3px 5px 3px;background:url(img/adv01_tit.png) no-repeat right center;}
.adv-fist .text .tit h3{width:75px;font-size:18px;color:#333;}
.adv-fist .text .tit p{margin-top:5px;font-size:12px;color:#999;text-transform:uppercase;}
.adv-fist .text .summary{float:left;padding-left:15px;height:170px;line-height:25px;width:358px;font-size:14px;color:#4d4d4d;overflow:hidden;}
.adv-fist .text .btnBox{float:left;padding:30px 15px 15px;text-align:center;overflow:hidden;}
.adv-fist .text .btnBox a{display:block;width:100px;height:35px;line-height:35px;color:#fff;background:#4260AC;border-radius:18px;box-shadow:0 4px 16px rgba(29, 55, 193, 0.4);}
.adv-list{float:right;width:584px;}
.adv-list .item{float:left;margin-left:12px;margin-bottom:12px;padding:20px;width:240px;height:210px;text-align:center;overflow:hidden;background:url(img/adv_item.png); background-size:100%; background-repeat: round ;}
.adv-list .item .tit{padding-bottom:15px;overflow:hidden;background:url(img/adv02_tit.png) no-repeat center bottom;}
.adv-list .item .tit h3{height:25px;line-height:25px;font-size:18px;color:#333;}
.adv-list .item .tit p{height:18px;line-height:18px;font-size:12px;color:#999;}
.adv-list .item .summary{margin-top:15px;padding:0 2px;height:148px;line-height:25px;font-size:14px;color:#666;overflow:hidden;}
/* --end adv-- */

/* --salon-- */
.salon{padding:70px 0;overflow:hidden;background:#fafafa;}
.photos{position:relative;float:left;margin-top:10px;width:616px;height:416px;overflow:hidden;}
.photos .bd li{position:relative;width:616px;height:416px;overflow:hidden;}
.photos .bd li img{display:block;width:616px;height:416px;}
.photos .bd li p{position:absolute;left:0;bottom:0;width:100%;height:68px;line-height:68px;font-size:16px;color:#fff;text-indent:34px;background:#323232\9;background:rgba(50,50,50,0.4);}
.photos .hd{position:absolute;right:0;bottom:22px;padding-right:36px;width:40%;height:22px;line-height:22px;text-align:right;}
.photos .hd li{display:inline-block;margin-left:6px;width:22px;height:22px;text-align:center;font-size:12px;color:#fff;cursor:pointer;background:#323232\9;background:rgba(50,50,50,0.4);}
.photos .hd li.cur{background:#9bcc4e\9;background:rgba(78, 133, 204, 0.6);}
.course{float:right;padding:0 6px;width:560px;overflow:hidden;}
.course .tempWrap{overflow:visible !important;}
.course .bd{}
.course .bd .item{margin-top:10px;padding:20px 25px;overflow:hidden;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.08);}
.course .bd .text{float:left;width:350px;}
.course .bd .text h3{margin-bottom:8px;height:32px;line-height:32px;font-size:18px;color:#333;/*text-indent:-8px;*/overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.course .bd .text h3 a{color:#333;}
.course .bd .text p{height:26px;line-height:26px;font-size:14px;color:#4d4d4d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.course .bd .btnBox{float:right;width:118px;text-align:center;}
.course .bd .btnBox a{display:block;margin:5px auto;width:100px;height:34px;line-height:34px;font-size:14px;color:#474747;border:#ddd solid 1px;border-radius:17px;}
.course .bd .btnBox a:hover{color:#fff;background:#4260AC;border-color:#4260AC;box-shadow:0 4px 5px rgba(29, 55, 193, 0.4)}
/* --end salon-- */

/* --case-- */
.case{padding:70px 0;height:919px;overflow:hidden;background:url(img/case_bg.jpg) no-repeat center 0;}
.case-first{position:relative;float:left;width:800px;height:354px;overflow:hidden;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.case-first .text{float:left;padding:30px 25px;width:216px;height:294px;overflow:hidden;}
.case-first .tit{padding-bottom:22px;overflow:hidden;background:url(img/project_line.png) no-repeat 0 bottom;}
.case-first .tit h3{height:30px;line-height:30px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-first .tit h3 a{color:#333;}
.case-first .tit p{height:18px;line-height:18px;font-size:12px;color:#999;}
.case-first .summary{margin:28px 0;height:120px;line-height:30px;font-size:14px;color:#4d4d4d;overflow:hidden;}
.case-first .summary p{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-first .btnBox{text-align:center;overflow:hidden;}
.case-first .btnBox a{display:inline-block;margin:0 3px;width:98px;height:34px;line-height:34px;font-size:14px;color:#474747;border:#ddd solid 1px;border-radius:17px;}
.case-first .btnBox a:hover{color:#fff;background:#4260AC;border-color:#4260AC;box-shadow:0 4px 5px rgba(129,193,29,0.4)}
.case-first .pic{float:right;width:534px;height:354px;overflow:hidden;}
.case-first .pic img{display:block;width:534px;height:354px;transition:all 1s;}
.case-first:after{display:block;position:absolute;right:0;bottom:0;width:30px;height:30px;content:"";background:url(img/case_read.png) no-repeat;}
.case-first:hover:after{background-image:url(img/case_cur.png);}
.case-first:hover .tit h3 a{color:#4260AC;}
.case-first:hover .pic img{transform:scale(1.1);} 
.partner{float:right;padding:20px;width:350px;height:314px;overflow:hidden;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.partner .tit{margin-top:6px;height:28px;line-height:28px;overflow:hidden;}
.partner .tit span{font-size:16px;color:#333;}
.partner .tit em{font-size:12px;color:#999;}
.partner-list{padding-top:12px;width:370px;overflow:hidden;}
.partner-list li{float:left;margin-top:3px;margin-right:18px;width:166px;height:86px;overflow:hidden;}
.partner-list li img{display:block;width:100%;transition:all 1s;}
.partner-list li:hover img{transform:scale(1.1);}
.case-list{width:1213px;}
.case-list .item{position:relative;float:left;margin-top:13px;margin-right:13px;width:290px;height:328px;overflow:hidden;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.case-list .item:after{display:block;position:absolute;right:0;bottom:0;width:30px;height:30px;content:"";background:url(img/case_read.png) no-repeat;}
.case-list .pic{width:290px;height:194px;overflow:hidden;}
.case-list .pic img{display:block;width:290px;height:194px;transition:all 1s;}
.case-list .text{padding:10px 30px;overflow:hidden;}
.case-list .text h3{height:50px;line-height:25px;font-size:16px;overflow:hidden;} 
.case-list .text h3 a{color:#333;}
.case-list .text p{height:25px;line-height:25px;font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case-list .item:hover:after{background-image:url(img/case_cur.png);}
.case-list .item:hover .text h3 a{color:#4260AC;}
.case-list .item:hover .pic img{transform:scale(1.1);}
.case .more{clear:both;padding-top:50px;padding-bottom:10px;text-align:center;overflow:hidden;}
.case .more a{display:block;margin:0 auto;width:220px;height:44px;line-height:44px;font-size:14px;color:#fff;background:#4260AC;border-radius:22px;box-shadow:0 4px 5px rgba(29, 55, 193, 0.4);}
/* --end case-- */

/* --aboutus-- */
.aboutus{padding:70px 0;overflow:hidden;background:#fff;}
.aboutus .wrap-title{padding-bottom:20px;}
.aboutus .summary{margin:0 auto 40px;width:835px;line-height:28px;font-size:16px;color:#4d4d4d;text-align:center;overflow:hidden;}
.aboutus-slide{position:relative;float:left;width:610px;height:382px;overflow:hidden;}
.aboutus-slide .bd li{position:relative;width:610px;height:382px;overflow:hidden;}
.aboutus-slide .bd li img{display:block;width:610px;height:382px;transition:all 1s;}
.aboutus-slide .bd li span{display:block;position:absolute;left:35px;bottom:22px;/*width:134px;*/ padding:0px 5px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;background:#323232\9;background:rgba(50,50,50,0.32);}
.aboutus-slide .bd li:hover img{transform:scale(1.1);}
.aboutus-slide .hd{position:absolute;right:0;bottom:22px;padding-right:36px;width:40%;height:22px;line-height:22px;text-align:right;}
.aboutus-slide .hd li{display:inline-block;margin-left:6px;width:22px;height:22px;text-align:center;font-size:12px;color:#fff;cursor:pointer;background:#323232\9;background:rgba(50,50,50,0.4);}
.aboutus-slide .hd li.cur{background:#9bcc4e\9;background:rgba(78, 133, 204, 0.6);}
.aboutus-list{float:right;width:578px;height:382px;overflow:hidden;}
.aboutus-list ul{width:604px;}
.aboutus-list ul li{position:relative;float:left;margin-right:20px;margin-bottom:28px;width:279px;height:177px;overflow:hidden;}
.aboutus-list ul li img{display:block;width:279px;height:177px;transition:all 1s;}
.aboutus-list ul li span{display:block;position:absolute;left:35px;bottom:22px;width:134px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;background:#323232\9;background:rgba(50,50,50,0.32);}
.aboutus-list ul li:hover img{transform:scale(1.1);}
/* --end aboutus-- */

/* --Chain-- */
.Chain{padding:70px 0;overflow:hidden;background:#f6f6f6;}
.Chain-list{width:1216px;overflow:hidden;}
.Chain-list .item{position:relative;float:left;margin-right:16px;width:136px;height:208px;cursor:pointer;}
.Chain-list .pic{width:136px;height:208px;overflow:hidden;}
.Chain-list .pic img{display:block;width:136px;height:208px;}
.Chain-list .text{position:absolute;z-index:1;left:0;top:0;width:136px;height:208px;text-align:center;}
.Chain-list .text i{display:block;margin:30px auto 0;width:70px;height:70px;overflow:hidden;transition:all 1s;}
.Chain-list .text i img{display:block;width:70px;height:70px;}
.Chain-list .text strong{display:block;margin-top:10px;height:25px;line-height:25px;font-size:18px;color:#fff;overflow:hidden;}
.Chain-list .text p{height:20px;line-height:20px;font-size:11px;color:#eee;letter-spacing:-0.5px;overflow:hidden;}
.Chain-list .pop{position:absolute;z-index:-1;top:0;width:0;padding:29px 45px;height:150px;line-height:30px;overflow:hidden;opacity:0;background:#4260AC;transition:all 0.2s;}
.Chain-list .pop p{height:30px;line-height:30px;font-size:14px;color:#fff;}
.Chain-list .pop p a{color:#fff;}
.Chain-list .item-1 .pop,.Chain-list .item-2 .pop,.Chain-list .item-3 .pop,.Chain-list .item-4 .pop{left:100%;border-left:#6C87CC solid 1px;}
.Chain-list .item-5 .pop,.Chain-list .item-6 .pop,.Chain-list .item-7 .pop,.Chain-list .item-8 .pop{right:100%;border-right:#6C87CC solid 1px;text-align:right;}
.Chain-list .item:hover .text{background:#4260AC;}
.Chain-list .item:hover .pop{width:214px;z-index:2;opacity:1;}
/* --end Chain-- */

/* --news-- */
.news{padding:70px 0;overflow:hidden;background:url(img/news_bg.jpg) no-repeat center 0;}
.news .wrap-title{padding-bottom:30px;}
.news-tab{overflow:hidden;}
.news-menu{margin-bottom:20px;height:40px;line-height:40px;text-align:center;overflow:hidden;}
.news-menu li{display:inline-block;}
.news-menu li a{display:block;padding:0 20px;font-size:16px;color:#666;}
.news-menu li.cur a,.news-menu li:hover a{color:#4260AC;} 
.news-group{position:relative;padding-top:5px;height:358px;overflow:hidden;}
.news-group .tag{position:absolute;z-index:33;top:0;left:0;width:148px;height:44px;line-height:44px;text-align:center;font-size:18px;font-weight:bold;color:#fff;background:url(img/news_tag.png) no-repeat;}
.news-group .pic{width:646px;height:358px;overflow:hidden;}
.news-group .pic img{display:block;width:646px;height:358px;transition:all 1s;}
.news-group .pic a:hover img{transform:scale(1.1);}
.news-group .list{position:absolute;right:0;top:5px;padding:20px 30px 20px 60px;width:480px;height:318px;overflow:hidden;background:url(img/news_list_bg.png) no-repeat;}
.news-group .item{position:relative;padding:6px 0;border-bottom:#e4e4e4 solid 1px;}
.news-group .item:last-child{border-bottom:none;}
.news-group .item:after{display:block;position:absolute;left:0;bottom:-1px;width:0;height:1px;content:"";background:#b0cf8a;transition:all 0.5s;}
.news-group .tit{height:35px;line-height:35px;overflow:hidden;}
.news-group .tit em{float:right;font-size:14px;color:#808080;}
.news-group .tit h3{width:310px;font-size:16px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-group .tit h3 a{color:#333;}
.news-group .tit h3 a:hover{color:#4260AC;}
.news-group .summary{display:none;margin:6px 0;height:52px;line-height:26px;font-size:14px;color:#4d4d4d;overflow:hidden;}
.news-group .summary a{color:#4d4d4d;}
.news-group .item.cur:after{width:30px;}
.news-group .item.cur .summary{display:block;}
.news-group .item.cur .tit h3{width:340px;font-weight:bold;}
.news .more{clear:both;padding-top:50px;text-align:center;overflow:hidden;}
.news .more a{display:block;margin:0 auto;width:98px;height:34px;line-height:34px;font-size:12px;color:#333;border:#ccc solid 1px;border-radius:17px;}
.news .more a:hover{color:#fff;background:#4260AC;border-color:#4260AC;}
/* --end news-- */

.fu {
    position: fixed;
    top: 50%;
    left: 38%;
    transform: translateY(-50%);
    z-index: 9999;
}
.dian {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50px;
    background: #eee;
    z-index: 1;
    cursor: pointer;
}
.tu {
    background: #fff;
    border: 1px solid #eee;
}

/* --flinks-- */
.flinks{padding:10px 0;line-height:30px;font-size:12px;overflow:hidden;background:#121212;}
.flinks .addlinks{display:block;float:right;width:85px;color:#bbb;background:url(img/flinks_add.png) no-repeat 65px center;}
.flinks .addlinks:hover{color:#fff;}
.flinks dl{overflow:hidden;}
.flinks dt{float:left;width:90px;text-align:right;font-weight:bold;color:#bbb;}
.flinks dd{padding:0 20px;overflow:hidden;}
.flinks dd a{display:inline-block;padding:0 20px;color:#bbb;}
.flinks dd a:hover{text-decoration:underline;}
/* --end flinks-- */