@charset "utf-8"; /* CSS Document */ /** * @description: 缃戠珯鍏叡鏍峰紡 * @author: ishang_pan * @update: ishang_pan (2020-11-01 14:35) */ /*reset*/ 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: #333; outline: 0;} a{color: #333; border: none; text-decoration: none; outline: none; hide-focus: expression(this.hideFocus=true);} a:hover{text-decoration: none; color: #0c57b5;} a:focus{text-decoration: none; outline: 0; -moz-outline-style: none; color: #0c57b5;} 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-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-mlr7{margin: 0 7px;} .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-mb7{margin-bottom: 7px;} .f-mb10{margin-bottom: 10px;} .f-mb15{margin-bottom: 15px;} .f-mb20{margin-bottom: 20px;} .f-mb25{margin-bottom: 25px;} .f-mb35{margin-bottom: 35px;} .f-mb40{margin-bottom: 40px;} .f-mb75{margin-bottom: 75px;} .f-nbg{background: none!important;} .f-nbd{border: none;} /*module*/ .m-titstyle1{border-bottom: 1px solid #eee; line-height: 63px;} .m-titstyle1 .u-tit{display: block; font-size: 22px; font-weight: bold; color: #17191b; background: url(../images/public/icon-tit1.png) left bottom no-repeat;} .m-titstyle1 .u-more{font-size: 16px; color: #0c57b5;} .m-liststyle1 li{height: 46px; line-height: 46px; overflow: hidden;} .m-liststyle1 li span{float: right; padding-left: 10px; color: #999;} .m-liststyle1 li a{display: block; padding-left: 14px; background: url(../images/public/icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .m-liststyle1 li a:hover{padding-left: 16px;} .c-shine a::before{position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); transform: skewX(-25deg);} .c-shine a:hover::before{-webkit-animation: shine 1s; -moz-animation: shine 1s; animation: shine 1s;} @-webkit-keyframes shine{100% {left: 125%;}} @-moz-keyframes shine{100%{left: 125%;}} @keyframes shine{100%{left: 125%;}} /*header*/ .m-tpgrps{z-index: 11; top: 0; left: 0; right: 0;} .m-tpfuns{padding: 6px 0; line-height: 32px; background: url(../images/public/bg-top.png) left top repeat-x;} .m-tpfuns,.m-tpfuns a{color: #fff;} .m-tpfuns li{float: left; margin-right: 20px;} .m-search{height: 32px; overflow: hidden;} .m-search .u-searchicon{display: block; width: 32px; height: 32px; background: url(../images/public/icon-searchicon.png) center no-repeat; cursor: pointer;} .g-search{width: 0; height: 32px; opacity: 0;} .g-search .u-searchtext{padding-right: 55px; height: 32px; border-radius: 32px; background: rgba(255,255,255,.86); font-size: 14px; border: none;} .g-search .u-searchbtn{right: 0; top: 0; width: 50px; height: 32px; border-radius: 0 32px 32px 0; background: url(../images/public/icon-searchbtn.png) center no-repeat; border: none;} .m-tpbox{padding: 18px 0; background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0));} .m-navs{margin-top: 10px;} .m-navs .u-yjli{position: relative; float: left; margin: 0 12px; height: 64px;} .m-navs .u-yja{position: relative; display: block; padding: 0 10px 6px; line-height: 48px; font-size: 18px; font-weight: bold; color: #fff;} .m-navs .u-yja::after{content: ""; position: absolute; left: 0; bottom: 0; right: 0; display: block; margin: 0 auto; width: 0px; height: 6px; background: #ffcc00; -webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s; transition: all linear 0.4s;} .m-navs .u-active .u-yja::after,.m-navs .c-cur .u-yja::after,.m-navs .u-yja:hover::after{width:100%;} .m-navs .u-yjli ul{position: absolute; left: 50%; top: 64px; margin-left: -88px; width: 176px; padding: 6px 22px; background: #fff;} .m-navs .u-yjli li a{display: block; text-align: center; line-height: 46px; border-bottom: 1px solid #ddd; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} .m-navs .u-yjli li:last-child a{border: none;} .u-mdnavbtn{padding: 12px 0 12px 10px; width: 34px;} .u-mdnavbtn .icon-bar{position: relative; display: block; width: 24px; height: 2px; margin: 5px 0; border-radius: 1px; background: #fff; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .u-mdnavbtn .icon-bar:nth-of-type(1){top: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);} .u-mdnavbtn .icon-bar:nth-of-type(2){opacity: 1;} .u-mdnavbtn .icon-bar:nth-of-type(3){top: 0; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);} .u-mdnavbtn.u-active .icon-bar:nth-of-type(1){top: 7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .u-mdnavbtn.u-active .icon-bar:nth-of-type(2){opacity: 0;} .u-mdnavbtn.u-active .icon-bar:nth-of-type(3){top: -7px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);} .m-downpage .m-tpfuns{background: #2446ba;} .m-downpage .m-tpbox{background: #fff; box-shadow: 1px 2px 3px #ddd;} .m-downpage .u-yja{color: #0958b6;} .m-downpage .u-mdnavbtn .icon-bar{background: #0958b6;} .m-mdnavs{top: 86px; left: 0; right: 0; padding: 15px 0 15px 15px; background: #f5f5f5; max-height: 80vh; overflow-y: auto; overflow-x: hidden;} .u-mdyjli div{height: 40px; line-height: 40px;} .u-mdyjli div span{display: block; float: right; width: 40px; height: 40px; line-height: 40px; text-align: center;} .u-mdyjli div span::after{content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; transition: 0.3s all;} .u-mdyjli div span.u-active::after{transform: rotate(180deg);} .u-mdyjli ul{padding-left: 10px;} .u-mdyjli li{line-height: 32px;} .u-mdyjli li a{display: block; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} .m-mdotnv{padding: 10px 0;} .m-mdotnv a{display: block; color: #143bb8; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;} .m-mdsearch{height: 40px; margin: 5px 15px 0 0;} .m-mdsearch .u-mdsearchtext{height: 40px; padding-right: 55px; border-radius: 40px;} .m-mdsearch .u-mdsearchbtn{right: 0; top: 0; width: 50px; height: 40px; border-radius: 0 40px 40px 0; background: url(../images/public/icon-searchbtn.png) center no-repeat; border: none;} /*footer*/ .is-footer{padding: 34px 0 30px; background: #2862ab;} .is-footer p{text-align: center; line-height: 2.25;} .is-footer p,.is-footer p a{color: #fff;} .is-footer p img{vertical-align: middle;} #_ideConac{position: absolute; top: 30px; left: 50%; margin-left: -430px;} /*toolbar*/ /*pagination*/ .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: #0c57b5; border: 1px solid #0c57b5; 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;} /*share*/ .share-main{position: relative; width: 102px; height: 24px;} .share-bar a{margin-left: 10px; float: left; display: block; width: 24px; height: 24px; background-image: url(../images/public/icon-share.png);} .share-bar .share-tsina{background-position: 0 0;} .share-bar .share-weixin{background-position: -24px 0;} .share-bar .share-qzone{background-position: -48px 0;} .weixin-share-open{position: absolute; bottom: 34px; 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;} /*media query*/ /*big pcScreen*/ @media (min-width:1500px) { .container{padding: 0; width: 1500px;} .m-mdnavs{display: none!important;} } /*large pcScreen*/ @media screen and (max-width:1499px) { .container{padding: 0; width: 1200px;} .m-navs .u-yjli{margin: 0;} .m-navs .u-yja{padding: 0 6px 6px;} } /*medium pcScreen lg*/ @media screen and (max-width: 1200px) { .container{width: 970px;} .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-mb40{margin-bottom: 40px!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;} .m-tpfuns,.m-tpfuns a{font-size: 14px;} .u-logo img{display: block; width: 266px;} .m-navs{margin: 0;} .m-navs .u-yjli{height: 50px;} .m-navs .u-yja{font-size: 16px; padding-bottom: 4px; line-height: 38px;} .m-navs .u-yja::after{height: 4px;} .m-navs .u-yjli ul{top: 50px; width: 150px; margin-left: -75px;} .m-navs .u-yjli li a{line-height: 32px; font-size: 14px;} } /*pad md*/ @media screen and (max-width: 991px){ .container{width: auto; padding-left: 15px; padding-right: 15px;} .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-plr5{padding: 0 5px;} .f-md-plr10{padding: 0 10px;} .f-md-plr15{padding: 0 15px;} .f-md-mb5{margin-bottom: 5px;} .f-md-mb7{margin-bottom: 7px;} .f-md-mb10{margin-bottom: 10px;} .f-md-mb15{margin-bottom: 15px!important;} .f-md-mb30{margin-bottom: 30px!important;} .f-md-ha{height: auto!important;} .f-md-fn{float: none;} .f-md-wa{width: auto;} .f-md-db{display: block;} .f-md-dn{display: none;} .f-md-pr{position: relative;} .f-md-pa{position: absolute;} .m-titstyle1{line-height: 50px;} .m-titstyle1 .u-tit{font-size: 18px; background-position-y: 38px;} .m-titstyle1 .u-more{font-size: 14px;} .m-liststyle1 li{height: 40px; line-height: 40px;} .m-tpgrps{background: #143bb8;} .m-tpbox{background: none;} .is-footer{padding: 15px 0;} .is-footer p{line-height: 1.5; margin-bottom: 5px;} #_ideConac{display: none;} } /*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-plr5{padding: 0 5px;} .f-sm-plr10{padding: 0 10px;} .f-sm-plr15{padding: 0 15px;} .f-sm-mb5{margin-bottom: 5px;} .f-sm-mb7{margin-bottom: 7px;} .f-sm-mb10{margin-bottom: 10px!important;} .f-sm-mb15{margin-bottom: 15px;} .f-sm-ha{height: auto;} .f-sm-fn{float: none!important;} .f-sm-wa{width: auto;} .f-sm-db{display: block;} .f-sm-dn{display: none;} .m-titstyle1{line-height: 42px;} .m-titstyle1 .u-tit{font-size: 16px; background-position-y: 31px;} .m-titstyle1 .u-more{font-size: 12px;} .m-liststyle1 li{height: 30px; line-height: 30px;} .m-liststyle1 li a,.m-liststyle1 li span{font-size: 14px;} } /*small xs*/ @media screen and (max-width: 638px) { body{font-size: 14px;} } /*print*/ @media print { a[href]:after { content: none!important; } .m-tpgrps{display: none;} }