body { background-color: #e9e9e9; }
.viewCP { margin-top: 30px; position: relative; padding-bottom: 48px; height: 425px; }
.viewCP:after { width: 100%; height: 48px; content: ''; background: url(../img/xcyj/img6.jpg) no-repeat; position: absolute; left: 0; right: 0; bottom: 0; background-size: 100% 100%; }
.viewCP .col-sm-3 { margin: 0; padding: 0; background-color: #ffffff; margin-bottom: 32px; position: relative;  }
.viewCP .col-sm-3:after { width: 1px; height: 100%; content: ''; background: url(../img/xcyj/img7.jpg) no-repeat; display: block; position: absolute; top: 0; right: 0; }
.viewCP .col-sm-3:last-child:after { background: none; }
.viewCP .col-sm-3 .img { width: 100%; height: 195px; }
.viewCP .col-sm-3 h2 { background: rgba(0,0,0,0.5)!important; filter: Alpha(opacity=50); background: #000000; height: 50px; position: absolute; top: 145px; left: 0; right: 0; color: #fff; font-size: 16px; margin: 0; padding-top: 9px; }
.viewCP .col-sm-3 h2 span { margin-left: 15px; margin-right: 10px; }
.viewCP .col-sm-3 h2 span img { vertical-align: -20%; }
.viewCP .col-sm-3 .text { padding: 5px 20px 30px 20px; }
.viewCP .col-sm-3 .text h3 { margin: 0; font-size: 20px; color: #000000; line-height: 42px; }
.viewCP .col-sm-3 .text p { color: #666666; line-height: 25px; height: 75px; overflow: hidden; text-align: justify; text-justify: inter-ideograph; word-break: break-all; word-wrap: break-word; }
.viewCP .col-sm-3:hover .text h3,
.viewCP .col-sm-3:hover .text p {color: #e6a826;}
.viewCP .col-sm-6 { background-color: #ffffff; margin: 0; padding: 0; position: relative; }
.viewCP .col-sm-6:after { width: 1px; height: 100%; content: ''; background: url(../img/xcyj/img7.jpg) no-repeat; display: block; position: absolute; top: 0; right: 0; }
.viewCP .col-sm-6:last-child:after { background: none; }
.viewCP .col-sm-6 h1 { background-color: #10487b; margin: 0; font-size: 16px; padding-top: 9px; height: 50px; color: #ffffff; position: relative; }
.viewCP .col-sm-6 h1 span { margin-left: 15px; }
.viewCP .col-sm-6 h1 span img { vertical-align: -20%; }
.viewCP .col-sm-6 h1 a { position: absolute; color: #fff; font-size: 14px; right: 20px; top: 20px; }
.viewCP .col-sm-6 ul { background-color: #ffffff; height: 375px; padding: 15px; }
.viewCP .col-sm-6 ul li { width: 50%; float: left; position: relative; padding-left: 20px; }
.viewCP .col-sm-6 ul li:before { width: 4px; height: 4px; background-color: #10487b; position: absolute; display: block; content: ''; left: 8px; top: 16px; }
.viewCP .col-sm-6 ul li a { color: #000000;  }
.viewCP .col-sm-6 ul li a:hover { color: #e6a826; }
.viewCP .col-sm-6 ul li h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.viewCP .col-sm-6 ul li span { display: block; font-size: 14px;  }
.viewCP .text a img { margin-right: 5px; color: #10487b; }
/*焦点图*/
.mainBanner .slideBox{ width:100%; height:460px; position:relative; }
.mainBanner .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right: 50%; bottom: 20px; z-index:1; }
.mainBanner .slideBox .hd ul{ overflow:hidden; zoom:1; text-align: center;  }
.mainBanner .slideBox .hd ul li{ float:left; margin-left: 10px;  width: 9px; height: 9px; background: #ffffff; cursor:pointer; border-radius: 50%; margin-top: 3px; }
.mainBanner .slideBox .hd ul li.on{ background: #10487b; width: 15px; height: 15px; margin-top: 0; }
.mainBanner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mainBanner .slideBox .bd ul { height: 100%; }
.mainBanner .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%; }
.mainBanner .slideBox .bd img{ width:100%; height:100%; display:block;  }
.mainBanner .slideBox .prev,
.mainBanner .slideBox .next{ position:absolute; left:15px; top:50%; margin-top:-36px; display:block; width:72px; height:72px; background:url(../img/xcyj/banner-icon.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.mainBanner .slideBox .next { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); right:15px; left:auto;}
.mainBanner .slideBox .prev:hover,
.mainBanner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.mainBanner .slideBox .prevStop{ display:none;  }
.mainBanner .slideBox .nextStop{ display:none;  }
.mainBanner .container { width: 1400px; height: 460px; }
@media (min-width: 1280px){

}