/* reset */ /**{font-family: "榛戜綋";}*/ html { height: 100%;overflow-x:hidden } body { min-height: 100% } 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% } 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 } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address,i { font-style: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei",arial,"\5b8b\4f53"; } body { line-height: 1.5;} a { text-decoration: none!important; color: #333;} a { blr:expression(this.onFocus=this.blur()) } a * { *cursor: pointer } a:hover{text-decoration: none;color: #333;} a:visited{text-decoration: none;} :focus { outline: none } .edit_con_original{ line-height:2; padding:0 0; color:#333;} .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 } .ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /*.{line-height:1.5; height:6em; overflow:hidden;}*/ /*input鐨刾laceholder棰滆壊鍏煎*/ input{outline: none;} :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #585858; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #585858; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #585858; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #585858; } /*鍥剧墖缁忚繃*/ .tran_scale{ overflow:hidden; display:block;} .tran_scale img{transition:0.3s all; -webkit-transition:0.3s all;} .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .fl{float: left;} .fr{float: right;} .container { width: 1280px; margin: 0 auto; padding: 0; } .tip{ width:100%; background: #fcfde7; border-bottom:2px solid #000; text-align: center; display: none; line-height: 40px; position: fixed; top:0; left:0; z-index: 90000;} .tip span{ line-height: 40px; background: url(../images/tips.png) no-repeat left center; padding-left:40px; display: inline-block;} @media only screen and (max-width: 1300px){ .container { width: 970px; } } @media only screen and (max-width: 1024px){ .container { width: 750px; } } @media only screen and (max-width: 768px){ .container { width: auto; padding: 0 10px; } } .wraper{width:100%; margin: 0 auto;} .wraper_inner{width: 1440px; margin: 0 auto;} .header{ position: relative; z-index: 500; transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);} .pb32{padding-bottom: 32px;} .header_con{/*overflow: hidden;*/} .header_top{padding: 25px 0 15px; overflow: hidden;} .header_lang,.header_lang a{font-size: 14px; color: #585858;} .header_lang span{margin: 0 7px;} /*鎼滅储鎸夐挳*/ .head_link_search{cursor: pointer; } .head_search{ width: 16px; height: 16px; margin-right: 10px; display: none;} /*.head_search_hide { height: 32px; position: absolute; top: -6px; right: 0px; width: 300px; z-index: 100; border-radius: 16px; background: rgb(0,80,160); font-size: 12px; display: none; }*/ .head_search_hide { height: 32px; margin-top: -6px; width: 300px; z-index: 100; border-radius: 16px; font-size: 12px; border: #585858 solid 1px; margin-right: 10px; } .head_search_hide .search_text { width: 80%; margin-left: 16px; border: none; background: none; height: 30px; color: #585858; } .head_search_hide .search_btn { float: right; margin-right: 14px; background: url(../images/search.png) no-repeat center; width: 19px; height: 30px; float: right; border: none; transform: scale(0.8); } /*瀵艰埅nav*/ .nav_wraper{width:100%;margin:0 auto; } .nav_wraper ul{line-height: 50px; } .nav_wraper ul li{float: left; position: relative;;width:80px;margin:0 20px;} .nav_wraper ul li.logo{width:240px} .nav_wraper ul > li > a{display:block; color: #585858; font-size: 18px;} .nav_wraper ul > li > a span{display:block; text-align:center;color: #585858; font-size: 12px; } .nav_wraper ul > li > dl{ text-align: center; color:#585858; box-sizing: border-box; top:60px; visibility: hidden; opacity: 0; transition: 0.4s linear; -webkit-transition: 0.4s linear;position: absolute; width:120px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);} .nav_wraper ul > li > dl dd{ background: #fff; line-height: 2.4em; box-shadow: 2px 0px 1px rgba(0,0,0,0.4);} .nav_wraper ul li a:hover{ color: #0070bc;} .nav_wraper ul li.on > a{ color: #0070bc;} .footer{text-align: center; padding: 42px 0 45px; clear: both;border-top: #076cff solid 2px; margin-top: 80px;} .footer_link{font-size: 0; color: #040000;} .footer_link a{color: #040000;font-size: 16px; display: inline-block;} .footer_link a:hover{color: #0150b3;} .footer_link span{font-size: 12px; margin: 0 18px 0} .footer_copy,.footer_copy a{font-size:12px; color: #4c4c5a;} .footer_copy a,.footer_copy span{display: inline-block;} .footer_copy a:hover{color: #0150b3;} .footer_copy span{margin: 0 24px;} .footer_contact p{font-size:12px; color: #4c4c5a; line-height: 18px;} .footer_ewm img{width: 73px; height: 73px; margin: 0 12px;} .mb25{margin-bottom: 25px;} .mb35{margin-bottom: 35px;} .mb45{margin-bottom: 45px;} .phone_menu{ display: none;} .phone-show{ display: none;} @media only screen and (min-width: 1025px){ .nav_wraper ul > li:hover > dl{ opacity:1; visibility: visible;} } @media only screen and (max-width: 1500px){ .mb25{margin-bottom: 15px;} .mb35{margin-bottom: 25px;} .mb45{margin-bottom: 25px;} .wraper_inner{width: 1200px;} .nav_wraper ul > li > a{font-size: 18px;} .footer{padding: 30px 0; margin-top: 60px;} } @media only screen and (max-width: 1250px){ .mb25{margin-bottom: 15px;} .mb35{margin-bottom: 25px;} .mb45{margin-bottom: 25px;} .wraper_inner{width: 970px;} .logo{margin-top: 0;} .nav_wraper ul{line-height: 36px;} .nav_wraper ul > li > a{font-size: 14px; margin-left: 0px;} .nav_wraper ul > li > dl{top:36px; padding-left: 50px; width:150px;} .header_top{padding: 15px 0;} .footer_link a{font-size: 14px;} .footer{ margin-top: 50px;} } @media only screen and (max-width: 1024px){ .wraper_inner{width: 750px;} /*.nav_wraper ul > li > a{ margin-left: 30px;} nav_wraper ul > li > dl{ padding-left: 30px;}*/ .logo img{margin-top:3px;max-width:200px} .header_lang, .header_lang a{font-size: 12px;} .header_con{float: right;} .head_search{ margin: 3px 6px 0 6px;} .head_search_hide{right: -10px;} .header_top{float:left; overflow: visible;} .phone_box{display: block;} .phone_menu {color: #333;display: block; margin-top:2px; /*background: #005bac;*/width: 45px;height: 45px;transform: translateX(0px); cursor: pointer;} .phone_menu em.p1{ display:block; width:22px; height:2px; background:#333; position:absolute; top:50%; margin-top:-6px; left:50%; margin-left:-11px; border-radius:2px;} .phone_menu em.p2{ display:block; width:22px; height:2px; background:#333; position:absolute; top:50%; margin-top:0; left:50%; margin-left:-11px; border-radius:2px;} .phone_menu em.p3{ display:block; width:22px; height:2px; background:#333; position:absolute; top:50%; margin-top:6px; left:50%; margin-left:-11px; border-radius:2px;} .phone_menu em.p1{ transform:rotate(0deg); margin-top:-7px;} .phone_menu em.p2{ opacity:1;} .phone_menu em.p3{ transform:rotate(0deg); margin-top:7px;} .phone_menu.on{ transform:translateX(0px);} .phone_menu.on em.p1{ transform:rotate(45deg); margin-top:0;} .phone_menu.on em.p2{ opacity:0;} .phone_menu.on em.p3{ transform:rotate(-45deg); margin-top:0;} .nav_wraper{position: relative;} .nav_wraper ul{ box-sizing: border-box; position: fixed; width: 100%; height: 8000px; background: #fff; float: none; top: 50px; right: 0; z-index: 600; border-left: 4px solid #e70012; border-top: 4px solid #e70012; transform: translateX(100%); transition: all 250ms ease-out; -webkit-transition: all 250ms ease-out; margin-top: 0;} .nav_wraper ul.on,.nav_wraper ol.on{transform: translateX(0%);} .nav_wraper ul li{width: 100%; text-align: center; height:50px; line-height: 50px; border-bottom: #999 solid 1px;} .footer_link a{font-size: 12px;} .nav_wraper ul > li > dl{padding-left: 0; text-align: center; color: #585858; box-sizing: border-box; top: 0;-webkit-transition: 0.4s linear; position: fixed; width: 100%; left: auto; right: 0; background: #fff; z-index: 200; height: 100%; transform: translateX(100%); -webkit-transform: translateX(100%);} .nav_wraper ul > li > dl.on{ transform: translateX(0%); -webkit-transform: translateX(0%); visibility: visible; opacity:1; z-index:200;} .nav_wraper ul > li > dl dd{ line-height: 50px; height:50px;} .phone-show{ display: block;} .footer{ margin-top: 40px;} .nav_wraper ul > li > a{margin-left: 0;} } @media only screen and (max-width: 768px){ .nav_wraper ul li.logo {display:none} .footer .wraper{padding:0 10px;} .wraper_inner{width: auto; padding:0 10px;} .header_lang, .header_lang a{font-size: 12px;} .head_search{ display: block; float: right;} .head_search_hide{display: none; clear: both; position: absolute;top: 50px;left: 50%; width: 94%; transform: translateX(-50%);} .header_top{ overflow: visible;} .phone_box{display: block;} .phone_menu {color: #333;display: block; margin-top:2px; /*background: #005bac;*/width: 45px;height: 45px;transform: translateX(0px); cursor: pointer;} .phone_menu em.p1{ display:block; width:22px; height:2px; background:#333; position:absolute; top:50%; margin-top:-6px; left:50%; margin-left:-11px; border-radius:2px;} .phone_menu em.p2{ display:block; width:22px; height:2px; background:#333; position:absolute; top:50%; margin-top:0; left:50%; margin-left:-11px; border-radius:2px;} .phone_menu em.p3{ display:block; width:22px; height:2px; background:#333; position:absolute; top:50%; margin-top:6px; left:50%; margin-left:-11px; border-radius:2px;} .phone_menu em.p1{ transform:rotate(0deg); margin-top:-7px;} .phone_menu em.p2{ opacity:1;} .phone_menu em.p3{ transform:rotate(0deg); margin-top:7px;} .phone_menu.on{ transform:translateX(0px);} .phone_menu.on em.p1{ transform:rotate(45deg); margin-top:0;} .phone_menu.on em.p2{ opacity:0;} .phone_menu.on em.p3{ transform:rotate(-45deg); margin-top:0;} .nav_wraper{position: relative;z-index: 999;} .nav_wraper ul{ box-sizing: border-box; position: fixed; width: 100%; height: 8000px; background: #fff; float: none; top: 50px; right: 0; z-index: 600; border-left: 4px solid #2a66b0; border-top: 4px solid #2a66b0; transform: translateX(100%); transition: all 250ms ease-out; -webkit-transition: all 250ms ease-out; margin-top: 0;} .nav_wraper ul.on,.nav_wraper ol.on{transform: translateX(0%);} .nav_wraper ul li{width: 100%; text-align: left; height:50px; line-height: 50px; border-bottom: #999 solid 1px;} .footer_link a{font-size: 12px;} .nav_wraper ul > li > dl{padding-left: 0; text-align: center; color: #585858; box-sizing: border-box; top: 0;-webkit-transition: 0.4s linear; position: fixed; width: 100%; left: auto; right: 0; background: #fff; z-index: 200; height: 100%; transform: translateX(100%); -webkit-transform: translateX(100%);} .nav_wraper ul > li > dl.on{ transform: translateX(0%); -webkit-transform: translateX(0%); visibility: visible; opacity:1; z-index:200;} .nav_wraper ul > li > dl dd{ line-height: 50px; height:50px;} .phone-show{ display: block;} .footer{ margin-top: 20px;} .page a,.page span,.page i{ display: none!important;} .page a.prev, .page a.next{ display: inline-block!important;} } @media only screen and (max-width: 500px){ .mb25{margin-bottom: 10px;} .mb35{margin-bottom: 15px;} .mb45{margin-bottom: 20px;} .footer{padding: 20px 0;} .footer_link span{margin: 0 3px;} } .page {vertical-align:middle;text-align:center; margin:20px 0px; color:#606060; height:auto; line-height:34px;} .page span{margin:0 10px;} .page span em{ color:#CE0109; font-family:Arial;} .page a{display:inline-block;text-align:center; width:34px;font-family:Arial; border:1px solid #d8d8d8; margin-left: -1px;} .page a.on,.page a:hover{background:#076cff; border:1px solid #076cff; color:#fff; } .page a.prev,.page a.next {width:34px; border:1px solid #d8d8d8;} .page a.prev{ margin-right: 14px;} .page a.next{ margin-left: 14px;} .page .txtnum{width:34px;background:#fff; border:1px solid #CECECE; margin:0;} .page .txtnum input{width:34px;height:34px; line-height:34px; text-align:center; font-family:Arial; background:none; border:none;} .page a.go{width:42px; height:22px; line-height:22px;background:#076cff;color:#F5EDEC;position:relative; top:-1px; border:0;} /*font-size*/ .fnt_14 { font-size: 14px;} .fnt_16 { font-size: 16px;} .fnt_18 { font-size:18px;} .fnt_20 { font-size: 20px;} .fnt_22 { font-size:22px;} .fnt_24 { font-size:24px;} .fnt_28 { font-size:28px;} .fnt_30 { font-size:30px;} .fnt_32 { font-size:32px;} .fnt_36 { font-size:36px;} .fnt_40 { font-size:40px;} .fnt_48 { font-size:48px;} .fnt_60 { font-size:60px;} .fnt_72 { font-size:72px;} .fnt_80 { font-size:80px;} .fnt_100 { font-size:100px;} .fnt_130 { font-size:130px;} @media only screen and (max-width: 1520px) { .fnt_14 { font-size: 12px; } .fnt_16 { font-size: 14px; } .fnt_18 { font-size: 15px; } .fnt_20 { font-size: 16px; } .fnt_22 { font-size: 18px } .fnt_24 { font-size: 21px; } .fnt_28 { font-size: 24px; } .fnt_30 { font-size: 30px; } .fnt_32 { font-size: 25px; } .fnt_36 { font-size: 28px; } .fnt_40 { font-size: 32px; } .fnt_48 { font-size: 38px; } .fnt_60 { font-size: 52px; } .fnt_72 { font-size: 56px; } .fnt_80 { font-size: 64px; } .fnt_100 { font-size: 80px; } .fnt_130 { font-size: 104px; } } @media only screen and (max-width: 1679px) { .fnt_16 { font-size: 13px; } .fnt_18 { font-size: 14px; } .fnt_20 { font-size: 15px; } .fnt_22 { font-size: 16px; } .fnt_24 { font-size: 17px; } .fnt_28 { font-size: 18px; } .fnt_30 { font-size: 20px; } .fnt_32 { font-size: 21px; } .fnt_36 { font-size: 24px; } .fnt_40 { font-size: 27px; } .fnt_48 { font-size: 32px; } .fnt_60 { font-size: 45px; } .fnt_72 { font-size: 49px; } .fnt_80 { font-size: 53px; } .fnt_100 { font-size: 68px; } .fnt_130 { font-size: 88px; } } @media only screen and (max-width: 1279px) { .fnt_24 { font-size: 15px; } .fnt_28 { font-size: 16px; } .fnt_30 { font-size: 18px; } .fnt_32 { font-size: 23px; } .fnt_36 { font-size: 21px; } .fnt_40 { font-size: 23px; } .fnt_48 { font-size: 28px; } .fnt_60 { font-size: 40px; } .fnt_72 { font-size: 44px; } .fnt_80 { font-size: 47px; } .fnt_100 { font-size: 60px; } .fnt_130 { font-size: 78px; } } @media only screen and (max-width: 1023px) { .fnt_30 { font-size:16px;} .fnt_48 { font-size:26px;} .fnt_36 { font-size:19px;} .fnt_40 { font-size: 21px;} .fnt_60 {font-size: 36px;} .fnt_72 { font-size:39px;} .fnt_80 {font-size: 42px;} .fnt_100 { font-size: 53px;} .fnt_130 { font-size:68px;} } @media only screen and (max-width: 767px) { .fnt_22 { font-size: 14px; } .fnt_32 { font-size: 23px; } .fnt_36 { font-size: 17px; } .fnt_40 { font-size: 18px; } .fnt_48 { font-size: 16px; } .fnt_60 { font-size: 18px; } .fnt_72 { font-size: 24px; } .fnt_80 { font-size: 31px; } .fnt_100 { font-size: 40px; } .fnt_130 { font-size: 52px; } } .other-footer{ border-top:2px solid #076cff; margin-top: 50px;} .mb50{ margin-bottom:50px; } /*@media (min-width: 1200px){ .container {width: 970px;} } @media (min-width: 1300px){ .container{width: 1280px;} }*/