/*-------------------------------580plan_css开始--------------------------*/

/*tit*/
.da_tit{ margin-bottom: 50px;}
.da_tit h1{font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold; color: rgba(0,0,0,0.08);}
.da_tit h1 span{ color: rgba(0,0,0,0.15);}
.da_tit h3{  font-size: 56px; color: #222; text-align: center; line-height: 1; letter-spacing: 6px;}
.da_tit h3 span{ font-weight: bold;}

.xiao_tit { position: relative; height: 30px; margin-bottom: 50px; background: url(../images/580plan/xiao_titi_xian.png) repeat-x;}
.xiao_tit h4 { font-size: 30px; color: #111111; line-height: 1; text-align: left; background: #fff; padding:0 20px 0 0; z-index: 99; display: inline-block}


h1.color_bai{ color:rgba(255,255,255,0.1)!important;}
span.color_bai{ color:rgba(255,255,255,0.18)!important;}

.p_t_b90{ padding:90px 0;}
.wrap{display: block; width:90%; min-width: 1010px; margin: 0 auto;}
.bg_fafafa{ background:#fafafa;}
.bg_3a3a3a{ background:#3a3a3a;}

/*banner*/
.banner_pic{ width:100%; position:relative; display:block; text-align:center; font-size: 0;}
.banner_pic img{ text-align:center; margin:auto; max-width:100%; position:relative;}


.plan_con01{ width: 100%; overflow: auto;}
.plan_con01 li{ width: 22.7%; float: left; margin-right: 3%;}
.plan_con01 li:nth-child(4n){ margin-right: 0;}
.plan_con01 li i{ font-size: 60px; display: block; width: 120px; height: 120px; line-height: 120px; text-align: center; border-radius: 50%; border: 2px solid #3a3a3a; color: #3a3a3a; margin-bottom: 30px; transition: all .3s ease;}
.plan_con01 li h4{ font-size:24px; font-weight: bold; color: #3a3a3a; margin-bottom: 10px;transition: all .3s ease; letter-spacing: 2px;}
.plan_con01 li p{ font-size:14px; color: #666;  line-height: 24px;}
.plan_con01 li .plan_con01_a{ width: 100%; margin-top: 30px;}
.plan_con01 li .plan_con01_a a{ display: inline-block; font-size: 14px; color:#444; height: 30px; line-height: 30px; background: #fafafa; padding: 0 5px; margin-bottom: 5px; }
.plan_con01 li .plan_con01_a a:hover{ color:#fff; background: #216ec1;  }
.plan_con01 li:hover i{ font-size: 80px; border: 2px solid #216ec1; color: #fff; background: #216ec1;}
.plan_con01 li:hover h4{ color: #216ec1; }


.plan_con02{ width:100%; border: 4px solid #eaeaea; padding: 50px; margin-bottom: 40px;}
.plan_con02 h4{ font-size:24px; font-weight: bold; color: #3a3a3a; margin-bottom: 10px;transition: all .3s ease; letter-spacing: 2px; }
.plan_con02 span{ font-size:12px; color: #ABABAB; }
.plan_con02 p{ font-size:14px; color: #666;  line-height: 24px; margin-top: 22px; }

.plan_con02_list{ overflow: auto;}
.plan_con02_list ul{ width: 22.7%; float: left; margin-right: 3%;}
.plan_con02_list ul:nth-child(4n){ margin-right: 0;}
.plan_con02_list ul li a{ display: block;width: 100%; font-size: 16px; height: 44px; line-height: 44px; color: #666; overflow: hidden; white-space:nowrap ; text-overflow:ellipsis;}
.plan_con02_list ul li:hover a{ color: #216ec1;}
.plan_con02_list ul li i{ font-size: 14px; color: #666; margin-right: 10px;}
.plan_con02_list ul li:hover i{  color: #216ec1;}


.plan_con03{ width:100%; overflow:auto;}
.plan_con03 img{ float: left; margin-right: 50px; margin-bottom: 30px;}
.plan_con03 p{text-indent: 2em; margin-bottom: 20px; line-height: 24px; color: #ccc;}
.plan_con03 h4{ width: calc(100% - 46px); color: #fff; font-size: 22px; line-height: 32px; margin-bottom:70px; position: relative;}
.plan_con03 h4:after{ display: block; content:url(../images/580plan/580plan_js_dou.png); width: 46px; height: 32px; position: absolute; right: -46px; bottom: -20px; opacity: 0.2;}

.plan_con04{display: block; width: 100%; margin: auto; overflow: hidden;}
.plan_con04 li{position: relative; background-color: #fff; width: 25%; padding: 0 7px; float: left; margin-bottom: 16px; overflow: hidden;}
.plan_con04 li:last-child{margin-right:0}
.plan_con04 li a{transform:scale(.5);-webkit-transform:scale(.5);opacity:0;filter:Alpha(opacity=0);transition:all .25s;-webkit-transition:all .25s; width: calc(100% - 40px); height: calc(100% - 40px);background:#000;left:20px;top:20px;position:absolute;text-align:center;color:#fff;font-size:20px;line-height:34px; font-weight: bold; }
.plan_con04 li a p{ position: absolute; height: 68px; width: 100%; overflow: hidden; top: 50%; margin-top: -34px; text-align: center;}
.plan_con04 li a p i{display:inline-block;width:16px;height:16px;background:url(../images/web/yxwzjs_we.png) no-repeat top center;}
.plan_con04 li:hover a{transform:scale(1);-webkit-transform:scale(1);opacity:.8;filter:Alpha(opacity=80)}
.plan_con04 li img{width:100%;}

.case-more a{ display: block;width:268px; height: 48px; line-height: 48px; text-align: center; margin: auto; margin-top: 20px; background: #383838; color: #fff; font-size: 22px; border-radius: 46px; transition: all .3s ease;}
.case-more:hover a{background: #222;}



.plan_con05_qh{  }
.plan_con05_qh .hd{  width: 100%; height: 64px;overflow: hidden; }
.plan_con05_qh .hd ul{ text-align: center;}
.plan_con05_qh .hd ul li{cursor:pointer;  width: auto; padding: 0 50px; margin-right: 2%; border-radius: 6px;  height: 40px; line-height:40px;border: 1px solid #3a3a3a; text-align:center; font-size: 18px; transition: all .3s ease; color: #3a3a3a; font-weight: bold; display: inline-block;}
.plan_con05_qh .hd ul a.more_zw{ display: block;  width: auto; padding: 0 30px;position: absolute; right: 0; top: 0;border-radius: 10px;  height: 64px; line-height:60px; text-align:center; font-size: 22px;color: #ffd200; border:2px solid #ffd200;transition: all .3s ease;}
.plan_con05_qh .hd ul a:hover.more_zw{ color: rgba(255,255,255,1); border:2px solid rgba(255,255,255,1);}
.plan_con05_qh .hd ul li:last-child{margin-right:0; }
.plan_con05_qh .hd ul li:hover,.plan_con05_qh .hd ul li.on{ background: #216ec1; color: #fff; border: 1px solid #216ec1;}
.plan_con05_con{  width: 100%; color: #666; padding: 30px 0; }
.plan_con05_qh .bd{ width:100%;  font-size: 14px;   margin:15px;  zoom:1; float: left;   }

.con{ width:100%;}

.plan_con05_list{ position: relative; display: block; float: left; width: 100%; } 
.plan_con05_list li{ width:48%; float: left;margin-bottom: 10px; overflow: hidden; } 
.plan_con05_list li:nth-child(2n){ float: right;} 
.plan_con05_list li .date{ display: block; float: left; width: 90px; height: 106px; line-height: 1; } 
.plan_con05_list li .date .day{ display: block; font-size: 30px; font-weight: bold; color: #464544; text-align: right; margin-top: 13px; } 
.plan_con05_list li:hover .date .day{ color: #216ec1; }
.plan_con05_list li .date .month{ display: block; font-size: 12px; color: #cacaca; text-align: right; margin-top: 14px;}
.plan_con05_list li .content{ width: calc(100% - 120px); float: right; overflow: hidden; border-bottom: 1px solid #f3f3f3; padding-bottom: 20px;}
.plan_con05_list li .content h4{ display: block; margin-top: 15px; height: 24px; overflow: hidden; font-size: 20px; color: #353535;  }
.plan_con05_list li:hover .content h4{ color: #0166ce; font-weight: bold;}
.plan_con05_list li .content p{ display: block; line-height: 24px; margin-top: 13px; height: 48px;overflow: hidden;color: #aaaaaa; font-size: 14px; transition: all .3s ease; }
.plan_con05_list li:hover .content p{ color: #888; }
.plan_con05_list li .content i{ font-size: 21px; margin-left: -5px; display: block;}


.plan_con06_l{ width:46%; float: left;}


.plan_con06_l_gd{ margin:0 auto;  width:100%;  overflow:hidden; position:relative;   }
.plan_con06_l_gd .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  display: none;}
.plan_con06_l_gd .bd{   }
.plan_con06_l_gd .bd ul{ overflow:hidden; zoom:1; }
.plan_con06_l_gd .bd ul li{  zoom:1; }


.plan_con06_l_list li{ width:100%; overflow: auto; margin-bottom: 30px;}
.plan_con06_l_list li i{ width:60px; height: 60px; border: 5px solid #e5e5e5; float: left; font-size: 0; border-radius: 50%; overflow: hidden;}
.plan_con06_l_list li i img{ width:auto; height: 100%;}
.plan_con06_l_list li p{ height: 52px; overflow: hidden; width:calc(100% - 80px); font-size: 14px; line-height: 26px; color: #666; float: right;}
.plan_con06_l_list li p b{font-weight: bold; color:#3a3a3a; font-size: 16px;}


.plan_con06_r{ width:46%; float: right;}
.plan_con06_r_gd{ margin:0 auto;  width:100%;  overflow:hidden; position:relative;   }
.plan_con06_r_gd .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  display: none;}
.plan_con06_r_gd .bd{   }
.plan_con06_r_gd .bd ul{ overflow:hidden; zoom:1; }
.plan_con06_r_gd .bd ul li{  zoom:1; }


/*-------------------------------580plan_css结束--------------------------*/









@media screen and (min-width: 1000px) {
	
}


@media screen and (max-width: 1280px) {
	
	

}


@media screen and (max-width: 1000px) {
	
	.wrap { width: 96%; min-width: 96%; }
	.p_t_b90 { padding:50px 0; }
	
	.da_tit { margin-bottom: 20px; }
	.m_t90 { margin-top: 50px; }
	.da_tit h3 { font-size: 24px; letter-spacing: 0; }
	.da_tit h1 { font-size: 20px;}
	
	.xiao_tit { margin-bottom: 20px;}
	.xiao_tit h4 { font-size: 22px;}
	
	.banner_pic{overflow: hidden; margin-top: 50px;}
	.banner_pic img{max-width: 140%; left: -22%;}
	
	
	.plan_con01 li { width: 48.5%;margin-right: 2%; margin-bottom: 30px;}
	.plan_con01 li:nth-last-child(1),.plan_con01 li:nth-last-child(2) {margin-bottom: 0;}
	.plan_con01 li:nth-child(2n) { margin-right: 0; }
	.plan_con01 li .plan_con01_a{ display:none;}
	.plan_con01 li i { font-size: 40px; margin: auto; width: 80px; height: 80px; line-height: 80px; margin-bottom: 10px;}
	.plan_con01 li:hover i { font-size: 60px;}
	.plan_con01 li h4 { font-size: 20px; letter-spacing: 0; text-align: center; }
	.plan_con01 li p { line-height: 22px; text-align: center; height: 93px; overflow: hidden;  }
	
	.plan_con02_list ul { width: 100%; margin-right:0; }
	.plan_con02 { padding: 16px; margin-bottom: 20px; }
	.plan_con02_list ul li a { height: 34px; line-height: 34px;}
	
	.plan_con03 img { margin-right: 0; margin-bottom: 20px; width: 100%; }
	.plan_con03 h4 { width: 100%; font-size: 18px; line-height: 28px; margin-bottom: 20px;}
	.plan_con03 h4:after{ display:none;}
	
	.plan_con03 p { margin-bottom: 12px; line-height: 22px; font-size: 14px; }
	
	.plan_con04 li { width: 50%;}
	
	.plan_con05_qh .hd ul li {width: 30%;padding: 0;margin:0 1%;font-size: 16px;}
	
	.plan_con05_list li{ width:100%;}
	.plan_con05_list li .date { width: 60px; margin-right: 10px; }
	.plan_con05_list li .date .day {font-size: 20px;margin-top: 3px;}
	.plan_con05_list li .content h4 { margin-top: 0; font-size: 18px; }
	.plan_con05_list li .content p { line-height: 20px; margin-top: 6px; height: 42px; font-size: 13px; }
	.plan_con05_list li .content { padding-bottom: 10px;width: calc(100% - 80px); }
	
	
	.case-more a { width: 150px; height: 30px; line-height: 30px; margin-top: 0; font-size: 16px; }
	
	.plan_con06_l,.plan_con06_r { width: 100%;}

}