@charset "utf-8"; /* CSS Document */ /** * @description: 网站公共样式 * @author: ishang_pan * @update: ishang_pan (2020-04-26 09:03) */ /*reset*/ *{-ms-touch-action: pan-y; touch-action: pan-y;} html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin: 0; padding: 0;} header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display: block;} html{overflow-y: scroll;} :root{overflow-y: auto; overflow-x: hidden;} table{border-collapse: collapse; border-spacing: 0;} caption,th{font-weight: normal;} html,body,fieldset,iframe,abbr{border: 0;} i,cite,em,var,address,dfn{font-style: normal;} [hidefocus],summary{outline: 0;} ul,ol,ul li,li,ol li{list-style: none;} h1,h2,h3,h4,h5,h6,small{font-size: 100%;} sup,sub{font-size: 83%;} pre,code,kbd,samp{font-family: inherit;} q:before,q:after{content: none;} textarea{overflow: auto; resize: none;} label,summary{cursor: default;} a,button{cursor: pointer;} h1,h2,h3,h4,h5,h6,em,strong,b{font-weight: bold;} ins,u,s,a,a:hover{text-decoration: none;} body,textarea,input,button,select,keygen,legend{font-family: "微软雅黑"; font-size: 16px; color: #454545; outline: 0;} a{color: #3d3d3d; border: none; text-decoration: none; outline: none; hide-focus: expression(this.hideFocus=true);} a:hover{text-decoration: none; color: #277ce7;} a:focus{text-decoration: none; outline: 0; -moz-outline-style: none; color: #277ce7;} img{border: 0 none; width: auto\9; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic;} button,input,select,textarea{font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; _overflow: visible; *vertical-align: middle; *overflow: visible;} /*function*/ .f-dn{display: none;} .f-db{display: block;} .f-fl{float: left;} .f-fr{float: right;} .f-pr{position: relative;} .f-pa{position: absolute;} .f-pf{position: fixed;} .f-oh{overflow: hidden;} .f-fwn{font-weight: normal;} .f-fwb{font-weight: bold;} .f-toe{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} .f-csp{cursor: pointer;} .f-csd{cursor: default;} .f-csh{cursor: help;} .f-csm{cursor: move;} .f-bn{background: none!important;} .u-bn{border: none;} .f-usn{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} .f-clear{margin: 0; padding: 0; height: 0; overflow: hidden; visibility: hidden; content: "."; clear: both; font-size: 0; } .f-clearfix:after{display: block; height: 0; visibility: hidden; font-size: 0; content:" "; clear: both;} * html .f-clearfix{zoom: 1;} *:first-child+html .f-clearfix{zoom: 1;} .f-wd100{width: 100%;} .f-npd{padding: 0;} .f-nmg{margin: 0!important;} .f-mlr2{margin: 0 2px;} .f-mlr5{margin: 0 5px;} .f-mlr10{margin: 0 10px;} .f-mlr15{margin: 0 15px;} .f-mlr20{margin: 0 20px;} .f-mlrf5{margin: 0 -5px;} .f-mlrf7{margin: 0 -7px;} .f-mlrf10{margin: 0 -10px;} .f-mlrf15{margin: 0 -15px;} .f-mlrf20{margin: 0 -20px;} .f-plr5{padding: 0 5px;} .f-plr7{padding: 0 7px;} .f-plr10{padding: 0 10px;} .f-plr15{padding: 0 15px;} .f-plr20{padding: 0 20px;} .f-mb5{margin-bottom: 5px;} .f-mb8{margin-bottom: 8px;} .f-mb10{margin-bottom: 10px;} .f-mb15{margin-bottom: 15px;} .f-mb20{margin-bottom: 20px;} .f-mb25{margin-bottom: 25px;} .f-mb30{margin-bottom: 30px;} /*font*/ @font-face { font-family: "FZDBSJW"; src: url("../font/webfont/FZDBSJW.eot"); /* IE9 */ src: url("../font/webfont/FZDBSJW.eot?#iefix") format("embedded-opentype"), url("../font/webfont/FZDBSJW.woff") format("woff"), url("../font/webfont/FZDBSJW.ttf") format("truetype"), url("../font/webfont/FZDBSJW.svg#FZDBSJW") format("svg"); font-style: normal; font-weight: normal; } /*module*/ .is-main{margin: 20px auto;} .m-pgpdbox{padding: 20px; background: #fff;} .m-tabstyle{border-bottom: 1px solid #ddd;} .m-tabstyle li{position: relative; float: left; margin-right: 8px; text-align: center;} .m-tabstyle li a{display: block; padding: 8px 10px; font-size: 18px; font-weight: bold;} .m-tabstyle li em{position: absolute; left: 0; bottom: -1px; right: 0; display:block; margin:0 auto; width: 0px; height: 2px; background: #014fa2; -webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s; transition: all linear 0.4s;} .m-tabstyle li.u-active a{color: #014fa2;} .m-tabstyle li a:hover em,.m-tabstyle li.u-active em{width:100%;} .m-titstyle{padding-right: 8px; border-bottom: 1px solid #ddd;} .m-titstyle .u-tit{position: relative; padding: 8px 10px; display: block; font-size: 18px; font-weight: bold; color: #014fa2;} .m-titstyle .u-tit em{position: absolute; left: 0; bottom: -1px; right: 0; display:block; width: 100%; height: 2px; background: #014fa2;} .m-titstyle .u-more{display: block; line-height: 40px; font-size: 14px; color: #014fa2;} .m-liststyle li{height: 36px; line-height: 36px;} .m-liststyle li span{float: right; padding-left: 10px; color: #999;} .m-liststyle li a{display: block; padding-left: 15px; background: url(../images/public/icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} .m-liststyle li i{color: #f00;} .m-location{padding: 5px 0 10px 25px; background: url(../images/public/icon-location.png) left 6px no-repeat;} .m-location,.m-location a{font-size: 14px; color: #999;} /*share*/ .share-main{position: relative; width: 66px; height: 16px;} .share-bar a{margin-right: 6px; float: left; display: block; width: 16px; height: 16px; background-image: url(../images/public/icon-share.png);} .share-bar .share-weixin{background-position: 0 0;} .share-bar .share-tsina{background-position: -16px 0;} .share-bar .share-qzone{background-position: -32px 0;} .weixin-share-open{position: absolute; bottom: 22px; right: 0; display: none; background: #fff;} .weixin-wrap{position: relative; padding: 10px; width: 234px; height: 102px; border: 1px solid #ddd;} .share-qrcode{float: left;} .share-qrcode img{display: block; width: 80px; height: 80px;} .weixin-close{position: absolute; top: 0; right: 0; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: #d4d4d4; cursor: pointer;} .weixin-text{padding: 10px 0 0 90px; line-height: 24px; font-size: 12px; color: #666;} /*header*/ .is-header{background: #fff;} .m-pgtop{line-height: 42px; background: #f0f0f0;} .m-pgtop,.m-pgtop a{font-size: 14px;} .u-time{margin-left: 50px;} .u-weather{margin-left: 50px; padding-top: 8px; height: 28px;} .m-pgtop li{float: left; background: url(../images/public/bg-tpline.png) left center no-repeat;} .m-pgtop li a{display: block; padding: 0 10px;} .m-banner{background: url(../images/public/bg-banner.png?r=ff) center bottom no-repeat;} .g-banner{padding: 25px 0!important;} .m-tpchange{width: 622px; height: 140px; right: 10px; bottom: 0;} .m-tpchange img{display: block; width: 622px; height: 140px;} .u-logo img{max-width: 100%;} .m-search{margin: 25px 0; padding-right: 55px; width: 320px;} .u-searchtext{width: 100%; height: 40px; border-radius: 5px 0 0 5px; border-right: none; font-size: 14px;} .u-searchbtn{right: 0; top: 0; width: 55px; height: 40px; background: url(../images/public/icon-search.png) #ff8400 center no-repeat; border: none; cursor: pointer; border-radius: 0 5px 5px 0;} .m-nav{background: #014fa2; z-index: 2;} .m-nav .u-webhome{padding: 0 15px; line-height: 50px; font-size: 18px; font-weight: bold; color: #fff;} .m-nav .navbar-collapse{padding: 0 9px;} .m-nav button{background: #fff;} .g-nav .u-yjnav{float: left; width: 12.5%; line-height: 60px; text-align: center; border-right: 1px solid #2a6bb1;} .g-nav .u-home{border-left: 1px solid #2a6bb1;} .g-nav .u-yja{display: block; font-size: 18px; font-weight: bold; color: #fff;} .g-nav .u-yja:hover,.g-nav li.u-active .u-yja{background: #004793;} .m-ejnav{left: 0; bottom: -60px; right: 0; background: url(../images/public/bg-nav.png);} .m-ejnav li{float: left; margin: 0 12px; line-height: 60px;} .m-ejnav li a{display: block; font-size: 16px; font-weight: bold; color: #014fa2; font-family: '宋体';} .m-ejnav li a:hover{color: #004793;} .u-nav1 ul{margin-left: 75px;} .u-nav2 ul{margin-left: 170px;} .u-nav3 ul{margin-left: 429px;} .u-nav4 ul{margin-left: 529px;} .u-nav5 ul{margin-left: 629px;} .u-nav6 ul{margin-left: 871px;} .u-nav7 ul{margin-left: 790px;} .is-fdheader{position: fixed; top: 0; left: 0; right: 0; z-index: 3;} .m-pgnavs{height: 64px; background: #014fa2;} .m-fdnavs li{float: left; line-height: 64px;} .m-fdnavs li a{display: block; padding: 0 17px; color: #fff; font-size: 18px;} .m-fdsearch{margin: 12px 0; padding-right: 55px; width: 320px;} /*footer*/ .is-footer{padding: 10px 0 15px; background: #014fa2;} .m-footer{padding-right: 140px;} .m-ftinfo,.m-ftinfo a{color: #fff; font-size: 14px;} .m-ftinfo p{padding: 4px 0;} /* .g-ftinfo{margin-bottom: 25px;} */ .m-ftqrcode{top: 2px; right: 40px; width: 80px; text-align: center;} .m-ftqrcode p{margin-top: 5px; line-height: 26px; font-size: 14px; color: #fff;} /*pagination-old*/ .m-pagination{display: inline-block;} .m-pagination li{float: left; margin: 3px; height: 28px; font-size: 14px;} .m-pagination li a{display: block; padding: 0 10px; line-height: 26px; border: 1px solid #ccc; font-size: 14px; background: #fff;} .m-pagination li.u-redirect{line-height: 28px;} .m-pagination li.u-redirect input{padding: 0 5px; vertical-align: middle; width: 42px; height: 28px; line-height: 28px; border: 1px solid #ccc; margin: -2px 0 0 3px; *margin: -2px 0 0 3px; _margin: -2px 0 0 3px;} .m-pagination li.active a,.m-pagination li a:hover{background: #277ce7; border: 1px solid #277ce7; color: #fff;} .m-pagination li.page-info a,.m-pagination li.page-info a:hover{border: 1px solid #ccc; cursor: default; color: #666; background: #fff;} .m-pagination li.disabled a,.m-pagination li.disabled a:hover{background: #eee; border: 1px solid #ccc; cursor: default; color: #666;} .m-ftaddr{padding: 20px 0; line-height: 2;} .m-ftaddr,.m-ftaddr a{margin-right: 15px; color: #fff;} .m-ftaddr span{margin-right: 15px;} /*pagination*/ #page-list{line-height: 20px; text-align: right; padding: 10px; font-size: 14px; font-family:'Arial';} #page-list .page{border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #868585; text-decoration: none; margin-right: 4px; margin-left: 4px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px;} #page-list .page:hover{border: 1px solid #e0e0e0; background-color: #f1f1f1; color: #868585;} #page-list a{text-decoration: none;} #page-list a:hover{color: #0000FF;} #page-list .currentpage{border: 1px solid #e0e0e0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f1f1f1; color: #868585; text-decoration: none;margin-right: 4px; margin-left: 4px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px;} /*media query*/ /*large pcScreen*/ @media (min-width:1200px) { .container{padding: 0; width: 1200px;} } /*medium pcScreen lg*/ @media screen and (max-width: 1199px) { .f-lg-mlr5{margin: 0 5px;} .f-lg-mlr10{margin: 0 10px;} .f-lg-mlr15{margin: 0 10px;} .f-lg-mlrf5{margin: 0 -5px;} .f-lg-mlrf10{margin: 0 -10px!important;} .f-lg-mlrf15{margin: 0 -15px;} .f-lg-plr5{padding: 0 5px;} .f-lg-plr10{padding: 0 10px!important;} .f-lg-plr15{padding: 0 15px;} .f-lg-mb5{margin-bottom: 5px;} .f-lg-mb10{margin-bottom: 10px;} .f-lg-mb15{margin-bottom: 15px;} .f-lg-mb20{margin-bottom: 20px;} .f-lg-mb30{margin-bottom: 30px!important;} .f-lg-ha{height: auto;} .f-lg-fn{float: none;} .f-lg-wa{width: auto;} .f-lg-db{display: block;} .f-lg-dn{display: none;} .u-nav2 ul{margin-left: 99px;} .u-nav3 ul{margin-left: 316px;} .u-nav4 ul{margin-left: 383px;} .u-nav5 ul{margin-left: 447px;} .u-nav6 ul{margin-left: 658px;} .u-nav7 ul{margin-left: 526px;} .m-fdnavs li a{padding: 0 6px; font-size: 16px;} } /*pad md*/ @media screen and (max-width: 991px ){ .f-md-mlr5{margin: 0 5px;} .f-md-mlr10{margin: 0 10px;} .f-md-mlr15{margin: 0 10px;} .f-md-mlrf5{margin: 0 -5px;} .f-md-mlrf10{margin: 0 -10px;} .f-md-mlrf15{margin: 0 -15px;} .f-md-pn{padding: 0;} .f-md-plr5{padding: 0 5px;} .f-md-plr10{padding: 0 10px;} .f-md-plr15{padding: 0 15px;} .f-md-mn{margin: 0;} .f-md-mb5{margin-bottom: 5px;} .f-md-mb10{margin-bottom: 10px!important;} .f-md-mb15{margin-bottom: 15px!important;} .f-md-ha{height: auto!important;} .f-md-fn{float: none;} .f-md-wa{width: auto!important;} .f-md-db{display: block;} .f-md-dn{display: none!important;} .g-banner{padding: 25px 15px!important;} .g-nav .u-yja{font-size: 16px;} .m-tabstyle li a{padding: 8px 2px;} .m-tabstyle li a,.m-titstyle .u-tit{font-size: 16px;} .m-titstyle .u-more{line-height: 38px;} .m-liststyle li{height: 30px; line-height: 30px;} .m-liststyle li a{font-size: 14px;} .m-liststyle li span{font-size: 12px;} .is-main{margin: 15px 0;} .m-footer{padding-right: 90px;} .m-ftqrcode{right: 0;} .g-ftinfo{margin-bottom: 15px;} } /*phone sm*/ @media screen and (max-width: 767px) { .f-sm-mlr5{margin: 0 5px;} .f-sm-mlr10{margin: 0 10px;} .f-sm-mlr15{margin: 0 10px;} .f-sm-mlrf5{margin: 0 -5px;} .f-sm-mlrf10{margin: 0 -10px;} .f-sm-mlrf15{margin: 0 -15px;} .f-sm-pn{padding: 0!important;} .f-sm-plr5{padding: 0 5px;} .f-sm-plr10{padding: 0 10px;} .f-sm-plr15{padding: 0 15px;} .f-sm-mb5{margin-bottom: 5px;} .f-sm-mb10{margin-bottom: 10px;} .f-sm-mb15{margin-bottom: 15px;} .f-sm-ha{height: auto!important;} .f-sm-fn{float: none;} .f-sm-wa{width: auto;} .f-sm-db{display: block;} .f-sm-dn{display: none!important;} .g-banner{padding: 0 15px!important;} .m-logo{padding: 35px 0;} .u-searchtext,.u-searchbtn{height: 42px;} .m-search{margin: 15px 0 0;} .m-nav .navbar-collapse{padding: 0;} .g-nav .u-yjnav{float: none; padding: 0; width: 100%; line-height: 40px; background: none; border: none;} .g-nav .u-yja{padding: 0 15px;} .advertisement{max-width: 100%;height: auto !important;} } /*small xs*/ @media screen and (max-width: 638px) { body{font-size: 14px;} } /*print*/ @media print { a[href]:after { content: none!important; } }