@charset "UTF-8"; /*鏈ā鏉跨敱DM寤虹珯绯荤粺 www.demososo.com寮€鍙 *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} */ *{padding:0;margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body{font-size:12px;font-family:寰蒋闆呴粦;} .container{width: 1200px; margin-left:auto;margin-right:auto;position:relative;padding-left:0;padding-right:0 } h3,h4,h5{font-size:14px} a,a:hover,a:focus{text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s} .content_desp a{text-decoration:underline; } h1, .h1, h2, .h2, h3, .h3,h4, .h4, h5, .h5, h6, .h6{padding:0;margin:0; } td{padding:6px; line-height:20px;} li{list-style-type:none}ol li{list-style-type:decimal} .c,.clearblock,.clearfix{clear:both;overflow:hidden;} h2{font-weight:bold;font-size:16px;} .poa{position:absolute; }.por{position:relative; }.pos{position:static !important; } .tc,.center{text-align:center; }.tl{text-align:left; }.tr{text-align:right; } .fl{float:left;display:inline; }.fr{float:right;display:inline; } .f14{font-size:14px;}.f14b{font-size:14px;font-weight:bold;} .f12{font-size:12px;}.f12b{font-size:12px;font-weight:bold;} .fb{font-weight:bold;} .dn,.hide{display:none; }.db,.show{display:block; }.di{display:inline-block;} .vt{ vertical-align:top}.vm{vertical-align:middle}.vb{ vertical-align:bottom} .lh,#cke_pastebin{line-height:20px;} .blockimg img{display:block;} a img{border:0;} img{max-width:100%;} .pointer,.cp{cursor:pointer;} .tino{text-indent:-9999px;} b,i{display:inline-block;font-style:normal } .p10{padding:10px}.p20{padding:20px}.p30{padding:30px}.p50{padding:50px}.p100{padding:100px}.p150{padding:150px}.p200{padding:200px} .pli10 li{padding:10px; }.pli20 li{padding:20px; } .m10{marign:10px}.m20{margin:20px}.m50{marign:50px}.m100{margin:100px} .pl10{padding-left:10px}.pr10{padding-right:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px} .pr20{padding-left:20px}.pr20{padding-right:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px} .pt30{padding-top:30px}.pb30{padding-bottom:30px} .pt50{padding-top:50px} .pt80{padding-top:80px} .pt100{padding-top:100px} .pt120{padding-top:120px} .pt150{padding-top:150px} .pb50{padding-bottom:50px} .pb80{padding-bottom:80px} .pb100{padding-bottom:100px}.pb120{padding-bottom:120px} .pb150{padding-bottom:150px} .ptb10{padding:10px 0; }.ptb20{padding:20px 0; } .ptb50{padding:50px 0; } .ptb80{padding:80px 0; } .ptb100{padding:100px 0; } .ptb120{padding:120px 0; }.ptb150{padding:150px 0; } .ml10{margin-left:10px}.mr10{margin-right:10px}.mt10{margin-top:10px}.mb10{margin-bottom:10px} .ml20{margin-left:20px}.mr20{margin-right:20px}.mt20{margin-top:20px}.mb20{margin-bottom:20px} .mt30{margin-top: 30px}.mb30{margin-bottom: 30px} .mt50{margin-top: 50px}.mb50{margin-bottom: 50px} .mt80{margin-top: 80px}.mb80{margin-bottom: 80px} .mt100{margin-top: 100px}.mb100{margin-bottom: 100px} .mtb10{margin:10px 0; }.mtb20{margin:20px 0; } .mtb50{margin:50px 0; } .mtb80{margin:50px 0; } .mtb100{margin:100px 0; } .mtb120{margin:120px 0; } .mtb150{margin:150px 0; } .mauto{margin-left:auto;margin-right: auto;} .maxheight{max-height:420px;clear:both; overflow:hidden; } .maxheight250{max-height:250px;clear:both; overflow:hidden; } .maxheight350{max-height:350px;clear:both; overflow:hidden; } .minheight500{min-height:500px}.minheight350{min-height:350px}.minheight200{min-height:200px} .height500{height: 500px; } .area{padding-top:20px} .menu.headerfixed{opacity:0.8} .menu li li{opacity:1.0} .breadtitle{display:none;padding:50px 0 50px 20px ;font-size:20px;font-weight:bold; }/*def hide*/ .breadtitle .breaddivi{display:inline-block;padding:0 10px } .errorfront{ padding:10px;background:red;color:#fff} .sepaline{width: 100%; height: 1px;background:#dbdbdb; } .bgarea,.bgregioncnt{background:#fff} .blockgroup{position:relative; } .contentwrap{position:relative; padding:30px 0} .pageregionwrap{ position:relative; } .blockidwrap{padding-bottom:30px; clear:both; overflow:hidden; } /*header*/ .logo{position:absolute; top:10px;left:10px;z-index:99} .headertel{position:absolute;right:10px;top:10px;z-index:99} .headertop{height:30px;line-height:30px;background:#b5d1ee;} .header{position:relative; height: 98px; } .headerwrapfloat{position:absolute; width: 100%; top:0;left:0 } .headerwrapfloat .headertop{display:none; } /*sticky*/ @-webkit-keyframes menu_sticky{0%{margin-top:-100px} 50%{margin-top:-90px} 100%{margin-top:0} }@keyframes menu_sticky{0%{margin-top:-100px} 50%{margin-top:-90px} 100%{margin-top:0} } body .stricky-fixed{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0;position:fixed !important;top:0;left:0;width:100%;z-index:99990;-webkit-animation-name:menu_sticky;animation-name:menu_sticky;-webkit-animation-duration:0.60s;animation-duration:0.60s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} .stricky-fixed .header{height: 50px;position:relative;background:#fff; } .stricky-fixed .header .logo img{height: 40px; } .stricky-fixed .header a.m{color:#333} .stricky-fixed .header a.m:hover{color:#000} .stricky-fixed .header .headermobsearch{top:16px} .stricky-fixed .header .langimg{top:16px} .stricky-fixed .header .topsearchbox{top:66px} .headermobsearch{display:block;} /*lang*/ .langimg{position:absolute;top:48px;right:2px;z-index:113 } .langimginc{position:absolute; top:30px;left:0;z-index:1005;border: 1px solid #ccc;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;} .langimginc a{display:block;padding:2px;background:#fff; } .langimg img{height: 16px; } .langarrow{background:url(../bg/menuarr.gif) 0 -100px no-repeat ;width: 10px; height: 10px; } /*topsearch*/ button{border:none;outline:none;box-shadow:none;padding:0;background:transparent;cursor:pointer} input,textarea{font-size:16px;line-height:28px;outline:none;box-shadow:none;transition:all 0.3s ease-in-out} .loadingbig{background:url(../bg/loadingbig.gif) no-repeat center center ; } /*topsearchbox*/ .topsearchbox{position:absolute; display:none; top:98px;right:55px;z-index:111} .topsearchbox form{height:40px;width:280px;border-radius:4px;margin:0;left:auto;right:0;top:70px;background:#fff; } .topsearchbox input{ font-weight:normal;width:100%;height:100%;opacity:0.8;color:#9e9e9e;border:1px solid rgba(51,51,51,0.16);padding:0 47px 0 10px;font-size:15px;border-radius:3px;box-shadow:inset 0 0 11px 2px rgba(119,119,119,0.25)} .topsearchbox form button{display:block;width:40px;height:38px; line-height:40px;text-align:center;position:absolute;top:0px;right:5px;background:url(../bg/search.png) 10px 15px no-repeat ; } .headermobsearch{position:absolute;width:13px;height:20px;cursor:pointer;display:none;top:48px;right:55px;z-index:111;;background:url(../bg/search.png) 0px 0px no-repeat ;} .headermobsearch{display:block;} #header_menu_bottom .headermobsearch{display:none;} #header_menu_bottom .topsearchbox{display:block;top:48px} .searcharea{min-height:300px} .searcharea .key{margin-bottom:20px} /*banner*/ .bannerwrap {clear:both; overflow:hidden; } .bannerwrap h1{padding-top:100px;text-align:center; font-size:30px; font-weight:bold; color:#fff } .bannerbg{background:#74BBF1; background-position:center center;background-repeat:no-repeat;background-size:cover} .bannertext h1{padding-top:100px;text-align:center; font-size:30px; font-weight:bold;display:none; } .bannerheight{height: 250px; } .bannerhgshort .bannerbg{height: 150px; } .bannerhgshort h1{padding-top:60px !important;} .bannerhgtall .bannerbg{height: 350px; } .bannerhgtall h1{padding-top:150px !important;} .nav-button{display:none;position:absolute;top:10px;right:7px;width:40px;height:30px; background:url('../bg/menumob.png'), linear-gradient(to top, #ddd, #ccc); background-position:center center;background-repeat:no-repeat;background-size:21px,100%;cursor:pointer;border:0 none; border-radius:5px;z-index:999;text-indent:-9999px} .nav-button:focus{ outline:none} .nav-button.opennavmenu{background:url('../bg/menumobclose.png'),linear-gradient(to top, #ddd, #ccc);;background-position:center center;background-repeat:no-repeat;background-size:21px,100%} .menu li .submenuwrap li{height: auto;padding:5px; } .menu li .submenuwrap li a{display:inline; } .menu ul ul.submenuwrap{width: 350px; } .menu ul ul.submenuwrapright{right:5px} /*linkwhite ,add in region*/ .linkwhite{color:#ccc} .linkwhite a{color:#fff} .lh26 .regioncnt p,.lh26 .bkdesp p{line-height:26px; } .fs12 .regioncnt p,.fs12 .bkdesp p{font-size:12px; } .fs14 .regioncnt p,.fs14 .bkdesp p{font-size:14px; } .fs16 .regioncnt p,.fs16 .bkdesp p{font-size:16px; } .regioncntptb20 .regioncnt{padding:20px 0; } .overlay{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba( 0,0,0,0.6 )} .showoverlay .overlay{display:block;} /**************************************end common*/ /*edit*/ .block,.blockregion{position:relative; } /*use for edit*/ .dmedit{background:red;color:#fff;position:absolute; padding:3px;top:30px;right:0px;border-radius:5px; z-index:99999;display:none;} .dmeditregion{background:blue;color:#fff;right:100px;top:20px } .dmeditfenode{background:blue;color:#fff;right:200px ;top:0} .dmeditnode{height: 35px;line-height:35px;text-align:center; margin-bottom:10px ;display:none; position:absolute;top:0;right:200px;z-index:500 } .dmeditnode a{font-size:16px;background:#007ACC;color:#fff;display:inline-block;padding:0 8px;border-radius:5px;margin-left:20px;text-decoration:none; } .dmeditnode a:hover{ background:#2a527a; color:#fff;} .dmeditnode a.cate{ background:#F15A24;color:#fff } .dmeditnode a.cate:hover{ background:#c04b21;color:#fff } .dmedit:hover{color:#fff} .dmeditcolumn{ top:60px;right:20px; } .areaAllwidth .dmeditnode{position:absolute; left:0;top:0;z-index:99999} /********area*********************************************/ .areacontent{min-height: 650px;position:relative; z-index:1} /*sidebar and content layout*/ .content h1{font-weight:bold;font-size:24px;line-height:40px;padding:20px 0px;text-align:center; } .content p{line-height:26px; } .content .kv{text-align:center; padding-bottom:30px} .content_top,.content_bot{padding:10px; } .perwidth .content_desp{padding:0 20px} /*content_header*/ .cntwidth .content_default{margin-top:15px; } .content_header{ line-height:32px;height:36px;margin-bottom:15px } .content_header h3{float:left;margin:6px 0 0 3px;font-size:16px;font-weight:bold;height:16px;line-height:16px;padding-left:6px;} .content_header .breadcrumb{float:right;display:inline;padding:0;} .content_desp{padding-bottom:60px} .content_desp p{font-size:14px;padding-bottom:20px;margin:0; } .pagetop,.contenttop,.content_headerimg{margin-bottom:15px} .content_headerimg{height: 40px; } .content_despcan{margin-bottom:30px} .content_despcan p{ padding:0;line-height:22px; } /** = breadcrumb***********/ .breadcrumb{ font-size:12px; line-height:33px;height: 33px;padding-left:10px } .breadcrumb .breadhome{display:inline-block; padding-left:20px;} .breadcrumb a{padding:0 5px; } /*sidebar渚ц竟鏍?/ .sdcontent{padding:10px;line-height:26px; } .sdcontent li {border-bottom:1px solid #e2e2e2; } .sdcontent li a{display:block;height: 30px;line-height:30px;padding-left:20px;background:#fff url(../bg/arr8.png) 5px 50% no-repeat ;} .sdcontent li li{padding-left:10px;border-bottom:0;} .sdcontent li li a{background:#fff url(../bg/arrow.png) 5px 50% no-repeat ;} .sdheader, .sidebar h4.blockhd{ height: 43px;line-height:43px; font-weight:bold;text-align:center; font-size:16px; } .sidebar a.active{font-weight:bold;} .onlytext_p,.onlytext_p p,.onlytext_p .regioncnt{padding:10px;line-height:26px; } .onlytext_p .regioncnt p,.onlytext_p .notitlecontent p{padding-bottom:15px;line-height:26px; } /************************/ /*box title*/ .boxheader{position:relative; color:#fff} .boxheader h3{height: 35px;line-height:35px; font-size:14px;font-weight:bold;background:#0f61b3;padding-left:5px; } .boxheader .more{position:absolute; top:10px;right:5px;color:#fff} .regioncnt{padding:10px 0px; clear:both; } .regsubtitle{padding:5px;color:#999; } .homeabout .regioncnt{line-height:22px; } /*--------*/ .hdhide .regionhd{display:none; } .regionbox{ clear:both; overflow:hidden; position:relative; } .regionhd{padding:20px 0;text-align: center;position:relative; } .regionhd h3{font-size: 32px;font-weight: normal;color:#1d1e22; } .regionblack .regionhd h3, .regionblack .regionhd h2{color:#fff} .regionhd h3 img{max-height: 60px; } .regionhd .subtitle{padding:10px;font-size:14px;line-height:18px; } .regionmore {padding:10px 0;text-align:center; clear:both; overflow:hidden; } .titleline{margin:2px 0;height: 22px; position:relative; text-align:center; } .titlelinelong{ border-bottom:1px solid #ddd; } .titlelineshort{left:50%;margin-left:-50px; position:absolute;bottom:0px;height:6px; width:100px;background:#ff821f; } .hdgroup{font-size:14px; padding-left:5px;font-size:14px;font-weight:bold;text-align:center; } /*sidebar hd*/ /*bgvideoarrow*/ .bgvideoarrow{position:absolute; width: 100%;height: 100%;top:0;left:0; background:url(../bg/videosm.png) no-repeat center center; } /*zoomimgwrap*/ .zoomimgwrap li:hover img,.zoomimgwrap div:hover img,.zoomimg:hover {-webkit-transform:scale(1.1);-webkit-transition-timing-function:ease-out;-webkit-transition-duration:1683ms;-moz-transform:scale(1.1);-moz-transition-timing-function:ease-out;-moz-transition-duration:1683ms;overflow:hidden} .zoomimgwrap .img{overflow:hidden; } .gridboxshadow .bor{box-shadow: 0 0 6px rgba(134, 128, 128, 0.5); margin-bottom:25px} .bkmore{padding:15px 0} .bkcntbox h3.title{font-size:26px;font-weight:bold;padding-bottom:20px} .bkcntbox .despwrap{margin-top:5px} .blockonlydesp .despwrap{margin-top:0} .bkcntbox .despjj{font-size:14px;color:#666;padding-bottom:20px;} .bkcntbox .desp{font-size:14px;line-height:26px; } .bgcontactform{ background: url(../bg/bgglobal.png) center center no-repeat; background-size: cover;} .blockhd{font-size:16px;font-weight:bold;margin-bottom:10px} .category .desp{font-size:12px;line-height:22px; } /*formblock*/ .formblock .line{ padding:5px 0;border-bottom:0px solid #ccc; } .formblock .line select{padding:5px; } .formblock .line .error{display:none; color:red;margin:0;padding:0; } .formblock .line .key{ text-align:right;float:left; width: 17%;margin-right:3% } .formblock .line .valuediv{float:left; width: 78%; } .formblock .linesubmit{margin:10px 0;text-align:center} .formblock .errorstar {color:red} .form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} textarea.form-control { height: auto;} .formplaceholder .key{display:none; } .formplaceholder .line{padding:10px; } .formplaceholder .line .valuediv{width: 100%; } /*footer---- */ .footer .hdgroup{text-align:left;font-size:20px; background:none; } .footer .regioncnt{padding:0} .footer .boxcol .desp{margin:0; }