@font-face { font-family: 'Alibaba'; src: url('../css/fonts/Alibaba-PuHuiTi-Regular.ttf'); src: url('../css/fonts/Alibaba-PuHuiTi-Regular.ttf') format('truetype'), url('../css/fonts/Alibaba-PuHuiTi-Regular.otf') format('embedded-opentype'), url('../css/fonts/AlibabaSans-Regular.otf') format('woff'); font-weight: normal; font-style: normal; } /* reset */ html { height: 100%; overflow-x: hidden; } [class*='icon'] { font-family: 'iconfont'; } body { min-height: 100%; overflow-x: hidden; } body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } iframe, frame, fieldset, img { border: 0 none } img { vertical-align: top } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none } input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; resize: none } ::-webkit-input-placeholder { color: #666; } :-moz-placeholder { color: #666; } ::-moz-placeholder { color: #666; } :-ms-input-placeholder { color: #666; opacity: 0.8; } .placeholder { color: #666; } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } .edit_con_original table p{white-space: normal;} caption, th { text-align: left } th { font-weight: normal } em, cite, address, i { font-style: normal } body, input, select, button, textarea { color: #000; font-size: 16px; } @media only screen and (min-width:1025px) { body, input, select, button, textarea { font-family: "Alibaba"; } } body { line-height: 1.5; } a { color: #000; text-decoration: none!important; transition: 0.2s all; -webkit-transition: 0.1s all; } a { blr: expression(this.onFocus=this.blur()) } a * { *cursor: pointer } :focus { outline: none } img { max-width: 100%; } /* 闃块噷鍥炬爣 */ [class*='icon'] { font-family: 'iconfont'; } .edit_con_original *{text-indent: 0 !important;} .edit_con_original { line-height: 32px; padding: 0 0; color: #000000; } .edit_con_original ul { margin: inherit; padding: inherit; padding-left: 2em; } .edit_con_original ul li { list-style-type: disc; margin: auto; } .edit_con_original ol { margin: inherit; padding: inherit } .edit_con_original ol li { list-style-type: decimal; margin: auto; } .edit_con_original h1 { font-size: 2em; font-weight: bold } .edit_con_original h2 { font-size: 1.5em; font-weight: bold } .edit_con_original h3 { font-size: 1.17em; font-weight: bold } .edit_con_original h4 { font-size: 1em; font-weight: bold } .edit_con_original h5 { font-size: 0.83em; font-weight: bold } .edit_con_original h6 { font-size: 0.67em; font-weight: bold } .edit_con_original em { font-style: italic } .edit_con_original cite { font-style: italic } .edit_con_original address { font-style: italic } .edit_con_original i { font-style: italic } .edit_con_original table { border-collapse: separate; border-spacing: 2px } .edit_con_original img { max-width: 100%; height: auto; } /*鎵€鏈夊悗鍙扮紪杈戝櫒鍖哄煙閮借寮曠敤 edit_con_original 绫诲悕*/ /* clear 椤靛ご锛岄〉鑴氾紝鍐呭鍖洪兘涓嶇敤鍐嶅姞娓呴櫎鏍峰紡 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } /*鍘婚櫎榧犳爣鍙屽嚮閫変腑鏁堟灉*/ /**{-moz-user-select: none;-webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}*/ /*涓ょ瀵归綈*/ .justify { text-align: justify; text-justify: distribute-all-lines; } /*鍥剧墖缁忚繃*/ .tran_scale { overflow: hidden; display: block; } .tran_scale img { transition: 0.5s all; -webkit-transition: 0.5s all; } /*鎴瓧*/ .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; max-width: 100%; } .clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em; overflow: hidden; } /*涓婁笅灞呬腑*/ .v-m-c { transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); position: absolute; left: 0; top: 50%; } /*宸﹀彸灞呬腑*/ .l-m-c { transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); position: absolute; left: 50%; top: 0; } /*缁濆灞呬腑*/ .a-m-c { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; } @media only screen and (min-width: 1025px) { .yes_tran, a { transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; } .no_tran { transition: 0s all; -webkit-transition: 0s all; -moz-transition: 0s all; -o-transition: 0s all; -ms-transition: 0s all; } a:hover { color: #007750!important; } .tran_scale:hover img { transform: scale(1.05, 1.05) rotate(0deg); -webkit-transform: scale(1.05, 1.05) rotate(0deg); } .nav ul>li:hover>a { color: #007750!important; } .nav ul>li:hover>a>em { left: 0; width: 100%; } } @media only screen and (max-width: 1365px) { .foot_top .ll, .foot_top .rr { width: 100%; } .foot_top .ll dl { margin-bottom: 20px; } .foot_top .rr dd:nth-child(2n) { float: left; margin-left: 50px; } } @media only screen and (max-width: 1279px) { .nav ul>li { padding: 0 3%; } .nav ul>li:last-child .navlist { width: 180%; left: -40%; } } @media only screen and (max-width: 1024px) { body>* { position: relative; left: 0; transition: left 250ms ease-out; -webkit-transition: left 250ms ease-out; } .head_rr { height: 50px; line-height: 50px; } span.ser { right: 50px; height: 50px; margin: 8px 20px; } .log-reg { margin-right: 100px; } .search_wrap { top: 50px; } /*鎵嬫満瀵艰埅鎸夐挳寮€濮?/ .nav_phone_btn { display: block; cursor: pointer; height: 50px; position: absolute; top: 0; right: 0; z-index: 999; width: 50px; text-align: center; background: #E60012; } .nav_phone_btn span { position: relative; width: 26px; height: 3px; top: 10px; background-color: #fff; display: inline-block; transition: all 250ms ease-out; -webkit-transition: all 250ms ease-out; } .nav_phone_btn span i { position: absolute; bottom: -30px; left: 0; width: 100%; color: #fff; font-family: arial; font-size: 12px; text-transform: uppercase; } .nav_phone_btn span:before, .nav_phone_btn span:after { content: ""; position: absolute; width: 100%; height: 3px; background-color: #fff; left: 0px; transition: all 250ms ease-out; -webkit-transition: all 250ms ease-out; } .nav_phone_btn span:before { top: -7px; } .nav_phone_btn span:after { top: 7px; } .visible_nav.nav_phone_btn { background: #161719; } .visible_nav.nav_phone_btn span { background-color: transparent; } .visible_nav.nav_phone_btn span:before { top: 0px; width: 90%; transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); } .visible_nav.nav_phone_btn span:after { top: 0px; width: 90%; transform: rotateZ(-45deg); -webkit-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); } .body_nav_phone .nav { right: 0; left: auto; } /*鎵嬫満瀵艰埅鎸夐挳缁撴潫*/ } @media only screen and (max-width: 1023px) {} @media only screen and (max-width: 767px) { .nav { width: 100%; right: -100%; } } /*.weixin{ position:fixed; width:300px; z-index:100000; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); left:50%; top:50%;} .weixin .c{ position:absolute; width:40px; height:40px; background:url(../images/x.png) center center no-repeat; overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;} .weixin h2{ position:relative; line-height:40px; font-size:16px; padding-left:20px; font-weight:normal;} .weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;} .weixin .img img{width:200px; height: 200px;} .weixin p {margin:0 0 30px; text-align:center;} @media only screen and (max-width:767px) { .weixin{width:70%;} }*/ @media only screen and (min-width: 1025px) { .scrollHeader .header{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .scrollHeader .header,.scrollHeader .header-pl,.scrollHeader .header .logo{height: 80px;line-height: 80px;} .header .nav ol li a:hover{color: #fff !important;opacity: 0.8;} } .header .search :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; } .header .search ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; } .header .search input:-ms-input-placeholder { color: #fff; } .header .search input::-webkit-input-placeholder { color: #fff; } /*page*/ .pageout{text-align: center;padding-bottom: 5px; clear: both;padding-top: 20px;} .page{display:inline-block;*display:inline;*zoom:1;} .page {vertical-align:middle;text-align:center;margin: 0 auto; color:#2d2d2d; height:44px; line-height:44px; } .page span{color:#2d2d2d; float: left;margin-left: 5px; } .page span em{ } .page i{ float: left; margin: 0 6px;color: #9c9c9c;} .page a{float: left; width:44px; border: 1px solid #e1e1e1; color: #9c9c9c; background: #f4f4f4; margin: 0 2px; } .page a.on{background:#007750;color:#fff;border: 1px solid #007750; } .page a.prev {background:#f4f4f4 url(../images/page_first.png) center center no-repeat; text-indent:-10000px;margin-left: 0; margin-right:18px;} .page a.next {background:#f4f4f4 url(../images/page_last.png) center center no-repeat; text-indent:-10000px; margin-left: 0; margin-left:18px;} .page a.prev.no,.page a.next.no,.page a.first.no,.page a.last.no{opacity:0.5;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5;} .page a.go{margin-left:10px; width: 44px; background: #007750; color: #fff; border:1px solid #007750; height: 28px; line-height: 28px;} .page a.go:hover{color: #fff !important;} .page a.on:hover{color: #fff !important;} @media only screen and (max-width:1024px) { .pageout{padding-top: 30px;} } @media only screen and (max-width:767px) { .pageout{font-size: 14px;padding-top: 20px;} .page i,.page span,.page a.go{display:block; display:inline-block;} .page a.prev{margin-right: 2px;} .page a.next{margin-left: 2px;} .page a.go{width: 36px;margin-top: 3px;margin-left: 5px;} .page{ height: 36px; line-height: 36px;} .page a{display:none; font-weight: normal;width:42px;} .page a.prev,.page a.next{display:block; display:inline-block;} .page i{margin:0 4px;display: none;} .page a.on{display: inline-block;} } /*page*/