
/* 背景 */
.back_1 { background:url(../images/in_bg1.jpg) no-repeat center center / 100% 100%;}
.back_2 { background:url(../images/in_bg2.jpg) no-repeat center center / 100% 100%;}

/* 标题 */
.tit_box { padding:20px 0 30px; text-align:center; overflow:hidden;} 
.tit_box h1 { width:250px; height:65px; line-height:65px; font-size:30px; color:#333; border-bottom:2px solid #126ebd; margin:0 auto;}
.tit_box h2 { width:250px; height:65px; line-height:65px; font-size:30px; color:#126ebd; border-bottom:2px solid #126ebd; margin:0 auto; position:relative;}
.tit_box h1 a { color:#333; display:block;}
.tit_box h2 a { color:#126ebd; display:block;}
.tit_box .hjb { width:13px; height:13px; background:url(../images/tit_ico.png) no-repeat center center; position:absolute; bottom:-7px; left:119px; display:inline-block;}
.tit_box p { width:250px; line-height:40px; font-size:18px; color:#999; margin:0 auto;}

.tit_tab { padding:20px 0 30px; overflow:hidden;}
.tit_tab ul { width:760px; text-align:center; border-bottom:1px solid #e5e5e5; margin:0 auto;}
.tit_tab ul li { width:250px; height:65px; line-height:65px; font-size:30px; color:#333; padding-bottom:2px; position:relative; display:inline-block;}
.tit_tab ul li .hjb { width:13px; height:13px; background:none; position:absolute; bottom:-7px; left:119px; display:inline-block;}
.tit_tab ul li.active { color:#126ebd; border-bottom:2px solid #126ebd; padding-bottom:0;}
.tit_tab ul li.active a { color:#126ebd; display:block;}
.tit_tab ul li.active .hjb { background:url(../images/tit_ico.png) no-repeat center center;}


.tranimg img {transition: all 0.6s;}
.tranimg img:hover {transform: scale(1.05);}

/* 关于我们 */
.us_dl {}
.us_dl dt { width:600px; height:375px; float:left; overflow:hidden;}
.us_dl dd { width:580px; padding:10px 0; float:right;}
.us_dl dd .txt { height:330px; overflow:hidden;}
.us_dl dd p { font-size:16px; line-height:30px; color:#666; text-indent:32px;}
.us_dl a.more { line-height:24px; padding:0 15px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#126ebd; border:1px solid #126ebd; border-radius:50px; float:right;}


/* 水院动态 */
.imgtxt_list {}
.imgtxt_list li { width:370px; background:#fff; margin-right:45px; float:left;}
.imgtxt_list li:last-child { margin-right:0;}
.imgtxt_list li img { width:370px; height:290px; display:block; overflow:hidden;}
.imgtxt_list li .txt { padding:10px;}
.imgtxt_list li h1 { font-size:18px; color:#333; line-height:28px; font-weight:normal;}
.imgtxt_list li p { height:40px; line-height:20px; font-size:14px; color:#666; margin-top:5px; overflow:hidden;word-wrap:break-word;word-break:break-all;}

/* 精品工程 */
.casediv { position:relative; overflow:hidden;}
.casediv .posdiv { width:100%; color:#fff;}
.casediv .posdiv h1 { padding:0 10px; line-height:40px; font-size:16px; font-weight:normal;}
.casediv .posdiv p { height:50px; padding:0 10px; line-height:16px; font-size:12px; overflow:hidden; word-wrap:break-word;word-break:break-all;}

.casediv:hover .case_info {bottom:0;}
.casediv .case_info { width:100%; height:100px; color:#fff; margin-bottom:0px; position:absolute; bottom:-60px; transition: all .2s; background:rgba(0,0,0,0.5);}

/* 业务范围 */
.range_list {}
.range_list li { width:285px; height:320px; margin-right:20px; float:left; overflow:hidden; position:relative; }
.range_list li:last-child { margin-right:0;}
.range_list li .titdiv { width:100%; height:40px; line-height:40px; font-size:18px; color:#fff; text-align:center; background:rgba(0,0,0,0.6); position:absolute; bottom:0; left:0 ; right:0;}

.range_list li:hover .titdiv { display:none;}
.range_list li:hover .case_info {bottom:0;}
.range_list li .case_info { padding:0 15px; height:320px; color:#fff; margin-bottom:0px; position:absolute; bottom:-320px; left:0; right:0; transition: all .2s; background:rgba(0,0,0,0.5);}
.range_list li .case_info h1 { line-height:70px; font-size:20px; text-align:center;}
.range_list li .case_info p { height:80px; line-height:20px; font-size:13px; text-indent:26px; overflow:hidden;word-wrap:break-word;word-break:break-all;}
.range_list li .case_info img { margin:60px auto 0; display:block;}

/* 公告新闻 */
.new_img { width:485px; float:left;}
.new_list { width:695px; float:right; overflow:hidden;}
.new_list ul li { padding:10px 0; border-bottom:1px solid #d6d6d6; overflow:hidden;}
.new_list ul li:first-child { padding-top:0px;}
.new_list ul li:last-child { padding-bottom:0px; border-bottom:none;}

.new_list ul li a{display: block; width: 100%; line-height:20px; font-size:18px; color:#333;}
.new_list ul li a span{float: right; font-size: 14px; color: #666;}
.new_list ul li a:hover{color:#116EBA; transition: .5s;}


/* 模块标题 */
.moduleTitle{border-bottom: 1px solid #0276da;}
.moduleTitle .toggleSpan{font-size: 16px;}
.moduleTitle .toggleSpan span{border-bottom: 3px solid #fff;padding-bottom: 8px;float: left;margin-right: 30px;cursor: pointer;}
.moduleTitle .toggleSpan span.hover{font-size: 20px;border-bottom: 3px solid #0276da;color: #0276da;}
.moduleTitle .toggleSpan2{font-size: 20px;}
.moduleTitle .toggleSpan2 span{color: #0276da; padding-bottom: 8px;float: left;margin-right: 30px;cursor: pointer;}
.moduleTitle .toggleSpan2 span i{color: #2093eb;}

/* 20190201新增开始视频 */
.videopo{position: relative; height:320px;}
.txtgd{position: absolute;line-height: 30px;color: #fff;right: 2%; top: 0px;}
.txtgd:hover{text-decoration:underline;color: #fff;}
.txtgddesc{position: absolute; width: 100%; line-height: 30px;color: #fff;  padding-left: 2%; bottom: 0; font-size: 14px; background: rgba(148,148,148,0.5);}

/* 20190201新增结束视频 */


/* 2019-2-21 新增 */
.tit_tab2 { overflow:hidden;}
.tit_tab2 li { width:33.3%; height:50px; line-height:50px; font-size:18px; color:#333; text-align:center; float:left; border-bottom:2px solid #e9e9e9;}
.tit_tab2 li.active { color:#126ebd; border-bottom:2px solid #126ebd;}

.boxQyln{width:100%; max-width:920px; margin:0 auto; text-align:left; padding:40px 0}
.boxQyln li{display:block; padding:0 0 50px 35px; position:relative}
.boxQyln li h1{font-size:24px; font-family:"楷体"; color:#265ac8}
.boxQyln li h2{font-size:18px; font-family:"楷体"; border-bottom:1px solid #0059a0; padding:10px 0; margin:0 0 10px 0;}
.boxQyln li p{ font-size:15px; line-height:26px; color:#777}
.boxQyln li i{display:block; width:18px; height:18px; border-radius:50%; position:absolute; left:0; top:0px; background:#265ac8}
.boxQyln li:nth-child(1) i{ opacity:.5}
.boxQyln li:nth-child(2) i{ opacity:.3}
.boxQyln li:nth-child(3) i{ opacity:.6}
.boxQyln li:nth-child(4) i{ opacity:.4}
.boxQyln li:nth-child(5) i{ opacity:.8}
.boxQyln li h3{font-size:32px; font-family:"楷体"; color:#0059a0;border-bottom:1px solid #0059a0; padding:0 0 10px 0; margin-bottom:-20px}
.boxQyln li h4{font-size:24px; font-family:"楷体"; margin:40px 0 10px 0}

.videolist { overflow:hidden;}
.videolist li { width:45%; margin:30px 2.5%; float:left;}


/* 2019-2-22 带标题焦点图片*/
.sub_box { width:485px; height:320px; position:relative; overflow:hidden; float:left;}
#wrap {width: 485px;}
.hiSlider {width: 485px;height:320px;overflow: hidden;background: #eee;}
.hiSlider li { width:485px; height:320px;}
.hiSlider-item {float: left;}
.hiSlider-item img {width:485px;height:320px;}
.hiSlider-pages, .hiSlider-title {position: absolute;z-index: 3}
.hiSlider-title {width: 100%;bottom: 0;padding: 5px 0;color: #fff;text-indent: 10px;background: rgba(0,0,0,.6);z-index: 2;font: 14px/2 "Microsoft YaHei", Arial, Tahoma}
.hiSlider-pages {bottom: 5px;right: 10px;text-align: right}
.hiSlider-pages a {height: 12px;width: 12px;margin: 0 6px;display: inline-block;overflow: hidden;text-indent: -100px;font-size: 0;border-radius: 50%;background: #ddd}
.hiSlider-pages a.active {background: #5472BF}

.txt_sphc { padding:20px; text-indent:32px; line-height:35px;}



  .flash_pagination {
    position: absolute;
    z-index: 20;
    left: 50%;margin-left: -72px;
    bottom: 30px;
  }
  .swiper-pagination-switch {
    display: inline-block;
    width: 38px;
    height: 7px;
    border-radius: 50px;
    background: #000;
    margin: 0 5px;
    opacity: 0.4;
    cursor: pointer;
  }
  .swiper-visible-switch {
    background: #aaa;opacity: 0.8;
  }
  .swiper-active-switch {
    background: #007aff;
  }