/* 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;}
}*/