/*------------ style -----------------*/
*{box-sizing: border-box;margin: 0; padding: 0;}
body,html{background: #f4f5fd;}
body{word-break: break-all; font: 12px/1.5 'microsoft yahei', 'simsun', sans-serif, tahoma, arial, 'Hiragino Sans GB', sans-serif;}
button,img,em{border: 0;}
img{vertical-align: middle;}
li,ul{list-style: none;}
i{font-style: normal;}
a{text-decoration: none; outline: none; cursor: pointer; color: #000;}
a:hover{text-decoration: none;}
input,textarea{outline: none;}
em,i{font-style: normal; font-weight: normal;}
table{border-collapse: collapse; border-spacing: 0;}
label{display: block;}
/*------------ 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;}
.center{text-align: center;}
.auto-0{margin: 0 auto;}
.bold{font-weight: bold;}
.ell{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.cursor{cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.allWidth{width: 1140px;margin: 0px auto;}

/*------------ header -----------------*/
.logoBox{height:150px;overflow:hidden;text-align:center; background: #fff;}
.logo{margin:40px 0}
.allWidth.special {  box-sizing: border-box;padding: 0 20px;}
.office{ font-size: 34px; color: #464664; margin-top: 30px; margin-left: 35px;}
.search{border:1px solid #464664;width:224px;margin-top: 60px;border-radius:6px;overflow: hidden; margin-right: 1px;}
.search input{width:163px;height:27px;border:0;display:inline-block;*float:left;*line-height:27px; font-size: 12px;}
.search button{background:#464664;color:#fff;height:27px;float:right;cursor:pointer;outline: none;padding: 0 13px;}
.logoBox .logo-wrap {
  height: 100%;
}

/* ====================== index_nav =========================*/
.nav{background: #464664;height:40px;line-height:36px;}
.navbar_ul li{width: 162px; float: left; font-size: 16px; position: relative;margin-top: 4px;}
.navbar_ul li:last-child{border-right: none;}
.navbar_ul li a{display: block;}
.navbar_ul>li>a{color: #fff; }
.navbar_ul>li a.action{background: #ffffff;font-weight: bold;color: #464664;border-top: 4px solid #464664;margin-top: -4px;}
.navbar_ul>li:hover > a,
.navbar_ul>li.normal{background: #ffffff;color: #464664;border-top: 4px solid #464664;margin-top: -4px;font-weight: bold;}
.navbar_ul>li a.action>.arrow_em{width: 13px; height: 7px; position: absolute; left: 50%; margin-left: -4px; bottom: 0;}
.navbar_ul li .menu{background: #fff; z-index: 9; width: 100%; display: none; position: absolute; top: 36px; left: 0; opacity: .9;}
.navbar_ul li .menu>li{margin: 0; height: 45px; line-height: 45px;}
.navbar_ul li .menu>li a{font-size: 14px; color:#333;}
.navbar_ul li .menu>li:hover>a{color: #fff; background: #464664; }
.navbar_ul li .menu>li>.menu-three>li{line-height: 45px;}
.navbar_ul li .menu>li>.menu-three>li:hover>a{color: #464664;}
.navbar_ul>li .menu>li>.menu-three{position: absolute; top: 0; left: 120px; display: none;background:rgba(255,255,255,.8);}
.navbar_ul>li:hover .menu{ display:block;}

/*banner*/

.swiper {width: 1100px;height: 335px;}
.swiper-slide {
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

 /* ====================== connent =========================*/

 .contentbox{padding:0 20px; background: #fff;padding-top: 30px;}
 .one_floor{padding-top: 20px;overflow: hidden;}
 .slideBox{width:512px;height:276px;overflow:hidden;position:relative}
 .slideBox .hd{overflow: hidden; position: absolute; right: 10px; bottom: 11px; z-index: 1;}
 .slideBox .hd li{float: left; margin-left: 10px; width: 10px; height: 10px; border-radius: 50%; background: #464664; cursor: pointer;border:1px solid #ccc;}
 .slideBox .hd li.on{background: #fff;}
 .slideBox .bd{width: 100%; height: 100%;}
 .slideBox .bd li{width: 100%;height:276px;position: relative;}
 .slideBox .bd li img{
    width:100%;height:100%;
    transition:all 0.8s ease-out 0s;
    -moz-transition:all 0.8s ease-out 0s; /* Firefox 4 */
    -webkit-transition:all 0.8s ease-out 0s; /* Safari 和 Chrome */
    -o-transition:all 0.8s ease-out 0s; /* Opera */
  }
.slideBox .bd li img:hover{
    transform:scale(1.05);
    -ms-transform:scale(1.05); /* IE 9 */
    -moz-transform:scale(1.05); /* Firefox */
    -webkit-transform:scale(1.05); /* Safari 和 Chrome */
    -o-transform:scale(1.05); /* Opera */
  }
.slideBox .bd li span{width:100%;font-size:14px;color:#fff;background:#000;text-indent:10px;height:34px;line-height:34px;position:absolute;left:0;bottom:0;}

.w566{width: 566px;}
.w352{width: 352px; margin-right: 22px;}
.w1{width: 100%;height: 225px !important;}
.two_floor .w352:last-child{margin-right:0;}
.list_info{font-size:14px;height:276px;margin-bottom: 30px;border: 1px solid #ddd;}
.list_info .title{
  margin-bottom: 12px;
  font-size: 16px;
  color: #fff;
  height: 42px;
  line-height: 42px;
  position: relative;
  background-image: linear-gradient(0deg,#e6e6e6 0%,#ffffff 100%),linear-gradient(#e5e5e5, #e5e5e5);
  background-blend-mode: normal,normal;
}
.list_info .title .more{position: absolute;right:0;top:2px;}
.list_info .title span:hover,.list_info .title span.normal{height: 42px;width: 100px;color: #333;background: #fff;border-top: 4px solid #464664;}
.list_info .title span{height: 42px; width: 100px;text-align: center; float: left; color: #666; cursor: pointer;}
.list_info .title span b{padding-bottom:2px;display: block}
.list_info .title a{font-size: 12px;float: right;color: #464664;margin-right: 10px;font-weight: 700;}
.list_info .title a:hover{color:#464664;}
.list_info .list li{line-height:30px;overflow: hidden;background: url(/spds/images/list.png) no-repeat left center;padding-left:20px;*height:30px;}

.list_info .list li a{display: block;color:#333;}
.list_info .list li a:hover{color:#464664;}
.list_info .list li i{color:#666;font-size:12px;}
.list_info .slideBox{width: 512px;float:left;position: relative;margin-right: 16px;}
.list_info .slideBox img{width: 512px;}
.list_info .slideBox li span{display: block;width:100%;color:#fff; background: #33333373;text-indent: 10px;font-size: 12px; height:30px;line-height: 30px;position: absolute;left:0;bottom:0;}

.list_info .list-div{margin-top: -1px;}
.list_info .list-div a{color:#666;}
.list_info .list-div a:hover p{color:#0e94df;}
.list_info .list-div .tit{color: #0e94df;font-size:16px;font-weight:bold;margin-bottom:2px;}
.list_info .list-div .txt{line-height: 24px;font-size:14px;}

.list_dl dd{overflow:hidden;margin-bottom:10px;}
.list_dl dd .dd{font-size:18px;display:block;background: #0e94df;line-height:30px;color:#fff;border-radius:6px 6px 0 0;}
.list_dl dd .yy{font-size:12px;border:1px solid #b3b3b3;border-top:0;color:#4c4c4c;padding: 0 1px;display:block;line-height:21px;height:21px;}
.list_dl dd .fr{border-bottom:1px #bdbdbd dashed;width: 311px;}
.list_dl dd .fr a:hover div{color:#0e94df;}
.list_dl dd .fr .tit{color:#2e2e2e;margin-bottom:5px;}
.list_dl dd .fr .txt{color:#808080;margin-bottom:4px;}
.list_info_tab .list{padding-top:4px;overflow: hidden;display: block; padding: 0 15px;}
.list_info_tab .list.hide { display: none; }
.list_info_tab .list li{line-height: 35px;}


.footer{ width: 100%; height: 85px; background: #464664;}
.foot_con{ padding-top: 22px;}
.foot_con p{text-align: center; color: #fff; font-size: 14px;}
.foot_con p a{color:#fff;}

/*channel*/
.page{margin-top:40px;}
.left-menu{width: 244px;margin-bottom:20px;}
.left-menu .title{line-height: 60px;height: 60px;background: #464664;font-size: 28px;text-align: center;color:#fff;}

.left-menu .list{padding-bottom:7px;font-size: 16px;text-align: center;line-height: 50px;}
.left-menu .list li{margin-top:4px;}
.left-menu .list li a{color:#333;display: block;background:#e0e8f9;}
.left-menu .list li a.normal,.left-menu .list li a:hover{background: #464664;color:#fff;}


.right-con{width: 826px;margin-bottom:20px;min-height: 500px;}

.location{border-bottom: 2px solid #e1e1e1;margin-bottom:10px;height:34px;}
.location div.fl{height:32px;font-size: 20px;color: #007ab1;font-weight: 700;}
.location ul{margin-top:10px;}
.location ul li,.location ul li a{display: inline-block;color: #808080;font-size: 12px;line-height: 15px;}
.location ul li a{margin-right:5px;}
.location ul li a:hover{color:#3b93dd;}

.page_con{ }
.right_page{float:right;width:835px;min-height:600px;padding:0px 20px}
.right_page .address{height:66px;line-height:66px;color:#333;border-bottom:1px solid #e5e5e5}
.right_page .address .add_title{font-size:24px}
.right_page .address .local a{color:#464664}
.page_list{margin-top:15px}
.page_list li{height:56px;line-height:56px;color:#333;font-size:15px;padding:0 15px;border-bottom:1px dashed #e1e1e1;overflow:hidden}
.page_list li a{color: #333;}
.page_list li:hover{background: #fbfbfb;}
.page_list li:hover a,.page_list li:hover i{color: #235496;}

.page_num{margin: 30px 0;font-size: 14px;color: #666;overflow: hidden;}
.page_num .page{display: inline-block;margin: auto;}
.page_num .page >li{padding: 5px 8px;float: left;background: #dff2ff;margin: 2px 5px;}
.page_num .page >li > a{color: #777c7c;background: #dff2ff;}
.page_num .page .pageBtn{background: none;padding: 0;margin: 0;}
.page_num .page .pageBtn a{padding: 5px 11px;margin: 2px 5px;float: left;}
.page_num .page .pageBtn a.active{background: #464664;color: #fff;}
.page_num .page li span{color: #777c7c;}

/*-------------- content ----------------*/
.con_text{color: #666;padding:0 16px;}
.con_text .tit h4{color:#333;font-size:22px;margin:40px 0 15px;font-weight:normal}
.con_text .tit h6{color:#4d4d4d;font-size:20px;font-weight:normal}
.con_text .tit p{color:#7d7d7d;font-size:15px;border-bottom:1px solid #ddd;margin-top:15px;padding-bottom:20px}
.con_text .tit p span{display:inline !important;}
.con_text .text{margin-top: 20px; line-height: 34px; font-size: 16px;}
.con_text .text .embed{margin: 0 auto; width: 640px;}
.con_text .text p{margin: 5px auto;}
.con_text .text img{max-width: 100%;}
.con_text .text video{max-width: 100%;}
.con_text .text table{max-width: 100%;}
.con_text .text table th,.con_text .text table td{padding: 5px 10px;border: 1px solid #DDD;}
.con_text .text li, .con_text .text ul {list-style: auto;}
.con_text .text a{text-decoration: auto;outline: auto;}
.con_text .text a:hover{text-decoration: auto;}

.text_next{padding: 30px 0;line-height: 30px;font-size: 14px;border-top: 1px solid #ddd;}
.text_next a{color: #333;}
.text_next a:hover{color:#464664}