﻿/* CSS Document */
body, html, ul, li, h1, h2, h3, h4, h5, h6, ol, img, span, p, a, i, b, em, form, label, input {margin: 0;padding: 0;}
em {font-style: normal;}
img {border: none;display: block;}
a {text-decoration: none;}
li {list-style: none;}
tr, th, td, tbody, thead, table {border: none;margin: 0;padding: 0}
table {border-collapse: collapse;border-spacing: 0}
button {border: none}
a {color: #fff;cursor: pointer;}
h1, h2, h3, h4, h5, h6, b, i {font-weight: normal;font-style: normal}
.fl {float: left}
.fr {float: right}
.clear {clear:both;height:0;overflow:hidden;}
.clearfix:after {visibility: hidden;display: block;font-size:0;content: " ";clear: both;height: 0;}
.clearfix{zoom:1}
.btn1{ display: block; width:280px; margin: 0 auto; margin-top:40px; padding: 10px 40px;  background-color:#fff100;color:#111111;-moz-border-radius: 8px;-webkit-border-radius: 8px; border-radius:8px; text-align:center; line-height:32px; font-family:"微软雅黑"; font-size:24px;}
.btn1:hover{ background-color:#6af2ad}
.title_bt h3{ font-weight:bold; font-size:52px; text-align:center; margin-top: 40px;background-image:-webkit-linear-gradient(#4744b9,#4744b9,#6bf2af); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;}
.title_bt p{ text-align: center; font-size:24px;}
.btn_ly{ width:340px; height:58px; margin: 0 auto; margin-top: 20px; background-color:#fc7d01;color:#FFFFFF;-moz-border-radius:28px;    
-webkit-border-radius:28px; border-radius:28px; text-align:center; line-height:58px; font-family:"微软雅黑"; font-size:22px;
 }
.btn_ly:hover{ background-color:#101247}
.btn2{ width:190px; height:34px; margin-top:18px;float:left; background-color:#31b573;color:#FFFFFF;-moz-border-radius: 8px;    
-webkit-border-radius: 8px; border-radius:8px; text-align:center; line-height:34px; font-family:"微软雅黑"; font-size:18px;
 }
.btn2:hover{ background-color:#101247}
/*****header****/
.head{background: url(../images/index_01.jpg) no-repeat; background-position:center 0;}
.hd_con{width:1140px; margin: 0 auto; }
.hd_con .logo{width:150px; height:63px; padding-top:46px;  float:left }
.hd_con .tel{ font-size:22px; color:#fff; padding-top: 54px; float: right;}
.hd_con .tel{ margin-left:13px; margin-right:13px; text-decoration:none; color:#fff; font-family:"微软雅黑";}
.ban_con{width:1100px; height:auto; margin: 0 auto; margin-top: 40px;}
.ban_con .ban_wz{ }
.ban_con .ban_wz .ban_l{ font-size: 220px; line-height: 160px; font-weight: bold;   color: #6bf2af;}
.ban_con .ban_wz .ban_r p{ font-size: 34px; color: #6bf2af; line-height: 34px; padding-left: 20px; text-align:left;}
.ban_con .ban_wz .ban_r .enlish{color: #6bf2af; font-weight: bold; font-size: 140px; line-height: 140px;}
.ban_con .ban_wz .ban_r .hanzi{font-size: 110px; font-weight: bold; color: #fff;}
.ban_con  h4{font-size: 28px; margin-top: 10px; font-weight: normal; padding: 5px 20px; color: #fff; line-height: 42px; border-top: 1px solid #fff; }
/*****表单****/
.bd{ width: 1080px; height: 110px; padding-left:30px; padding-right: 30px; background: #262858; margin: 0 auto; overflow: hidden; margin-top:70px; }
.bd img{ position: absolute;margin-top:-40px; }
.bd .bd_yh{position: absolute; font-size: 25px; line-height: 34px; margin-top: 18px; margin-left: 170px;}
.bd input {margin-top:15px;width: 220px;height: 50px;line-height: 50px; padding-left: 20px; float: left;  margin-right: 20px;  border-radius: 5px; color: #666; font-size: 16px;}
.bd button { display: inline-block; margin-top: 15px; width: 200px; height: 50px; line-height: 50px; background: #fc6401; font-size: 20px; text-align: center; color: #fff; border-radius: 3px; float: left; }
.bd h2{font-size: 32px; color: #fff;}
.bd h2 b{font-weight: bold;color: #fdd23c}
.bd h2 span{font-size: 20px; line-height: 24px; color: #fff}
.bd div{ margin-left: 20px; margin-top:10px; }
/*****header结束****/

/**************特点**************/
.gre_box1{ width:1140px; margin: 0 auto; }
.gre_box1 li{ float: left; border: 1px dashed #ddd; width:265px; margin-right:20px;  margin-top:20px; padding: 15px 0;}
.gre_box1 .gre_ul{}
.gre_box1 .gre_ul p{ text-align: center; font-size:20px; line-height: 32px;}
.gre_box1 .gre_ul .p1{font-size:22px; color: #e83193;}
.gre_box1 .gre_ul .p2{font-size:22px; color: #c46907;}
.gre_box1 .gre_ul .p3{font-size:22px; color: #4744b9;}
.gre_box1 .gre_ul .p4{font-size:22px; color: #1f5e2b;}
.gre_box1 .gre_ul .p5{font-size:22px; color: #fc6c03;}
.gre_box1 .gre_ul .p6{font-size:22px; color: #0760a5;}
.gre_box1 .gre_ul .p7{font-size:22px; color: #660cab;}
.gre_box1 .gre_ul .p8{font-size:22px; color: #da1174;}
.gre_box1 .gre_2{ margin-right:0;}
.gre_box1 a{ display: block; width: 90%; margin:0 auto;font-size:22px; height: 52px; text-align: center; margin-top:10px; padding-top:8px; padding-bottom:20px; border-radius:46px; background:#14166d; background:-webkit-linear-gradient(50deg,#4744b9,#4744b9,#6bf2af); }
.gre_box1 img{ width: 45%; margin-right: 1%;}
.gre_box1 h3{font-size: 1.5rem; font-weight: bold; text-align: left; margin-top: .5rem; }
.gre_box1 p{font-size: 1.4rem; line-height: 1.8rem;  text-align: left; }

/*****课程****/
.kc{width: 1100px; margin: 0 auto;}
.kc_con{ width:100%; height:auto; }
.kc_con_l{float:left; padding-top:36px;}
.kc_con_r{font-size:18px; line-height:40px; color:#111111; width:760px; margin-left:20px; padding-top:36px; float:left; }
.kc_con_r span{ width: 110px; height:40px; line-height:40px; color: #fff;  padding:5px 19px; background:url(../images/kc_03.png);}
.kc_con_r .span1{padding:5px 17px; background: url(../images/kc_04.png); }
.btn2{ width:240px; height:42px; line-height:42px; margin-top:18px; text-align:center; font-size:20px; background:#fc7d01;color:#FFFFFF;-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius:8px; }
.btn2:hover{ background-color:#101247}
/*****课程2****/
.sq{width:1140px; height:440px; margin:20px auto 20px; position:relative }
.sq-con{ margin-top:26px; }
.sq-con .yh{ width: 1140px; margin:0 auto;}
.sq-con .yh li{ width:340px; float: left; background:#324890; margin: 0 20px; padding-bottom:20px; box-shadow:0px 2px 10px #cfcece;}
.sq-con .yh .li_col{ margin-top:0px; background:#4f71b2; }
.sq-con .yh li img{width:341px; display: block; margin: 0 auto;}
.sq-con .yh li p{text-align:left; font-size: 19px; line-height: 28px; padding:0 20px; color: #fff;}
.sq-con .yh li a{ display: block; width: 240px;  margin:20px auto; height: 48px; line-height: 48px;background:#fc7d01; border-radius:30px;  color: #fff; text-align: center; font-size: 20px; }

/*******完善的服务****/
.fuwu{width:1100px; height:240px; margin:20px auto 20px; }
.lylj{width:240px; height:85px; background:#a6ffd6; color: #000; margin-right:45px;line-height:85px; margin-top: 20px; text-align:center;float:left; font-size:24px; border-radius:8px;}
.l_col{ background:#6bf2af;}


/*******无忧三部曲****/
.title_bt2 h3{ font-weight:bold; font-size:52px; text-align:center; margin-top: 40px;background-image:-webkit-linear-gradient(#63d0af,#63d0af,#4744b9); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;}
.gh_con{ width:100%; padding-top:10px; margin-top: 50px; background:-webkit-linear-gradient(50deg,#233672,#32488f,#233672); }
.con{width: 900px; margin: 0 auto;}
.yh-box{ display: block; width: 900px; height:120px; margin: 0 auto;}
.yh-box li{ width: 240px; height: 114px; font-size: 20px; color: #fff; float: left; margin-right: 90px;} 
.yh-box .last{margin-right:0px;}

/*******老师****/
.teacher{width:1118px; margin:20px auto 20px; }
.tc_con{width: 1114px; height: 398px; background: url(../images/gre_03.png) no-repeat;}
.lc-con { width: 600px; margin:0 auto; margin-left: 450px; padding-top: 80px; }
.lc-xq { width: 280px; margin-top: 20px; }
.lc-box { width: 540px; height:220px; margin:0 auto;}
.lc-box img{ width:200px;}
.lc-xq h3 { font-size: 34px; font-weight: bold; color: #333 }
.lc-xq p { font-size: 20px; color: #333; line-height: 32px; }
.lc-xq img { margin: 20px 0 }
.lc-tab { width: 400px; margin:0 auto; display: flex; justify-content: space-between }
.lc-tab img { width:60px; border: 3px solid #b8b9b9; border-radius: 50%; }
.lc-tab .lc-cur { border: 3px solid #153063; }





