@charset "utf-8";
#content { width: auto; padding-bottom: 0; }


/* media-header------------ */
.media-header { background: url(../img/header.jpg) no-repeat center top; background-size: 100% 540px; }
.top-bar { width: 1400px; margin: 0 auto; text-align: center; height: 457px; }
.top-bar .get-home { display: block; float: right; width: 70px; height: 40px; font-size: 14px; text-align: left; transition: all 0.5s; line-height: 40px; border-radius: 0 0 5px 5px; background: rgba(0, 0, 0, 0.3) url(../img/icons-home.png) no-repeat 14px center; padding-left: 38px; color: #fff; }
.top-bar .get-home:hover { background-color: #d12c2c; }
.top-bar .sub-logo { clear: both; height: 175px; margin-bottom: 30px; }
.top-bar .sub-logo img { max-height: 175px; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ }
.top-intro { text-align: center; margin-bottom: 20px; }
.top-intro h3 { font-size: 90px; background: url(../img/bj.png) no-repeat center; line-height: 143px; letter-spacing: 5px; font-family: "Source Han Serif CN","微软雅黑"; font-weight: bold; color: #fff; text-shadow: 0px 9px 1px rgba(0, 0, 0, 0.17); }
.top-intro h3 a { color: #fff; }
.top-intro p { line-height: 30px; font-size: 16px; color: #fff; }



/* qr-menu */
.qr-menu .row { background-color: #f2f2f2; padding-bottom: 30px;}
.qr-menu .hd { width: 1360px; margin: 0 auto; height: 83px; }
.qr-menu .hd li { float: left; position: relative; width: 320px; padding: 5px 5px 0; height: 78px; cursor: pointer; text-align: center; margin-right: 13px; border-radius: 20px 20px 0 0; overflow: hidden;  }
.qr-menu .hd li::before { display: block; content: ""; position: absolute; background-color: rgba(255, 255, 255, 0.1); border-radius:20px 20px 0 0; top: 0; left: 0; width: 100%; height: 73px;  }
.qr-menu .hd li.last,
.qr-menu .hd li:last-child { margin-right: 0; }
.qr-menu .hd h3 { font-size: 20px; color: #0538A7; display: flex; justify-content: center; line-height: 68px; height: 68px; border-radius: 20px 20px 0 0; background: linear-gradient( 0deg, rgb(236,239,248) 0%, rgb(130,152,208) 100%); }
.qr-menu .hd li.on h3 { background: linear-gradient( 0deg, rgb(103,165,223) 0%, rgb(103,165,223) 100%); color: #fff; height: 83px; }
.qr-menu .hd li.on::before { height: 83px; }
.qr-menu .hd h3 i { width: 50px; height: 50px; margin-top: 9px; margin-right: 10px; text-align: center; line-height: 50px; border-radius: 100%; background: linear-gradient( 0, rgb(222,241,223) 0%, rgb(253,254,253) 100%);}
.qr-menu .hd h3 i::before { font-family: iconfont; font-size: 40px; content: "\E8DB"; display: block; color: #61A64D; }
.qr-menu .hd .wb h3 i { background: linear-gradient( 0, rgb(237,227,232) 0%, rgb(254,252,252) 100%); }
.qr-menu .hd .wb h3 i::before { content: "\E605"; color: #D12C2C;}

.qr-menu .bd { padding: 25px 50px; width: 1260px; margin: 0 auto; background-color: #fff; border-radius: 0 0 20px 20px; }
.qr-menu .bd .in { overflow: hidden; }
.qr-menu .bd .pic { float: left; margin-right: 30px; padding: 10px; border: 1px solid #e6e6e6;}
.qr-menu .bd .pic img { width: 150px; height: 150px; }
.qr-menu .bd .con { overflow: hidden; text-align: left; font-size: 18px; line-height: 2; padding-top: 20px; }
.qr-menu .bd .con p { text-indent: 2em }







/*row-media-02--------------------------------------*/
.row-media-02 {}
.box-media { padding: 40px 0; }
.box-media .hd { text-align: center; display: flex; align-items: center; justify-content: space-between; width: 1360px; margin: 0 auto 10px; }
.box-media .hd::before,
.box-media .hd::after { content: ""; width: 35%; height: 2px; background-color: #D9D9D9; }
.box-media .hd h3 { display: inline-block; font-size: 30px; color: #0F4FA6; font-weight: bold; }
.box-media .bd { margin-right: -25px; padding-left: 25px;}
.box-qr { float: left; width: 250px; height: 250px; text-align: center; margin-right: 25px; position: relative; margin-top: 40px; }
.box-qr.on { z-index: 1; }
.box-qr dt { position: relative; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; padding: 30px 10px; cursor: pointer;  box-shadow: 0px 0 8px rgba(0, 0, 0, .2); border-radius: 20px; }
.box-qr dt .topic { margin-bottom: 10px; }
.box-qr dt .toptit { position: relative; }
.box-qr dt .toptit::after { display: block; content: ""; width: 20%; height: 2px; background-color: #0F4FA6; margin: 10px auto;}
.box-qr dt::after { display: none; content: ""; width: 57px; height: 26px; background: url(../img/jt.png) no-repeat center; position: absolute; bottom: 229px; left: 50%; margin-left: -29px; z-index: 4; transform: rotateX(180deg); }
.box-qr.on dt { background-color: #007CB4; color: #fff; box-shadow: 8px 8px 0px 0px #C9D8DE; }
.box-qr.on dt .toptit::after { background-color: #fff; }
.box-qr dd { display: none; position: absolute; left: 0; bottom: 100%; z-index: 2; margin: 0; border: 5px solid #007cb4; background-color: #fff; padding: 10px; max-width: 720px; min-width: 230px; border-radius: 20px; }
.box-qr.on dt::after,
.box-qr.on dd { display: block; }
.box-qr li { text-align: center; width: 140px; padding: 0 10px; float: left; margin-bottom: 15px;  }
.box-qr li.noData { padding: 0 20px; text-align: left; }
.box-qr .pic img { width: 140px; height: 140px; font-size: 12px; line-height: 22px; display: block; margin: 0 auto; background-color: #f5f5f5; transform: scale(1.0) !important; }
.box-qr .title { height: 40px; overflow: hidden; line-height: 20px; padding-top: 10px; text-align: left; font-size: 13px; padding-left: 30px; position: relative; }
.box-qr .title img { width: 20px; display: block; height: 20px; position: absolute; top: 10px; left: 0; }
.box-qr li.first.last { float: none; margin: 0 auto 15px; }


/* 文章-列表页 ----------------------------------------- */
.pic-page-list { margin-right: -26px; }
.pic-page-list li { float: left; padding: 14px; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 5px; width: 250px; height: 275px; margin-right: 26px; margin-bottom: 30px; transition: all 0.5s ease-out 0s; transform: none; }
.pic-page-list li:nth-child(4n) { margin-right: 0; }
.pic-page-list .pic { overflow: hidden; width: 250px; height: 130px; margin-bottom: 15px; }
.pic-page-list .pic img { width: 250px; height: 130px; transition: all 0.5s; }
.pic-page-list .pic:hover  img { transform: scale(1.03); }
.pic-page-list .con { padding: 0 5px; }
.pic-page-list .title { line-height: 20px; font-size: 16px; height: 40px; overflow: hidden; margin-bottom: 10px; }
.pic-page-list .intro { font-size: 14px; line-height: 20px; height: 40px; color: #999; overflow: hidden; margin-bottom: 10px; }
.pic-page-list .others { font-size: 12px; color: #999; }
.pic-page-list .others a.more { color: #999; float: right; }
.pic-page-list .others a.more:hover { color: #2F6EA4; }
.pic-page-list li:hover { box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.15); transform: translateY(-10px); }

.pic-qr-list .li { text-align: center; }
.pic-qr-list .pic { margin: 0 auto; }
.pic-qr-list .pic,
.pic-qr-list .pic img { height: 230px; width: 230px;}
.pic-qr-list .title { text-align: center; line-height: 30px; height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/* url_方块样式分页 */
.page { font-size: 0; text-align: center; padding: 25px 0; clear: both; overflow: hidden; }
.page a,
.page span { font-size: 14px; display: inline-block; *display: inline; zoom: 1; border: 1px solid #E1E1E1; padding: 0px 8px; margin: 0 3px 5px 0; line-height: 26px; height: 26px; }
.page a:hover,
.page span:hover { border: 1px solid #1258AD; text-decoration: none; color: #1258AD; cursor: pointer; }
.page .current { background: #1258AD; border: 1px solid #1258AD; color: #fff !important; font-weight: bold; }
.page select,
.page input { margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle; }
.page input { text-align: center; padding: 0 4px; outline: none; }
.page .disabled { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

/* articleCon */
.articleCon { margin-top: -20px; margin-bottom: 20px; border-radius: 20px; }

.sideFixed { display: none !important; }


#footer { background-color: #0F4FA6; }