@charset "utf-8"; /* *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} */ *{padding:0;margin:auto; -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{color:#000;text-decoration : none} 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; color:#f00} .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; } .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;} .cred{ color:red } .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 } .errorfont{background:red;padding:10px;color:#fff;margin:5px 0 } .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} .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; } 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(../images/loadingbig.gif) no-repeat center center ; } /*banner*/ .bannerwrap {clear:both; overflow:hidden; } .bannerwrap h1{padding-top:100px;text-align:right; font-size:30px; padding-right:580px; font-weight:bold; color:#333;margin:0 } /*margin is for bt*/ .bannerbg{background:#74BBF1; background-position:center center;background-repeat:no-repeat;background-size:cover} .bannertext h1{padding-top:100px;text-align:right; 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;} /*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;font-size:12px;} .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;border-bottom:3px solid #ccc;margin-bottom:10px } .content_header{ line-height:32px;height:36px;margin-bottom:15px;margin-left:0px;margin-right:0px; border-bottom:3px solid #d10001 } .content_header h3{float:left;margin:6px 0 0 3px;font-size:16px;font-weight:bold;height:16px;line-height:16px;padding-left:12px;} .content_header a{color:#333 } .content_header .breadcrumb{float:right;display:inline;padding:0;} .content_desp{padding-bottom:60px} .content_desp p{font-size:14px;padding-bottom:3px;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:30px } .breadcrumb .breadhome{display:inline-block; padding-left:20px;} .breadcrumb a{padding:0 5px;color:#333 ;padding-right:12px} /*sidebar侧边栏*/ .sdcontent{padding:10px;line-height:26px; border-bottom:3px solid #d10001; } .sdcontent li {border-bottom:1px solid #e2e2e2; } .sdcontent li a{display:block;height: 30px;line-height:30px;padding-left:20px;background:#fff url(../images/arr8.png) 5px 50% no-repeat ; color:#333 } .sdcontent li a:hover{color:#999} .sdcontent li li{padding-left:10px;border-bottom:0;} .sdcontent li li a{background:#fff url(../images/arrow.png) 5px 50% no-repeat ;} .sdheader, .sidebar h4.blockhd{ height: 73px;line-height:73px; font-weight:bold;text-align:center; font-size:24px;background:#666;color:#fff;border-bottom:3px solid #d10001; } .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:25px 0;text-align: center;position:relative; } .regionhd h3{font-size: 26px;font-weight: bold ;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(../images/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; } .blockhd{font-size:16px;font-weight:bold;margin-bottom:10px} .category .desp{font-size:12px;line-height:22px; } /*table*/ table.formtab{border:1px;width: 100%; margin-bottom:11px;border-collapse: collapse;} table.formtab td{padding:5px;border:1px solid #ccc} tr.tableheader{ font-weight:bold;background:#eeefff } /*formblock*/ .formblock .line{ padding:5px 0;border-bottom:0px solid #ccc; } .lineclear .line{clear:both; overflow:hidden; } .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%; } .submitloading{display:none; padding:10px 0} /*baidumap*/ .BMap_Marker {background:url(../images/bdmapmaker.jpg) no-repeat !important;width: 18px; height: 18px; } /*footer---- */ .footer .hdgroup{text-align:left;font-size:20px; background:none; } .footer .regioncnt{padding:0} .footer .boxcol .desp{margin:0; } .footer{background:#333;color:#999} .footer .blockhd{color:#fff} .footer a{color:#999} .footer a:hover{color:#fff} /*----begin block--------------*/ @charset "utf-8"; /*column*/ .col_1f6,.col_5f6,.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf{position:relative; float:left; display:inline; padding:0 10px} /*not use boxcol fl...*/ .nopad .col_1f6,.nopad .col_5f6,.nopad .col_1f5,.nopad .col_2f5,.nopad .col_3f5,.nopad .col_4f5,.nopad .col_1f4,.nopad .col_3f4,.nopad .col_1f3,.nopad .col_2f3,.nopad .colhalf{padding:0; } .colfl{float:left; display:inline; } .colfr{float:right; display:inline; } /*用liefl优先于fl. 因为fl在dmcommon,所以这里再加个,这样比上面的float:left优先级更高。*/ .col_1f6{width: 16.66%; }.col_5f6{width: 83.33%; } .col_1f5{width: 20%; }.col_2f5{width: 40%; }.col_3f5{width: 60%; }.col_4f5{width: 80%; } .col_1f4{width: 25%; }.col_3f4{width: 75%; } .col_1f3{width: 33.33%; }.col_2f3{width: 66.66%; } .colhalf{width: 50%; } .colfull{width: 100%; } .boxcol{position:relative;font-size:0 } .mb30boxcol .boxcol{margin-bottom:30px} .mb20boxcol .boxcol{margin-bottom:20px} .boxcol .img{text-align:center; padding-top:0px;position:relative; box-shadow: 0 0 10px #000;top:10px} .boxcol h4.dm{font-weight:bold;font-size:16px;height: 43px;line-height:43px;overflow:hidden; } .boxcol h5.dm{font-weight:normal;font-size:14px;height: 49px;line-height:22px;overflow:hidden;padding-bottom:10px;text-align:center; } .boxcol .desp{font-size:14px;margin:10px;overflow:hidden;padding-top:4px } .boxcol .desp p{margin-bottom:0px;line-height:27px; } .boxcolnopad .desp,.boxcolnopad p{padding:0; margin:0; } .cirimg img{width: 180px; height: 180px;border-radius: 50%;display:inline-block !important } /* 默认是蓝色,其他选择:more1 透明 , more2 白色,more3 黑色,more4 红色,more5 橙色,more6 绿色,more7 紫色,more8 灰色背景,more9 深蓝背景 'more10'=>'无背景,字体黑色', 'more11'=>'无背景,字体红色', 'more12'=>'无背景,字体蓝色', */ .dmbtn .more{display:inline-block;vertical-align:middle;font-size:18px;padding:0 50px;height: 45px; line-height:45px;overflow:visible;cursor:pointer; text-align:center;border-radius:5px;background:#1688D3;color:#fff;text-decoration:none;border:0; } .dmbtn .more:hover{background:#1d7ebf;color:#fff;text-decoration:none; } .more1 .more{background:none; border:1px solid #fff;color:#fff; } .more1 .more:hover{background:rgba(216, 208, 208, 0.1);} .more2 .more{background:none; border:1px solid #000;color:#000; } .more2 .more:hover{color:#000;background:rgba(216, 208, 208, 0.1);} .more3 .more{background:#232C3B;border:1px solid #666; }.more3 .more:hover{background:#334a70; } .more3f .more{background:#334a70;border:1px solid #666;}.more3f .more:hover{ background:#232C3B; } .more4 .more{background:#C22731;border:0 }.more4 .more:hover{background:#E6444E; } .more5 .more{background:#E56331;border:0 }.more5 .more:hover{background:#ee7b4f; } .more6 .more{background:#008000;border:0 }.more6 .more:hover{background:#219721; } .more7 .more{background:#800080;border:0 }.more7 .more:hover{background:#921692; } .more8 .more{background:#666;border:0 }.more8 .more:hover{background:#f2f2f2; border:1px solid #666;color:#666;} .more9 .more{background:#1b629d;border:0 }.more9 .more:hover{background:transparent;border:1px solid #237dc8; color:#237dc8; } .more10 .more{background:none; color:#000}.more10 .more:hover{background:transparent; color:#666; } .more11 .more{background:none; color:#C22731}.more11 .more:hover{background:transparent; color:#E6444E; } .more12 .more{background:none; color:#1C7BD0}.more12 .more:hover{background:transparent; color:#237dc8; } /* .moresm .more{height: 40px; line-height:40px; } .moresm2 .more{height: 30px; line-height:30px; font-size:12px; } .moresmw .more{padding:0 30px; } .moresmw2 .more{padding:0 20px; }*/ .morelg .more{height: 60px;line-height:60px; padding:0 70px; } .moresm .more{height: 40px;line-height:40px;padding:0 30px; font-size:14px; } .morexs .more{height: 30px;line-height:30px;padding:0 20px; font-size:12px; } .morenocir .more{border-radius:0px; } .morecir50 .more{border-radius:50px; } /*-------end button css----*/ /*arrow*/ .toparrow:after{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:12px;margin-left:-12px;z-index:9} .rightarrow:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-left-color:#fff;border-width:12px;margin-top:-12px;z-index:9} .bottomarrow:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#fff;border-width:12px;margin-left:-12px;z-index:9} .leftarrow:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-right-color:#fff;border-width:12px;margin-top:-12px;z-index:9} .order1{order:4} .order2{order:3}.order3{order:2}.order4{order:1} .order5{order:4} .order6{order:3}.order7{order:2}.order8{order:1} .opacitybg{background:#232323;position:absolute;height:100%;width:100%;opacity:0.3;top:0;left:0} /*jssor album*/ .jssora05l,.jssora05r{display:block;position:absolute;width:40px;height:40px;cursor:pointer;background:url(../images/bannerarrow.png) no-repeat;overflow:hidden} .jssora05l{background-position:-10px -40px} .jssora05r{background-position:-70px -40px} .jssora05l:hover{background-position:-130px -40px} .jssora05r:hover{background-position:-190px -40px} .jssora05l.jssora05ldn{background-position:-250px -40px} .jssora05r.jssora05rdn{background-position:-310px -40px} .jssort01{position:absolute;width:800px;height:100px} .jssort01 .p{position:absolute;top:0;left:0;width:82px;height:62px} .jssort01 .t{position:absolute;top:0;left:0;width:100%;height:100%;border:none} .jssort01 .w{position:absolute;top:0px;left:0px;width:100%;height:100%;border:#d10001 2px solid} .jssort01 .c{position:absolute;top:0px;left:0px;width:78px;height:58px;border:#fff 2px solid;box-sizing:content-box;} /*background:url(../images/jssorarr.png) -800px -800px no-repeat;_background:none*/ .jssort01 .pav .c{top:2px;_top:0px;left:2px;_left:0px;width:78px;height:58px;border:#fff 0px solid;background-position:50% 50%} .jssort01 .p:hover .c{top:0px;left:0px;width:78px;height:58px;border:#d10001 2px solid;background-position:50% 50%} .jssort01 .p.pdn .c{background-position:50% 50%;width:78px;height:58px;border:#000 2px solid} * html .jssort01 .c,* html .jssort01 .pdn .c,* html .jssort01 .pav .c{width:82px;height:62px} .bgloading{ background: url(../images/loading.gif) no-repeat center center;} .loading{ background: url(../images/loading.gif) no-repeat center center;} .loadingbig{ background: url(../images/loadingbig.gif) no-repeat center center;} .loadingbar{ background: url(../images/loadingbar.gif) no-repeat center center;} .loadingbar2{ background: url(../images/loadingbar2.gif) no-repeat center center;} /*****ablum***************************************/ .albumlist{clear:both; padding:30px 0; } .albumlist li{width:20%; height: 120px;text-align:center; margin:0 2% 10px 0; float:left; display:inline;padding:1%; } .albumlist li img{width: 100px; height: 100px; } .albumlist li .title{height: 18px;line-height:18px; clear:both; overflow:hidden; } /*****pageroll***************************************/ .pageroll{margin:10px 0 60px 0;clear: both;min-height: 50px;line-height:50px; text-align:center; } .pageroll a,.pageroll span{ margin-left:6px;padding:6px 12px;font-size:12px;border:1px solid #ddd;background:#e2e2e2;color:#333;} .pageroll span{color:#bbb} .pageroll a.cur,.pageroll a:hover{color:#666;background:#fff;} .pageroll a.cur{cursor:default} .pageroll .pagerinc{padding:0;margin:0;display:inline; } /*home notice*/ .homenotice{ background: url(../images/line_border.jpg) no-repeat center bottom;text-align:center; margin-bottom:15px;} .homenotice .cnt{display:inline-block;;cursor:pointer;padding-left:35px;background:url(../images/noticeico.jpg) 0 10px no-repeat ; height: 45px; line-height:45px;font-size:16px;} .homenoticedesp img{width: 100%;height: auto ; } /*albumupdown*/ .albumupdown li{padding:20px 0} .albumupdown li .img{text-align:center; } .albumupdown li .title{text-align:center;} .albumupdown li .desp{text-align:center; color:#666} /*oddabout*/ .oddabout li{padding:50px 0;} .oddabout .title{ font-size: 31px;font-weight: 700;padding:20px 0 35px 0} .oddabout .desp { font-weight: 300; font-size: 21px; padding-bottom:30px} .oddabout .line1{background:#fff;color:#333; } .oddabout .line2{background:#242d44;color:#fff ; } .linegradient1 .firstline{ background: linear-gradient(168deg, #ffffff 55%, #242d44 0) } .oddabout .line2 .moreother a{color:#fff;} /*fieldlist-------------*/ .fieldlist{ margin:10px 0;border-top:1px solid #d9dde3; border-left:1px solid #d9dde3} .fieldlist li{clear:both; overflow:hidden; border-bottom:1px solid #d9dde3;border-right:1px solid #d9dde3;} .fieldlist li span{float:left; display:inline;padding:3px 3%; } .fieldlist li .name{width: 30%;text-align:right;padding-right:4%; } .fieldlist li .value{width: 55%;padding-left:4%;border-left:1px solid #d9dde3; } /*value可能会是多行,所以要border-left*/ /*pagerele---------*/ .pagerele{padding:10px 0; margin:10px 0;border-top:1px solid #e2e2e2; } .pagerele li{padding-bottom:5px} /*relativenode*/ .relativenode {margin:20px 0} .relativenode li{ padding:0 10px; } .relativenode h3,.relativenode h4{background:#e2e2e2;padding-left:15px;height: 30px;line-height:30px;font-weight:bold;font-size:14px; } .relativenodetext .boxcol{padding:0 auto; margin:0 auto; } .relativenodetext li{ text-align:left; height: 30px;line-height:30px;overflow:hidden;padding-left:20px;padding-right:80px; background:url(../images/arrow.png) 10px 13px no-repeat; } .relativenode .text h3, .relativenode .text h4{background:none;font-weight:normal } .relativenodetext li span{position:absolute; top:3px;right:5px; color:#999} /*detailprice ----*/ .detailprice{padding-bottom:10px;height: 30px;color:red;font-weight:bold;font-family: Tahoma} .detailprice span{display: inline-block; display:inline;vertical-align: middle; } .detailprice .w1{padding-right: 10px;text-align:right; color:#666 } .detailpricenow .w1{margin-top:2px} .detailprice em{color: #c40000;font-size: 16px;font-family: Arial;font-style:normal} .detailpriceold em{color:#333} .detailpriceold{height: 20px; padding-bottom:3px} .detailprice strong.price{font-size:20px;color: #c40000;font-family: Arial;} .detailprice strong.del{font-weight:normal;font-size:18px;text-decoration:line-through;color:#333 } /*detaillinkurl ---- .detaillinkurl{padding-bottom:10px; } .detaillinkurl a{background:#c40000;display:inline-block;padding:5px 18px;color:#fff;border-radius:6px } .detaillinkurl a:hover{background:#9E1606; color:#fff;}*/ /*publish text*/ .publishtext {padding:10px 0;text-align:center;color:#999 } .publishtext span{display:inline-block;padding:0 10px} /*detailfontsize*/ .detailfontsize{height:30px;text-align:right;overflow:hidden;zoom:1;margin:10px 0;padding-right:2px } .detailfontsize a{display:inline-block;width:32px;height:24px;border:1px solid #e5e5e5;margin:0 -1px 0 0;font:12px/24px "Arial";color:#444 !important;overflow:hidden;vertical-align:bottom;} .detailfontsize a:hover{text-decoration:none;} .detailfontsize sup{top:-3px;margin-left:4px;font-size:16px;line-height:8px;} .detailfontsize .cur{border-color:#efefef;color:#999 !important;background-color:#fff;} /*nodetab*/ .nodetab{margin:20px 0; } .nodetabhd{height: 47px; border-bottom:2px solid #1688D3; } .nodetabhd span{ display:inline-block;height: 45px;line-height:45px; font-size:14px; background:#e2e2e2;margin-left:15px;cursor:pointer;padding:0 25px } .nodetabhd span.cur{background:#1688D3; color:#fff} .nodetabcntinc{padding:20px; } /*shopdetail*/ .shopdetail_left{float:left; display:inline; width: 40%; } .shopdetail_right{float:right; display:inline; width: 58%; } .content .shopdetail_right h1{text-align:left; } .inquerybtn{padding:15px 20px;background:#1688D3; font-weight:bold;font-size:16px;display:inline-block;cursor:pointer;color:#fff } .detpricewrap{padding-bottom:10px} /*detaildownbtn*/ .detaildownbtn{height: 40px; } .detaildownbtn span{float:left; display:inline; margin-right:40px} /*bodyheader---*/ .bodyheader{margin:10px 0;border-bottom:1px solid #d9dde3;height:35px; } .bodyheader h3{background:#EDEDED;color:#666;float:left;font-size:14px;padding:0 20px;margin-left:5px; height: 35px; line-height:35px;border-radius:6px 6px 0 0 } /*why choose us*/ .whychooseus li{position:relative; } .whyimg{width: 75%; } .whyimg img{width: 100%; } .whycnt{width: 310px;background: #1bbc6b;color: #fff;position: absolute;right: 0;top: 10px;z-index:6} .whycnt .hd{padding:0 25px;} .whycnt .hd h3{padding: 10px 0;font-size: 16px;color: #fff;font-weight: normal;border-bottom: 1px solid #fff} .whycnt .bd{padding: 20px;text-indent: 24px;font-size: 14px;} .whychooseus .whyBtn a{position: absolute;top: 50%;margin-top: -29px;height: 68px;width: 43px;background: url("../images/bannerarrow2.png") no-repeat 0px 0} .whychooseus .whyBtn a.prev{left: 0px;background-position: 0px 0} .whychooseus .whyBtn a.next{right: 0px;background-position: -45px 0} /*online*/ .onlineqq {position:fixed;width: 144px; top:170px;right:10px ;z-index:1001;} .onlinecontent {padding:10px 5px;border:1px solid #ccc;border-radius:8px;background:#fff; } .onlineqq .qqnumber{width: 120px;margin:0 auto; overflow:hidden; } .onlineqq .qqnumber a {background: url('../images/onlineqq.png') no-repeat scroll transparent; height: 25px; line-height:25px; display: block; margin-bottom:5px;padding-left:50px;color:#666} .onlineqq .qqnumber a:hover { background-position: -121px 00px; color:#fff} .onlinetel{padding:10px 0; text-align:center; font-weight: bold; line-height:18px; } .onlinetel span{display:block;padding-bottom:8px;color:#e66d15} .onlineopen{position:absolute; top:0;right:0;background:url(../images/onlineopen.png) no-repeat ;width: 40px; height: 133px; } .onlineclose{position:absolute; top:-15px;right:0;background:url(../images/onlineclose.png) no-repeat ;width: 24px; height: 24px;display:none; } /*sitecolorchange*/ .sitecolorchange{position:fixed;bottom:200px;left:10px;width: 110px;z-index:222; border:1px solid #ccc;background:#FED971;border-radius:10px;padding:10px } .sitecolorchange .onlineclosecolor{ position:absolute; top:-15px;right:0; width: 24px; height: 24px;display:none; background:url(../images/popclose.png ) no-repeat ; } .sitecolorchange a{display:block;padding:5px 0;font-size:20px; } /*tab ourservice*/ .tabs_wrapper .tabs_header{text-align: center; margin-bottom: 0px; position: relative;} .tabs_wrapper .tabs_header li{position:relative; display: inline-block; font-size: 18px; line-height: 22px; padding: 12px 25px; cursor: pointer;color: #6a7483; margin-right:10px; } .tabs_wrapper .tabs_header li:hover,.tabs_wrapper .tabs_header li.active{background: #232c3b; color: #fff;} .tabs_wrapper .tabs_header .active:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#232c3b;border-width:12px;margin-left:-12px;z-index:9} .tabs_wrapper .tabs_contentwrap{border: 0px #f2f2f2 solid; padding: 20px;clear:both; overflow:hidden; } .tabs_wrapper .tabs_contentwrap .bkdesp{font-size:14px;line-height:24px; } .tabs_wrapper .tabs_contentwrap .bkdesp p{margin-bottom:20px} .tabs_wrapper .tabs_contentwrap h3{font-size:26px;margin-top:10px;margin-bottom:25px;color:#666} /*sidermenutop*/ .sidermenutop{text-align: center; position: relative;margin-bottom:15px; } .sidermenutop li{display: inline-block;position:relative; } .sidermenutop a{display: block; font-size: 18px; line-height: 22px; padding: 8px 25px; background: #f9f9f9; color: #6a7483;margin-right:10px} .sidermenutop a:last-child{border-right: 1px #e0e5eb solid;} .sidermenutop a:hover, .sidermenutop a.active{background: #8C98A8; color: #fff;} .sidermenutop a.active:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-top-color:#8C98A8;border-width:12px;margin-left:-12px;z-index:9} /*----sidermenutop- sub*/ .sidermenutop li ul{position:absolute; top:55px;width:100%;text-align:left; } /*--------------back-top--------------------*/ #backtotop{display:none; } #backtotop a{position:fixed;bottom:20px;right:20px;z-index:999; -webkit-transition:all .25s ease;-moz-transition:all .25s ease;-ms-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease; text-align:center; width: 48px;height: 48px;background: url(../images/bgbacktop.png) no-repeat; } #backtotop a:hover{background-position:-60px 0} #backtotop i{margin-top:6px;display:none; } /*homeliuyan*/ .homeliuyan .label{display:block;padding:5px 0;text-align: center;color:#fff;font-size: 14px } .homeliuyan .line2{padding-top:10px;padding-left:1.6%} .homeliuyan .line3{text-align:center; padding:20px 0; } .homeliuyan .error{color:red;font-size: 12px;text-align:center; padding:3px 0; } .homeliuyan .line1 input,.homeliuyan textarea { background: #f2f2f2;color: #2d2d2d;border: 1px solid #dddddd; padding: 5px 2px; font-size: 15px;} /*.homeliuyan .line1 input,.homeliuyan textarea{background:rgba(255, 255, 255, 0.2);color: #fff;} --hack it*/ .homeliuyan .line1 input{width: 96%; } .homeliuyan textarea{width: 96.6%; } .homeliuyan .submit{display:inline-block;border:0; } .homeliuyan .submitloading{background:url(../images/loadingbar.gif) center center no-repeat ;height: 50px; } /*accord*/ .accord dt{font-size:19px;color:#12A7ED;margin-bottom:20px;margin-left:26px;cursor:pointer} .accord dt:before{content:"";border-color:transparent #ccc;border-style:solid;border-width:5px 0 5px 8px;display:block;height:0;width:0;left:-16px;top:17px;position:relative} .accord dd{padding:20px;background:#FDFCFA;border-radius:5px;border:1px solid #F2EEE6;margin:20px 0 30px;position:relative;font-size:14px;} .accord dd:after,.accord dd:before{bottom:100%;left:6%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none} .accord dd:after{border-color:rgba(136,183,213,0);border-color:transparent;border-bottom-color:#FDFCFA;border-width:15px;margin-left:-15px} .accord dd:before{border-color:rgba(194,225,245,0);border-color:transparent;border-bottom-color:#F2EEE6;border-width:17px;margin-left:-17px} .accord dd p{padding-bottom:15px} /*whychoose2*/ .whychoose2{position:relative; background:#000; padding:15px; } .whychoose2 #bx-pager{position:absolute; border-top:1px solid #b0b0b0;padding-top:20px;position:absolute;right:30px;bottom:30px;z-index:2;width:390px;} .whychoose2 .img{float: left; margin-right: 30px; border: 10px solid #f2f2f2; } .whychoose2 .text{color:#eee;line-height:20px;max-height:85px; } .whychoose2 .text .title{color:#fff;font-weight:bold;font-size:16px;} /*blocktestimonials*/ .blocktestimonials img{width: 100px; height: 100px;border-radius: 50%;display:inline-block !important } .blocktestimonials h5{padding:15px 0;font-size:16px; color:#666} .blocktestimonials .text{padding:10px; text-align:center;color:#999 } .blocktestimonials .sm{font-size:12px;color:#999} /*testimonialsbox*/ .testimonialsboxinc {padding:50px 27px 43px;background-color:#fff;margin-bottom:38px;-webkit-box-shadow:0px 12px 13px 0px rgba(0,0,0,0.15);box-shadow:0px 12px 13px 0px rgba(0,0,0,0.15)} .testimonialsbox .img{overflow:hidden;margin-bottom:10px} .testimonialsbox .imginc{float:left;margin-right:21px;width:auto} .testimonialsbox .imginc img{width: 70px; height: 70px;border-radius:50% } .testimonialsbox .title{font-size:18px;font-weight:700;padding-top:12px;margin-bottom:0;color:#1b251f} .testimonialsbox .bz{color:#1688d3;line-height:23px;font-size:14px} .testimonialsbox .text{position:relative;color:#66646d;padding:13px 21px 2px 21px;font-size:12px;line-height:24px} /*blockclients*/ .blockclients .img{float:left; display:inline; margin:0 30px;} .blockclients .img img{width: 110px; opacity:.75 !important} .blockclientszoom li{float:left; text-align:center; } .blockclientszoom li img{width:60%} @media (max-width: 800px) { .blockclientszoom li{width: 50%; } .blockclientszoom li img{width:50%} } /*gridaboutus*/ .gridaboutus .text{padding:10px; } /*taglink*/ .taglink{padding:10px 2px;overflow:hidden;clear:both} .taglink a{padding:3px;background:#EEEEEE;border-radius:5px;margin:3px;float:left;color:#666} .taglink span{font-size:12px} .taglink2{font-size:16px} .taglink3{font-size:18px} .taglink4{font-size:20px} .taglink5{font-size:22px} .taglinkindetail{padding:10px 0} .taglinkindetail a{display:inline-block;margin:3px} /*mobishopalbumlist*/ .mobishopalbumlist{text-align:center; } .mobishopalbumlist li{width: 18%;height: 50px; display:inline-block; padding:5px;cursor:pointer } /*when pad pro.width is 1024-1366*/ .mobishopalbumlist li img{width: 100%; height: 100%;border:1px solid #fff; } .mobishopalbumlist li.active img{ border:1px solid #FF8719; } /*limit hg and wd*/ .imghg180 .img img{height: 180px; width:auto} .imghg210 .img img{height: 210px; width:auto} .imghg250 .img img{height: 250px; width:auto} .imghg300 .img img{height: 300px; width:auto} .imgwd100 .img img{width: 100%;height:auto } .imgwd80 .img img{width: 80%;height:auto } .imgwd60 .img img{width: 60%;height:auto } .imgdesp80 .desp{height: 80px; } .imgdesp120 .desp{height: 120px; } .imgdesp160 .desp{height: 160px; } /*gridcol2divi*/ .gridcol2divi .img{width: 42%;float:left; display:inline;text-align:center; margin-left:2% } .gridcol2divi .text{width: 52%; float:right; display:inline;text-align:left; } .grid_imgcenter .text { margin-bottom:10px } /*video common,this part need here*/ .fancybox-slide--iframe .fancybox-content { background:none; padding-top:20px; padding-bottom:10px; } /*cirimg*/ .cirimg li h4{font-size:16px;text-align:center; } .cirimg .img{padding:20px; } .cirimg .img img{ border-radius: 50%;} .cirimgshadow .img img{box-shadow: 0px 0px 0px 7px #D4D4D4;} .cirimgshadow .img img:hover{box-shadow: 0px 0px 0px 7px #3DA8E0;} /*newsgridlist .newsgridlist h3{height: 35px;line-height:35px; font-size:16px; } .newsgridlist h3 span{float:right;font-size:12px; }*/ .newsgridlist .sublist{clear:both; overflow:hidden; box-shadow: 0 0 6px rgba(39,48,57,.1); } .newsgridlist .sublist li{padding-left:2%;padding-bottom:0; margin:0; width:98%; height: 30px;line-height:30px;overflow:hidden; border-bottom:1px solid #e2e2e2;display:block; background: url(../images/arrow.png) 0px 15px no-repeat; } .newsgridlist .sublist li.first{width: 100%; height: 160px; clear:both; overflow:hidden;background:url(../images/tm.gif) no-repeat ; position:relative;padding:0;} .newsgridlist .sublist li.first img{width: 100%; } .newsgridlist .sublist li.first .text{position:absolute; left:0;bottom:0;height: 30px;line-height:30px;width: 98%;padding-left:2%;clear:both; overflow:hidden; background: url('../images/bantmbg.png');color:#fff } /*bg:#70B3E3*/ /*newstab*/ .newstab .sublist li{padding:9px 0 9px 8px;border-bottom:1px solid #e2e2e2;display:block; font-size:14px; background: url(../images/arrow.png) 0px 19px no-repeat; } .newstab a{font-size:16px;color:#000} .newstab a:hover{color:#1891EC} .newstab .dateday{float:right; color:#ccc;font-size:12px;} .newstab li .despjj{color:#aaa;font-size:12px;display:none; padding:5px;margin:0; } .newstab .mainleft .title{padding:10px; } .newstab .mainleft .despjj{padding:10px;font-size:14px;color:#999;line-height:20px; } /*bxcarousel*/ .bxcarousel li{text-align:center; } .bxpingjia li{text-align:left; } .bxcarousel li .title{display:block;height:40px; padding-top:5px } .bxgridlines li{float:left; width: 23%;height:230px;margin-right:2%;margin-bottom:20px;text-align:center; } .bxgridlines li a{display:block;} .bxgridlines li{height: 230px; } .bxgridlines li .title{height: 30px;overflow:hidden; } .bxgridlines li .img{height:190px;overflow:hidden;margin-bottom:10px } .bxgridlines li .img img{width: auto; height:100%} .bxgridKf li{float:left; display:inline; margin-right:10px} .bxgridKf li img{display:block; width:191px; height: 162px; } .bxgridKf{height:160px;overflow:hidden} /*homenews*/ .list_simple {padding:5px; } .list_simple li{border-bottom:1px dotted #ddd;font-size: 14px;padding-left: 10px;padding-bottom: 2px; background:url(../images/arrow.png) 0px 10px no-repeat ;overflow:hidden; margin-top:15px } .list_simple li span{float:right; display:inline; color:#999;font-size:11px;} .list_simple li a{width: 210px; height: 27px; overflow:hidden; color:#333 } .list_simple li a:hover{color:#999} .list_simple .desp{margin-bottom:15px;color:#999} .list_simple_nodesp li {font-size:12px;height: 27px; line-height: 27px;padding-bottom: 2px;margin-top:0px} .list_simple_nodesp .desp{ display:none; } /*homenews2*/ .list_simple2 {padding:0px;line-height:26px; border-bottom:3px solid #d10001;} .list_simple2 li {border-bottom:1px dotted #333;font-size: 14px;padding-left: 10px;padding-bottom: 2px; 0px 10px no-repeat ;overflow:hidden; margin-top:5px } .list_simple2 li a{display:block;height: 30px;line-height:30px;padding-left:20px;background:#fff url(../images/arr8.png) 5px 50% no-repeat ; color:#333 } .list_simple2 li a:hover{color:#999} .list_simple2 li li{padding-left:10px;border-bottom:0;} .list_simple2 li li a{background:#fff url(../images/arrow.png) 5px 50% no-repeat ;} /*gridlist************nouse,replace by gridlistiso*******************/ .gridlist li{width: 28%; height: 210px;line-height:16px; padding:1%;margin:0px 0 20px 2%; text-align:center; font-size:12px; float:left; display:inline;} .gridlist li,.albumlist li{border:1px solid #ccc;} .gridlist .img img{width: 220px; height: 176px; } .gridlist .title{height: 32px; clear:both; overflow:hidden; } /*diviso ,place here,because need responsive*/ .diviso_filter{text-align:center;margin-bottom:60px;} .diviso_filter a.active{font-weight:bold;font-size:20px;background:#E6E5E5;padding:5px 20px} .diviso_filter li{display:inline;} .diviso_filter li:after{content: "/"; display: inline-block; padding: 0 15px;} .diviso_filter li:last-child:after {display: none;} .diviso_filter li a{font-size:16px;font-weight:700;text-transform:uppercase;} .gridlistiso li{width:24%;text-align:center;margin-bottom: 30px} .gridlistiso img{width: 66%;margin:0 auto;height:auto;} .gridlistiso .title{display: block;height: 36px;line-height:18px;padding:10px;} .gridlistiso a.img{position:relative; display:block;margin:10px 5%;padding:2%; width: 84%;border:1px solid #ccc; } img.cirshadow{ background:#E6E5E5;-webkit-box-shadow: 5px 5px 0px #E6E5E5; -moz-box-shadow: 5px 5px 0px #E6E5E5;box-shadow: 5px 5px 0px #E6E5E5; border-radius: 50%;} img.cirshadow:hover{box-shadow: 5px 5px 0px #999;} /*textlist***************************************/ .textlist li{clear:both;overflow:hidden;padding:5px 0 15px; margin-bottom:10px ;border-bottom:1px solid #ddd} .textlist a.img{float:left; display:inline;width: 18%; margin-right:2% ;text-align:center} .textlist a.img img{max-width: 100%;height: auto; } .textlist h4{padding-bottom:5px; } .textlist h4 a{font-size:18px;font-weight:bold;;background:url(../images/arrow.png) 0 13px no-repeat ; padding:5px 0 5px 10px;color:#666 } .textlist h4 a:hover{ color:#999 } .textlist .day{float:right;font-weight:normal;padding-right:5px; color:gray} .textlist li.hasimg .text{width: 80%;float:right; } .textlist p.textshort{line-height:22px;color:#777;font-size:14px; } /*homenewgd*/ .newslineone{width:700px;margin:0 auto;height: 60px; } .newslineone .w1{width: 110px;height: 30px; float:left; display:inline;margin-top:10px;font-size:16px;padding-left:36px ;background:url(../images/newslogo.png) no-repeat ; } .newslineone .w2{width: 560px;float:left; display:inline;position:relative;height: 60px;overflow:hidden; } .newslineoneinc{position:absolute; top:2px;left:0;display:none; } .newslineoneinc .title{width: 420px;float:left; display:inline; font-size:16px;font-style:italic;margin-top:10px;height: 40px;overflow:hidden; } .newslineoneinc .more{margin-left:20px;float:left; display:inline;margin-top:10px; padding:8px 20px;border:1px solid #ccc;} /***news_scroll****** **********/ .news_scroll{ margin:0 auto;} .news_scroll li.listgd{ padding:3px;height: 105px; clear:both; overflow:hidden;} .news_scroll .title{font-size: 16px;font-weight: bold;} .news_scroll .desp{ font-size: 14px; overflow: hidden;height: 45px; color:#999;line-height:22px;} .news_scroll .circle{width: 90px;height: 90px;margin:10px 0 15px 15px;padding:10px;text-align: center; vertical-align: middle; overflow: hidden;font-size: 16px;font-weight: bold;background:#008ED6; color:#fff;} .news_scroll .circle .date{padding-top: 5px;text-align:center;font-size:14px;} .news_scroll .circle .date span{display:block;font-size:14px;font-weight:normal} .news_scroll .circle .date span.day{font-weight:bold;font-size:24px;} .news_scroll .datemob{ display:none; } .listcircle .circle{ border-radius:50%; } .news_scroll li .listleft{float:left; margin-right:10px} .news_scroll li.listgd h4{height: 40px;line-height:40px;font-size:14px; } /*grid2ceng*/ .grid2ceng .img{text-align:center; } .grid2ceng .text{padding:0; } .gcoverlayjia{margin-bottom:30px;text-align:center; } .gcoverlayjia a{/*width: 23%;margin:1%; float:left;margin-bottom:1.5%;*/position:relative;overflow:hidden;display:block;} .gcoverlayjia .overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);display:none;z-index:99} .gcoverlayjia .overlay span{width:60px;height:60px;margin-left:-30px;margin-top:-30px;position:absolute;top:50%;left:50%;background:#E66432;border-radius:50%;font-size:30px;text-align:center;line-height:60px;color:#FFF} .gcoverlayjia a:hover .overlay{display:block} .gcoverlayjia h3{position:absolute;width:100%;height:46px;text-align:center; line-height:20px;overflow:hidden;padding:0px 1%;bottom:0;left:0;color:#FFF;font-size:14px;background:rgba(0,0,0,0.3);} .gcoverlayjia a:hover h3{display:none} .gcoverlayjia img{width:100%;height:auto; transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out} .gcoverlayjia a:hover img{-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2)} .transition5{width:100%;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .gcoverlaykuo{margin-bottom:20px;padding:5px 5px; } .gcoverlaykuo .text{z-index:2;position:absolute;top:50%;left:50%;width:0;height:0;opacity:0;background:rgba(0,0,0,.7);border-bottom:4px solid #d10001} .gcoverlaykuo:hover .text{top:15px;left:5px;width:97.5%;height:96.7%;opacity:1;text-align:center;margin:0 0; } .gcoverlaykuo .textinc{position:absolute;width:100%;height:100%;top:75%;opacity:0;transition-delay:0.35s} .gcoverlaykuo:hover .textinc{opacity:1;} .gcoverlaykuo:hover h4{display:none; } .gcoverlaykuo h4{position:absolute;height:42px;line-height:42px;overflow:hidden;width: 100%; margin:0px 0%;bottom:0;left:0;color:#fff;font-size:14px;background:#555} .gcoverlaykuo2{margin-bottom:20px;padding:0 5px; } .gcoverlaykuo2 .text{z-index:2;position:absolute;top:50%;left:50%;width:0;height:0;opacity:0;background:rgba(0,0,0,.7);border-bottom:4px solid #d10001} .gcoverlaykuo2:hover .text{top:10px;left:5px;width:96.5%;height:100%;opacity:1;text-align:center;margin:0 0; } .gcoverlaykuo2 .textinc{position:absolute;width:100%;height:100%;top:75%;opacity:0;transition-delay:0.35s} .gcoverlaykuo2:hover .textinc{opacity:1;} .gcoverlaykuo2:hover h4{display:none; } .gcoverlaykuo2 h4{position:absolute;height:42px;line-height:42px;overflow:hidden;width: 100%; margin:0px 0%;bottom:0;left:0;color:#fff;font-size:14px;background:#555} .gcoverlayarrow{padding-bottom:70px;margin-bottom:30px;text-align:center; } .gcoverlayarrow .text{position:absolute;bottom:0;left:0;z-index:98;height:50px; padding:0 5px 10px 5px;background:#fff;overflow:hidden;clear:both;font-size:14px; } .gcoverlayarrow:hover .text{height:152px;overflow:hidden; } .gcoverlayarrow .text h3{height: 50px; ;font-size:16px;line-height:24px;clear:both; overflow:hidden; color:#333} .gcoverlayarrow a{color:#333} .gcoverlayarrow a:hover{color:#666} .gcoverlayarrow .text p{margin-top:10px;font-size:15px;line-height:1.6em;overflow:hidden; } .gcoverlayarrow .linkarrow{display:block;position:absolute;z-index:99;top:109px;right:0px;width:48px;height:48px;padding-top:16px;opacity:0;background:url(../images/arrowbg.png) no-repeat ; } .gcoverlayarrow:hover .linkarrow{opacity:1;right:20px;-webkit-transition-delay:.35s;transition-delay:.35s} /*gridnode*/ .gridnode{padding:10px 0;clear:both; overflow:hidden; } .gridnode .desp{ color:#999;padding:0 5px } /*sidebar_imgleft*/ .sidebar_imgleft li{overflow:hidden; margin-bottom:8px;padding-bottom:10px;border-bottom:1px dashed #ccc; } .sidebar_imgleft li .img{float:left; margin-right:20px; padding:0; } .sidebar_imgleft li img{width: 60px; height: 60px; } .sidebar_imgleft li .title{height: 38px;line-height:38px; text-align:left; } .sidebar_imgleft li .desp{margin:0;padding:0;font-size:12px;line-height:18px;color:#666 } .sidebar_imgtop .title{font-weight:bold; } .sidebar_imgtop li .desp{margin:0;padding:0; } .tabheaderleft{height: 38px;line-height:38px;border-bottom:1px solid #3DA8E0; } .tabheaderleft a{float:left; height: 100%;padding:0 20px;margin-right:10px;font-size:14px;} .tabheaderleft .active,.tabheaderleft a:hover{background:#3DA8E0; color:#fff} /*conter*/ .counteritem{margin-bottom:20px;text-align:center;} .counteritem .num{margin-bottom:5px;font-size:46px;} .counteritem h6{font-weight:bold;font-size:20px;} /*box_xunchuan*/ .box_xunchuan{ padding:100px 0 ;text-align:center; } .box_xunchuan h3{ font-weight:bold;font-size:32px;padding-bottom:20px;color: #fff; } .box_xunchuan .subtitle{ color: #fff; font-size: 18px; line-height: 1.5em;padding-bottom:20px } .box_xunchuan .text{ padding-bottom:20px } .box_xunchuansimple {padding:60px 0 100px 0; } .box_xunchuansimple .text{float:left; padding:5px; font-weight:bold;font-size:26px;} .box_xunchuansimple .dmbtn{float:right; } /*fullsliders*/ .fullsliders li.slick-active .animated1{animation:1s ease-in 800ms normal both 1 running lightSpeedIn} .fullsliders li.slick-active .animated2{animation:1s ease-in 800ms normal both 1 running bounceIn} .fullsliders li.slick-active .animated3{animation:2s ease-in-out 800ms normal both 1 running flipInX} .fullsliders li{background-size:cover;background-repeat:no-repeat;position:relative} .fullsliders .text{text-align:center;width:40%;left:50%;top:50%;position:absolute;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%)} .fullsliders .textinc{padding:40px;background-color:rgba(255,255,255,0.85)} .fullsliders h4{font-size:30px;margin-bottom:30px} .fullsliders .desp{font-size:18px;margin-bottom:20px} .fullsliders .textcolor{color:#F2F2F2} .bannerwater01 .text{ position:absolute; left:20%;top:35%;color:#fff; } .bannerwater01 li.slick-active .text{animation:1s ease-in 800ms normal both 1 running lightSpeedIn} .bannerwater01 h4{color:#fff; font-size:30px; margin-bottom:30px} .bannerwater01 .desp {color:#fff; font-size:20px;margin-bottom:20px } .bannerwater01 img{width:100%} /*here responsive*/ @media (max-width:800px){ .fullsliders .text{ width:80%;} .fullsliders h4{font-size:20px;margin-bottom:20px} .fullsliders .desp{font-size:14px;margin-bottom:20px} .bannerwater01 .text{ left:50px;top:20%} .bannerwater01 h4{ font-size:18px; margin-bottom:10px} .bannerwater01 .desp { font-size:12px;margin-bottom:10px } .shopdetail_left,.shopdetail_right{width: 100%; } .mobishopalbumlist li{height:80px} } @media (max-width:600px){ .mobishopalbumlist li{height:80px} } @media (max-width:480px){ .bannerwater01 .text{ left:50px;top:10%} .bannerwater01 .dmbtn{padding-top:10px; } .bannerwater01 .desp,.bannerwater01 h4{margin:0; padding:0; } .mobishopalbumlist li{height:65px} } @media (max-width:320px){ .bannerwater01 .dmbtn{padding:0; } } /*----end block--------------*/ /*-------responsive part----------------------------------- -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ @charset "utf-8"; .pcshow{display:block; } .mobshow{display:none;} .popbox{width: 800px; } .popbox .title{font-weight:bold;padding:10px 0} .popbox .desp p{line-height:20px;margin-bottom:10px; } .hidecontent_cainiaoyz .tabs_content{height: 575px;clear:both; overflow:hidden; } .perwidth .container{width: 100%; } .perwidth{width: 100%;margin:0 auto; overflow:hidden;}/*企业简介四边阴影效果box-shadow: 0 0 10px #000;*/ .sdwidth{width: 23.33%; overflow:hidden;} .cntwidth{width: 73.33%; overflow:hidden;} .cntper .content_default{padding:0 5px; } .kv img,.perimgwrap img,img.perimg{max-width: 100%;height: auto; }/*perimg also add by js*/ img.perimg100{width: 100%;height: auto;display:block;} img.perimgmax100{max-width: 100%;height: auto;display:block;} /* ---pc 端 1024-----*/ @media (min-width: 1025px) { .gridlist li{height: 200px; } .gridlist .img img{width: 207px; height: 166px; } .homenews li a{width: 200px; } .hidecontent_cainiaoyz .tabs_content{height: 470px; } .nopagenarrow .needheaderfixed{width: 100%; } } /* ---pc 端 800-----*/ @media (min-width: 801px) { } /* -----移动端 1024 ------------------------------------------------------------*/ @media (max-width: 1025px) { .mt50,.mb50,.mt80,.mb80,.mt100,.mb100{margin-bottom: 30px} .mtb50,.mtb80,.mtb100{margin: 30px 0} .pt50,.pb50,.pt80,.pb80,.pt100,.pb100{padding-bottom: 30px} .ptb50,.ptb80,.ptb100{padding: 30px 0} .container{width: 100%; } .pcshow{display:none; } .mobshow{display:block;} .contentwrap{padding:5px 0; } .sidermenutop li{float:left; width: 48%;text-align:center; border-bottom:1px solid #ccc;border-radius:3px;margin:0 1% 5px 1% } .sidermenutop_num1 li{width: 98%;margin:0 1% 5px 1% } .sidermenutop_num3 li,.sidermenutop_num6 li{width: 32%;margin:0 0.6% 5px 0.6% } .sidermenutop a{ padding:5px 0;margin:0; font-size:14px; } .sidermenutop a.active:after{display:none; } #backtotop a{width:28px;height: 28px; background-size:cover; right:5px;bottom:80px } #backtotop a:hover{background-position:0 0} .onlineopen{position:absolute; top:0;right:0;background:url(../images/onlineopen_mob.png) no-repeat ;width: 28px; height: 52px; } /*footermob*/ .footermobline{height: 90px; } .footermob {width:100%; height:60px; border-top:1px #ccc solid; position:fixed; bottom:0; left:0; z-index:99999; background:#0B5394;} .footermob li {float:left; width:20%; text-align:center; padding-top:10px;} .footermob li a{font-size:14px; color:#fff;} .footermob li a i {font-size:20px; color:#fff;} .footermob li a p {color:#fff;} } /* -----移动端 800 ------------------------------------------------------------*/ @media (max-width: 800px) { .relativenode .slick-prev{ left: 5px;background: url(../images/bannerarrow2_nobg.png) no-repeat 0 0px;outline: none !important;} .relativenode .slick-next{right: 0px;background: url(../images/bannerarrow2_nobg.png) no-repeat -50px 0px;outline: none !important;} .headerreg{left:120px;top:5px} .pagewrap,.container{width: 100%; } .area .container,.areaAllwidth .container{width: 98%;padding-left:1%;padding-right:1% } .popcontent img{width: 100%;height: auto; } .area{min-height: 400px} .area .bgarea{border:0} /*.homenewsgd*/ .homenewsgd{width: 95%;padding-left:5px;height: 80px; } .homenewsgd .w1{width: 60% } .homenewsgd .w2,.homenewsgd .alert{width: 100% } .homenewsgd .title{width:75% } .homenewsgd .more{overflow:hidden; margin-left:3%;padding:8px 1% } /*content*/ .area .container{padding-top:3px} .sidebar,.content,.cntwidth{width: 100%; margin:0 auto;clear:both; overflow:hidden; float:none; } .perwidth .content_desp{padding:0} .content_def{padding:8px; } .content_def .kv img,.despcontent img,.content_top img{width: 100%; } .playnoad{width: 100%; height:350px; } .proheader .half{width:100% } .cntper .content_default{padding:0; } .cellbacktop{display:block;padding:3px; text-align:center; } /*hide*/ .sidebar_1,.tab,.tabarea,.headercolor,.headertel{display:none; } .tongji{display:none; } /*player*/ .playerbox{display:block;text-align:center;padding:20px; } .player{width: 100%;height: 300px;display:block; } .playerlink{padding-top:20px; } .homenews li a{width: 70%; } body #online_qq_layer{top:200px} #back-top a{position:fixed;bottom:10px;right:10px} .popbox{width: 90%; } .per800{width: 100%; clear:both; overflow:hidden;} .homegn li{width: 31%; } .content_default{width: 98%;margin:0 auto; } .hidecontent_cainiaoyz .tabs_content{height: 380px; } .permobile800{width: 100%; } /* .regioncnt{padding:10px 0px} .notitlecontent{padding:0px 5px} */ .gridnomag li{width: 49.9%; } .gridnomag3 li{width: 33.3%; }/*need hack gridnomag*/ .gridnomag2 li{width: 50%; } .gridnomag4 li{width: 50%; } .gridcolhg120 .img img{height: 90px; } .gridcolhg150 .img img{height: 120px; } .gridcolhg180 .img img{height: 150px; } .gridcolhg210 .img img{height: 180px; } .gridcolhg240 .img img{height: 210px; } .gridcolhg270 .img img{height: 240px; } .gridcolhg300 .img img{height: 270px; } .gridcol4 li,.gridcol2 li{width: 45%; padding:0; margin-left: 2.2%; margin-right: 2.2%} .gridcol3 li{width: 30%; margin-left:1.6%;margin-right:1.6%;} /*if not ,will be hack by above gridcol li*/ .major-list li{height: 160px;width: 45%; } .major-list li .title{top:60px} .gridkf li{width: 24.9%;height: 120px; } .height500{height: 300px; } .regionhd h3 {font-size:20px;} /*banner*/ .bannerheight{height: 100px !important; } /*.bannerheight h1{padding-top:10px;font-size:15px;margin:0} 手机不要banner里的标题*/ /*oddabout*/ .oddabout .title{ font-size: 21px; padding:10px 0 25px 0} .oddabout .desp { font-size: 16px; padding-bottom:20px} .oddabout .line1 .text{text-align:left; } /*gridheader*/ .gridheader h2.title{font-size:30px;padding-bottom:30px;} .gridheader .desp{font-size:16px;padding-bottom:20px;} .gridtext .text{padding:20px; } .gridtext h3.title{font-size:20px;padding-bottom:25px} .mdtoparrow:after{bottom:100%;left:50%;top:inherit;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:12px;margin-left:-12px;z-index:9} .dmbtn .more{height: 40px;line-height:40px;padding:0 30px; font-size:14px; } .news_scroll .desp{font-size:12px;padding-top:0px;line-height:18px;height: 38px;overflow:hidden; } /*end media 800*/ } /* max-width: 480--800px -------------*/ @media (min-width:481px) and (max-width: 800px){ .gridcol2mid .desp{height: 95px;overflow:hidden; } } /* max-width: 480--600px -------------*/ @media (min-width:481px) and (max-width: 600px){ .gridlist li{height: 170px; } .gridlist .img img{width: 147px; height: 136px; } .albumlist li{width:27%; } .hidecontent_cainiaoyz .tabs_content{height: 280px; } } /* max-width: 600px -------------*/ @media (max-width: 600px){ .mt50,.mt30{margin-top:10px}.mb50,.mb30{margin-bottom:10px} .jiathis_style{display:none; } .content_header .breadcrumb {display:none; } .news_scroll .desp{ display:none; } .news_scroll .circle{display:none; } .news_scroll .datemob{ display:block; } .news_scroll li.listgd {height: 70px; } .gridlistiso li{width:50%;} .bxgridlines li {height: 190px; } .bxgridlines li .img{height: 150px; } /*column ----------------------*/ .col_1f6,.col_5f6,.col_1f5,.col_2f5,.col_3f5,.col_4f5,.col_1f4,.col_3f4,.col_1f3,.col_2f3,.colhalf{width: 100%;display:block; } /*limit hg and wd*/ .imghg180 .img img{height: 130px; width:auto} .imghg210 .img img{height: 160px; width:auto} .imghg250 .img img{height: 200px; width:auto} .imghg300 .img img{height: 250px; width:auto} .imgwd100 .img img{max-width: 100%;height:auto } .imgwd80 .img img{max-width: 80%;height:auto } .imgwd60 .img img{max-width: 60%;height:auto } .imgdesp80 .desp{height: 80px; } .imgdesp120 .desp{height: 120px; } .imgdesp160 .desp{height: 160px; } /*col2*/ .bkcntbox .bktitle{padding-top:10px} .gridcol2divi .img,.gridcol2divi .text{width: 96%;margin:2%;text-align:center; } .grid_imgcenter,.grid_imgcenter .tr {text-align:center !important; } .grid_imgcenter .colhalf{margin:20px 0} .permobile600{width: 100%; } .bxgridlines li .img img{width: 100%; height:auto} .footerlogo{display:none; } .footertext{text-align:center; } .content h1{font-size:18px;line-height:28px; } .bkcntbox h3{font-size:16px;} .pageroll .pagerinc{display:block; } .footer,.footerbar{padding:10px; } .whyimg{width: 100%;position:relative; } .whyimg img{width: 100%; } .whycnt{width: 100%;right: 0;top: 0;position:relative; } .box_xunchuansimple {padding:35px 0; } .box_xunchuansimple .desp,.box_xunchuansimple .dmbtn{float:none ;text-align:center; } .box_xunchuansimple .desp{padding-bottom:20px;display:block;} .formblock .line .key{ width: 100%;margin-right:0%;text-align:left;padding-bottom:8px } .formblock .line .valuediv{ width: 100%; } /*end media 600*/ } /* max-width: 480px -------------*/ @media (max-width:480px) { .dn480,.hide480{display:none} .fr,.fl{float:none;} .per480{width: 100%; clear:both; overflow:hidden;} .boxheadercenter h3{font-size:26px;} .imglist li{margin-left:20%} .gridlist li{width: 43%; height: 163px;margin-right:2.3%} .gridlist .img img{width: 142px;height: 109px; } .albumlist li{width:42%; } .bxgridPro li .img img{height: 150px; } .bxgridPro{height: 190px; } .homekf li img{height: 120px; } .homekf .regioncnt{height: 120px; } .gridlistiso li{width:100%;margin-right:0;margin-bottom:10px } .diviso_filter li{width: 100%; display:block;margin-bottom:5px} .diviso_filter li:after{content: " "; display: block; padding: 0;} .diviso_filter a{display:block;width: 100%; padding:0; } .diviso_filter a.active{padding:0; } .homegn li{width: 45%; } .tabs_wrapper .tabs_header li{display:block;padding:5px;border-bottom:1px solid #2f4365; margin:0; } .tabs_wrapper .tabs_header .active:after{display:none; } .eisliderwrap{padding-bottom:24%} .hidecontent_cainiaoyz .tabs_content{height: 230px; } .bxgridlines li {height: 160px; } .bxgridlines li .img{height: 120px; } .gridnomag li,.gridnomag2 li,.gridnomag3 li,.gridnomag4 li{width: 99.9%; } /*end media 480*/ } /* max-width: 320px -------------*/ @media (max-width:320px) { .hidecontent_cainiaoyz .tabs_content{height: 160px; } .gridlist li{width: 42%; height: 133px;} .gridlist .img img{width: 104px;height: 79px; } /*end media 320*/ } /* min-width: 481px -------------*/ @media (min-width:481px) { .gridcol .desp{height:90px;line-height:18px; overflow:hidden; clear:both;margin:10px; } /*end media 481*/ }