body{ background: #F4F4F4; }

*{ box-sizing: border-box;  padding: 0; margin: 0;}

ul,li{list-style: none;}

.clearfix{overflow:hidden;_zoom:1;_height:1%;}

.radius{border-radius:10px ;}

.yz_piclist{ padding: 20px 0; }

.yz_piclist .p1{ width: 236px; float: left; transition: transform .3s; border-radius:10px ;box-shadow: rgba(0,0,0,.1) 2px 2px 5px;  overflow: hidden;}

.yz_piclist .p1 img{ width: 100%; height: 322px;}

.yz_piclist .p1:hover{transform: translateY(-10px); box-shadow: rgba(0,0,0,.1) 0 14px 22px;}

.yz_piclist .r_box{ width: 964px; float: left;}

.yz_piclist .r_box li{width: 221px; height: 151px; 

	margin: 0 0px 20px 20px; 

	float: left; 

	border-radius:10px ;  

	background: #fff; 

	box-shadow: rgba(0,0,0,.1) 2px 2px 5px;

	transition: transform .3s;

}

.yz_piclist .r_box li img{ width: 100%; height: 90px;  border-radius: 10px 10px 0px 0px;}

.r_box li:hover{ transform: translateY(-10px); box-shadow: rgba(0,0,0,.1) 0 14px 22px; }

.r_box li h2{ font-size: 13px; line-height: 35px; padding-left: 15px; text-overflow: ellipsis;overflow: hidden; height: 35px;}

.kc_title{    font-size: 16px;    color: #8a8a8a;   }

.con_box{ width: 1250px; margin: 10px auto; overflow: hidden;}

.text_box{ width: 281px;  margin-left: 25px;  float: left; padding: 15px 0; }

.text_box h2{ line-height: 50px; font-size: 18px; color: #666; font-weight: normal;}

.text_list{background: #fff; border-radius: 10px; height: 360px;box-shadow: rgba(0,0,0,.1) 0px 0px 5px;}

.title_pic1{ background: url(pic1.jpg); height: 120px; border-radius: 10px 10px 0px 0px; }

.title_pic1 a{line-height: 80px; color: #fff;padding: 20px; display: block; font-size: 14px;}

.txt_list { padding: 15px; font-size: 13px; }

.txt_list li{ line-height: 25px; }

.pl_t_title{margin: 0px auto; padding: 0px; font-size: 44px; font-weight: bold; line-height: 44px; color: rgb(102, 102, 102); font-family: 微软雅黑, "Microsoft YaHei", Arial; text-align: center; white-space: normal; background-color: rgb(255, 255, 255);}

.pl_t_desc{margin: 31px auto 0px; padding: 0px; font-size: 20px; line-height: 30px; text-indent: 2em; color: rgb(102, 102, 102); font-family: 微软雅黑, "Microsoft YaHei", Arial; white-space: normal; background-color: rgb(255, 255, 255);}

.dgd_bottom{margin-top:40px;}

.dgd_bottom ul{overflow:hidden; margin-bottom:40px;}

.dgd_bottom ul li{margin:10px;}

.dgd_bottom ul .cl1{background-color:#7e78a6;}

.dgd_bottom ul .cl2{background-color:#5db9b2;}

.dgd_bottom ul .cl3{background-color:#a28074;}

.dgd_bottom ul .cl4{background-color:#ec9b5a;}



.dgd_bottom ul li dl{color:#fff; text-align:left; padding:35px 50px;}

.dgd_bottom ul li dl dt{font-size:24px; font-weight:bold;}

.dgd_bottom ul li dl dd{font-size:14px; line-height:22px; margin-top:15px;font-weight: 400;}

.dgd_bottom .dgd_b_bt{ text-align: center;}

.dgd_bottom .dgd_b_bt .p{font-size:24px; color:#666666; line-height:45px;}

.dgd_bottom .dgd_b_bt .box{width: 370px;margin: 0 auto;}

.dgd_bottom .dgd_b_bt .dgd_b_la{display:block; float:left; width:170px; height:45px; background-color:#f6bd23; font-size:20px; line-height:45px; text-align:center; color:#fff; border-radius:5px; }

.dgd_bottom .dgd_b_bt .dgd_b_la:hover{background-color:#fbc532;}

.dgd_bottom .dgd_b_bt .dgd_b_ra{display:block; float:left; width:170px; height:45px; background-color:#1cad73; font-size:20px; line-height:45px; text-align:center; color:#fff; border-radius:5px; margin-left:25px;}

.dgd_bottom .dgd_b_bt .dgd_b_ra:hover{background-color:#1dbc7c;}



.course_info { overflow:hidden; width:1200px; background: #eef1f3;padding-top: 20px;padding-bottom: 10px;}

.course_info .miniclass{ overflow:hidden; width:1200px;}

.course_info .miniclass .both{ font-size: 0; height: 0; clear: both;}

.course_info .miniclass_l{ float:left; width:330px;margin-left:20px; }

.course_info .miniclass_r{ float:left; width:810px; height:475px; margin-top:20px;}

.course_info .miniclass_r h1{ font-size:44px;  font-weight:bold; color:#666; line-height:75px; text-align:left; border-bottom: 1px #333 dotted}

.course_info .miniclass_r  ul { padding-left:100px;margin-top: 10px; }

.course_info .miniclass_r  ul li{ line-height:32px; font-size:20px;  text-indent:-5em;  color:#7d7d7d ; list-style:none;}

.course_info .miniclass_r  ul li span{ color:#666}

.course_info .connect_buttom a:first-child {display: block;height: 45px;padding-left: 64px;color: #fff;font-size: 16px;line-height: 45px;border-radius: 5px;background: #27b869 url(designh_bottom_bg.png) 0 -45px no-repeat;width: 150px;float: left;margin: 0 30px;}

.course_info .connect_buttom a:last-child {display: block;height: 45px;padding-left: 64px;color: #fff;font-size: 16px;line-height: 45px;border-radius: 5px;background: #e02c4f url(designh_bottom_bg.png) 0 -135px no-repeat;width: 150px;float: left;margin: 0 30px;}

.course_info .connect_buttom a:first-child:hover { background-color: #29bc59;}

.course_info .connect_buttom a:last-child:hover { background-color: #EF1E16;}

.course_info .connect_buttom {width: 450px;margin: 20px;}

.pl_main{ margin: 40px auto;}

.pl_main dt{ font-size: 24px; text-align: center; line-height: 35px; }

.pl_main dd{font-size: 14px; line-height: 25px;}

.publice .pl_main{width:1240px;}

.pl_main .pl_top{color:#666666; text-align:center;}

.pl_main .pl_top .pl_t_title{font-size:44px; font-weight:bold; line-height:44px;}

.pl_main .pl_top .pl_t_desc{font-size:20px; line-height:30px; margin-top:31px;text-align: center;text-indent: 2em;font-weight: 400;}



.publica{padding:60px 0;}

.publica .pla_main_t{width:1082px; position:relative; overflow:hidden; margin-top:40px;}

.publica .pla_main_t table{float:left; width:1080px; height:730px; border-top:1px solid #b1b1b1; border-left:1px solid #b1b1b1;}

.publica .pla_main_t table tr th{line-height:90px; color:#fff; background:#27b869; font-size:22px;}

.publica .pla_main_t table tr td{ color:#1b1b1b; background:#fff; font-size:16px; border-right:1px solid #b1b1b1; border-bottom:1px solid #b1b1b1;}

.publica .pla_main_t table tr td img{margin-left:15px; float:left;}

.publica .pla_main_t table p{margin:0 10px 0 70px;}

.publica .pla_main_t .peixun-td1{text-align:center; font-size:22px; font-weight:600;}

.publica .pla_bottom{margin-top:40px; padding:0 400px; height:45px;}

.publica .pla_bottom .pla_b_l{float:left; font-size:20px; line-height:45px; color:#666666; margin-right:18px;}

.publica .pla_bottom .pla_b_r{display:block; float:left; width:170px; height:45px; background-color:#ff5556; font-size:20px; line-height:45px; text-align:center; color:#fff; border-radius:5px;}

.publica .pla_bottom .pla_b_r:hover{background-color:#fd6566;}



.publicb{background:url(../images/designl_main_bg.jpg) top center no-repeat; width:1200px; height:209px;}

.publicb .mid{background:url(../images/designl_mid_bg.png) top center no-repeat; height:209px;}

.publicb .mid a{display:block; width:181px; height:31px; font-size:18px; color:#01a13d; line-height:31px; text-align:left; padding-left:35px; position:absolute; left:310px; top:139px;}

.publicb .mid a:hover{text-decoration:underline;}

.publicb .mid .plb_form{width:243px; position:absolute; right:67px; top:44px;}

.publicb .mid .plb_form input{height:34px; float:left; margin-bottom:10px; font-size:14px;}

.publicb .mid .plb_form .plb_name_input{border:solid 1px #e5e5e5; width:230px; padding-left:10px;}

.publicb .mid .plb_form .plb_phone_input{border:solid 1px #e5e5e5; width:230px; padding-left:10px;}

.publicb .mid .plb_form .plb_submit_input{width:243px; background-color:#01a13d; cursor:pointer; border:none; color:#fff;}

.publicb .mid .plb_form .plb_submit_input:hover{background-color:#06c24d;}



.publicc{padding:60px 0 30px 0; }

.publicc .plc_main{overflow:hidden; padding:0 15px 0 17px; margin-top:60px;}

.publicc .plc_main li{width:385px; height:325px; float:left; color:#fff; text-align:center; margin:0 4px 30px 0;}

.publicc .plc_main li .plc_m_t{width:383px; height:258px; border:solid 1px #dcdcdc; background:url(../images/designm_main_bg.png) no-repeat;;}

.publicc .plc_main li .plc_m_t .plc_mt_title{font-size:36px; font-weight:bold; line-height:36px; margin-top:49px;}

.publicc .plc_main li .plc_m_t .plc_mt_desc{font-size:28px; line-height:28px; margin:15px 0 20px 0;}

.publicc .plc_main li .plc_m_t .plc_mt_detail{font-size:14px; padding:0 60px; line-height:22px;}

.publicc .plc_main li a{display:block; float:left; width:170px; height:45px; font-size:20px; line-height:45px; text-align:center; color:#fff; border-radius:5px; margin:20px 0 0 100px;}

.publicc .plc_main li .c1{background-color:#ecb82b;}

.publicc .plc_main li .c2{background-color:#3598dc;}

.publicc .plc_main li .c3{background-color:#bbd713;}

.publicc .plc_main li .c4{background-color:#e84c3d;}

.publicc .plc_main li .c5{background-color:#9a59b5;}

.publicc .plc_main li .c6{background-color:#34495e;}

.publicc .plc_main li .bg1{background-position:0 0;}

.publicc .plc_main li .bg2{background-position:0 -260px;}

.publicc .plc_main li .bg3{background-position:0 -520px;}

.publicc .plc_main li .bg4{background-position:0 -780px;}

.publicc .plc_main li .bg5{background-position:0 -1040px;}

.publicc .plc_main li .bg6{background-position:0 -1300px;}

.dgh_cen .dgh_nav{width:80%; height:45px; margin: 40px auto 0 auto;}

.dgh_cen .dgh_nav p{font-size:18px; color:#666666; float:left; line-height:45px;}

.dgh_cen .dgh_nav li{float:left; margin-left:10px;}

.dgh_cen .dgh_nav a{display:block; font-size:16px; color:#666666; height:43px; border:solid 1px #cccccc; background-color:#eeeeee; padding:0 15px; line-height:45px;}

.dgh_cen .dgh_nav a:hover{background-color:#04b6a7; color:#fff; border:solid 1px #1cad73;}

.dgh_cen .dgh_main{width:1024px; /* height:1235px; */  margin: 20px  auto;}

.dgh_cen .dgh_main .biaoge{color:#000; font-size:14px;}

.dgh_cen .dgh_main .biaoge td{box-sizing: border-box;}

.dgh_cen .dgh_main .biaoge .td{padding:20px 10px;}

.dgh_cen .dgh_main .biaoge td:hover{background:#4edeab; color: #fff;}

.dgh_cen .dgh_main .dgh_m_title{position:relative; z-index:2; height:54px;}

.dgh_cen .dgh_main .dgh_m_desc{position:relative; z-index:1; overflow-y:scroll;/*  height:1200px;  */margin-top:-54px; border-bottom:solid 1px #999;}

.dgh_cen .dgh_main .dgh_m_desc td{ padding: 20px;}

.dgh_cen .dgh_bottom{width:886px; height:45px; padding-left:138px;margin-bottom:20px; margin-top:40px}

.dgh_cen .dgh_bottom li{float:left; width:170px; margin-right:20px;}

.dgh_cen .dgh_bottom li a{display:block; height:45px; padding-left:64px; color:#fff; font-size:16px; line-height:45px; border-radius:5px;}

.dgh_cen .dgh_bottom li .a1{background:#3688ff url(../images/designh_bottom_bg.png) 0 0 no-repeat;}

.dgh_cen .dgh_bottom li .a2{background:#27b869 url(../images/designh_bottom_bg.png) 0 -45px no-repeat;}

.dgh_cen .dgh_bottom li .a3{background:#f6bd23 url(../images/designh_bottom_bg.png) 0 -90px no-repeat;}



.dgh_cen .dgh_bottom li .a4{background:#e02c4f url(../images/designh_bottom_bg.png) 0 -135px no-repeat;}
.xkc_box{
	margin: 50px auto;
	width: 1200px;
	
	
}
.flex_spb{
	display: flex;
	justify-content: space-between;
}
.flex_spa{
	display: flex;
	justify-content:space-around;
}
.wrap{
	flex-wrap: wrap;
}
.xkc_box li{
	width: 260px;
	height: 250px;
	position: relative;
	background: #fff;
	transition: 0.3s;
margin: 15px;
border-radius: 15px ;
overflow: hidden;
padding-bottom:25px ;
}
.xkc_box li:hover{
	box-shadow: 0 0 15px rgba(27, 115, 216, 0.521);
}
.xkc_box li a>img{
width: 100%;
height: 173px;
}
.xkc_box li .tab{
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 30px;
}
.xkc_box h2{
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}
.xkc_box a{
	color: #000;
}
.xkc_box p {
	padding: 0 15px;
}
.xkc_box .info_tab{
		display: inline-block;
	border: 1px solid #3598dc;
	color: #3598dc;
	padding: 0px 5px;
	border-radius: 3px;
	font-size: 12px;
	line-height: 20px;
	margin: 10px 3px;
}
.eduinfo{
	background: rgb(20, 86, 172);
	padding: 40px 0;

}
.edupic img{
	width: 360px;
	height: 300px;
	margin: 0 30px;
}
.edutext{
	margin-left: 50px;
	color: #fff;
}
.edutext h2{
	font-size: 18px;
	border-bottom: 1px solid #fff;
	line-height: 50px;
}
.edutext .educon{
	font-size: 14px;
	line-height: 21px;
	margin-top: 30px;
}
.flex{
	display: flex;
}
.xkclist{
	margin: 25px auto;
	background: #fff;
	border-radius: 15px 0 0 15px;
	overflow: hidden;
	padding-right: 20px;
}
.xkclist:hover{
	box-shadow: 0 0 15px rgba(7, 96, 212, 0.555);
}
.xkcpic{
	width: 240px;
	height: 160px;
}
.xkcpic img{
	width: 100%;
	height: 100%;

}
.xkctext{
	width: 630px;
	height: 160px;
}
.xkctext h3{
	font-size: 18px;
	color: #000;
	line-height: 35px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-top: 20px;
}
.xkctext p{
	font-size: 12px;
	line-height: 18px;
	color: #666;
}
.xkctext .info_tab{
	display: inline-block;
	border: 1px solid #3598dc;
	color: #3598dc;
	padding: 0px 5px;
	border-radius: 3px;
	font-size: 12px;
	margin: 3px;
	line-height: 20px;
	height: 20px;
	font-weight: normal;
	margin-top: 7px;
	
}

.arrtab{
	margin-left: 50px;
}
.tab_box{
    padding-left: 20px;}
.youshi{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.youshi .ys_li{
    width: 220px;
    height: 300px;
    background: #fff;
    border-radius: 15px;
    margin: 50px auto;
    text-align: center;
    padding: 20px;
    transition: 0.3s;
   }
.youshi .ys_ico{
    width: 80px;
    height: 80px;
    margin: 30px auto;
}
.youshi .ys_ico img{
    width: 100%;
    height:100%;
    
}
.youshi h2{
    font-size: 18px;
    line-height: 35px;
}
.youshi .ys_li:hover{
    background: rgb(20, 86, 172);
    color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    transform: translateY(-15px);
}
.youshi .ys_li:hover img{
    filter: grayscale(100%) brightness(500%);
}
.links{
    margin:0 auto;
    border-top: 1px solid #555;
    color: #eee;
    background: #333333;
    padding-bottom: 50px;
  
  
}
.links ul{
    width: 1200px;
    margin: 0 auto;
}
.links h3{
    width: 1200px;
    margin: 0 auto;
    line-height: 50px;
    font-weight: normal;
    font-size: 14px;
     
}
.links li{
    padding:5px;
    display: inline-block;
    
}
.links a{
    color: #eee;
}



.right_fix {
  position: fixed;
  right: 1%;
  top: 35%;
  z-index: 99;
}
.right_fix .text {}
.right_fix .text li {
  position: relative;
  width: 70px;
  background: rgba(0,0,0,.3);
  border-top: 1px solid #eee;
  border-radius: 0px;
  margin-top: 5px;
  transition: 0.3s;
}
.right_fix .text li:first-child {
  border: none;
}
.right_fix .text li .pic {
  width: 100%;
  padding: 3px 0;
}
.right_fix .text li .pic img {
  height: 30px;
  display: block;
  width: auto;
  margin: 0 auto;
}
.right_fix .text li .pic .img1 {
  display: block;
}
.right_fix .text li .pic .img2 {
  display: none;
}
.right_fix .text li .pic span {
  font-size: 14px;
  color: #fff;
  display: block;
  text-align: center;
  margin-top: 8px;
}
.right_fix .text li .text {
  background: #fff;
  padding: 8px;
  position: absolute;
  left: -150px;
  top: 0;
  width: 150px;
  display: none;
}
.right_fix .text li .text img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.right_fix .text li .text1 {
  height: 73px;
  position: absolute;
  left: -220px;
  top: 0px;
  width: 220px;
  display: none;
}
.right_fix .text li .text1 .search {
  position: relative;
  background: #036aac;
  padding: 8px;
}
.right_fix .text li .text1 .inp1 {
  width: 100%;
  background: #fff;
  height: 42px;
  border: none;
  outline: 0;
  padding-left: 5px;
}
.right_fix .text li .text1 .btn_sub {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 40px;
  height: 42px;
  background: url('../img/seah.png') no-repeat center #fff;
  background-size: 16px;
  border: none;
  outline: 0;
}

.right_fix .text li:hover {
  background: #0278d8;
  cursor: pointer;
}
.right_fix .text li:hover .pic .img1 {
  display: none;
}
.right_fix .text li:hover .pic .img2 {
  display: block;
}
.right_fix .text li:hover .text {
  display: block;
}
.right_fix .text li:hover .text1 {
  display: block;
}

.kclist{
    padding: 10px;
}
.kclist .pic,.kclist .pic img{
    width: 200px;
    height: 160px;
}
.kclist .text{
    width: 420px;
    height: 160px;
}
.lianxi{
    margin: 10px;
    border: 1px solid #318dff;
    padding: 15px;
    position: relative;
}
.lianxi .lxbt{
    width: 150px;
    background:#318dff ;
    line-height: 30px;
    color: #fff;
    height: 40px;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    top:-20px;
    text-align: center;
    border: 5px solid  #fff;
}
.articles .left_box{
    width: 650px;
}
.articles .right_box{
    width: 430px;
}
.articles .left_box li{
    margin: 30px auto;
}
.articles .pic_box,.articles .pic_box img{
    width: 180px;
    height: 120px;
    border-radius: 10px;
}
.articles .text_box2{
    width: 460px;
    height: 120px;
    overflow: hidden;
    padding: 10px;
}
.articles .title_box{
    font:20px/30px Arial,sans-serif;
    line-height: 35px;
    
}
.articles .content_box{
    color: #666;
    font-size: 15px;
    line-height: 25px;
}
.articles .right_box li{
    height: 45px;
    margin: 15px;
}
.articles .right_box h3{
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
}
.articles .day{
    width: 50px;
    height: 50px;
    font-size: 24px;
    background: #c9c9c9;
    color: #fff;
    line-height: 50px;
    text-align: center;
}
.articles .text_box3{
    width: 380px;
    margin-left: 10px;
}
.articles .year{
    width: 60px;
}
.text_2{
    color: #bbb;
}