*{margin: 0;padding: 0;}
li{list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
body{font-size: 13px;font-family: '微软雅黑';color: #666;}
img{vertical-align: top;}
a{text-decoration: none;color: inherit;}
.clearfix::after{content: '';display: block;height: 0;clear: both;}
/* head */
header{width: 1200px;height: 75px;margin: 0 auto;padding-top:25px;}
header .logo{width: 500px;float: left;}
header .logo img{vertical-align: middle;margin-right: 10px;}
header .tel{width: 200px;float: right;text-align: center}
header .tel .t-top{font-size:14px;color:#BBB;}
header .tel .t-bot{font-size:20px;font-weight: bold;}
header .tel img{margin-top:2px;}
.line{ height:1px; clear:both; font-size:0px; background:#e6e6e6;}
/* nav */
nav{width: 1200px;margin: -1px auto;}
nav a{display: inline-block;padding:0 30px;height: 60px;text-align: center;line-height: 60px;font-size:14px;}
nav a.on{color:#770774;font-weight: 600;border-top:2px solid #770774;}
nav a:hover{color:#770774;font-weight: 600;border-top:2px solid #770774;}
/* 培训项目 */
.pro{width: 1200px;margin: 0 auto;}
.comm-title{margin:70px auto 50px;width: 315px;text-align: center;}
.comm-title h2{font-size: 24px;color:#000;}
.comm-title p{margin-top:5px;color:#bbb;font-size:13px;}
.pro-list{width: 100%;}
.pro-list li{width: 380px; float: left;margin:10px 10px;}
.pro-list li .pro-dec{width: calc(100% - 60px);padding:20px 30px;background:#F8F8F8;}
.pro-list li .pro-dec p{color:#bbb;margin-top:10px;display: inline-block;}
.pro-list li .pro-dec a{float: right;margin-top:-15px;}
/* 师资力量 */
.sz{width: 100%;background:#F8F8F8;margin-top:80px;border-top:1px solid transparent;padding-bottom:70px;}
.sz .sz-people{width: 1200px;margin:0 auto;}
.sz-people li{background: #fff;width: 380px;float: left;margin:10px 10px;}
.sz-people li .sz-title{width:calc(100% - 40px);padding: 25px 20px;}
.sz-people li .sz-title-top{border-bottom:1px solid #eee; }
.sz-people li .sz-title-top h2{color:#444;font-size:18px;}
.sz-people li .sz-title-top p{color:#444;font-size:14px;margin:10px 0;}
.sz-people li .sz-dec{margin-top:10px;color:#B1B1B1;line-height: 23px;}
/* 课程介绍 */
.kc{width: 1200px;margin: 0 auto 70px;}
.kc-imgbox {text-align: center;position: relative;height: 35px;margin:20px auto;}
.kc-imgbox .kc-line{position: absolute;z-index:-1;top:17px;left: 0px;width: 100%;height: 1px;background: #E6E6E6;}
.k-width{width: 900px;}
.k-width > div{text-align: center;width: 300px;}
.k-width .k-p-left{float: left;}
.k-width .k-p-right{float: right;}
.k-width > div h2{font-size:20px;margin:15px auto}
.k-width > div p{font-size:13px;color:#A9A9A9;line-height: 22px;text-align: left;margin-bottom:20px;}
.k-width > div a{display: inline-block;width:160px;height: 40px;line-height: 40px;color:#fff;font-weight: 500;background:#770774;border-radius:5px; }
.k-p-bot{float: right;}

/* 国际项目 */
.gj{width: 1200px;margin: 0 auto 80px;}
.gj-content > div{width: 585px;float: left;}
.gj-content > div h2{margin:20px 0 10px 0;font-size:20px;}
.gj-content > div p{font-size:14px;color:#bbb;}
.gj-content .gj-right{float: right;}
/* 相关视频 */
.videobox{width: 100%;background:#F8F8F8;padding:1px 0 80px 0;}
.videobox .video{width: 1200px;margin:0 auto;}
.videobox .video ul li{width: 285px;text-align: center;float: left;margin:0 7px;}
.videobox .video ul li p{margin-top:25px;font-size:18px;}
/* 教学环境 */
.jx{width: 1200px;margin:70px auto}
.jx-top .jx-top-left{float: left;}
.jx-top .jx-top-right{width:720px;float: right;}
.jx-top .jx-top-right ul li{float: left;}
.jx-bot .jx-top-left{float: left;width: 720px}
.jx-bot .jx-top-right{float: right;}
.jx-bot .jx-top-left ul li{float: left;}
/* 关于我们 */
.about{position: relative;height: 670px;}
.about .about-box{width: 1160px;height: 440px;margin:0 auto 80px;box-shadow: 0px 0px 2px 1px #eee;padding:50px 20px 0;
    position: absolute;top:100px;left: 50%;margin-left:-600px;background:#fff;
}
.about-box .comm-title{margin-top:0;}
.about-d-left{float: left;width: 680px;line-height: 24px;}
.about-d-left p{ padding-left:20px; padding-top: 10px; }
.about-d-right{float: right; width: 436px;height: 301px;box-shadow: 0px 0px 2px 1px #eee; margin-right: 20px;}
/* foot */
.foot{width: 100%;background:#F6F6F6;padding:40px 0 20px 0;}
.foot .f-content{width: 1200px;margin:0 auto;border-bottom:1px solid #e6e6e6;padding-bottom: 20px;}
.foot .f-content > div{float: left;}
.foot .f-content > div:nth-child(1){width:40%}
.foot .f-content > div:nth-child(2){width:40%}
.foot .f-content > div:nth-child(3){width:20%}
.foot .f-content > div h2{font-size:18px;color:#000;}
.foot .f-content > div .address{margin-top:30px;}
.foot .f-content > div .address p{font-size:13px;line-height: 30px;}
.foot .f-content > div .address a{display: inline-block;width: 160px;height: 40px;line-height: 40px;text-align: center;color:#fff;background:#770774;margin-top:10px;border-radius:5px;}
.coperight{margin:20px auto 0;width: 1200px; color:#999;}
/* 悬浮客服 */
.qq{position:fixed;right:10px;top:50%;width: 40px;}
.qq ul {border:1px solid #ccc;background:#fff;}
.qq ul li{width: 100%;height: 40px;text-align: center;border-top:1px solid #ccc;}
.qq ul li a{display: inline-block;width: 100%;height: 100%;background-position: center center;background-repeat: no-repeat}
.myqq{border: none !important;}
.myqq a{background-image: url(../images/icon1_def.png)}
.mywx a{background-image: url(../images/icon2_def.png)}
.mytel a{background-image: url(../images/icon3_def.png)}
.gotop a{background-image: url(../images/icon4_def.png)}
.myqq:hover a{background-color: #770774;background-image:  url(../images/icon1_pre.png)}
.mywx:hover a{background-color: #770774;background-image:  url(../images/icon2_pre.png)}
.mytel:hover a{background-color: #770774;background-image:  url(../images/icon3_pre.png)}
.gotop:hover a{background-color: #770774;background-image:  url(../images/icon4_pre.png)}

/* article */
.arc-title{height: 60px;line-height: 60px;border-bottom:1px solid #e6e6e6; background:#f8f8f8; }
.arc-t-box{width: 1200px;margin:0 auto}
.arc-title .arc-t-left{float: left;}
.arc-title h2{font-size:22px;color:#444;display: inline-block;}
.arc-title span{font-size:13px;margin-left:10px;color:#bbbbbb;}
.arc-title .arc-t-right{float: right; color:#bbbbbb; }
.arc-title a{color: #999999;}
.arc-title a:hover{color: #770774;}
.arc-content > div .con-left a{display: inline-block;width: 160px;height: 40px;line-height: 40px;text-align: center;color:#fff;background:#770774;margin-top:10px;border-radius:5px;}

/* content */
.arc-content{width: 1200px;margin:50px auto}
.con-left{float: left; text-align: center}
.con-left p{font-size:18px;margin-top:20px;}
.con-right{width:770px;float: right;}
.con-main{margin-bottom:20px;}
.con-main h2{font-size:16px;color:#444;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #e6e6e6;}
.con-main p{line-height:24px;font-size:13px;color:#999;}

/* pro */
.pro-content{width: 1200px;margin:50px auto}
.pro-left{float: left; text-align: center; width: 585px; padding-top: 30px;}
.pro-left img{margin-bottom:30px;}
.pro-right{width:585px;float: right; padding-top: 30px;}
.pro-main{margin-bottom:20px;}
.pro-main h2{font-size:16px;color:#444;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #e6e6e6; text-align:center; }
.pro-main p{line-height:24px;font-size:13px;color:#999; padding-bottom: 15px;}

/* video */
.video-content{width: 1200px;margin:50px auto}
.video-main{margin-bottom:20px; text-align: center;}
.video-main h2{font-size:16px;color:#444;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #e6e6e6; text-align:center; margin-top:30px;  }
.video-main p{line-height:24px;font-size:13px;color:#999; padding-bottom: 15px; text-align: left;}