/*slideBox*/
.slideBox{ position:relative;}
.slideBox .bd ul li{height:700px;}
.slideBox .hd{ width:100%; height:4px; font-size:0; position:absolute; bottom:0; left:0; z-index:99;}
.slideBox .hd ul li{ width:33.333333%; display:inline-block; font-size:0; height:4px; background:rgba(0,0,0,0.5); cursor:pointer;}
.slideBox .hd .on{ background:rgba(0,74,145,1);}
.banner{ display:none;}
/*index_about*/
.index_about {background:url(../images/index_about_bg.jpg) top center no-repeat;padding-bottom:20px}
.index_about .index_about_con .img{ display:none;}
.index_about .index_about_con .text{ text-indent:2em; font-size:16px; line-height:36px; color:#fff;}
/*index_more*/
.index_more{ width:200px; height:50px; line-height:50px; text-align:center; margin:30px auto 50px auto; font-size:14px; background:#f7f7f7; color:#333; display:block;}
.index_more:hover{ background:#01b6eb; color:#fff;}
.index_more01{ width:198px; height:48px; line-height:48px; text-align:center; margin:30px auto 50px auto; font-size:14px; background:none; border:1px #fff solid; color:#fff; display:block;}
.index_more01:hover{ background:#fff; color:#01b6eb;}
/*my_list*/
.my_list{ margin-left:-20px;}
.my_list ul li{ float:left; margin-left:20px; width:285px; height:270px; text-align:center;}
.my_list ul li a{ display:block;width:255px;height:270px; padding:0 15px;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; background:url(../images/my_bg.jpg) repeat;}
.my_list ul li a:hover{ background:url(../images/my_hover_bg.png) no-repeat;}
.my_list .icon{ width:100px; height:100px; display:inline-block;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; background:url(../images/my_bg.jpg) repeat; margin-top:35px;}
.my_list .my_a .icon{ background:url(../images/my_a.png) 0 0 no-repeat;}
.my_list .my_a a:hover .icon{background:url(../images/my_a.png) 0 -100px no-repeat;}
.my_list .my_b .icon{ background:url(../images/my_b.png) 0 0 no-repeat;}
.my_list .my_b a:hover .icon{background:url(../images/my_b.png) 0 -100px no-repeat;}
.my_list .my_c .icon{ background:url(../images/my_c.png) 0 0 no-repeat;}
.my_list .my_c a:hover .icon{background:url(../images/my_c.png) 0 -100px no-repeat;}
.my_list .my_d .icon{ background:url(../images/my_d.png) 0 0 no-repeat;}
.my_list .my_d a:hover .icon{background:url(../images/my_d.png) 0 -100px no-repeat;}
.my_list ul li a:hover{ color:#fff;}
.my_list ul li .tit{ font-size:18px; margin:20px 0 10px 0;}
.my_list ul li .desc{ font-size:12px; line-height:24px;}
/*index_pro*/
.index_pro{ margin-top:100px; height:700px; overflow:hidden;}
.index_pro .hd{ text-align:center;}
.index_pro .hd ul li{ width:125px; display:inline-block; height:50px; line-height:50px;  font-size:14px; background:rgba(0,0,0,0.5); color:#fff; cursor:pointer;}
.index_pro .hd .on{background:rgba(255,255,255,0.8); color:#333;}
.index_pro .bd{ position:relative; z-index:1; top:-170px;}
.index_pro .bd ul{ height:700px; width:100%; overflow:hidden;}
.index_pro .index_pro_con{ background:url(../images/index_pro_con.png) no-repeat; width:380px; height:407px; margin:200px auto 0 auto; padding:50px 50px 0 50px; color:#333;}
.index_pro .index_pro_con .tit{ font-size:30px; font-weight:normal;}
.index_pro .index_pro_con .desc{ font-size:14px; color:#666; line-height:24px; margin:10px 0;}
.index_pro .index_pro_con .more{ background:#134091; width:100px; height:34px; display:block; line-height:34px; text-align:center; color:#fff;}
.index_pro .index_pro_con .more:hover{ background:#0096e5;}
.index_pro .index_pro_con .img{text-align:center;}
.index_pro .index_pro_con .img img{ width:282px; height:254px;}
/*index_news*/
.index_news .bd{ margin-left:-30px; overflow:hidden;}
.index_news .bd ul li{ width:340px;  border:1px #eee solid; background:#fff; float:left;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; margin-left:30px; padding:19px; position:relative;}
.index_news .bd ul li:hover{ border:1px #ddd solid;-moz-box-shadow:0 0 10px #ddd; -webkit-box-shadow:0 0 10px #ddd; box-shadow:0 0 10px #ddd; }
.index_news .bd ul li a{ display:block;}
.index_news .bd .time{ width:86px; height:70px; position: absolute; left:19px; top:19px; text-align:center; color:#fff;}
.index_news .bd .time .year{ background:#aaa; font-size:12px;height:30px; line-height:30px; }
.index_news .bd .time .day{ height:40px; line-height:40px; background:#dfdfdf; font-size:24px;}
.index_news .bd .tit{font-size:16px; color:#333; padding:10px 0px  ;text-align:left; line-height:28px;height:24px;overflow:hidden}
.index_news .bd .desc{ color:#999; line-height:22px; border-top:1px #eee solid; padding:18px 0; font-size:14px;}
.index_news .bd .info{ font-size:12px; color:#999; margin-top:15px;}
.index_news .bd .info .view{ background:url(../images/view_icon.jpg) left no-repeat; padding-left:25px; margin-right:10px;}
.index_news .bd .info .sort{ background:url(../images/sort_icon.jpg) left no-repeat; padding-left:15px;}
.index_news .hd{ text-align:center; margin-top:25px;}
.index_news .hd ul li{ width:30px; height:4px;display:inline-block; background:#ddd; cursor:pointer; font-size:0; margin:0 3px;}
.index_news .hd .on{ background:#134091;}
/*index_case*/
.index_case{ /* background:url(../images/index_case_bg.jpg) top no-repeat; height:850px;  */overflow:hidden;}
.index_case .index_case_list{ margin-left:-20px;}
.index_case .index_case_list li{ position:relative; width:279px;  float:left; margin:20px 0 0 20px; background:#f5f5f5; padding:3px;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.index_case .index_case_list li:hover{ background:#0096e5;}
.index_case .index_case_list li a{ display:block; color:#fff;}
.index_case .index_case_list .img{ width:279px; overflow:hidden; position:relative;}
.index_case .index_case_list .tit{ position:absolute; z-index:2; background:rgba(0,0,0,0.5); width:279px; height:40px; line-height:40px; bottom:3px; left:3px; text-align:center;}

@media screen and (max-width:720px){
      .slideBox{ display:none;}
   /*banner*/
.banner{ width:100%; position:relative; display:block;}
.banner img{ width:100%; height:auto;}
.banner .hd{ width:100%; height:4px; font-size:0; position:absolute; bottom:0; left:0;}
.banner .hd ul li{ width:33.33333%; display:inline-block; font-size:0; height:4px; background:rgba(0,0,0,0.5); cursor:pointer;}
.banner .hd .on{ background:rgba(0,74,145,1);}
   .banner .prev{ width:0.8rem; height:0.8rem; display:none; position:absolute; left:0.3rem; top:50%; margin-top:0; background:url(../images/banner_prev.png) no-repeat; background-size:cover; z-index:9;filter:alpha(opacity=30);opacity:0.3;}
   .banner .next{ width:0.8rem; height:0.8rem; display:none; position:absolute; right:0.3rem; top:50%; margin-top:0; background:url(../images/banner_next.png) no-repeat; background-size:cover; z-index:9;filter:alpha(opacity=30);opacity:0.3;}
   .index_about_con{ padding:0 10px;}
   .index_about .index_about_con .text{ font-size:13px; line-height:28px;}
   .index_about .index_about_con .img{ float:left; display:block; margin-right:10px;}
   .index_about .index_about_con .img img{ width:3rem;border-top-left-radius:20px;border-bottom-right-radius:20px;}
   .n_txt{ display:none;}
   /*my_list*/
   .my_list{ margin-left:0;}
   .my_list ul li{margin-left:2%; margin-bottom:2%; width:47%; height:auto; float:left;}
   .my_list ul li a{width:100%;height:auto; padding:0 0 20px 0;}
   .my_list ul li a:hover{ background:#f5f5f5;height:auto;}
   .my_list .icon{ width:70px; height:70px;margin-top:15px;}
   .my_list .my_a .icon{ background:url(../images/my_a.png) 0 0 no-repeat;background-size:cover;}
   .my_list .my_a a:hover .icon{background:url(../images/my_a.png) no-repeat;background-size:cover;}
   .my_list .my_b .icon{ background:url(../images/my_b.png) 0 0 no-repeat;background-size:cover;}
   .my_list .my_b a:hover .icon{background:url(../images/my_b.png) no-repeat;background-size:cover;}
   .my_list .my_c .icon{ background:url(../images/my_c.png) 0 0 no-repeat;background-size:cover;}
   .my_list .my_c a:hover .icon{background:url(../images/my_c.png) no-repeat;background-size:cover;}
   .my_list .my_d .icon{ background:url(../images/my_d.png) 0 0 no-repeat;background-size:cover;}
   .my_list .my_d a:hover .icon{background:url(../images/my_d.png) no-repeat;background-size:cover;}
   .my_list ul li a:hover{ color:#333;}
   .my_list ul li .tit{ font-size:14px;margin:5px 0; color:#333;}
   .my_list ul li .desc{ font-size:12px; line-height:24px; padding:0 25px; color:#999; display:none;}
   /*index_pro*/
   .index_pro{ margin-top:15px; height:11rem;}
   .index_pro .index_tit{ display:none;}
   .index_pro .hd{ margin-top:15px; padding:0 15px;}
   .index_pro .hd ul li{ width:25%; font-size:12px;}
   .index_pro .index_pro_con{ background:url(../images/index_pro_con_mobile.png) no-repeat; width:6.21rem; height:7.48rem; background-size:cover; margin:4rem auto 0 auto; padding:0; color:#333;}
   .index_pro .bd{top:-3.5rem;}
   .index_pro .bd ul{ height:16rem;}
   .index_pro .index_pro_con .tit{ font-size:18px; padding:30px 30px 0 30px;}
   .index_pro .index_pro_con .desc{ font-size:12px; line-height:24px; margin:5px 0; padding:0 30px;}
   .index_pro .index_pro_con .more{ width:80px;height:30px;line-height:30px; font-size:12px; margin:0 0 0 30px;}
   .index_pro .index_pro_con .img{text-align:center; width:59%; margin:10px auto 0 auto;}
   .index_pro .index_pro_con .img img{ width:100%; height:auto;}
   /*index_news*/
   .index_news .bd{ width:100%;height:auto; margin:0; overflow:hidden;}
   .index_news .bd ul li{ width:100%; height:auto; border-right:none; background:#fff; float:none;margin-left:0;position:relative; padding:0;}
   .index_news .bd ul li a{ display:block;width:100%; height:auto;}
   .index_news .bd ul li:hover{ border:none;-moz-box-shadow:0; -webkit-box-shadow:0; box-shadow:0; margin-top:0;}
   .index_news .bd .time{top:0;left:0}
   .index_news .bd .tit{padding:10px 20px ;}
   .index_news .bd .desc{ padding:10px 15px;}
   .index_news .bd .info{padding:10px 15px; margin:0;}
   /*index_case*/
   .index_case{ height:auto; padding-bottom:10px;}
   .index_case .index_case_list{ margin-left:0;}
   .index_case .index_case_list li{width:50%; height:auto; float:left; margin:0; padding:0; }
   .index_case .index_case_list li a{ display:block; color:#fff;}
   .index_case .index_case_list li:nth-child(n+5){ display:none;}
   .index_case .index_case_list .img{ width:auto; height:auto; padding:2%; overflow:hidden; position:relative;}
   .index_case .index_case_list .img img{ width:100%; height:auto;}
   .index_case .index_case_list .tit{width:96%; height:40px; line-height:40px; bottom:2%; left:2%; font-size:14px;}
   /*index_more*/
   .index_more{ width:40%; height:40px; line-height:40px;margin:25px auto; font-size:13px;}
   .index_more01{width:40%; height:40px; line-height:40px;margin:25px auto; font-size:13px;background:none; border:1px #fff solid;}
}
@media screen and (min-width:720px) and (max-width:1024px){
      .slideBox{ display:none;}
   /*banner*/
.banner{ width:100%; position:relative; display:block;}
.banner img{ width:100%; height:auto;}
.banner .hd{ width:100%; height:4px; font-size:0; position:absolute; bottom:0; left:0;}
.banner .hd ul li{ width:33.333333%; display:inline-block; font-size:0; height:4px; background:rgba(0,0,0,0.5); cursor:pointer;}
.banner .hd .on{ background:rgba(0,74,145,1);}
   .banner .prev{ width:0.8rem; height:0.8rem; display:none; position:absolute; left:0.3rem; top:50%; margin-top:0; background:url(../images/banner_prev.png) no-repeat; background-size:cover; z-index:9;filter:alpha(opacity=30);opacity:0.3;}
   .banner .next{ width:0.8rem; height:0.8rem; display:none; position:absolute; right:0.3rem; top:50%; margin-top:0; background:url(../images/banner_next.png) no-repeat; background-size:cover; z-index:9;filter:alpha(opacity=30);opacity:0.3;}
   .index_about_con{ padding:0 10px;}
   .index_about .index_about_con .text{ font-size:14px; line-height:34px;}
   /*my_list*/
   .my_list{ margin-left:0;}
   .my_list ul li{margin-left:0; width:23%; margin-left:1.6%; height:auto;}
   .my_list ul li a{width:100%;height:auto; padding:0;background:#f5f5f5; padding-bottom:20px;}
   .my_list ul li a:hover{ background:#f5f5f5;height:auto;}
   .my_list .icon{ width:70px; height:70px;margin-top:15px;}
   .my_list .my_a .icon{ background:url(../images/my_a.png) 0 0 no-repeat;background-size:cover;}
   .my_list .my_a a:hover .icon{background:url(../images/my_a.png) no-repeat;background-size:cover;}
   .my_list .my_b .icon{ background:url(../images/my_b.png) 0 0 no-repeat;background-size:cover;}
   .my_list .my_b a:hover .icon{background:url(../images/my_b.png) no-repeat;background-size:cover;}
   .my_list .my_c .icon{ background:url(../images/my_c.png) 0 0 no-repeat;background-size:cover;}
   .my_list .my_c a:hover .icon{background:url(../images/my_c.png) no-repeat;background-size:cover;}
   .my_list .my_d .icon{ background:url(../images/my_d.png) 0 0 no-repeat;background-size:cover;}
   .my_list .my_d a:hover .icon{background:url(../images/my_d.png) no-repeat;background-size:cover;}
   .my_list ul li a:hover{ color:#333;}
   .my_list ul li .tit{ font-size:14px;margin:5px 0; color:#333;}
   .my_list ul li .desc{ font-size:12px; line-height:24px; padding:0 25px; color:#999;display:none;}
   /*index_pro*/
   .index_pro{ margin-top:15px; height:600px;}
   .index_pro .index_tit{ display:none;}
   .index_pro .hd{ margin-top:15px; padding:0 15px;}
   .index_pro .hd ul li{ width:25%; font-size:12px;}
   .index_pro .index_pro_con{ background:url(../images/index_pro_con_mobile.png) no-repeat; width:340px; height:380px; background-size:cover; margin:250px auto 0 auto; padding:0; color:#333;}
   .index_pro .bd{top:-195px;}
   .index_pro .bd ul{ height:680px;}
   .index_pro .index_pro_con .tit{ font-size:18px; padding:30px 30px 0 30px;}
   .index_pro .index_pro_con .desc{ font-size:12px; line-height:24px; margin:5px 0; padding:0 30px;}
   .index_pro .index_pro_con .more{ width:80px;height:30px;line-height:30px; font-size:12px; margin:0 0 0 30px;}
   .index_pro .index_pro_con .img{text-align:center; width:220px;margin:10px auto 0 auto;}
   .index_pro .index_pro_con .img img{ width:100%; height:auto;}
   /*index_news*/
   .index_news .bd{ width:100%;height:auto; margin:0; overflow:hidden;}
   .index_news .bd ul li{ width:100%; height:auto; border-right:none; background:#fff; float:none;margin-left:0;position:relative; padding:0;}
   .index_news .bd ul li a{ display:block;width:100%; height:auto;}
   .index_news .bd ul li:hover{ border:none;-moz-box-shadow:0; -webkit-box-shadow:0; box-shadow:0; margin-top:0;}
   .index_news .bd .tit{padding:10px 0 30px 100px;}
   .index_news .bd .desc{ padding:10px 15px;}
   .index_news .bd .info{padding:10px 15px; margin:0;}
   /*index_case*/
   .index_case{ height:auto; padding-bottom:10px;}
   .index_case .index_case_list{ margin-left:0;}
   .index_case .index_case_list li{width:33.3%; height:auto; float:left; margin:0; padding:0; background:none;}
   .index_case .index_case_list li a{ display:block; color:#fff;}
   .index_case .index_case_list .img{ width:auto; height:auto; padding:2%; overflow:hidden; position:relative;}
   .index_case .index_case_list .img img{ width:100%; height:auto;}
   .index_case .index_case_list .tit{width:96%; height:40px; line-height:40px; bottom:2%; left:2%; font-size:14px;}
   /*index_more*/
   .index_more{ width:30%; height:46px; line-height:46px;margin:25px auto; font-size:14px;}
   .index_more01{ display:none;}
}