@charset "utf-8";

/* index */
.home-toutiao{position: relative; height: 70px; background: #f2f7fb;}
.home-toutiao h3{position: absolute; width: 128px; line-height: 50px; left: 0; top:10px; bottom: 10px; font-size: 1.5625em; text-align: center; color: #fff; background: #d1342b;}
.home-toutiao h3:after{content: ''; position: absolute; left: 100%; top: 50%; margin-top: -4px; width: 0; height: 0; border: transparent solid 8px; border-left-color: #d1342b;}
.home-toutiao h2{margin-left: 128px; padding: 10px 20px; font-size:2em; line-height: 50px; overflow: hidden;}
.home-toutiao h2 a{color: #355e92; float: left;}
.home-toutiao h2 a:hover{color:#c50000;}
@media (max-width: 480px) {
  .home-toutiao{height: auto;}
  .home-toutiao h3{display: none;}
  .home-toutiao h2{margin-left: 0; font-size: 1.8em; line-height: 1.5;}
  .home-toutiao h2 a{white-space:normal;}
  
}

.home-tpxw, .home-tpxw img{height:445px;}
@media (max-width: 1200px) {
  .home-tpxw, .home-tpxw img{height:auto;}
}


/* 我要看 */
.home-iWantTo{margin-top: 20px;}
.home-iWantTo .mb{margin-bottom: 10px;}
.home-iWantTo .outBox{position: relative; top: -20px;}
.home-iWantTo .outHd{margin-bottom: 30px; text-align: center;}
.home-iWantTo .outHd li{ position: relative; display: inline-block; width: 246px; height: 50px; margin: 0 40px; line-height: 50px; color: #355e92; font-size: 1.5em;}
.home-iWantTo .outHd li b{font-size: 1.125em; font-weight: normal;}
.home-iWantTo .outHd li:before, .home-iWantTo .outHd li:after{content: ''; position: absolute; top:-20px; width: 0; height: 0; border: transparent solid 20px; border-bottom-color: #dddddd;}
.home-iWantTo .outHd li:before{left: -20px;}
.home-iWantTo .outHd li:after{right: -20px;}
.home-iWantTo .outHd li a{position: relative; z-index:3; display: block; color: #355e92; background: #e8e8e8;}
.home-iWantTo .outHd li.on a, .home-iWantTo .outHd li:hover a{color: #fff; background: #355e92;}
.home-iWantTo .outHd li.on:before, .home-iWantTo .outHd li.on:after,
.home-iWantTo .outHd li:hover:before, .home-iWantTo .outHd li:hover:after{border-bottom-color:#355e92;}
@media (max-width: 1200px) {
  .home-iWantTo .outHd li{width: 200px;}
}
/* @media (max-width: 1023px) {
  .home-iWantTo .mb{margin-bottom: 30px;}
  .home-iWantTo .outBd{margin-bottom: -10px;}
} */
@media (max-width: 992px) {
  .home-iWantTo{margin-top: 0;}
  .home-iWantTo .outBox{top: -10px;}
  .home-iWantTo .outHd{position: relative; margin-bottom: 20px;}
  .home-iWantTo .outHd:before, .home-iWantTo .outHd:after{content: ''; position: absolute; top:-10px; width: 0; height: 0; border: transparent solid 10px; border-bottom-color: #dddddd;}
  .home-iWantTo .outHd:before{left: -10px;}
  .home-iWantTo .outHd:after{right: -10px;}
  .home-iWantTo .outHd li{margin: 0; float: left; width: 33.333%;}
  .home-iWantTo .outHd li:before, .home-iWantTo .outHd li:after{display: none;}
  .home-iWantTo .outHd li a{margin: 0 1px;}
}


.home-xwfbh{position: relative; height: 112px;}
.home-xwfbh h3{position: absolute; left: 0; top: 0; bottom: 0; padding: 5px 10px 0; width: 20px; color: #fff; text-align: center; font-size: 1.125em; line-height: 20px; background: #345d91;}
.home-xwfbh h3 a{color:#fff;}
.home-xwfbh .pic{position: absolute; top: 0; left: 55px;}
.home-xwfbh .pic img{display: block; width: 170px; height: 112px;}
.home-xwfbh .txt{margin-left:245px; overflow: hidden;}
.home-xwfbh .txt h4{margin:0 0 6px; max-height:84px; overflow: hidden; font-size: 1.375em; line-height: 28px;}
.home-xwfbh .txt h4 a{color: #345d91;}
.home-xwfbh .txt p b{margin-right: 15px; color: #345d91;}

.home-wyk-xxgk{border: #d1d1d1 1px solid; height: 241px; margin-top: 5px;}
.home-wyk-xxgk h3{border-bottom: #dcdcdc 1px solid; line-height: 66px; padding-left: 30px; font-size: 1.375em; font-weight: normal;}
.home-wyk-xxgk ul{padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px;}
.home-wyk-xxgk ul li{float: left; width: 50%; padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; overflow: hidden;}
.home-wyk-xxgk ul li a{background: url(../images/home_xxgk_icon.png) no-repeat left center; padding-left: 32px; color: #555555; font-size: 1.125em; float: left; max-width: 100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; box-sizing: border-box;}
.home-wyk-xxgk ul li a:hover{color: #c12b2b;}
@media (max-width: 580px) {
  .home-wyk-xxgk{height: auto;}
  .home-wyk-xxgk ul li{width: 100%;}
}

.home-wyk-iconlink{margin-left: -10px; margin-right: -10px; padding-top: 10px;}
.home-wyk-iconlink li{float: left; width: 50%;}
.home-wyk-iconlink li a{display: block; height: 68px; color: #fff; margin: 15px 10px 0; font-size: 1.125em;}
.home-wyk-iconlink li.li1 a{background-color: #f9a55a;}
.home-wyk-iconlink li.li2 a{background-color: #6fc963;}
.home-wyk-iconlink li.li3 a{background-color: #3d93dd;}
.home-wyk-iconlink li.li4 a{background-color: #3d93dd;}
.home-wyk-iconlink li img, .home-wyk-iconlink li span{display: inline-block; vertical-align: middle;}
.home-wyk-iconlink li img{margin-right: 10px; margin-left: 15px;}
@media (max-width: 580px) {
  .home-wyk-iconlink li{width: 100%;}
}

/* 我要问 */
.home-wyw-iconlink{margin-left: -10px; margin-right: -10px; margin-bottom: 10px; padding-top: 10px;}
.home-wyw-iconlink li{float: left; width: 25%;}
.home-wyw-iconlink li a{display: block; height: 155px; margin-left: 10px; margin-right: 10px; margin-bottom: 20px; background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden;}
.home-wyw-iconlink li.li1 a{background-image: url(../images/home_wyw_btn1.png);}
.home-wyw-iconlink li.li2 a{background-image: url(../images/home_wyw_btn2.png);}
.home-wyw-iconlink li.li3 a{background-image: url(../images/home_wyw_btn3.png);}
.home-wyw-iconlink li.li4 a{background-image: url(../images/home_wyw_btn4.png);}
.home-wyw-iconlink li a img{display: block; margin:20px auto 10px;}
.home-wyw-iconlink li a span{display: block; text-align: center; color: #fff; font-size: 1.25em; }
.home-wyw-iconlink li a:hover span{text-decoration: none;}
@media (max-width: 1200px) {
  .home-wyw-iconlink{padding-top: 0;}
}
@media (max-width: 640px) {
  .home-wyw-iconlink li{width: 50%;}
}


.home-zxft{position: relative; height: 220px;}
.home-zxft .pic{position: absolute; top: 0; left: 0; overflow: hidden;}
.home-zxft .pic img{display: block; width: 240px; height: 220px;}
.home-zxft .txt{margin-left:260px;}
.home-zxft .txt .tit{padding-top: 15px; line-height: 26px;}
.home-zxft .txt .tit h3{float: left; font-size: 1.25em; color: #355e92;}
.home-zxft .txt .tit h3 a{color: #355e92;}
.home-zxft .txt .tit .history{float: right; color: #878787;}
.home-zxft .txt .tit .history:hover{color: #333333;}
.home-zxft .txt h4{padding:25px 0 20px; font-size: 1.25em;}
.home-zxft .txt h4 a{color: #d1342b;}
.home-zxft .txt .attr li{position: relative; margin-bottom: 8px; min-height: 28px; line-height: 28px; padding-left: 50px;}
.home-zxft .txt .attr li b{position: absolute; left: 0; top: 0; top: 0; font-weight: normal; color: #345d91;}
@media (max-width: 640px) {
  .home-zxft{height: auto;}
  .home-zxft .pic{position: static;}
  .home-zxft .pic img{width: 100%; height: auto;}
  .home-zxft .txt{margin-left: 0;}
  .home-zxft .txt h4{padding-top: 15px; padding-bottom: 10px;}
}



/* 专题专栏 */
.home-ztzl .tit{margin-bottom: 25px; position: relative; text-align: center;}
.home-ztzl .tit:after{content: ''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #dddddd;}
.home-ztzl .tit h3{font-size: 1.75em;}
.home-ztzl .tit h3:before, .home-ztzl .tit h3:after{content: ''; position: absolute; z-index: 1; top: 50%; margin-top: -8px; width: 15px; height: 15px; border: #dddddd 1px solid; background: #fff;}
.home-ztzl .tit h3:before{left: 0;}
.home-ztzl .tit h3:after{right: 0;}
.home-ztzl .tit h3 a{display: inline-block; position: relative; z-index: 5; padding: 0 18px; color: #345d91; font-weight: bold; background: #fff;}
.home-ztzl-list{position: relative; margin: 0 32px;}
.home-ztzl-list a{display: block; position: relative; width:100%; height: 0; padding-bottom: 26%; overflow: hidden;}
.home-ztzl-list img{display: block; position: absolute; left: 0; top: 0;  width:100%; height:100%;}
.home-ztzl-list .owl-prev, .home-ztzl-list .owl-next{position: absolute; top: 50%; margin-top: -23px; width: 18px; height: 46px; line-height: 46px; background: #bfbfbf; border-radius: 12px; cursor: pointer; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.home-ztzl-list .owl-nav i{position: absolute; width: 8px; height: 15px; left: 0; top: 0; right: 0; bottom: 0; margin: auto;  background-repeat: no-repeat; background-size: 100% 100%;}
.home-ztzl-list .owl-prev{left:-32px;}
.home-ztzl-list .owl-next{right:-32px;}
.home-ztzl-list .owl-prev i{background-image: url(../images/ztzl_arrow_l.png);}
.home-ztzl-list .owl-next i{background-image: url(../images/ztzl_arrow_r.png);}
.home-ztzl-list .owl-nav.disabled{display: block;}
.home-ztzl-list .owl-prev:hover, .home-ztzl-list .owl-next:hover{background: #a9a9a9;}
.home-ztzl-list .item{overflow: hidden;}

.home-ztzl-list-noScroll{margin: 0 20px;}
.home-ztzl-list-noScroll .owl-carousel{display: block; text-align: center; font-size: 0;}
.home-ztzl-list-noScroll .item{display: inline-block; width: 25%;}
.home-ztzl-list-noScroll .item a{display: block; margin: 0 10px;}


