@charset "utf-8";

/*header*/
.body_bg{background: #fff;}
body{min-width: 320px;}
body,input, textarea{font-size: 16px;}
input{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.transition a{transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.imgScale{ overflow: hidden; }
.imgScale a img{-moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.imgScale a:hover img{-moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.hover-opacity:hover{filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;}
a:hover{color:#0058c3;}
.container{ width:1400px;max-width:unset; margin:0 auto; clear:both;background: none;}
.container:after {clear: both;}
.container:after, .container:before {display:table; content: "";}
.row_col_l{width: 48%;float:left;}
.row_col_r{width: 48%;float:right;}

.tab-brief .hd{border-bottom:1px solid #dbdbdb;margin-bottom: 10px;}
.tab-brief .hd li{float: left;padding-bottom: 17px;font-size: 1.25em;margin-bottom: -2px;margin-right:20px;}
.tab-brief .hd li.on{border-bottom: 3px solid #0058c3;}
.tab-brief .hd li.on a,.tab-brief .hd li:hover a{color:#0058c3;font-weight: bold;}
.tab-brief .hd .more{float: right;line-height: 45px;}
.tab-brief .hd .more a{}

/* .newsList{clear: both;} */
.newsList li h4{position:relative; padding:7px 0; font-size:1.125em; font-weight: normal; line-height:1.6em; overflow:hidden; vertical-align:top;}
/*.newsList li h4:before{content:''; position:absolute; left:0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: #cccccc;}*/
.newsList li .time{position:absolute; right:0; top: 50%; margin-top: -.8em; color:#999999;}
.newsList li a{float:left; max-width:100%; color:#595959; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.newsList li a:hover, .newsList-h4 li a:hover{color: #355e92;}
.newsList.MM-dd li h4{padding-right:60px;}
.newsList.yyyy-MM-dd li h4{padding-right:100px;}
.newsList.dot-red li h4:before{background: #cc0000;}
.newsList.b li h4{padding-top: 10px; padding-bottom: 10px;}
.newsList.b li h4:before{width: 7px; height: 7px; margin-top: -3px;}

.zt-header{padding: 28px 0 34px;}
.zt-header .container{position: relative;}
.zt-header .logo{padding:0;float: left;}
.zt-header .main-nav{position: absolute;right:0;bottom:0;}
.zt-header .main-nav li{float: left;margin:0 30px;}
.zt-header .main-nav li.liend{margin-right: 0;}
.zt-header .main-nav li a{font-size: 1.25em;color:#000;}
.zt-header .main-nav li a.aon{color:#0058c3;font-weight: 600;}
.zt-header .main-nav li a:hover{color:#0058c3;}

.banner{background: url(../images/banner_spypxzsp.jpg) no-repeat center;background-size: cover;margin-bottom: 36px;}
.banner .ss{width: 57%;margin: 80px auto 42px;position: relative;}
.banner .ss .ss_txt{background: #fff;display:block;width:100%;height:48px;border-radius: 4px;-o-border-radius: 4px;border:none;line-height: 48px;padding: 0 60px 0 20px;}
.banner .ss .ss_btn{cursor: pointer; position: absolute;right:0;bottom:0;z-index:1;width:60px;height: 100%;background: url(../images/btn_ss_spypxzsp.png) no-repeat center;border:none;}
.banner .link{margin:0 auto 46px;width:62%;}
.banner .link li{float: left;width:20%;margin-bottom:20px;}
.banner .link li .img{width:68px;height:68px;border-radius: 50%;-o-border-radius:50%;margin:0 auto 13px;background-image: url(../images/icon_spypwsbl.png);background-repeat: no-repeat;background-color: #7dcfee;}
.banner .link li:hover .img{filter:alpha(opacity=85); -moz-opacity: 0.85; opacity:0.85;}
.banner .link li.li2 .img{background-color: #efc34c;background-position: 0 -68px;}
.banner .link li.li3 .img{background-color: #769ff1;background-position: 0 -136px;}
.banner .link li.li4 .img{background-color: #76db90;background-position: 0 -204px;}
.banner .link li.li5 .img{background-position: 0 -272px;}
.banner .link li p{font-size: 1.25em;text-align: center;}

.sec_yyzzsb{position: relative;margin-bottom: 39px;}
/* .sec_yyzzsb a{cursor: default;} */
.sec_yyzzsb .side{width:123px;height:480px;text-align: center;}
.sec_yyzzsb .side a{display: block;padding:80px 0 0;}
.sec_yyzzsb .side p{width:25px;margin:35px auto 0;font-size: 1.125em;font-weight: bold;}
.sec_yyzzsb .left{
  float: left;
  background: -webkit-linear-gradient(#81cbf5, #4889e2); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#81cbf5, #4889e2); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#81cbf5, #4889e2); /* Firefox 3.6 - 15 */
  background: linear-gradient(#81cbf5, #4889e2); /* 标准的语法 */ 
}
.sec_yyzzsb .left p{color:#fff;}
.sec_yyzzsb .center{position: absolute;left:123px;right:0;top:0;bottom:0; border:1px solid #8ec4e7;border-left:none;padding:0 58px;}
.sec_yyzzsb .center .qy{margin-top: 15px;}
.sec_yyzzsb .center .title{font-size: 1.125em;color:#0058c3;margin: 12px 0 20px;}
.sec_yyzzsb .center li{height:82px;float: left;margin-left:45px;margin-bottom: 20px;position: relative;transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.sec_yyzzsb .center li.li1,.sec_yyzzsb .center li.li3{/*width:360px;*/width:390px;}
.sec_yyzzsb .center li.li2{/*width:260px;*/width:288px;}
.sec_yyzzsb .center li.li3{/*width:325px;*/}
.sec_yyzzsb .center li:after{content:"";width:40px;height: 82px;background: url(../images/icon_arrow_right.png) no-repeat center;position: absolute;left:-42px;top:0;}
.sec_yyzzsb .center li:first-child{margin-left:0;}
.sec_yyzzsb .center li:first-child:after{display: none;}
.sec_yyzzsb .center li:before{content:"";width:63px;height:65px;background: url(../images/icon_dhzy.png) no-repeat 0 0;position: absolute;left:10px;top:50%;margin-top:-32.5px;}
.sec_yyzzsb .center .gth li.li1:before{background-position: 0 0; /*background-position: 0 -65px;*/}
.sec_yyzzsb .center li.li2:before{background-position: 0 -130px; }
.sec_yyzzsb .center li.li3:before{background-position: 0 -195px; }
.sec_yyzzsb .center li a{display: block;width:96%;height: 82px;line-height: 82px; border:1px dashed #e4e4e4;padding:0 2%;}
.sec_yyzzsb .center li a:hover{border-color:#0058c3;}
.sec_yyzzsb .center li p{display:inline-block;text-align: center;line-height: 1.5;vertical-align: middle;padding: 0 20px 0 80px;/*max-width: 220px;position: absolute;left:70px;right: 20px;top:50%;transform: translateY(-50%);*/ }
.sec_yyzzsb .center .yes li.li1{width: 100%;}
.sec_yyzzsb .center .yes li p{max-width: 100%;text-align: left;}
/*.sec_yyzzsb .center .qy li.li1 p,*/
/*.sec_yyzzsb .center .qy li.li3 p{line-height: 1.3;margin: 20px 0;width: 65%;}*/
.sec_yyzzsb .right{float: right;background: #c9e2f5;}
.sec_yyzzsb .right p{color:#166ec7;}

.sec_news {margin:0 -17px;}
.sec_news .item{width:33.333%;float: left;margin-bottom: 20px;}
.sec_news .itme_zcfg {width:66.66%;}
.sec_news .item>div{margin:0 17px;}
.sec_news .czzy{height: 230px;}
.sec_news .czzy img{display: block;width:100%;height: 100%;}
.sec_news .czsc{display: block;margin:15px 17px 0;height: 50px;line-height: 50px;text-align: center;background: #f7f7f7;font-size:1.25em;}
.sec_news .czsc:hover{background: #166ec7;color:#fff;}
/* .sec_news .czzy{position: relative;}
.sec_news .czzy .img{height: 290px;width:100%;}
.sec_news .czzy .img img{height: 100%;width:100%;display: block;}
.sec_news .czzy .txt{line-height: 52px;text-align: center;color:#fff;position: absolute;bottom: 0;left:0;right: 0;background: rgba(0,0,0,.4);} */

/*.tab-in-brief{overflow: hidden;}*/
.tab-in-brief .in-hd{text-align: center;margin-top: 28px;}
.tab-in-brief .in-hd a{position: relative; display:inline-block;margin:0 27px 8px;font-size: 1.25em;font-weight: bold;color:#666;padding-left: 30px;}
.tab-in-brief .in-hd a:after{content:"";position: absolute;left:0;top:50%;margin-top:-11px; width:22px;height: 22px;background-image:url(../images/icon_ywbl.png);background-repeat: no-repeat;background-position: 0 0; transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.tab-in-brief .in-hd a:hover:after,.tab-in-brief .in-hd a.on:after{background-image:url(../images/icon_ywbl_hover.png);}
.tab-in-brief .in-hd a:hover,.tab-in-brief .in-hd a.on{color:#0058c3;}
.tab-in-brief .in-hd a.a1:after{background-position: 0 -22px;}
.tab-in-brief .in-hd a.a2:after{background-position:0 -44px;}

.tab-in-brief .in-bd ul{margin:30px -19px 0;}
.tab-in-brief .in-bd li{width:25%;float: left;text-align: center;margin-bottom: 37px;}
.tab-in-brief .in-bd li .box{margin:0 19px;background: #f7f7f7;height: 250px;transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;}
.tab-in-brief .in-bd li .box:hover{background: #fff;box-shadow: 1px 1px 13px #f3f3f3;}
.tab-in-brief .in-bd li img{margin: 45px auto 20px;}
.tab-in-brief .in-bd li .tit{color:#000;font-size: 1.125em;margin-bottom: 22px;padding: 0px 25px;}
.tab-in-brief .in-bd li span a,.tab-in-brief .in-bd li span {color:#999999;}
.tab-in-brief .in-bd li span a{padding:0 4px;}
.tab-in-brief .in-bd li span a:hover{color:#0058c3;}

@media (max-width: 1440px) {
  body{min-width: 320px;}
  .container{width:1200px;}
  .zt-header .logo{width:31%;}
  
  .sec_yyzzsb .center{padding:0 2%;}
  .sec_yyzzsb .center li.li1{width:33%;}
  .sec_yyzzsb .center li.li2{width:22%;}
  .sec_yyzzsb .center li.li3{width:32.5%;}
  /*.sec_yyzzsb .center li.li1 p{padding-left: 69px;}*/
  .sec_yyzzsb .center .qy li.li1 p, .sec_yyzzsb .center .qy li.li3 p{width:unset;}
  /*.sec_yyzzsb .center .gth li.li3 p{line-height: 1.3;margin:20px 0;}*/
}


@media (max-width: 1280px) {
  body{font-size: 15px;}
  .container{width:1140px;}

  .zt-header .logo{width:28%;background: none!important;min-width: 300px;}
  .zt-header .main-nav{width:65%;}
  .zt-header .main-nav li{width:16.5%;text-align: right;margin:0;}
  .banner .ss,.banner .link{width:65%;}
  .tab-brief .hd li{padding-bottom: 8px;}

  .sec_yyzzsb .side{width:unset;height: auto;float: none;}
  .sec_yyzzsb .side a{padding:20px;display: block;}
  .sec_yyzzsb .side.left{background: #4889e2;}
  .sec_yyzzsb .side p{display: inline-block;width:unset;margin:0 0 0 10px;}
  .sec_yyzzsb .center{position: static;border: 1px solid #8ec4e7;border-top:none;padding-top:1px;}
  /*.sec_yyzzsb .center li p{line-height: 1.3;margin:20px 0;}*/
  /*.sec_yyzzsb .center .gth li.li3 p{line-height: 82px;margin:0;}*/
}



@media (max-width: 1199px) {
  body{font-size: 14px;overflow-x: hidden;}
  .container{width:96%;}
  .sec_yyzzsb .center li a{width: 100%;}
  .sec_news .item{width:50%;}
  .sec_news .item:first-child{width:100%;}
  .tab-in-brief .in-bd ul{margin: 30px 0 0;}
  .tab-in-brief .in-bd li{width:33.3%;}
  .tab-in-brief .in-bd li .box{margin: 0 15px;}


}

@media (max-width: 1023px) {
  
  

}

@media (max-width: 992px) {
  .zt-header .logo{float: none;margin:0 auto 36px;}
  .zt-header .main-nav{width:100%;position: static;}
  .zt-header .main-nav li{text-align: center;}
  .banner .ss,.banner .link{width:80%;}

  .sec_yyzzsb .center li{width:100%!important;margin-left: 0;margin-bottom: 45px;}
  .sec_yyzzsb .center li:after{transform: rotate(90deg);top:-65px;left:50%;margin-left: -41px;}
  .sec_yyzzsb .center li p{max-width: unset;text-align: left;left:90px;}
}


/* xs mobile*/
@media (max-width: 768px) {
  .tab-in-brief .in-bd li{width: 50%;}
  .sec_news,.sec_news .item>div{margin:0;}
  .sec_news .item{width:100%;float: none;}
  .sec_news .czsc{margin:15px 0 0;}

}



@media (max-width: 640px) {
  .zt-header{padding-bottom: 0;}
  .zt-header .logo{margin-bottom: 25px;}
  .zt-header .container{width:100%;}
  .zt-header .main-nav{background: #2372c2;padding:6px 0;}
  .zt-header .main-nav ul{margin-left: -1px;}
  .zt-header .main-nav li{width:25%;margin: 5px 0;border-left: 1px solid #79beff;}
  .zt-header .main-nav li a,.zt-header .main-nav li a.aon,.zt-header .main-nav li a:hover{color:#fff;}
  .banner .ss, .banner .link{width:95%;}
  .banner .ss{margin-top: 40px;}
  .banner .link{margin-bottom: 20px;}

  .tab-in-brief .in-hd a{margin:0 15px 8px;}

  .newsList li h4{overflow: auto;}
  .newsList.yyyy-MM-dd li h4{padding-right: 0;}
  .newsList li a{float: none;white-space: normal;max-width: unset;}
  .newsList li .time{position: static;}
  .sec_news .itme_zcfg .row_col_l,.sec_news .itme_zcfg .row_col_r{width:100%;float:none;}
}


@media (max-width: 480px) {
  .zt-header .main-nav li{width:33.33%;}
  
  .banner .link li{width:50%;}
  .banner{background-position: left;}
  .tab-in-brief .in-bd li{width:100%;margin:0 auto 20px;float: none;}

}

@media (max-width: 460px) {

}

@media (max-width: 380px) {
  body{overflow-x: auto;}
  
}

@media (max-width: 320px) {

}