/* reset */ html { height: 100%; overflow-x:hidden;} body { min-height: 100%; overflow-x:hidden;} body { _height: 100%;-moz-user-select: none; } 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; transition:0.4s all; -webkit-transition:0.4s all; } a { blr:expression(this.onFocus=this.blur()) } a * { *cursor: pointer } a:hover,a:active,a:visited{text-decoration: none;} a:active{text-decoration: none;} :focus { outline: none } .edit_con_original{ line-height:1.7em; 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;} .animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); } .animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);} .animate_normal{ transition: 0.5s all linear;} /*.main{ transition: 0.5s all linear !important;}*/ /*鎵€鏈夊悗鍙扮紪杈戝櫒鍖哄煙閮借寮曠敤 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 } .tran_scale,.tran_form{ overflow:hidden; display:block;} .tran_scale img{transition:0.9s all; -webkit-transition:0.9s all;} .tran_scale:hover img{transform: scale(1.1);} .tran_form img{transition: all 1s cubic-bezier(.19,1,.22,1); -webkit-transition:all 1s cubic-bezier(.19,1,.22,1);} .tran_form:hover img{transform: translateX(-20px);} /*more*/ .main_more{display:inline-block;color: #000;background-color: #fefe24;background-image: url(../images/index_icon01.png);background-repeat: no-repeat;background-position: 85%;height: 35px;line-height: 35px;padding: 0 30px 0 22px;} /*闂磋窛*/ .main{margin-bottom: 5.83%;} .margin_20{margin-bottom: 20px;} .margin_30{margin-bottom: 30px;} .margin_40{margin-bottom: 40px;} .margin_70{margin-bottom: 70px;} .margin_60{margin-bottom: 60px;} .margin_100{margin-bottom: 100px;} .main{padding-top: 145px;} /*琛岄珮*/ .lh_11{ line-height: 1.1em;} .lh_17{ line-height: 1.7em;} /*header*/ .header{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 999;background: #fff;padding: 0;padding-top: 22px;box-shadow: 0 0 5px #d0cdca;max-width: 1256px;} .header .logo{float: left;margin-left: 42px;margin-top: 20px;} .header .logo img{width: 100%;} .header .head{float: right;} .header .headtop>*{vertical-align: middle;} .header .headtop{margin-bottom: 30px;text-align: right;padding-right: 47px;} .header .headtop .head_code{display: inline-block;width: 45px;height: 40px;margin-left: 10px;text-align: center;} .header .headtop .head_code img{width: 100%;transition: all .3s} .header .headtop .head_code:hover img{transform: scale(2.3);} .header .headtop .tel{border: 2px solid #008d8e;height: 25px;display: inline-block;background: #008d8e;margin-right: 20px;} .header .headtop .tel em{color: #fff;font-weight: bold;display: inline-block;padding: 0 18px;line-height: 24px;height: 19px;} .header .headtop .tel a{color: #008d8e;font-weight: bold;text-align: center;background:#fff;line-height: 24px;height: 21px;padding: 0 18px;display: inline-block;} .header .headtop .headlink{display: inline-block;margin-right: 27px;} .header .headtop .headlink a{color: #868686;padding: 0 9px;line-height: 1.1em;display: inline-block;} .header .headtop .headlink a:nth-child(2){border-left: 1px solid #868686;border-right: 1px solid #868686;} .header .headtop .headlink a:last-child{padding-right: 0;} .header .headtop .headsearch{position: relative;display: inline-block;top: 7px;padding-left: 3px;} .header .headtop .headsearch .searchbut{display: inline-block;width: 24px;height: 25px;background-image: url(../images/index_icon01.png);position: relative;background-size: cover;} .header .headtop .headsearch .searchbox{background: #fff;border:none;position: absolute;width: 0;right: 27px;top: 0;height: 25px;transition: width 0.5s;overflow: hidden;} .header .headtop .headsearch input{position: relative;border: none;background: transparent;box-shadow: none;width: 100%;padding-right: 30px;height: 23px;line-height: 23px;padding-left: 10px;} .header .headtop .headsearch button{background-color: transparent;box-shadow: none;border: none;position: absolute;background-image: url(../images/searchbut.png);width: 16px;height: 16px;top: 4px;right: 5px;} .header .navbg{position: absolute;left: 0;top: 100%;height: 75px;background: #777777;width: 100%;display: none;} .header .nav{float: right;margin-right: 84px;} .header .nav li.list1{float: left;padding-bottom: 20px;margin: 0 22px;} .header .nav li.list1.linklist{display: none;} .header .nav li a{color: #323232;font-weight: bold;} .header .nav li.on a{color: #008d8e;font-weight: bold;} .header .nav li.list1 ul{text-align: center;position: absolute;top: 100%;width: 100%;left: 0;overflow: hidden;background: #aaa;display: none;transition: none;} /*.header .nav li.list1.on ul{transform: translate(0);opacity: 1;z-index: 1;height: auto;}*/ .header .nav li.list2.return{display: none;} .header .nav li.list2{display: inline-block;margin:0 20px;} .header .nav li.list2 a{color: #fff;font-weight: normal;padding: 32px 0;display: inline-block;font-size: 16px;position: relative;} .header .nav li.list2 a:before{content: "";display: block;border-bottom: 2px solid #fff;position: absolute;top: 73%;opacity: 0;transition: all .3s;transform: translateY(-30px);left: 0;width: 100%;} .phone_box{position: absolute;right: 0;bottom: 0;} .phone_menu {color: #686666;display: none;float:right;position:relative;top:0; margin-right:0px;background: #4db1b1;width: 80px;height: 80px;transform: translateX(0px);} header,.main,footer,.phone_menu em.p1,.phone_menu em.p2,.phone_menu em.p3,.nav,.nav ul{transition:all 0.4s cubic-bezier(0.42,0,1,1) 0s;} .phone_menu em.p1{ display:block; width:40px; height:6px; background:#fff; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-20px; border-radius:4px;} .phone_menu em.p2{ display:block; width:40px; height:6px; background:#fff; position:absolute; top:50%; margin-top:0; left:50%; margin-left:-20px; border-radius:4px;} .phone_menu em.p3{ display:block; width:40px; height:6px; background:#fff; position:absolute; top:50%; margin-top:10px; left:50%; margin-left:-20px; border-radius:4px;} .phone_menu em.p1{ transform:rotate(0deg); margin-top:-15px;} .phone_menu em.p2{ opacity:1;} .phone_menu em.p3{ transform:rotate(0deg); margin-top:15px;} .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;} .header .language{position: absolute;right: 0;bottom: 0;color: #fff;padding: 5px;display: block;width: 74px;height: 74px;text-align: right;} .header .language:hover{color: #fff!important;} .header .language:before{content: "";display: block;position: absolute;bottom: -54px;right: -54px;border: 54px solid transparent;border-right-color: #4db1b1;transform: rotate(-135deg);z-index: -1} .language dl{padding-top:40px;width: 49px;height: 29px;line-height: 29px; float: right;} .language dl dt{overflow: hidden;} .language dl dt i{float: left;width: 29px; line-height: 29px; text-align: right;height: 29px;} .language dl dt em{width: 20px;height: 29px;background: url(../images/yuyan.png);float: left;cursor: pointer;} .language dl dd{position: absolute;width: 100%;top: 100%;left: 0;box-sizing: border-box;padding: 0 5px;background: #fff;display: none;border-bottom: 2px solid #4db1b1;} .language dl dd a{color:#000;display: block;border-bottom: 1px solid #4db1b1;box-sizing: border-box; text-align: center;} .language dl dd.on{display: block;} .language dl dd a:last-child{border: 0;} .language dl dd a:first-child{display: none;} /*footer*/ .footer{padding-top:1.75%;padding-bottom: 1.75%;border-top: 3px solid #008a8a; background: #fff;} .footer .foot_left{float: left;width: 100%;max-width: 750px;} .footer .foot_left dl{position: relative;display: inline-block;z-index: 3;width: 234px;margin-bottom: 27px;} .footer .foot_left dt{line-height: 25px;height: 25px;padding: 0 12px;display: inline-block;position: relative;background-image: url(../images/index_icon08.png);background-repeat:no-repeat;background-position: 94%; border:1px solid #000;cursor: pointer;width: 100%;color: #666666;font-weight: normal;} .footer .foot_left dt:before{content: " ";display: block;position: absolute;right: 30px;top: 7px;border-right: 1px solid #000;line-height: 25px;height: 13px;} .footer .foot_left dd{position: absolute;bottom: 25px;background: #fff;border: 1px solid #000;border-bottom: none;display: none;width: 100%;} .footer .foot_left dd a{display: block;width: 100%;padding: 5px 12px;color: #000;width: 100%;} .footer .foot_left dd a:hover{background: #ccc} .footer .foot_left .bottombox a{color: #2a2a2a;padding:0 12px;border-left: 1px solid #c5c5c5;white-space: nowrap;} .footer .foot_left .bottombox a:first-child{padding-left: 0;border-left: none;} .footer .foot_left .bottombox p{color: #707070;display: inline-block;margin-right: 18px;} .footer .foot_right{float: right;width: 180px;} .footer .foot_right .codebox{float: right;width: 50%;padding: 0 10px;} .footer .foot_right img{width: 100%;margin-bottom: 10px;} .footer .foot_right p{color: #707070;text-align: center;} .footer .foot_right .codebox:first-child{padding-left: 0;} .footer .foot_right .codebox:last-child{padding-right: 0;} .topup{position: fixed;bottom: 50px;right: 80px;width: 50px;height: 50px;background-image: url(../images/topup.png);background-size: cover;cursor: pointer;z-index: 999} /*site*/ .site{text-align: right;margin-bottom: 25px;} .site a{color: #000;} /*.site span{color: #868686;}*/ /*page*/ .page { clear: both; font-size:12px;color:#2F2F2F;vertical-align:middle;text-align:center; height:36px; line-height:36px;} .page span{display:inline-block;zoom:1; *+display:inline;margin:0 5px;} .page a{display:inline-block;zoom:1; *+display:inline;margin:0 -3px;text-align:center; width:34px;height:34px; line-height: 34px; font-family:Arial;color:#666666;border:1px solid #D8D8D8;} .page a.num,.page a.prev,.page a.next{ background:#F0F0F0; } .page a.on,.page a.num:hover,.page a.prev:hover,.page a.next:hover{ background:#4db1b1;color:#fff!important;border:1px solid #4db1b1;} .page a.prev,.page a.next{margin-right:10px;} .page a.next{margin-left: 10px;} .page .dian{margin:0 10px;} .page label{font-weight: normal;} .page .txtnum{width:50px;height:22px;top:8px;border:1px solid #D8D8D8; position: relative;} .page .txtnum input{ float: left; width:24px;height:20px; line-height:20px; text-align:center; font-family:Arial; background:none; border:none;} .page .txtnum em{cursor: pointer;} .page a.go{font-family:"寰蒋闆呴粦"; border:none; background:#4db1b1;color:#fff;width:45px;height:22px; line-height: 22px;margin:7px 0 0 5px;} .page a.no{cursor: default!important;background: #F0F0F0!important;} .page a.no:hover{ background:#F0F0F0;color:#2F2F2F!important;border:1px solid #D8D8D8; } /*close*/ .close{font-size: 14px;color: #fff;opacity: 1;text-shadow: none;line-height: 30px;height: 30px;padding: 0 38px;background-color: #b0b0b0;border-radius: 5px;} /*share*/ .share a{display: inline-block;margin:0 5px;position: relative;overflow: hidden;} .share a:first-child{margin-left: 0;} .share a img.img2{position: absolute;top: -100%;} .tel_link{cursor: default;} @media only screen and (min-width: 1025px){ .header .nav li.list2 a:hover{color: #fff!important;} a:hover{color: #008d8e!important;} .header .headtop .headsearch:hover .searchbox{width: 200px;border: 1px solid #ccc;} .share a:hover img{position: absolute;top: -100%;} .share a:hover img.img2{position: relative;} .page a.go:hover{color: #fff!important;} .header .nav li.list2 a:hover:before{opacity: 1;transform: translateY(0)} } @media only screen and (max-width: 1300px){ .margin_30{margin-bottom: 20px;} .margin_40{margin-bottom: 28px;} .margin_60{margin-bottom: 41px;} .margin_70{margin-bottom: 47px;} .margin_100{margin-bottom: 67px;} .header .logo{width: 210px;margin-top: 15px;} } @media only screen and (max-width: 1024px) { .header .headtop .head_code{display: none;} .nav_open{position: fixed;width: 100%;} .main{padding-top: 110px;} .margin_30{margin-bottom: 15px;} .margin_40{margin-bottom: 20px;} .margin_60{margin-bottom: 32px;} .margin_70{margin-bottom: 37px;} .margin_100{margin-bottom: 53px;} .header{padding: 0;box-shadow: none;border-bottom: 8px solid #4db1b1;} .header .logo{width: 210px;margin-top: 0;padding: 21px 0;} .header .headtop .tel{display: none;} .header .headtop .headlink{display: none;} .header .headtop .headsearch{top: 0;float: right;display: block;height: 80px;position: static;} .header .headtop .headsearch .searchbox{height: 40px;left: 50%;top: 120%;width: 400px;border: 1px solid #ccc;transform: translate(-50%);display: none;} .header .headtop .headsearch .searchbut{width: 80px;height: 100%;background-size: 39px;background-position: center center;background-repeat: no-repeat;} .header .headtop .headsearch input{height: 38px;line-height: 38px;} .header .headtop .headsearch button{width: 24px;height: 24px;background-repeat: no-repeat;background-size: cover;top: 8px;} .header .headtop{margin-bottom: 0;padding-right: 0;margin-right: 80px;} .header .language{position: relative;display: inline-block;margin-right: 2px;border-right: 1px solid #c6c6c6;padding-right: 53px;height: 80px;line-height: 69px;color: #3f3f3f;font-size: 34px;} .header .language:hover{color: #3f3f3f!important;} .header .language:before{display: none;} .header .nav li.list1.linklist{display: block;} .header .nav li.list1.tellink a{background: none} .header .language{width: auto;} .header .language dl{width: 200px; text-align: center;} .language dl dd{top:15px;} .header .language dl dt{ display: none; } .language dl dd a:first-child,.header .language dl dd{ display: block;} .language dl dd a,.language dl dd a:first-child, .header .language dl dd{display: inline-block; border-bottom: none;} .language dl dd a{margin:0 3px;} .phone_menu{ display:block;} .header .nav { display: block; position: fixed; right: 0; margin-right: 0; top: 88px; z-index: 600; left: auto; background: #fff; height: calc(100vh - 88px); line-height: 30px; width: 70%; min-width: 250px; margin-right:0; transform:translateX(100%); float: none; overflow-y: auto; padding-bottom: 100px; } .header .nav.on{transform:translateX(0%)} .header .nav ul{ position:absolute; transform: translateX(102%); right:0; background:#fff; height:100%; top:0;} .header .nav ul.on{ transform: translateX(0%);} .header .nav ul.main_nav{ display:block; position:relative; transform: translateX(0%);} .header .nav li.list2{display: block;margin-left: 50px;width: calc(100% - 50px);width: -moz-calc(100% - 50px)} .header .nav li.list2:last-child{border: none;} .header .nav li{ width:100%; border-bottom:1px solid #dadada; text-align:left;margin:0;} .header .nav li.list1{margin:0;padding-bottom: 0;margin-bottom: 10px;} .header .nav li.list1.on>a{color: #fff;background: #4db1b1;} /*.header .nav li.list1.on>a:hover{color: #fff!important;}*/ .header .nav li a{ text-align:left; display:block; background:url(../images/right_menu.png) no-repeat 96% center;font-size: 24px;font-weight: normal;padding:20px; } .header .nav li.list1 ul{background: #fff;left: 0;z-index: 2;opacity: 1;display: block;transition: all 0.4s cubic-bezier(0.42,0,1,1) 0s;position: relative;transform: translateX(0);} .header .nav li.list2 a{color: #3f3f3f;padding: 20px;position: relative;} .header .nav li.list2.return a{background:url(../images/left_menu.png) no-repeat 3% center;display: none;} .header .nav ul.other_nav li a{ background:none;display: block;} } @media only screen and (max-width: 1023px){ .main{padding-top: 73px;} .header{border-width: 5px;} .header .logo{padding: 10px 0;width: 155px} .header .language{height: 50px;line-height:39px;padding-right: 35px;margin-right: 0;font-size: 18px;width: auto;} .header .headtop .headsearch{height: 50px;} .header .headtop .headsearch .searchbut{height: 50px;background-size: 25px;} .header .headtop{margin-right: 84px;} .header .nav{top:55px;height: calc(100vh - 55px);} .header .nav li a{padding: 10px 15px!important;background-size: 12px;} /*.header .nav li.list1.on ul{transform:translate(16%,0);}*/ .phone_menu{height: 50px;width: 50px;} .phone_menu em.p1{ width:30px; height:4px; margin-top:-8px;margin-left:-15px;} .phone_menu em.p2{ width:30px; height:4px; margin-top:0;margin-left:-15px;} .phone_menu em.p3{ width:30px; height:4px; margin-top:8px;margin-left:-15px;} .tel_link{cursor: pointer;} .header .language dl{width: 100px;} .language dl dd{top:13px;} } @media only screen and (max-width: 767px) { .site{display: none;} .main{padding-top: 73px;} .page{ margin:20px 0; height:30px;} .page a,.page i{ display: none;} .page a.prev,.page a.next{ display: block; width:32px; float:left; background-position: center; background-size:auto 100%; height:30px;line-height: 30px;margin-left: 30px;} .page a.next{float: right;margin-right: 30px;} .page em,.page label,.page .txtnum{display: none;} .margin_30{margin-bottom: 10px;} .margin_40{margin-bottom: 15px;} .margin_60{margin-bottom: 15px;} .margin_70{margin-bottom: 20px;} .margin_100{margin-bottom: 20px;} .footer .foot_left dl{margin-bottom: 10px;} .footer .foot_left{float: none;margin-bottom: 20px;} .footer .foot_right{float: none;} .header{border-width: 4px;} .header .logo{width: 121px;margin-left: 20px;padding: 14px 0;} .header .language{height: 50px;line-height: 40px;font-size: 22px;padding-right: 15px;} .header .headtop{margin-right: 49px;} .header .headtop .headsearch{height: 50px;} .header .headtop .headsearch .searchbut{height: 50px;width: 50px;background-size: 22px;} .phone_menu em.p1{ width:22px; height:3px; margin-top:-8px;margin-left:-11px;} .phone_menu em.p2{ width:22px; height:3px; margin-top:0;margin-left:-11px;} .phone_menu em.p3{ width:22px; height:3px; margin-top:8px;margin-left:-11px;} .header .nav{top: 54px;height: calc(100vh - 54px);} .header .headtop .headsearch .searchbox{width: 80%;max-width: 300px;} .header .headtop .headsearch button{width: 22px;height: 22px;} .header .nav li.list1{margin-bottom: 5px;} .header .nav li.list2{margin-left: 25px;width: calc(80% - 25px);width: -moz-calc(80% - 25px)} .header .nav li.list2 a{font-size: 14px;} .header .nav li a{font-size: 16px;padding: 7px 10px!important;background-size: 7px;} .topup{bottom: 30px;right: 30px;width: 35px;height: 35px;} .header .language{font-size: 16px;} .language dl dd{top:15px;} } /*浣庣増鏈祻瑙堝櫒閬僵*/ .browsermak{display: none;position: fixed;background: url(../images/browser.png);top: 0;left: 0;right: 0;bottom: 0;z-index: 999999;} html.lt9{overflow: hidden;height: 100%;} .lt9 .browsermak{display: block;} .browsermak .con{position: absolute;left: 50%;top: 50%;width: 544px;height: 171px;margin-left: -242px;margin-top: -170px;background: #fff;padding:49px 30px} .browsermak .con p{color: #333;line-height: 1.7em;margin-bottom: 50px;text-align: left;font-size: 20px;} .browsermak .con i{color: #4db1b1;} .browsermak .con b{text-align: center;display: block;width: 100%;} .browsermak .con a{display: inline-block;text-align: center;width: 150px;line-height: 1.1em;padding: 20px 0;background: #ccc;color: #71a403;margin: 0 25px;} @media only screen and (max-width:374px) { .header .language dl{width: 50px;} .header .language{font-size: 12px;} .language dl dd{top:17px;} .language dl dd a{margin:0;} }