@charset "UTF-8"; body, h1, h2, h3, h4, h5, h6, p, ul, ol, form { margin: 0; } body { color: #666; font-size: 14px; background: #fff; } body, input, textarea, select { font-family: "Microsoft YaHei", Helvetica, "Helvetica Neue", "SimSun", Tahoma, Arial, sans-serif; } ul, ol, li { padding-left: 0; list-style-type: none; } img { border: 0; } i { font-style: normal; } input, textarea, select { font-size: 14px; outline: none; border: none; margin: 0; padding: 0; } input::-ms-clear { display: none; } /* 鍘婚櫎IE涓媔nput鑷甫鐨勫弶 */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } /* 鍘婚櫎chrome涓嬭緭鍏ユ榛樿鑳屾櫙鑹 */ input:focus, textarea:focus { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } a { text-decoration: none; color: #666; } a:hover { color: #782674; } address { font-style: normal; } input, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea { -webkit-appearance: none; } .img-responsive { width: 100%; height: auto; display: block; } .tl { text-align: left; } .tc { text-align: center; } .tr { text-align: right; } .rel { position: relative; } .ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* 鍗曡鏂囧瓧婧㈠嚭鐪佺暐鍙锋樉绀 */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hidden { display: none; } .show { display: block; } .container { width: 1200px; display: block; margin-left: auto; margin-right: auto;} @media screen and (max-width: 480px) { .container { width: auto; padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 480px) { .container.container-0 { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 480px) { body { min-width: 1200px; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)>1200?'1200px':''); } } .iconfont { font-size: inherit; } .box { -ms-box-shadow: 0 0 10px rgba(11, 11, 11, 0.1); -o-box-shadow: 0 0 10px rgba(11, 11, 11, 0.1); box-shadow: 0 0 10px rgba(11, 11, 11, 0.1); background-color: #fff; } @media screen and (max-width: 480px) { .box { -ms-box-shadow: inherit; -o-box-shadow: inherit; box-shadow: inherit; } } .trans { transition: all ease-in-out 0.5s; } [class*=col-] { float: left; } .col-1 { width: 100%; } .col-2 { width: 50%; } .col-3 { width: 33.33333%; } .col-4 { width: 25%; } .mt-top { margin-top: 112px; } @media screen and (max-width: 480px) { .mt-top { margin-top: 60px; } } @media screen and (min-width: 480px) { .pc-show { display: block; } .pc-hidden { display: none; } .ptb15 { padding-top: 15px; padding-bottom: 15px; } .plr20 { padding-left: 20px; padding-right: 20px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mlr10 { margin-left: 10px; margin-right: 10px; } .mlr-10 { margin-left: -10px; margin-right: -10px; } .mlr24 { margin-left: 24px; margin-right: 24px; } .mt24 { margin-top: 24px; } .mt25 { margin-top: 25px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt50 { margin-top: 50px; } .mt60 { margin-top: 60px; } .pt20 { padding-top: 20px; } .pt30 { padding-top: 30px; } .pt40 { padding-top: 40px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; } .pb40 { padding-bottom: 40px; } .pb50 { padding-bottom: 50px; } } @media screen and (max-width: 480px) { .mb-show { display: block; } .mb-hidden { display: none; } .mb-mtop { margin-top: 60px; } .mb-mt5 { margin-top: 5px; } .mb-mlr5 { margin-left: 5px; margin-right: 5px; } .mb-mlr-5 { margin-left: -5px; margin-right: -5px; } .mb-mt10 { margin-top: 10px; } .mb-mt15 { margin-top: 15px; } .mb-mt25 { margin-top: 25px; } .mb-plr15 { padding-left: 15px; padding-right: 15px; } .mb-mlr10 { margin-left: 10px; margin-right: 10px; } .mb-mlr15 { margin-left: 15px; margin-right: 15px; } .mb-pt10 { padding-top: 10px; } .mb-pt15 { padding-top: 15px; } .mb-pb10 { padding-bottom: 10px; } .mb-pb20 { padding-bottom: 20px; } .mb-pb30 { padding-bottom: 30px; } .mb-pb40 { padding-bottom: 40px; } } .pagin { display: block; } .pagin > a { display: inline-block; padding: 9px 15px; margin: 0px 4px 0; border-radius: 3px; border: 1px #DDD solid; background: #FFF; color: #666; transition: all ease-in-out 0.5s; font-size: 12px; line-height: 18px; } .pagin > a i { font-size: 10px; } .pagin > a:hover { border-color: #782674; box-shadow: 0 0 3px #eee; color: #782674; } .pagin .pagin-cur, .pagin .pagin-cur:hover { border-color: #782674; background: #782674; color: #FFF; } .pagin-ell { font-size: 14px; line-height: 18px; color: #666; padding: 0 10px; } .pagin-txt { display: inline-block; padding: 5px 8px; font-size: 14px; line-height: 18px; color: #666; } .pagin-jump, .pagin-jump-focus { display: inline-block; *vertical-align: -5px; border: 1px #ddd solid; transition: all ease-in-out 0.5s; } .pagin-input { *float: left; width: 36px; height: 36px; border: none; outline: none; background: #fff; line-height: 36px\9; *line-height: 36px; text-align: center; font-size: 12px; color: #782674; } .pagin-btn { *float: left; display: none; padding: 0 10px; font-size: 12px; line-height: 26px; color: #fff; text-decoration: none; } .pagin-btn:hover { color: #FFFFFF; } .pagin-jump-focus { border-color: #782674; background: #782674; *vertical-align: -1px; } .pagin-jump-focus .pagin-btn { display: inline-block; } .pager { text-align: center; } .pager:before, .pager:after { content: " "; display: table; } .pager:after { clear: both; } @media screen and (max-width: 480px) { .pager { display: block; } } .pager li { display: inline; } .pager li > a { display: inline-block; padding: 5px 14px; background-color: #FFF; border: 1px solid #DDD; color: #666; border-radius: 3px; } .pager li > a:hover { background-color: #FFF; border: 1px solid #782674; color: #782674; } .pager .next { float: right; } .pager .previous { float: left; } .pager { display: none; } @media screen and (max-width: 480px) { .pagin { display: none; } .pager { display: block; } } [class*=btn-] { color: #fff; } [class*=btn-]:hover { color: #fff; } .btn-theme { background: #782674; } .btn-theme:hover { background: #5e075a; } .btn-orange { background: #e16c04; } .btn-orange:hover { background: #c15e05; } .btn-red { background: #e60012; } .btn-red:hover { background: #93040f; } .btn-line-theme { border: 1px solid #782674; color: #782674; } .btn-line-theme:hover { background: #782674; color: #fff; } .color-theme { color: #782674; } .bgf8 { background: #f8f8f8; } .bg-white { background: #fff; } .ind-bg1 { background: url(../images/bg.jpg) bottom center no-repeat; } .bgfa { background: #fafafa; } .bg-f4 { background: #f4f4f4; } .mySelectBox .select-main { background: #FFF; border: 1px solid #e5e5e5; height: 30px; position: relative; font-size: 14px; line-height: 30px; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; border-radius: 3px; } .mySelectBox .select-main.z-index { z-index: 10; } .mySelectBox .select-main.disabled { cursor: default; filter: alpha(opacity=50); opacity: .5; zoom: 1; } .mySelectBox .select-main.disabled .select-set, .mySelectBox .select-main.disabled .select-arrow { cursor: default; } .mySelectBox .select-set { font-size: 14px; height: 30px; background: #FFF; line-height: 30px; color: #888; cursor: pointer; position: relative; padding: 0 35px 0 10px; z-index: 5; overflow: hidden; } .mySelectBox .select-arrow { cursor: pointer; height: 0; position: absolute; top: 15px; right: 0px; width: 0; z-index: 7; } .mySelectBox .select-arrow:after { border-bottom: 2px solid #b2b2b2; border-right: 2px solid #b2b2b2; content: ''; display: block; width: 5px; height: 5px; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 50%; transform-origin: 66% 66%; transform: rotate(45deg); transition: all 0.15s ease-in-out; } .mySelectBox .select-arrow.reverse:after { transform: rotate(-135deg); } .mySelectBox .select-block { background: #FFF; border: 1px solid #eaeaea; left: -1px; line-height: 28px; position: absolute; top: 33px; right: -1px; border-radius: 3px; } .mySelectBox .select-block ul.select-list { cursor: pointer; margin: 5px 0 5px; scrollbar-face-color: #AEB1B1; scrollbar-shadow-color: #C7CACA; scrollbar-highlight-color: #CED1D1; scrollbar-3dlight-color: #CED1D1; scrollbar-darkshadow-color: #C7CACA; scrollbar-track-color: #CED1D1; scrollbar-arrow-color: #333; } .mySelectBox .select-block ul.select-list::-webkit-scrollbar { width: 12px; } .mySelectBox .select-block ul.select-list::-webkit-scrollbar-track { border-radius: 10px; } .mySelectBox .select-block ul.select-list::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5); } .mySelectBox .select-block ul.select-list li.select-items { color: #999; padding: 5px 10px; } .mySelectBox .select-block ul.select-list li.select-items:hover { color: #888; } .mySelectBox .select-block ul.select-list li.select-items.active { color: #782674; } .ind-menu { text-align: center; position: relative; height: 140px; } .ind-menu h3 { font-size: 24px; color: #333; margin-top: -70px; } .ind-menu h4 { font-size: 48px; line-height: 140px; text-transform: uppercase; color: #e7e4e7; } .ind-menu a { position: absolute; right: 0; bottom: 35px; color: #888; } .ind-menu a:hover { color: #782674; } @media screen and (max-width: 480px) { .ind-menu { height: 48px; text-align: left; line-height: 48px; } .ind-menu h3 { margin-top: inherit; font-size: 16px; font-weight: bold; } .ind-menu a { bottom: 0; right: 10px; } } .mask-4 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 3; } .footerbg { height: 160px; background: #4e4e4e; padding: 20px 0; } .footer1 { width: 540px; } .footer1 img { width: 540px; height: 65px; margin-top: 47px; } @media screen and (max-width: 480px) { .footer1 { width: 100%; } .footer1 img { width: 100%; height: auto; margin: 0; } } .footer2 { width: 240px; position: relative; margin-left: 60px; } .footer2 ul { margin-top: 38px; } .footer2 ul li a { font-size: 14px; line-height: 28px; position: relative; color: #fff; padding-left: 20px; } .footer2 ul li a i { width: 8px; height: 8px; background: rgba(255, 255, 255, 0.5); position: absolute; top: 50%; margin-top: -4px; left: 0; } .footer2 ul li a:hover { color: #fff; text-decoration: underline; } .footer2 ul li a:hover i { background: white; } @media screen and (max-width: 480px) { .footer2 { width: 100%; margin-left: 0; } .footer2 ul { margin-top: 10px; } .footer2 ul li { width: 50%; float: left; } } .footer3 { width: 200px; margin-top: 60px; } .footer3 ul li { width: 38px; height: 38px; float: left; margin-left: 10px; } .footer3 ul li a { width: 38px; height: 38px; display: block; position: relative; } .footer3 ul li a > img { width: 38px; height: 38px; } .footer3 ul li a .footer3Code { top: -120px; opacity: 0; } .footer3 ul li a:hover .footer3Code { top: -140px; opacity: 1; } @media screen and (max-width: 480px) { .footer3 { width: 100%; margin-top: 10px; text-align: center; } .footer3 ul { margin-top: -12px; } .footer3 ul li { margin-top: 12px; display: inline-block; float: inherit; } } .footer3Code { width: 120px; height: 120px; background: #fff; box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); position: absolute; left: 50%; margin-left: -60px; } .footer3Code:before { content: ""; height: 0; width: 0; border-top: 10px solid #fff; border-left: 10px dashed transparent; border-right: 10px dashed transparent; position: absolute; left: 50%; margin-left: -10px; bottom: -10px; } .footer3Code img { width: 108px; height: 108px; margin: 6px; } .footer4 { text-align: center; width: 120px; margin-top: 10px; } .footer4 img { width: 120px; height: 120px; } .footer4 h2 { font-size: 14px; line-height: 28px; color: #fff; } @media screen and (max-width: 480px) { .footer4 { width: 100%; margin-top: 15px; } } @media screen and (max-width: 480px) { .footerbg { height: auto; background-image: url(../images/footerbg.jpg); background-size: cover; padding: 20px 0 10px; } } .footer-icon1 { background: url(../images/footer-ico1.png) no-repeat; } .footer-icon2 { background: url(../images/footer-ico2.png) no-repeat; } .footer-icon3 { background: url(../images/footer-ico3.png) no-repeat; } .footer-icon4 { background: url(../images/footer-ico4.png) no-repeat; } .copybg { background: #3e3e3e; font-size: 14px; line-height: 22px; color: #fff; text-align: center; padding: 10px 0; } .copy { text-align: center; } .copy ul li { display: inline-block; margin: 0 15px; } /**Search_sm*/ .search_sm { position: relative; height: 28px; width: 32px; overflow: hidden; z-index: 10000; transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .search_sm input { display: none; width: 200px; height: 28px; font-size: 14px; line-height: 28px\9; *line-height: 28px; color: #a8ccf7; } .search_sm input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } .search_sm input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } .search_sm input:-ms-input-placeholder, .search_sm input:-ms-input-placeholder { color: #fff; } .search_sm input::-webkit-input-placeholder, .search_sm input::-webkit-input-placeholder { color: #fff; } @media screen and (max-width: 480px) { .search_sm { right: -5px; top: 16px; } } .search_ico { display: block; position: absolute; top: 0; right: 0; width: 36px; height: 28px; line-height: 28px; text-align: center; cursor: pointer; color: #fff; } .search_ico i { font-size: 18px; } .search_open { width: 160px; height: 26px; padding: 0 10px 0 10px; border-radius: 25px; background: #782674; margin-left:0px; } .search_open .search_ico { right: 2px; top: 0; color: #fff; } .search_open input { display: block; background: #782674; } .sub-ban { width: 100%; } @media screen and (min-width: 480px) { .sub-ban { height: 448px; position: relative; overflow: hidden; } .sub-ban img { width: 1920px; height: 448px; position: absolute; left: 50%; margin-left: -960px; } } @media screen and (max-width: 480px) { .sub-ban { height: auto; } .sub-ban img { width: 100%; height: auto; display: block; } } .localbg { height: 56px; background: #fff; border-bottom: 1px solid #f4f4f4; } @media screen and (max-width: 480px) { .localbg { height: auto; } } .local { line-height: 56px; } .local ul li { display: inline-block; font-size: 18px; margin-right: 40px; } .local ul li a { height: 56px; color: #333; display: block; position: relative; font-weight: bold; } .local ul li a span { position: absolute; width: 0; height: 3px; bottom: -1px; background: transparent; left: 50%; margin-left: 0; } .local ul li a:hover, .local ul li a.active { color: #782674; } .local ul li a:hover span, .local ul li a.active span { width: 100%; background: #782674; margin-left: -50%; } .local p { font-size: 13px; color: #afafaf; } .local p a { color: #afafaf; } .local p a:hover { color: #782674; } @media screen and (max-width: 480px) { .local { line-height: 42px; } .local ul li { font-size: 14px; margin-right: 10px; } .local ul li a { height: 42px; } } /*# sourceMappingURL=reset.css.map */