/*===============公共样式style===================*/
body{
  color: #404d5b; 
  font-weight: 500; 
  font-size: 1.05em; 
  font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;
}
li{list-style-type: none;}
a{text-decoration: none}
a:hover{text-decoration: none;}

/*===============公共类class===================*/
.clearfix{display: inline-table}
*html .clearfix{height: 1%}
*+html .clearfix{min-height: 1%}
.clearfix{display: block}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear{clear: both;}
.hide{display: none;}
.row{padding-bottom: 30px;}
.col-md-12{padding-left: 0px;}
.col-xs-6{float: none;}
.new_list_one .col-md-12{padding-right: 0px;}
.moer_new{width: 100px; height: 40px; border: 1px solid #dedede; line-height: 40px; text-align: center; margin-bottom: 20px; margin: 0 auto;}
.moer_new a{font-size: 15px; color: #000;}
.moer_new:hover{background: #5AC6ED; border: 1px solid #4594c2; border: none;}
.fl{float:left;}
.fr{float:right;}
.container{margin-bottom: 15px;}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{margin:0;}
/*广告*/
#ad_2{z-index: 9999;}

/***************** header *******************/
.change{
   position: absolute;
   left: 225px;
   top: 36px;
  width: 16px;
  height: 16px;
  background:url(../upload/images/2024/10/523680b2b9ec7cad.png) no-repeat;
  background-size: 16px 16px;
}
/*nav*/
.navbar{margin: 22px 0;}
.navbar-toggle{border: 1px solid #37A5FF;margin-right:0;}
.navbar-toggle span{border: 1px solid #37A5FF;}
.navbar-nav>li>a{font-size: 20px; padding: 10px 0 5px 0; margin: 10px 15px 5px 15px; color: #333;}
.navbar-nav>li>a:hover,
.navbar-nav>li>a.action,
.navbar-nav>li>a:focus{color: #00a0e9; border-bottom: 2px solid #00a0e9; background: none;}
.navbar-header{margin-left: 80px;}
.navbar-header img{width: 200px; height: 100px; margin-top: -15px;}
/*serch*/
.search{border: 1px solid #77bfeb; padding: 2px 8px; margin-top: -55px; float: right;}
.search input{border: none;width:130px;}
.search button{width: 14px; vertical-align: middle;height: 14px; display: inline-block; background: url(../images/search.png) no-repeat; border: 0;}
.search button:focus,
.search input:focus{outline: none;}

/***************** banner *********************/
.carousel-inner>.item>img{min-height: 300px;}
.carousel-indicators li{border: 0; background-color: #fff; width: 45px; height: 4px; border-radius: 0;}
.carousel-indicators .active{background: #ffff00; border: 0; width: 45px; height: 4px;}

/***************** index_content ************************/
/*公司新闻news list-tab*/
.new-list .tab-list{position:relative;padding: 0;height: 372px;margin-left:15px;}
.new-list h2{color: #333; margin: 50px 0;}
.new-list .col-xs-12 h4{font-weight: 400; color: #333; font-size: 13px;}
.new-list .col-md-6 h4{font-size: 18px;}
.new-list p{font-size: 14px; text-align: justify; color: #666; line-height: 26px; margin-top: 10px;}
.new-list p , .new-list h4 {
  transition-property: color;
  transition-duration: 0.7s;/* Firefox 4*/
  -moz-transition-property: color;
  -moz-transition-duration: 0.7s;/* Safari and Chrome*/
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.7s;/* Opera*/
  -o-transition-property: color;
  -o-transition-duration: 0.7s;
}
.new-list .col-md-6 a.box{border-bottom: 1px dashed #959595; display: block; text-decoration: none;}
.new-list .col-md-6 a.box p{height: 78px; overflow: hidden;}
.new-list .col-md-6 a:hover p{color: #25A1D2;}
.new-list .col-md-6 a:hover h4{color: #25A1D2;}
.more_div{position: absolute; top: 10px; right: 10px;}
.row .new_list_one{float: left; height: 290px;position:absolute;top:50px;padding:0;}
.row .list_box{height: 40px;color: #474747; border-bottom: 2px solid #ddd; margin-bottom: 10px; position: absolute; font-size: 18px;padding:0;}
.row .list_box a{color: #333; margin-right: 33px;line-height:36px;}
.row .list_box a.a_on{padding-bottom: 2px; border-bottom: 2px solid #0087d9; color: #0087d9; font-weight: bold;}
.pull-left{line-height: 30px;}
.pull-left:hover{color: #0087d9}
.pull-right{font-size: 14px;line-height: 30px;}
/*video*/
.new-list .new_list_tow{float: right;width: 500px;padding: 0;}
.new-list .new_list_tow .video{padding:0;margin-top: 56px;}
.new-list .new_list_tow video{width:100%;object-fit: fill;}

/*==================方案中心=================*/
.related .plan-title{height: 511px;background: url(/images/fa_bj.png) 0 0;width: 22%;}
.related .plan-list{padding: 0;width: 78%;}
.related .col-md-3{background:none;height:auto;float:left;}
.related .col-md-3:nth-child(6) img,.related .col-md-3:nth-child(8) img{opacity: .8;}
.related{background: url(../images/con_bj.png) repeat-y center top; color: #fff;}
.related h2{border-top: 1px solid #fff; margin-top: 87px; padding-top: 30px; padding-bottom: 7px; font-weight: bold;}
.related h4{font-weight: 400;}
.related p{line-height: 32px; font-size: 14px; margin-top: 20px; margin-bottom: 20px; color: #d4d4d4;}
.more-fa{border: 1px solid #adbac3; width: 116px; height: 35px; line-height: 35px; text-align: center; font-size: 14px;}
.more-fa a{color: #fff; text-decoration: none; display: block;}
.more-fa:hover{background: #4594c2; border: 1px solid #4594c2; border: none;}
.related_mk{padding-top: 67px;}
.related_mk .mk_box{border: 1px solid #fff; margin: 33px 0 0 20px; border-radius: 5px; height: 140px; position: relative; display: block;}
.related_mk .mk_box p{font-size: 16px; text-align: center; margin-top: 10px;}
.related_mk .mk_box img {
  display: block;
  width: 83px;
  height: 54px;
  margin: 0 auto;
  margin-top: 28px;
  transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -webkit-transition: 0.5s ease-out;
  -0-transition: 0.5s ease-out;
}
.related_mk .mk_box:hover img {
  transform: rotate(360deg) scale(1.5);
  -ms-transform: rotate(360deg) scale(1.5);
  -moz-transform: rotate(360deg) scale(1.5);
  -webkit-transform: rotate(360deg) scale(1.5);
  -o-transform: rotate(360deg) scale(1.5);
}

/* 鼠标移入效果*/
.mk_box .line{display: block; position: absolute; background: none;}
.mk_box:hover .line{background: #fff;}
/*top*/
.mk_box .line-top{height: 2px; width: 0px;left: -110%;  top: -2px; transition: 0.3s ease-out; -o-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out;}
.mk_box:hover .line-top{width: 100%; left: -2px;}
/*right*/
.mk_box .line-right{width: 2px; height: 0px; right: -2px; top: -110px; transition: 0.3s ease-out; -o-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out;}
.mk_box:hover .line-right{height: 100%; top: -2px;}
/*bottom*/
.mk_box .line-bottom{height: 2px; width: 0; right: -110px; bottom: -2px; transition: 0.3s ease-out; transition: 0.3s ease-out; -o-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out;}
.mk_box:hover .line-bottom{width: 100%; right: -2px;}
/*left*/
.mk_box .line-left{width: 2px; height: 0px; left: -2px; bottom: -110%; transition: 0.3s ease-out; -o-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out;}
.mk_box:hover .line-left{height: 100%; bottom: -2px;}

/* ==================典型案例首页======================= */
.typical{background: #fff;}
.typical h2{margin:50px 0 0px; color: #333;}
.typical .container p{font-size: 14px;text-align:center;margin:30px 0 40px;}
.typical .classic{margin-top:30px;}
/*width:auto !important;margin: 0 30px;*/
.typical .classic .bd ul li{float:left;width:160px !important;margin: 0 30px;text-align:center; }
.typical .classic .bd ul li a{display:block;}
.typical .classic .bd ul li a img{width: 100px;height: 100px;margin: auto;display: block;}
/*line-height: 30px;*/
.typical .classic .bd ul li a .title{font-size: 14px;color: #666;margin-top: 18px;}
.classic .tempWrap{width:100% !important;}
.more-new{border: 1px solid #ccc; width: 147px; height: 45px; line-height: 45px; margin: 35px auto; text-align: center; font-size: 14px;}
.more-new , .more-fa {
  transition-property: background;
  transition-duration: 0.7s;/* Firefox 4*/
  -moz-transition-property: background;
  -moz-transition-duration: 0.7s;/* Safari and Chrome*/
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.7s;/* Opera*/
  -o-transition-property: background;
  -o-transition-duration: 0.7s;
}
.more-new a{color: #666666; text-decoration: none; display: block;}
.more-new:hover{background: #008bd0; border: 1px solid #33c288; border: none;}
.more-new:hover a{color: #fff;}

/*============== 战略合作首页 ==================*/
.cooperate {background: #eee;}
.cooperate h2{margin:50px 0 0; color: #333;}
.cooperate .container p{font-size: 14px;text-align:center;margin: 30px 0 40px;}
.cooperate .coop{margin-top:30px;}
.cooperate ul li{
  width:142px;
  height:84px;
  margin: 0 20px 20px;
  float:left;
  text-align:center;
  display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */     
  display: -moz-flex; /* Firefox 18+ */   
  display: -ms-flex; 
  display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ 
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.cooperate ul li a{display:block;}
.cooperate ul li a img{width: 100%;margin: auto;display: block;}
.cooperate ul li a .title{line-height: 30px;font-size: 14px;color: #666;margin-top: 10px;}

/* 典型案例栏目页 */
.page-right .page_list .typical-img.col-md-3{float:left;text-align:center;margin-bottom: 24px;width:20%;}
.page-right .page_list .typical-img a{display:block;}
.page-right .page_list .typical-img .pic img{width: 80px;height: 80px;margin: auto;display: block;}
.page-right .page_list .typical-img .title{line-height: 30px;font-size: 14px;color: #666;margin-top: 10px;}

/***************** footer ************************/
.footer{background-color: #005182; border-top: 2px solid #88aec5; padding: 14px 0; color: #fff;}
.footer .container{margin:0 auto;}
.footer_ewm{overflow: hidden;width: 180px;margin: auto;}
.footer_ewm .erweimabox{margin:0 5px;}
.footer_ewm .erweima img{width: 70px; height: 70px;}
.footer_nnet{text-align: center;}
.foot_w{width: 800px; margin: 0 auto;}
.erweimabox p{margin-top: 8px;}
.erweima{background: url(../images/er-bj.png) 0 0; border-radius: 3px; padding: 3px; width: 76px; height: 76px; margin: 0 auto;}
.erweima img{width: 70px; height: 70px;}
.copy{font-size: 14px; margin-top: 22px;}

.izl-rmenu{position: fixed; left: 95.8%; bottom: 10px; padding-bottom: 73px; z-index: 999;}
/*QQ*/
.izl-rmenu .btn{width: 60px; height: 60px; margin-bottom: 1px; cursor: pointer; position: relative; background-color: #a2abb0;}
.izl-rmenu .btn-qq{background: url(../images/customer_service.png) 0px 0px no-repeat;}
.izl-rmenu .btn-qq:hover{background: url(../images/customer_service_two.png) 0px 0px no-repeat;}
/*weixin*/
.izl-rmenu .btn-weixin{background: url(../images/weixin.png) 0px 0px no-repeat; position: relative;}
.izl-rmenu .btn-weixin img,
.izl-rmenu .btn-phone img{position: absolute; bottom: -1px; right: -140px;}
.izl-rmenu .btn-weixin:hover img,
.izl-rmenu .btn-phone:hover img{right: -1px;}
/**/
.izl-rmenu .btn-phone{background: url(../images/phone.png) 0px 0px no-repeat; position: relative;}
.izl-rmenu .btn-top{background: url(../images/return_top.png) 0px 0px no-repeat; background-color: #b9b9b9; display: none;}
.izl-rmenu .btn-top:hover{background-color: #aaaaaa; background: url(../images/return_top_two.png) 0px 0px no-repeat;}

/********************** 栏目页channel ***********************/
.page_con{margin-top: 15px;}
/*左侧边栏*/
.page-left .title,
.page-left li.action a,
.page-left ul li:hover a{color: #fff;}
.page-left{margin-bottom: 50px;}
.page-left .title{height: 67px; line-height: 67px; background: #0087d9; font-size: 18px;}
.page-left ul{padding: 0;}
.page-left ul li{line-height: 50px; height: 50px; list-style: none; margin-top: 5px; background-color: #eeeeee;}
.page-left ul li.action,
.page-left ul li:hover{background-color: #00a0e9;}
.page-left ul li a{font-size: 16px; display: block; text-decoration: none; color: #333;}
/*右列表*/
.page-right .title{color: #2a9fe4; font-size: 16px; margin-top: 25px; margin-bottom: 25px; font-weight: bold;}
.page-right .title span{font-size: 14px;}
.page-right em{color: #ff0000;}
.from_page{margin-bottom: 100px;}
.from_page .control-label{font-size: 14px; font-weight: 400;}
.page-right .about img{max-width:100%;height:auto!important;margin:auto;}
.tijiao{background-color: #008fd7; color: #fff; width: 100px; border-radius: 0; margin-top: 20px;}

.page-list{position: relative;margin:auto 0;}
.page-list .col-md-12{border-bottom: 1px solid #ccc;position: relative;padding: 10px 0;}

.page-list .data{background-color: #198ede;color: #fff;padding: 2px 10px 6px;margin: 25px 0;margin-right: 26px;display: inline-block;vertical-align: middle;float: left;}
.page-list .data p{margin-top: 2px; margin-bottom: 0;}
.page-list .data .p1{font-size: 22px; font-weight: bold;}
.page-list .data .p2{font-size: 14px;}

.page-list .imgTxt_info{display: flex;justify-content: space-between;align-items: center;}

.page-list .text{margin: 19px 0;vertical-align: middle;}
.page-list .text:hover{text-decoration: none;}
.page-list .text:hover h5{color: #2a6496;}
.page-list .text h4,
.page-list .text h5{margin: 0; line-height: 22px;}
.page-list .text h5{color: #666; margin-top: 8px;}

.cont_img{margin-left: 20px;}
.cont_img img{width: 152px;height: 114px;}


/*================分页===============*/
.page_num{margin: 10px 0 30px 0;}
/*联系我们*/
.about h4{color: #008fd7; font-weight: bold;}
.about p{font-size: 14px; margin-bottom: 5px;}
.map{margin-top: 20px; margin-bottom: 50px; border: 1px solid #ccc;}

/*========方案中心左侧下拉select=============*/


#left_left .left_menu{border-right: 1px solid #0087d9; overflow: hidden;}
#left_left .title{height: 75px; line-height: 75px; background: #0087d9; font-size: 28px; color: #fff; text-align: center;}
#red #left_left .title{background: #dc0e0e;}
#left_left .floor{background: #fff; text-align: center; margin-bottom: 10px;}
#left_left .floor span{cursor: pointer; display: block; text-align: center; font-size: 16px; height: 52px; line-height: 52px; border: 1px solid #f1f1f1; position: relative; background-color: #eeeeee;}
#left_left .floor span em{display: inline-block; height: 52px; width: 10px;}
#left_left .floor .menu-up em{display: inline-block; height: 40px; width: 10px;}
#left_left .floor span:hover{font-weight: bold; position: relative;}
#left_left .floor .active{color: #fff; font-weight: bold; text-indent: -6px; position: relative; background: #5cb8ec;}
#red #left_left .floor span em{background: #dc0e0e;}
#red #left_left .floor .menu-up em{background: #dc0e0e;}
#red #left_left .floor span:hover{color: #fff;}
#red #left_left .floor .active{color: #dc0e0e;}
#left_left .floor span i{display: inline-block; width: 12px; height: 11px; position: absolute; right: 15px; top: 20px;}
#left_left .floor .active .menu-up .current a{background: #58b0f3; color: #fff;}
#red #left_left .floor span:hover i{background: url("../images/down_red.png") no-repeat;}
#left_left .floor active,#left_left .floor .menu-up li a{color: #333;}
#left_left .floor active a{color: #fff;}
#left_left .floor .menu-up .current a{color: #fff; background: #329bec;}
#left_left .floor .hide{background: #fff !important;}
#left_left .floor .hide li a{color: #333 !important;}
.floor .menu-up{background: #daecfc;}
#left_left .left_menu ul li{height: 50px;}
#left_left .left_menu ul li a{display: block; width: 100%; line-height: 50px; text-align: center; text-decoration: none; color: #fff; font-size: 14px; border: 1px solid #E3E3E3;}
#left_left .left_menu ul li a:hover{background: #68B8F6; color: #fff;}
#red #left_left .left_menu ul li a:hover{background: url("../images/profile_hover_red.png") no-repeat 68px #fdf4f5;}
#red #left_left .left_menu .current a{background: url("../images/profile_hover_red.png") no-repeat 68px #fdf4f5;}
#red .special{background: url("../images/profile_hover_red.png") no-repeat 68px #fdf4f5!important; color: #484848!important;}
.floor a .show-voice{color: #333;}
.floor .show-voice.active a{color: #fff;}
.floor ul{padding-left: 0;}
#left_left .floor span:hover{background: #5cb8ec; color: #fff;}
#left_left .floor span a:hover{text-decoration: none}
#left_left .left_menu{border: 1px solid #e3e3e3; border-left: 10px solid #0087d9;}
#left_left .title{height: 64px; line-height: 64px; background: #0087d9; font-size: 20px; color: #fff; text-align: center;}
#left_left .floor{background: #fff; text-align: center;}
#left_left .floor span{cursor: pointer; display: block; font-weight: bold; text-align: center; font-size: 16px; height: 52px; line-height: 52px; margin-top: 2px; border-bottom: 1px solid #f1f1f1; position: relative;}
#left_left .floor span:hover{color: #fff; font-weight: bold; border-left: 5px solid #FFC107; text-indent: -6px; position: relative;}
#left_left .floor .active{color: #fff; font-weight: bold; border-left: 5px solid #FFC107; text-indent: -6px; position: relative;}
#left_left .floor span i{display: inline-block; width: 14px; height: 12px; position: absolute; right: 15px; top: 20px;}
#left_left .left_menu ul li a{display: block; width: 100%; line-height: 40px; text-align: center; border-bottom: 1px solid #e3e3e3; text-decoration: none; color: #333;}
#left_left .left_menu ul li a:hover{color: #fff;}
#left_left .left_menu .current a{color: #4294ec;}


/*================ mobile ===============*/
@media (max-width: 768px){
  .navbar-header img{margin-top: 5px;width: 90px; height: auto;} 
.sj_logo{width: 90px; margin: 0 auto;} 
.navbar{padding: 10px 0; background: #d7ebff; border-bottom: 1px solid #c7e5ff; margin: 0;}
.copy{margin-bottom: 20px;} 
.more_div{display: none;} 
.erweima{margin-bottom: 8px;} 
.navbar-collapse{width: 100%; text-align: center;} 
.new-list .col-xs-12 h4{font-size: 13px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; width: 230px;} 
#videoElement{width: 355px!important} 
.container .row .new_list_tow{width:100%;margin-top:0;padding: 0;} 
.container .row .new_list_tow video{width:100%;} 
.related .plan-list{width:100%;margin:0 auto;}
.related_mk .mk_box{margin-left:0;}
.row .list_box{width:100%;}
.row .list_box a{font-size: 17px;} 
.page-list .text{margin: 0px;}
.page-list .data{margin: 0px 0;margin-right: 18px;}
.cont_img{display: none!important;} 
.aaass{display: none!important;}
.cooperate ul{overflow:hidden;padding:0;}
.cooperate ul li{width:85px;margin:0 10px;}
.page-right .about img{max-width: 280px; max-height: 407px;}
.page-right .page_list .typical-img.col-md-3{width:33%}
.page-right .page_list .typical-img .title{height:60px;}
.new-list .tab-list{margin-left: 0px;}
}
@media (min-width: 768px){
  .navbar-nav{margin-left: 30px; margin-top: 10px;}
.aaaqe, .moer_new{display: none;}
}
@media screen and (min-width:768px) and (max-width: 1200px){
  .navbar-header{width: 100%;} 
.navbar-header img{display: block; margin-left: 10%;} 
.collapse{width: 100%;} 
.collapse ul{width: 592px; margin: 0 auto; float: none;} 
.search{float: none; margin: 0 auto; width: 183px;clear: both; position: absolute; right: 17%; top: 18px;} 
.collapse ul{margin-bottom: 20px;}
}
@media screen and (max-width: 992px){
  .related{padding-bottom: 70px;} 
.related h2{border-top: 0 !important;} 
.related .plan-title{height: 330px;width: 100%;}
.related_mk .mk_box p{font-size:13px;}
}



/*====================== other ============================*/
.picScroll-left{overflow: hidden; position: relative;}
.picScroll-left .bd ul{overflow: hidden; zoom: 1;}
.picScroll-left .bd ul li {
  position: relative;
  float: left;
  _display: inline;
  overflow: hidden;
  background: #fff;
  height: 338px;
  overflow: hidden;
  margin: 10px;
  -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
.picScroll-left .bd ul li , .picScroll-left .bd ul li .title , .izl-rmenu .btn-weixin img , .izl-rmenu .btn-phone img , .page_list .page_list_box .title{
  transition: 0.3s ease-out;
  -moz-transition: 0.3s ease-out; 
  -webkit-transition: 0.3s ease-out; 
  -0-transition: 0.3s ease-out;
}
.picScroll-left .bd ul li:hover{height: 333px; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);}
.picScroll-left .bd ul li .pic img{width: 261px; height: 172px; display: inline-block;}
.picScroll-left .bd ul li .pic a:hover img{border-color: #999;}
.picScroll-left .bd ul li .title{line-height: 24px; height: 216px; position: absolute; z-index: 5; bottom: -50px; left: 0; background-color: #fff; padding: 0 8px;}
.picScroll-left .bd ul li:hover .title{bottom: 0;}
.picScroll-left .bd ul li .title a{text-decoration: none; font-size: 14px; color: #666;}
.picScroll-left .bd ul li .title .p1{font-size: 16px; margin-bottom: 15px; color: #666; border-bottom: 1px solid #898989; line-height: 53px;}
.picScroll-left .bd ul li .title .p2{height: 75px; overflow: hidden;}
.picScroll-left .bd ul li .title .more{margin-top: 10px;}

/*tree*/
#tree{float: left; background: #f0f5f8; width: 263px; padding: 16px 0;}
#tree ul li ul{margin-left: 30px;}
#tree li{list-style-type: none; margin: 0; padding: 5px 0px 0 0px; position: relative; white-space: nowrap;}
#tree li::before,
#tree li::after{content: ''; left: -20px; position: absolute; right: auto}
#tree li::before{border-left: 1px solid #999; bottom: 50px; height: 100%; top: 0; width: 1px}
#tree li::after{border-top: 1px solid #999; height: 20px; top: 25px; width: 25px}
#tree li span{-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999; border-radius: 5px; display: inline-block; padding: 3px 8px; text-decoration: none; font-size: 12px;}
#tree li span i{vertical-align: text-bottom; margin-right: 2px;}
#tree li.parent_li>span{cursor: pointer}
#tree>ul>li::before,
#tree>ul>li::after{border: 0}
#tree li:last-child::before{height: 30px}
#tree li.parent_li>span:hover,
#tree li.parent_li>span:hover+ul li span{background: #eee; border: 1px solid #94a0b4; color: #000}

/*内容页滚动*/
.picScroll-page{overflow: hidden; position: relative; margin-bottom: 50px;}
.picScroll-page .hd{overflow: hidden; height: 37px; padding: 0 10px; position: absolute; width: 100%; top: 60px;}
.picScroll-page .hd .prev,
.picScroll-page .hd .next{display: block; width: 19px; height: 37px; overflow: hidden; cursor: pointer; background: url("../images/next.png") no-repeat;}
.picScroll-page .hd .next{background-position: -19px 0;}
.picScroll-page .bd{padding: 10px; margin-left: 22px;}
.picScroll-page .bd ul{overflow: hidden; zoom: 1;}
.picScroll-page .bd ul li{margin: 0 7px; float: left; _display: inline; overflow: hidden; text-align: center;}
.picScroll-page .bd ul li .pic{text-align: center;}
.picScroll-page .bd ul li .pic img{width: 177px; height: 134px; display: block;}
.picScroll-page .bd ul li .pic a:hover img{border-color: #999;}
.picScroll-page .bd ul li .title{line-height: 24px;}

/**/
.page_list .page_list_box{position: relative; _display: inline; overflow: hidden; height: 302px; overflow: hidden; margin: 10px; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);}
.page_list .page_list_box{transition: 0.3s ease-out;  -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; -0-transition: 0.3s ease-out; margin-bottom: 30px;}
.page_list .page_list_box:hover{-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);}
.page_list .page_list_box a img{width: 100%; height: 172px; display: inline-block;}
.page_list .pic a:hover img{border-color: #999;}
.page_list .page_list_box .title{width: 100%; line-height: 24px; height: 186px; position: absolute; z-index: 5; bottom: -50px; left: 0; background-color: #fff; padding: 0 8px;}
.page_list .page_list_box .title{bottom: -78px; font-weight: 400;}
.page_list .page_list_box .title a{text-decoration: none; font-size: 14px; color: #666;}
.page_list .page_list_box .title .p1{font-size: 16px; margin-bottom: 15px; color: #666; border-bottom: 1px solid #898989; line-height: 53px;}
.page_list .page_list_box .title .p2{line-height:24px;margin:0;overflow: hidden;letter-spacing: -0.5px;}
.page_list .page_list_box .title .more{margin-top: 10px;}
.page_list .col-md-4{padding: 0;}
.page_list .page_list_box:hover .title{bottom: -17px;}

/*other_search(已删)*/
.search-xs{border: 1px solid #77bfeb; padding: 2px 10px; margin-top: 14px; position: relative;}
.search-xs input{border: none; width: 100%;}
.search-xs button{width: 14px; height: 14px; display: inline-block; background: url(../images/search.png) no-repeat; border: 0; position: absolute; right: 10px; top: 7px;}
.search-xs button:focus,
.search-xs input:focus{outline: none;}

.page_left{width:358px;text-align:center;}
.page_left_dl_b{margin-bottom:50px;}
.page_left_dl dt em{width: 19px;
  height: 22px;
  background: url(https://www.xcsgyxx.com/jpkc/images/school_icon.png);
  position: absolute;
  left: 40px;
  top: 22px;}
.page_left_dl dt,.page_left_dl dd{position:relative;}
.page_left_dl dt{   height: 66px
    ;
  line-height: 66px;
  background: #0087d9;
  font-size: 18px;
  color: #fff;
  text-align: left;
  font-weight: normal;
  padding-left: 70px
    ;
}
.page_left_dl dd{overflow:hidden;line-height: 55px;    text-align: left;}
.page_left_dl dd em{width:11px;height:15px;position:absolute; left:27px;top:20px;background:url(../images/arrow_b.png);}
.page_left_dl dd a{color:#666;font-size:16px;    border-bottom: 1px solid #ddd;display: block;}
.page_left_dl dd>a {
  color: #276fb7;
  font-size: 18px;
}
.page_left_dl dd a.current{color:#0087d9;font-weight: bold;}
.page_left_dl dd .last-menu{padding: 0;display:none;}
.page_left_dl dd .last-menu >li > a{font-size:14px;line-height:38px;border-bottom:1px dashed #ddd;position:relative;padding-left: 50px
    ;}
.page_left_dl dd .last-menu >li>a.current{color:#276fb7;font-weight:700}
.page_left_dl dd .last-menu >li>a.current > i{background:#276fb7}
.page_left_dl dd .child-menu > li > a{border-top: 1px
    solid #ddd;
  line-height: 30px;
  padding: 10px
    4px
    ;
  padding-left: 40px
    ;
  
}
.page_left_dl dd a:hover{    color: #0087d9;}
.child-menu{border-left:1px solid #ddd;border-right:1px solid #ddd;padding: 0;}
.child-menu > li.current > a{color:#276fb7;font-weight:700}
.four-menu{padding:0;display:none;}
.four-menu li{position:relative;line-height:40px;}
.four-menu > li > a{padding-left:70px;font-size:14px !important;}
.four-menu li i{width:5px;height:5px;background:#ddd;display:block;position:absolute;border-radius:50%;top:17px;left:60px}


.page_list_a li{float: left; margin-right: 73px; margin-bottom: 30px;}
.page_list_a li a{position:relative;}
.page_list_a li a:after{content:'';width:40px;height:2px;background:#00a0e9;position:absolute;left:0;top:194px;}
.page_list_a li p:nth-child(1){width:234px; height:180px;border: 1px solid #ccc;}
.page_list_a li p:nth-child(1) span{width:212px; height:158px;background: #F1F1F1;display: inline-block;margin-top: 10px;margin-left: 10px;text-align: center;line-height: 150px;}
.page_list_a li:nth-child(3n+0){margin-right: 0px;}
.page_list_a li p img{ max-width:212px; max-height:158px;box-shadow: 1px 1px 9px 4px #ccc;}
.page_list_a li p:nth-child(2){width:234px;    line-height: 25px;
  font-size: 14px;
  text-align: left;
  color: #333;
  margin-top: 25px
    ;
}
.page_list_a{overflow: hidden;display:flex;  flex-wrap: wrap;}

.g_left{width:37px;height:56px;top: 50%;
  margin-top: -28px
    ;display: inline-block;
  position: absolute;
}
.g_right{width:37px;height:56px;top: 50%;
  margin-top: -28px
    ;display: inline-block;
  position: absolute;
}
.demo_img {margin-top:40px;}
.demo_img img{max-width:100%;}