@charset "utf-8"; .color777{ color: #777;} .color999{ color: #999;} /*------------------------title start---------------------------------*/ .w-title{margin:20px 0 ; line-height:1.5;} .w-title h2{font-weight:normal; margin:0;} .w-title .title-h-in > span{font-size:100%; font-family:"Times New Roman", Times, serif; } .bg_vice{background-color:#EEEEEE;} .linebg{ background:#ccc;} .lineborder{ border-color:#e0dddb;} .bg_none{background:none;} .bgtit_body{ background:#fff;} .color_vice_light{ color:#777;} .bg_vice_light{ background:#999;} .bg29{background:url(../images/title/tit29bg.png) repeat-x center;} .bg3{background:url(../images/title/line.png) repeat-x center;} .icon_more19bg{background-position:center; background-repeat:no-repeat;} .aHovercolor_main:hover,.aHoverbg_deepen:hover,.w-title17 .more:hover,.aHovercolor_deepen:hover{transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s;} .w-title1{ text-align:center; line-height:1.8; } .w-title1 h2{ font-size:165%; line-height:1.8;} .w-title1 .title-h-in > span{ font-size:130%;} .w-title1 .simpline{ margin:10px auto; width:55px; height:2px;} .w-title2{ padding:0 1em; position:relative; color:#787878;} .w-title2 h2{font-size:120%; line-height:2; display:inline-block; *display:inline; *zoom:1;} .w-title2 .title-h-in h2{ color:#787878;} .w-title2 span{padding-left:5px;} .w-title2 .more{ position:absolute; right:7px;top:50%; margin-top:-0.75em; text-decoration:none;} .w-title3{ text-align:center; background:none; overflow:hidden;} .w-title3 .title-h-in{ display:inline-block; *display:inline; *zoom:1; padding:0 20px; position:relative; background:none;} .w-title3 h2{ font-size:150%;display:inline-block; *display:inline; *zoom:1; } .w-title3 .title-h-in > span{margin-left:10px; font-size:120%;} .w-title3 .title-h-in:before,.w-title3 .title-h-in:after{ content:''; position:absolute; top:50%; width:1500px; height:1px; background:#e0dddb;} .w-title3 .title-h-in:before{ right:100%;} .w-title3 .title-h-in:after{ left:100%;} .w-title4{ font-family:microsoft yahei,"微软雅黑","黑体"; background:url(../images/title/tit4bg.png) repeat-x; background-size:auto 100%; position:relative; } .w-title4 h2{ font-size:130%;display:inline-block; *display:inline; *zoom:1; background:url(../images/title/tit4_middle.png) no-repeat center; background-size:100% 100%; padding:0.7em 30px;_width:auto;} .w-title4 .title-h-in h2{ color:#fff;} .w-title4 .title-h-in > span{ margin-left:10px; font-size:110%;color:#fff;} .w-title4 .more{ position:absolute; right:7px;top:50%; margin-top:-0.75em; text-decoration:none; color:#fff;} .w-title4 .more span{font-size:100%;} .w-title5{ border-width:0;border-bottom-width:1px; border-style:solid; position:relative; } .w-title5 h2{ font-size:20px; text-align:left;border-width:0;border-bottom-width:2px; border-style:solid; display:inline-block; line-height:2; *display:inline; *zoom:1; margin:0 0 -1px 0;} .w-title5 .title-h-in h2{color:#000;} .w-title5 .title-h-in > span{ margin-left:10px; } .w-title5 .more{ position:absolute; right:7px;top:50%; margin-top:-0.75em; text-decoration:none;} .w-title5 .more span{ font-size:100%;} .w-title6{text-align:center;color:#333;} .w-title6 .tith{ display:inline-block; position:relative;*display:inline; zoom:1;} .w-title6 .tith h2{ font-size:20px; line-height:2; padding:5px 20px 0 20px; background:url(../images/title/tit6_middle.png) repeat-x top; display:inline-block;*display:inline; zoom:1;color:#333; } .w-title6 .tith .tit_left{ height:32px; width:30px; background:url(../images/title/tit6_left.png) no-repeat; position:absolute; left:-30px; top:0;} .w-title6 .tith .tit_right{ height:32px; width:30px; background:url(../images/title/tit6_right.png) no-repeat; position:absolute; right:-30px; top:0;} .w-title6 .title-h-in > span{ display:block;} .w-title7{border-width:1px;border-left-width:3px;border-left-color:#333; border-style:solid; position:relative; padding:0.5em 1em;color:#333; } .w-title7 h2{font-size:18px; display:inline-block;*display:inline; *zoom:1;} .w-title7 .title-h-in h2{color:#333;} .w-title7 .title-h-in > span{margin-left:5px;} .w-title7 .more{ position:absolute; top:-1px; bottom:-1px; right:-1px; padding:0.7em 1em; color:#fff; text-decoration:none; } .w-title8{ background:url(../images/title/tit8bg.png) repeat-x; background-size:auto 100%; position:relative; } .w-title8 h2{ font-size:18px; padding:0.5em 1em; display:inline-block; *display:inline;*zoom:1; position:relative; } .w-title8 h2 .bg_opacipy{position:absolute; left:0; right:0; top:0; bottom:0;opacity:0.9; *filter:alpha(opacity=90); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);} .w-title8 .title-h-in h2{color:#fff;} .w-title8 h2 em{font-style:normal; position:relative; z-index:1;} .w-title8 h2 span{ margin-left:10px;font-family:"Times New Roman", Times, serif;position:relative; z-index:1;} .w-title8 .more{ position:absolute; right:1em;top:50%; margin-top:-0.75em; text-decoration:none;} .w-title9{text-align:center; color:#333;} .w-title9 .w-title-in{display:inline-block; *display:inline; *zoom:1; padding-left:75px;background:url(../images/title/tit9_left.png) no-repeat left center;} .w-title9 .w-title-in .w-title-inner{padding-right:75px;background:url(../images/title/tit9_right.png) no-repeat right center;} .w-title9 .title-h-in{padding:10px 0;} .w-title9 h2{ font-size:20px; display:inline-block;*display:inline;*zoom:1; line-height:1.5; } .w-title9 .title-h-in h2{color:#333;} .w-title9 .title-h-in > span{ display:block;} .w-title10{ background:url(../images/title/tit10bg.png) no-repeat center bottom;margin-top:10px; padding:10px 0 16px; text-align:center; color:#333;} .w-title10 h2{font-size:18px; line-height:1.5;display:inline-block;*display:inline;*zoom:1;} .w-title10 .title-h-in h2{color:#333;} .w-title10 .title-h-in > span{ display:block;} .w-title11{ background:url(../images/title/tit11bg.png) no-repeat center; background-size: auto 100%; min-width:4em; padding:1em 0 2em 0;text-align:center; display:table; width:100%;color:#333; } .w-title11 .w-title-in{ display:table-cell; vertical-align:middle; height:100%;} .w-title11 h2{ font-size:20px; line-height:1.8; *padding-top:35px; } .w-title11 .w-title-in h2{color:#333;} .w-title11 .title-h-in > span{ display:block; font-size:30px;} .w-title12{ text-align:center; color:#333; } .w-title12 .w-title-in{display:inline-block; *display:inline; *zoom:1; padding-left:40px;background:url(../images/title/tit12bg.png) no-repeat left center;} .w-title12 .w-title-in .w-title-inner{padding-right:40px;background:url(../images/title/tit12bg.png) no-repeat right center;} .w-title12 h2{font-size:18px; line-height:1.5;} .w-title12 .title-h-in h2{color:#333;} .w-title12 .title-h-in > span{ display:block; } .w-title13{text-align:center; padding-top:30px; background:url(../images/title/tit13bg.png) no-repeat center top; } .w-title13 h2{font-size:24px; line-height:1.5; } .w-title13 .title-h-in h2{color:#333;} .w-title13 .title-h-in > span{ display:block; font-size:18px; color:#666;} .w-title14{text-align:right;} .w-title14 .title-h-in > span{ display:block; font-size:16px; line-height:1.2; color:#333;} .w-title14 h2{ display:block; padding-top:12px; background:url(../images/title/tit14bg.png) no-repeat left top;font-size:18px; line-height:1.5;} .w-title14 .title-h-in h2{color:#333;} .w-title15{border-width:0;border-left-width:6px;border-left-color:#333; border-style:solid; position:relative; padding:0.1em 1em; } .w-title15 h2{font-size:18px; display:inline-block;*display:inline; *zoom:1;} .w-title15 .title-h-in > span{margin-left:5px;} .w-title15 .more{ position:absolute; top:50%; margin-top:-0.75em; right:0; text-decoration:none; } .w-title16{ text-align:center; line-height:1.8; } .w-title16 h2{ font-size:165%; line-height:1.8;} .w-title16 .title-h-in > span{ font-size:130%;} .w-title17{ border-width:0;border-bottom-width:1px;border-style:solid; position:relative; margin:0 0 10px 0;} .w-title17 .w-title-in{ margin:0 auto;} .w-title17 .w-title-inner{ float:left; padding-right:50px; background:url(../images/title/tit17bg.png) no-repeat center right; background-size:auto 100%;} .w-title17 .title-h-in{ background:#252525; padding-left:68px;} .w-title17 .title-text-in{padding-left:15px; white-space:nowrap;} .w-title17 .title-text-in h2{color:#fff; display:inline-block; line-height:2; *display:inline; *zoom:1;text-align:left; font-size:115%; font-family:"微软雅黑",microsoft yahei,"黑体";} .w-title17 .title-text-in > span{ margin-left:10px; color:#fff; font-family:"Times New Roman", Times, serif;} .w-title17 .more{ position:absolute; right:-2px;top:50%; margin-top:-1.4em; text-decoration:none; background:url(../images/title/tit17_more.png) no-repeat center;text-align:center;background-size:contain; font-family:Arial, Helvetica, sans-serif; font-size:80%; line-height:1; color:#fff; padding:0.4em 13px;} .w-title17 .more span{ font-size:100%;} .w-title18{text-align:center;color:#333;} .w-title18 .tith{ display:inline-block; position:relative;*display:inline; zoom:1; background:url(../images/title/tit18_middle.png) repeat-x bottom; text-align:center; padding:10px 20px;} .w-title18 .tith h2{ font-size:24px; line-height:2;display:inline-block;*display:inline; zoom:1;color:#333; } .w-title18 .tith span{display:block; font-size:16px; font-family:"Times New Roman", Times, serif;} .w-title18 .tith .tit_left{ height:44px; width:55px; background:url(../images/title/tit18_left.png) no-repeat; position:absolute; left:-55px; bottom:0;} .w-title18 .tith .tit_right{ height:44px; width:55px; background:url(../images/title/tit18_right.png) no-repeat; position:absolute; right:-55px; bottom:0;} .w-title19{ border-width:0;border-bottom-width:1px; border-style:solid; position:relative;} .w-title19 .w-title-in{ max-width:1200px; margin:0 auto;} .w-title19 .tith{text-align:left;border-width:0;border-bottom-width:2px; border-style:solid; display:inline-block; line-height:2; *display:inline; *zoom:1; margin:0 0 -1px 0; font-size:120%;} .w-title19 .tith span{font-family:"Times New Roman", Times, serif;} .w-title19 h2{ font-size:20px;display:inline-block; line-height:2; *display:inline; *zoom:1; color:#333; } .w-title19 .tith > em{ font-style:normal; padding:0 0.5em; } .w-title19 .more{ position:absolute; right:7px;bottom:0.5em; text-decoration:none;} .w-title19 .more span{ font-size:100%;} .w-title19 .more .icon_more{ display:inline-block; *display:inline; *zoom:1; width:1em; height:1em; background-position:center; background-repeat:no-repeat; margin-left:0.3em; vertical-align:middle; margin-top:-2px;} .w-title20{ position:relative;} .w-title20 .tith{text-align:left; display:inline-block; line-height:1.3; *display:inline; *zoom:1; margin:0 0 -1px 0;} .w-title20 .tith span{ font-size:24px;} .w-title20 h2{ font-size:120%; } .w-title20 .more{ position:absolute; right:7px;bottom:0.2em; text-decoration:none;} .w-title20 .more span{ font-size:100%;} .w-title20 .more .icon_more{ display:inline-block; *display:inline; *zoom:1; width:1em; height:1em; background-position:center; background-repeat:no-repeat; margin-left:0.3em; margin-top:-2px;vertical-align:middle; background-image:url(../images/title/icon-more.png);} .w-title21{ border-width:0;border-bottom-width:1px; border-style:solid; position:relative;} .w-title21 .w-title-in{ max-width:1200px; margin:0 auto;} .w-title21 h2{ font-size:16px;display:inline-block; line-height:2; *display:inline; *zoom:1; color:#fff; padding:0 1em; border-top-left-radius:5px;border-top-right-radius:5px;-moz-border-top-left-radius:5px;-moz-border-top-right-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px; } .w-title21 .more{ position:absolute; right:7px;bottom:0.2em; text-decoration:none;} .w-title21 .more span{ font-size:100%;} .w-title22{text-align:center;color:#333;} .w-title22 .w-title-in{display:inline-block;*display:inline; zoom:1; text-align:center; padding-left:60px;background:url(../images/title/tit22_left.png) no-repeat left center;} .w-title22 .w-title-in .title-h-in{ padding-right:60px;background:url(../images/title/tit22_right.png) no-repeat right center;} .w-title22 .tith{ padding:10px 20px;} .w-title22 .tith h2{ font-size:24px; line-height:2;display:inline-block;*display:inline; zoom:1;color:#333; } .w-title22 .tith span{display:block; font-size:16px; font-family:"Times New Roman", Times, serif;} .w-title23{text-align:center; line-height:2;} .w-title23 h2{ font-size:18px;} .w-title23 .title-h-in > span{ font-size:32px;} .w-title23 .simpline{ width:30px; height:1px; margin:0 auto 10px;} .w-title24{text-align:center; line-height:1.2;} .w-title24 .title-h-in >span{display:block; font-size:32px; margin-bottom:5px;} .w-title24 .tith{ display:inline-block; position:relative;*display:inline; zoom:1; text-align:center; padding:0 10px;} .w-title24 .tith h2{ font-size:18px; line-height:2;display:inline-block;*display:inline; zoom:1; } .w-title24 .tith .tit_left{ height:1px; width:30px; position:absolute; left:-30px; top:50%;} .w-title24 .tith .tit_right{ height:1px; width:30px; position:absolute; right:-30px; top:50%;} .w-title25{text-align:center; line-height:1.2;} .w-title25 h2{display:block; font-size:30px; margin-bottom:5px;} .w-title25 .tith{ display:inline-block; position:relative;*display:inline; zoom:1; text-align:center; padding:0 10px;} .w-title25 .tith span{ font-size:18px; line-height:2;display:inline-block;*display:inline; zoom:1;font-family:"Times New Roman", Times, serif; } .w-title25 .tith .tit_left{ height:1px; width:100px; position:absolute; left:-100px; top:50%;} .w-title25 .tith .tit_right{ height:1px; width:100px; position:absolute; right:-100px; top:50%;} .w-title26{ position:relative; border-width:0;border-bottom-width:1px;border-style:solid;} .w-title26 .tith{ display:inline-block; line-height:1.2; *display:inline; *zoom:1; margin:0 0 -1px 0; font-size:120%;} .w-title26 .tith span{font-family:"Times New Roman", Times, serif;} .w-title26 h2{ font-size:20px;display:inline-block; line-height:2; *display:inline; *zoom:1; } .w-title26 .tith > em{ font-style:normal; padding:0 0.5em; } .w-title26 .more{ position:absolute; right:7px;bottom:0.2em; text-decoration:none;} .w-title26 .more span{ font-size:100%;} .w-title27{ border-width:0;border-bottom-width:3px; border-style:solid; position:relative;} .w-title27 h2{ font-size:16px;display:inline-block; line-height:2; *display:inline; *zoom:1; color:#fff; padding:0 1em; } .w-title27 .more{ position:absolute; right:7px;bottom:0.2em; text-decoration:none;} .w-title27 .more span{ font-size:100%;} .w-title28{ position:relative;} .w-title28 .tith{ display:inline-block; line-height:1.2; *display:inline; *zoom:1; margin:0 0 -1px 0; font-size:120%;} .w-title28 .tith span{font-family:Georgia, "Times New Roman", Times, serif;font-size:28px;} .w-title28 h2{ display:inline-block; line-height:2; *display:inline; *zoom:1; font-size:110%; } .w-title28 .tith > em{ /*font-style:normal;*/ padding:0 0.5em; } .w-title28 .more{ position:absolute; right:7px;bottom:0.5em; text-decoration:none;} .w-title28 .more span{ font-size:100%;} .w-title29{ position:relative; } .w-title29 .tith{ display:inline-block; line-height:1.2; *display:inline; *zoom:1; margin:0 0 -1px 0; font-size:120%; padding-right:10px;} .w-title29 .tith span{font-family:Georgia, "Times New Roman", Times, serif;font-size:28px;} .w-title29 h2{ display:inline-block; line-height:2; *display:inline; *zoom:1; font-size:110%; } .w-title29 .tith > em{ font-style:normal; padding:0 0.5em; } .w-title29 .more{ position:absolute; right:0;top:50%; margin-top:-0.75em; padding:0 7px;text-decoration:none; } .w-title29 .more span{ font-size:100%;} .w-title30{ position:relative;border-width:0;border-left-width:8px;border-left-color:#333; border-style:solid; padding-left:10px;} .w-title30 .tith{text-align:left; display:inline-block; line-height:1.2; *display:inline; *zoom:1; margin:0 0 -1px 0; color:#333;} .w-title30 .tith h2{font-size:26px; margin-bottom:5px;} .w-title30 .tith span{ font-size:16px;} .w-title30 .more{ position:absolute; right:7px;top:50%; margin-top:-0.75em; text-decoration:none; border-width:0;border-bottom-width:1px; border-style:solid;} .w-title30 .more span{ font-size:120%; display:inline-block; *display:inline; *zoom:1; line-height:1.5;} .w-title31{text-align:center;} .w-title31 .title-h-in > span{display:block; font-size:40px; margin-bottom:5px;font-family:"Times New Roman", Times, serif; line-height:2;} .w-title31 .tith{ display:inline-block; position:relative;*display:inline; zoom:1; text-align:center;} .w-title31 .tith h2{ font-size:18px; line-height:2.5;display:inline-block;*display:inline; zoom:1; padding:0 20px; border-width:1px; border-style:solid;} .w-title31 .tith .tit_left{ height:1px; width:150px; position:absolute; left:-150px; top:50%;} .w-title31 .tith .tit_right{ height:1px; width:150px; position:absolute; right:-150px; top:50%;} .w-title32{ position:relative;border-width:0; border-top-width:1px;border-style:solid;} .w-title32 .tith{text-align:left; display:inline-block; line-height:1.3; *display:inline; *zoom:1; font-size:120%;border-width:0; border-top-width:6px;border-style:solid; margin-top:-5px; padding-top:10px;} .w-title32 .tith span{ font-size:24px;font-family:"Times New Roman", Times, serif;} .w-title32 h2{ font-size:120%; } .w-title32 .more{ position:absolute; right:7px;bottom:0.2em; text-decoration:none;} .w-title32 .more span{ font-size:100%;} .w-title32 .more .icon_more{ display:inline-block; *display:inline; *zoom:1; width:1em; height:1em; background-position:center; background-repeat:no-repeat; margin-left:0.3em; vertical-align:middle; background-image:url(../images/title/icon-more.png);} .w-title33{ text-align:center; line-height:2; text-align:center; position:relative; overflow:hidden;} .w-title33 .tit_line{position:absolute; left:0; right:0; height:1px; top:50%; display:none;} .w-title33 .title-h-in{ display:inline-block; *display:inline; *zoom:1; padding:0 20px; position:relative; z-index:1; position:relative; background:none;} .w-title33 .title-h-in h2{ font-size:28px; display:block;} .w-title33 .title-h-in > span{ font-size:22px; display:block;} .w-title33 .title-h-in:before,.w-title33 .title-h-in:after{ content:''; position:absolute; top:50%; width:1500px; height:1px; background:#e0dddb;} .w-title33 .title-h-in:before{ right:100%;} .w-title33 .title-h-in:after{ left:100%;} .w-title34 .tith{ position:relative; text-align:center; vertical-align:middle; margin-bottom:10px;} .w-title34 .tith .line{position:absolute; left:0; right:0; height:1px; top:50%;} .w-title34 .tith .tit_left{ position:absolute; z-index:1; width:1.6em; top:50%; margin-top:-0.75em; left:-0.75em; font-size:1.6em; } .w-title34 .tith .tit_right{ position:absolute; z-index:1; width:1.6em; top:50%; margin-top:-0.75em; right:-0.75em;font-size:1.6em; } .w-title34 .tith .tith-in{display:inline-block; *display:inline; *zoom:1;position:relative; z-index:1;} .w-title34 .tith h2{ font-size:24px; padding:0 40px;} .w-title34 p{text-align:center;} .w-title35{ position:relative; text-align:center; color:#fff;} .w-title35 .tit_line{position:absolute; left:0; right:0; height:1px; top:50%;} .w-title35 .w-title-inner{ display:inline-block; *display:inline; *zoom:1; padding:5px 6px; border-width:1px; border-style:solid; position:relative; z-index:1; } .w-title35 .w-title-inner .title-h-in{ padding:5px 30px; line-height:1.5;} .w-title35 .w-title-inner .title-h-in h2,.w-title35 .w-title-inner .title-h-in span{font-size:115%; color:#fff} .w-title36{ position:relative; text-align:center; font-size:120%;} .w-title36 .tit_line{position:absolute; left:0; right:0; height:6px; top:50%; margin-top:-3px;border-top-width:1px;border-bottom-width:1px; border-left:0; border-right:0; border-style:solid; } .w-title36 .title-h-in{ display:inline-block; *display:inline; *zoom:1; padding:0 25px; line-height:1.5; position:relative; z-index:1; } .w-title36 .title-h-in h2,.w-title35 .title-h-in span{font-size:115%;} .w-title37{text-align:center; } .w-title37 .tit_h{display:inline-block; *display:inline; *zoom:1; padding-left:60px;background:url(../images/title/tit37_left.png) no-repeat left center;} .w-title37 .tit_h .tit_h_in{padding-right:60px;background:url(../images/title/tit37_right.png) no-repeat right center;} .w-title37 h2{ font-size:24px; display:inline-block;*display:inline;*zoom:1; line-height:1.5; padding:0 7px; } .w-title38{ position:relative; border-bottom-width:1px; border-bottom-style:solid;} .w-title38 .tith{text-align:left; display:inline-block; line-height:1.3; *display:inline; *zoom:1; padding-bottom:0.5em;} .w-title38 .tith span{ font-size:30px;} .w-title38 h2{ font-size:30px; } .w-title38 .more{ position:absolute; right:7px;bottom:0.3em; text-decoration:none;} .w-title38 .more span{ font-size:100%;} .w-title38 .more .icon_more{ display:inline-block; *display:inline; *zoom:1; width:1em; height:1em; background-position:center; background-repeat:no-repeat; margin-left:0.3em; vertical-align:middle; background-image:url(../images/title/icon-more.png);} .w-title39{ position:relative; padding-left: 22px; background: url(../images/title/tit39bg.png) no-repeat left center;} .w-title39 .tith{ display:inline-block; line-height:24px; *display:inline; *zoom:1; margin:0 0 -1px 0; font-size:120%;} .w-title39 h2{font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;font-weight:bold; display:inline-block;*display:inline; *zoom:1;} .w-title39 .tith span{ display:inline-block; line-height:24px; *display:inline; *zoom:1; font-size:16px; } .w-title39 .tith > em{ font-style:normal; padding:0 0.5em; } .w-title39 .more{ position:absolute; right:7px;bottom:0.1em; text-decoration:none;} .w-title39 .more span{ font-size:100%;} .w-title40{ text-align:center; position:relative; margin-top:30px;} .w-title40 .tit_line{position:absolute; left:0; right:0; height:1px; top:50%;} .w-title40 .w-title-inner{position:relative; z-index:1; display:inline-block; *display:inline; *zoom:1; border-width:1px; border-style:solid; padding:0 100px 5px;} .w-title40 .tith h2{ font-size:30px; margin-top:-0.75em; padding:0 20px;line-height:1.5; } .w-title41{ border-right-width:13px;border-right-color:#333; border-right-style:solid; padding:0.7em 1.35em 0.9em 0; line-height:1.7; text-align:right;} .w-title41 h2{ font-size:24px; color:#1F1F1F;} .w-title41 span{ display:inline-block; *display:inline; *zoom:1; font-size:95%;} .w-title42{ position:relative; min-height:2em;} .w-title42 h2{ font-size:24px; color:#212121; padding-left:1em; position:absolute; left:0; top:50%; margin-top:-0.65em; line-height:1.3; z-index:2;} .w-title42 h2:before{ content:'-'; font-size:40px; position:absolute; left:0; top:50%; margin-top:-0.7em; line-height:1.3;} .w-title42 span{ position:relative; z-index:1; color:#f0f0f0; line-height:1.3; font-size:72px; font-family:Arial, Helvetica, sans-serif;} .w-title42 a{ display:block; position:absolute; z-index:10; left:0; top:0; right:0; bottom:0; background:url(../images/transparent.png) repeat;} .w-title43{ position:relative; min-height:2em; text-align:center;} .w-title43 h2{ font-size:24px; color:#212121; position:absolute; left:0; right:0; top:50%; margin-top:-0.65em; line-height:1.3; z-index:2;} .w-title43 span{ position:relative; z-index:1; color:#f0f0f0; line-height:1.3; font-size:72px; font-family:Arial, Helvetica, sans-serif;} .w-title43 a{ display:block; position:absolute; z-index:10; left:0; top:0; right:0; bottom:0; background:url(../images/transparent.png) repeat;} .w-title44{ position:relative; text-align:center;} .w-title44 .tit_h{ font-size:36px; position:relative; display:inline-block; *display:inline; *zoom:0;} .w-title44 h2{ font-size:100%;line-height:1.8; } .w-title44 .t_l{ position:absolute; top:50%; margin-top:-1px; left:-3em; width:2.5em; height:2px;} .w-title44 .t_r{ position:absolute; top:50%; margin-top:-1px; right:-3em; width:2.5em; height:2px;} .w-title44 span{ line-height:1.5; display:block;} .w-title44 a{ display:block; position:absolute; z-index:10; left:0; top:0; right:0; bottom:0; background:url(../images/transparent.png) repeat;} .w-title45{ position:relative;} .w-title45 .line_t{ width:4em; height:6px; margin-bottom:0.6em;} .w-title45 span{ font-size:28px; font-family:Arial, Helvetica, sans-serif; line-height:1.3; } .w-title45 h2{ font-size:32px; color:#333; line-height:1.3;} /*------------------------title end---------------------------------*/ /*------------------------adNews start---------------------------------*/ .w-adNews .date{ white-space:nowrap;} .w-adNews ul,.w-adNews li{list-style:none;} .w-adNews a{text-decoration:none;} .w-adNews a:hover{ text-decoration:underline;} .w-adNews li.li-right{margin-right:0 !important;} .w-adNews .w-news-img:hover img{transform: scale(1.05);-ms-transform: scale(1.05); -moz-transform: scale(1.05);-webkit-transform: scale(1.05); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-adNews1 li{ width:47.25%; *width:47.24%; margin-right:5.5%; float:left; margin-bottom:35px; position:relative; line-height:2;} .w-adNews1 li .news-item{ margin-left:35px;} .w-adNews1 li .news-item .date{ color:#767676; margin-left:45px; font-size:14px;} .w-adNews1 li .news-item .data-day{ position:absolute; width:54px; height:54px; line-height:54px; text-align:center; top:50%; margin-top:-27px; left:0; background:#33d8ae; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:30px;} .w-adNews1 li .news-item .news-com{ background:#fff; border:1px solid #d7d7d7; padding:20px 40px;} .w-adNews1 li .news-item .news-com .news-h{font-weight:bold;} .w-adNews1 li .news-item .news-com .news-h a{ font-size:18px; color:#ababab; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; display:block; } .w-adNews1 li .news-item .news-com .news-sum{color:#ababab; height:4em; overflow:hidden; } .w-adNews2{ margin-left:-10px; margin-right:-10px;} .w-adNews2 li{ width:25%; *width:24.99%; float:left; margin-bottom:20px;} .w-adNews2 li .news-item{ border:1px solid #e9e9e9; margin:0 10px;} .w-adNews2 li .news-item .news-com{ padding:8px 10px 20px 10px;} .w-adNews2 li .news-item .news-com .news-com-top{ margin-bottom:10px;} .w-adNews2 li .news-item .news-com .news-com-top .date{ float:left; } .w-adNews2 li .news-item .news-com .news-com-top .viewDetail{float:right;} .w-adNews2 li .news-item .news-com .news-com-top .viewDetail .icon_viewDetail{ display:inline-block;*zoom:1; background:url(../images/icon_news_more.png) no-repeat center; width:8px; height:7px; vertical-align:middle; margin-left:5px;} .w-adNews2 li .news-item .news-com .news-h{font-size:115%; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews2 li .news-item .news-com .news-sum{ line-height:1.8; margin-top:10px; height:5.4em; overflow:hidden;} .w-adNews3{background:#fee53d;} .w-adNews3 a:hover{ text-decoration:none;} .w-adNews3 .w-adNews-texts{ float:left;width:50%;} .w-adNews3 .w-adNews-texts .w-adNews-textsIn{padding:25px 5%;} .w-adNews3 .w-adNews-texts li{ padding:20px 0 17px 0; border-bottom:1px solid #c4a628; overflow:hidden; } .w-adNews3 .w-adNews-texts li .numberQ{border:1px solid #e4ba77; width:63px; height:63px; line-height:63px; text-align:center; font-size:30px; color:#43398a; font-weight:bold; margin-right:4%; float:left; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;} .w-adNews3 .w-adNews-texts li a{ display:block;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-adNews3 .w-adNews-texts li a:hover{ padding-left:10px;} .w-adNews3 .w-adNews-texts li .w-adNews-textH h3{font-size:115%; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; color:#3d3813; margin:0; line-height:2; padding-top:2px;} .w-adNews3 .w-adNews-texts li .w-adNews-textH p,.w-adNews3 .w-adNews-texts li .w-adNews-textH .news-sum{ color:#a29018; line-height:1.8; margin-bottom:0;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews3 .w-adNews-imgs{float:right; width:50%; *width:49.99%;position:relative; background:#666;} .w-adNews3 .w-adNews-imgs .news-img{position:relative;} .w-adNews3 .w-adNews-imgs .news-img .img-count:hover img{transform: scale(1.2);-ms-transform: scale(1.1); -moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-adNews3 .w-adNews-imgs .news-img .news-buoy-content{ position:absolute; left:0; right:0; bottom:0; height:80px;} .w-adNews3 .w-adNews-imgs .news-img .news-buoy-content .mask{position:absolute; left:0; right:0; bottom:0; top:0; background:#43398a;opacity:0.84; *filter:alpha(opacity=84); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=84); } .w-adNews3 .w-adNews-imgs .news-img .news-buoy-content h3{padding:30px 100px 30px 45px; position:relative; z-index:1; margin:0; color:#fff; font-size:18px; font-weight:normal;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-adNews3 .w-adNews-imgs .adNews3prev{ position:absolute; right:45px; bottom:0; width:45px; height:80px;background:url(../images/adNews3prev.png) no-repeat center #fee53d; z-index:2; cursor:pointer;} .w-adNews3 .w-adNews-imgs .adNews3next{ position:absolute; right:0; bottom:0; width:45px; height:80px; background:url(../images/adNews3next.png) no-repeat center #fee53d; z-index:2; cursor:pointer;} .w-adNews4 li{ border-bottom:1px solid #f0f0f0;} .w-adNews4 li .news-together{overflow:hidden; line-height:2.5;} .w-adNews4 li .news-h{ float:left; width:75%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; } .w-adNews4 li .date{ float:right;width:25%; *width:24.99%; text-align:right;} .w-adNews4 .news-sum{margin-bottom:5px;} .w-adNews4-nodate li .news-h{ width:100%;} .w-adNews5 li{border-bottom:1px solid #f0f0f0; padding:1em 0;} .w-adNews5 li:first-child{ padding-top:0;} .w-adNews5 li .news-item{overflow:hidden;} .w-adNews5 li .news-imgbox{ float:left; width:25%;} .w-adNews5 li .news-com{ margin-left:30%;} .w-adNews5 li .news-h{font-size:115%; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews5 li .date{opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);} .w-adNews5 li .news-sum{ max-height:4.5em; overflow:hidden; line-height:1.5;} .w-adNews6 .adNewsF{overflow:hidden;} .w-adNews6 .adNewsF .news-imgbox{ float:left; width:25%; margin-right:5%;} .w-adNews6 .adNewsF .news-com .news-together{overflow:hidden; margin-bottom: 0.3em;} .w-adNews6 .adNewsF .news-h{width:70%; float:left;font-size:110%; font-weight:bold; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews6 .adNewsF .date{ width:30%; *width:29.99%; float:right; text-align:right;opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);} .w-adNews6 .adNewsTL{padding-top:1em;} .w-adNews6 .adNewsTL li{ border-bottom:1px solid #f0f0f0;} .w-adNews6 .adNewsTL li .news-together{overflow:hidden; line-height:2.5;} .w-adNews6 .adNewsTL li .news-h{ float:left; width:75%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; } .w-adNews6 .adNewsTL li .date{ float:right;width:25%; *width:24.99%; text-align:right;} .w-adNews7{line-height:1.3 !important;} .w-adNews7 .adNewsR{float:right; width:34%;background:#242424; position:relative;} .w-adNews7 .adNewsR .news-imgbox img{transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);} .w-adNews7 .adNewsR .w-news-img:hover img{transform: scale(1.1);-ms-transform: scale(1.1); -moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-adNews7 .adNewsR .news-com{ padding:30px 30px; color:#fff;} .w-adNews7 .adNewsR .news-com .news-together{margin-bottom:10px;} .w-adNews7 .adNewsR .news-com .news-h{line-height: 1.5;} .w-adNews7 .adNewsR .news-com .news-h a{color:#fff;font-size:125%; } .w-adNews7 .adNewsR .news-com .date{color:#fff;} .w-adNews7 .adNewsR .news-com .news-sum{max-height:5.8em; line-height:1.5; overflow:hidden;} .w-adNews7 .adNewsR .news-com .more{position:absolute; right:0; bottom:0;} .triangle-bottomright{width: 0;height: 0;border-bottom: 35px solid #242424;border-left: 35px solid transparent;} .w-adNews7 .adNewsR .news-com .more .more_add{position:absolute; bottom:3px; right:3px; color:#fff; font-weight:bold; font-size:14px;} .w-adNews7 .adNewsL{ float:left; width:64.5%;} .w-adNews7 .adNewsL li{ overflow:hidden; margin-bottom:20px; background:#D9D9D9; position:relative;} .w-adNews7 .adNewsL li .date{ float:left; text-align:center; padding:0 35px 14px; margin-right:15px; color:#7c7c7c; font-family:Arial, Helvetica, sans-serif;} .adNews7datebg{background:#CCCCCC;} .w-adNews7 .adNewsL li .date .date-day{ font-size:72px;line-height:1.4;} .w-adNews7 .adNewsL li .date .date-yearMonth{border:1px solid #7c7c7c; line-height:1.7; font-size:18px; padding:0 12px;} .w-adNews7 .adNewsL li .news-com{color:#242424; padding:17px 50px 17px 15px; } .w-adNews7 .adNewsL li .news-com .news-h{font-size:125%; margin-bottom:15px;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews7 .adNewsL li .news-com .news-h a{color:#242424; } .w-adNews7 .adNewsL li .news-com .news-sum{max-height:4.3em; overflow:hidden; line-height:1.5;} .w-adNews7 .adNewsL li .news-com .more{position:absolute; right:0; bottom:0;} .w-adNews7 .adNewsL li .news-com .more .more_add{position:absolute; bottom:3px; right:3px; color:#fff; font-weight:bold; font-size:14px;} .w-adNews7 .adNewsL li:hover{background:#242424;} .w-adNews7 .adNewsL li:hover .date,.w-adNews7 .adNewsL li:hover .news-com,.w-adNews7 .adNewsL li:hover .news-com .news-h a{ color:#fff;} .w-adNews7 .adNewsL li:hover .date .date-yearMonth{border-color:#fff;} .w-adNews8 li{ border-bottom:1px solid #f0f0f0; margin-bottom:0.3em;} .w-adNews8 li .news-together{overflow:hidden; line-height:2.5;} .w-adNews8 li .news-h{ float:left; width:75%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; font-weight:bold; font-size:110%;} .w-adNews8 li .date{ float:right;width:25%; *width:24.99%; text-align:right;} .w-adNews8 .news-sum{margin-bottom:5px; line-height:1.5; max-height:4.4em; overflow:hidden;} .w-adNews9 li{ padding:22px 0 9px; border-bottom:1px solid #f0f0f0; overflow:hidden;} .w-adNews9 li:first-child{padding-top:0;} .w-adNews9 li .date{ float:left; margin-right:20px; margin-left:7px; text-align:center;line-height:1.5; color:#fff; } .w-adNews9 li .date .date-day{font-size:30px;} .w-adNews9 li .date .date-yearMonth{padding:0 7px;} .w-adNews9 li .news-com .news-h{ margin-bottom:10px; line-height:1.5;font-size:105%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; } .w-adNews9 li .news-com .news-sum{line-height:1.2; height:2.4em; overflow:hidden;} .w-adNews10 li{position:relative; margin-bottom:20px;} .w-adNews10 li .news-item{ margin-left:35px; border:1px solid #c8c8c8;} .w-adNews10 li .news-item .num{ width:67px; height:67px; position:absolute; top:50%; margin-top:-33px; left:0; text-align:center; line-height:67px; font-size:30px; color:#fff;} .w-adNews10 li .news-item .news-com{ padding:25px 180px 25px 55px;} .w-adNews10 li .news-item .news-com .news-h{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; font-size:115%; margin-bottom:10px;} .w-adNews10 li .news-item .news-com .news-sum{text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-adNews10 li .news-item .news-com .more{position:absolute; width:120px; right:18px; bottom:25px;} .w-adNews10 li .news-item .news-com .more a{display:block; height:35px; line-height:35px; text-align:center; color:#fff; background:#181818;} .w-adNews10 li .news-item .news-com .more a:hover{text-decoration:none; background:#363636;} .w-adNews11{ margin-left:-1.8%; margin-right:-1.8%; } .w-adNews11 li{ width:29.73%; margin:0 1.8% 1.5em; float:left;} .w-adNews11 li .news-h{ font-size:120%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-adNews11 li .date{ font-size:95%;} .w-adNews11 li .news-sum{ font-size:95%; position:relative; padding-bottom:0.5em; border-bottom:1px solid #e5e5e5; height:5.6em; overflow:hidden; line-height:1.8;} .w-adNews11 li .news-btn{ margin-top:1.5em; text-decoration:none;} .w-adNews12 li .news-together{overflow:hidden; line-height:2.5;} .w-adNews12 li .news-h{ float:left; max-width:75%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; } .w-adNews12 li .date{ float:right; width:24%; text-align:right; overflow:hidden;} .w-adNews12 .news-sum{margin-bottom:5px;} .w-adNews13 a:hover{ text-decoration:underline;} .w-adNews13 li .news-together{overflow:hidden; line-height:2.5;} .w-adNews13 li .news-h{ float:left; max-width:73%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; } .w-adNews13 li .date{ float:left; max-width:24%; margin-left:1.5em; text-align:right; overflow:hidden;} .w-adNews13 .news-sum{margin-bottom:5px;} .w-adNews14 li .news-together{overflow:hidden; line-height:2.5;} .w-adNews14 li .news-h{ float:left; max-width:75%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; } .w-adNews14 li .date{ float:right; width:24%; text-align:right; overflow:hidden;} .w-adNews14 .news-sum{margin-bottom:5px;} .w-adNews15{ position:relative;} .w-adNews15 li{width:100%; float:left;} .w-adNews15 li .news-item{ position:relative; overflow:hidden;} .w-adNews15 .news-item .news-com{ padding:7px 1em; position:absolute; bottom:0; left:0; right:0;} .w-adNews15 .news-item .news-com .mask{ position:absolute; left:0; right:0; top:0;bottom:0; background:#000;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} .w-adNews15 .news-item .news-com .news-h{ position:relative; z-index:1; color:#fff;} .w-adNews15 .news-item .news-com .news-h a{color:#fff;} .w-adNews15 .prev,.w-adNews15 .next{ position:absolute; top:50%; margin-top:-35px; width: 40px; height:40px; background-repeat:no-repeat; background-position:center center; cursor:pointer; visibility:hidden; transition: all 0.5s; -webkit-transition: all 0.5s;} .w-adNews15:hover .prev,.w-adNews15:hover .next{ visibility:visible;} .w-adNews15 .prev{ left:10px; background-image:url(../images/lantern_pre.png);} .w-adNews15 .next{ right:10px; background-image:url(../images/lantern_next.png);} .w-adNews15 .prev:hover{ background-size:12px 50%; background-color:rgba(0,0,0,0.5); border-radius:50%; -webkit-border-radius:50%;} .w-adNews15 .next:hover{ background-size:12px 50%; background-color:rgba(0,0,0,0.5); border-radius:50%; -webkit-border-radius:50%;} .w-adNews16{ margin-left:-0.5%; margin-right:-0.5%;} .w-adNews16 li{ float:left; width:25%; *width:24.99%; margin-bottom:0.8em;} .w-adNews16 li a{ display:block; text-decoration:none;} .w-adNews16 li .news-item{ margin:0 2%; position:relative;} .w-adNews16 li .news-item:hover{transform:translateY(-10px);-ms-transform: translateY(-10px); -moz-transform:translateY(-10px);-webkit-transform:translateY(-10px);-o-transform:translateY(-10px);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-adNews16 li .news-com{ position:absolute; left:0; right:0; bottom:0; color:#fff; line-height:1.5;} .w-adNews16 li .adnew_mask{position:absolute; left:0; top:0; right:0; bottom:0; opacity:0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);} .adnew_mask{ background:#000;} .w-adNews16 li .news-item:hover .adnew_mask{opacity:0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);} .w-adNews16 li .news-com .news-com-in{ position:relative; z-index:1; padding:0.5em 1em;} .w-adNews16 li .news-com .news-h{ font-size:115%; color:#fff;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden;} .w-adNews16 li .news-com .date{ font-size:90%; color:#fff; display:none;} .w-adNews16 li .news-com .news-sum{ color:#fff; font-size:95%; display:none; max-height:3em; line-height:1.5; overflow:hidden;} .w-adNews16 li .news-item:hover .news-com .date,.w-adNews16 li .news-item:hover .news-com .news-sum{ display:block;} .w-adNews17 a:hover{ text-decoration:none;} .w-adNews17 li{ padding:35px 0;} .w-adNews17 li .news-item{max-width:1200px; margin:0 auto; position:relative;} .w-adNews17 li .news-item a{ display:block; margin-left:5%; margin-right:5%;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-adNews17 li:hover .news-item a{ margin-left:0; margin-right:10%;} .w-adNews17 li .date{ float:left; margin-right:5%; text-align:right; padding-left:10px;} .w-adNews17 li .date .md{ font-size:60px; line-height:50px; color:#444;} .w-adNews17 li .date .year{ font-size:16px; color:#999;} .w-adNews17 li .news-com{ padding-right:10px;} .w-adNews17 li .news-com .news-h{ font-size:115%;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden;} .w-adNews17 .news-sum{ margin-top:0.5em; line-height:1.5; height:2.9em; overflow:hidden; color:#8f8f8f;} .w-adNews17 li .news-com .adore{ position:absolute; top:50%; margin-top:-15px; right:2%; width:30px; height:30px; overflow:hidden; background:url(../images/adnews17Adore.png) no-repeat -30px 0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; opacity:0;} .w-adNews17 li:hover .news-com .adore{ background-position:0 0;opacity:1;} .w-adNews17 li:hover a,.w-adNews17 li:hover .date .md,.w-adNews17 li:hover .date .year,.w-adNews17 li:hover .news-h,.w-adNews17 li:hover .news-sum{ color:#fff;} .w-adNews18 a:hover{ text-decoration:none;} .w-adNews18 ul{position:relative;} .w-adNews18 ul::after{ content:''; position:absolute; left:6.5em; top:0; bottom:0; width:1px; background:#EBEBEB;} .w-adNews18 li{ position:relative; padding-bottom:1.5em;} .w-adNews18 li .date{ position:absolute; left:0; top:0;text-align:right; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.5;} .w-adNews18 li .date .md{font-size:200%;} .w-adNews18 li .date .year{ opacity:0.75;} .w-adNews18 li .news-com{ margin-left:6.5em; padding-left:1.5em; padding-right:0.8em;position:relative;padding-top:0.7em;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-adNews18 li:hover .news-com{padding-left:2.3em; padding-right:0;} .w-adNews18 li .news-com .ax_line{ /*content:'';*/position:absolute; z-index:1; width:1px; height:1.5em; left:0; top:1em; } .ax_line{background:#aaa;} .w-adNews18 li .news-com .news-h{ font-size:115%; margin-bottom:0.5em; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden;} .w-adNews18 .news-sum{ color:#8f8f8f;} .w-adNews19{ line-height:1.8;} .w-adNews19 a:hover{ text-decoration:none;} .w-adNews19 li{ padding:1em 0 1.5em; border-bottom:1px solid rgba(0,0,0,0.1);} .w-adNews19 li .news-item{ position:relative;} .w-adNews19 li .date{position:absolute; top:0.2em; left:0; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; color:#B0B0B0;} .w-adNews19 li:hover .date{ top:4em; color:#888;} .w-adNews19 li .date::before{ content:''; position:absolute; width:0; height:1px; background:rgba(0,0,0,0); margin-left:0; margin-top:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-adNews19 li:hover .date::before{ width:1em;margin-left:7em; margin-top:-3em; background:rgba(0,0,0,0.4);} .w-adNews19 li .news-com{margin-left:7em; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-adNews19 li .news-com .news-h{ font-size:115%; margin-bottom:0.5em; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden;} .w-adNews19 li:hover .news-com .news-h{ margin-left:1.3em;} .w-adNews19 .news-sum{ height:3.5em; overflow:hidden;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; color:#8f8f8f;} .w-adNews19 li:hover .news-sum{transform:translateY(0.2em);-webkit-transform: translateY(0.2em);} .w-adNews20{ margin-left:-2.45%; margin-right:-2.45%; } .w-adNews20 a:hover{ text-decoration:none;} .w-adNews20 li{ width:45%; margin:0 2.45% 50px; float:left;} .w-adNews20 .news-t{ margin-bottom:1em; padding-bottom:1em; border-bottom:1px solid #EFEFEF; position:relative;} .w-adNews20 .news-t .ax_l{/* content:''; */position:absolute; left:0; width:10px; height:1px; bottom:-1px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-adNews20 li:hover .news-t .ax_l{ width:100%;} .w-adNews20 li .news-h{ font-size:115%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-adNews20 li .date{ font-size:90%; margin-bottom:0.5em; color:#808080;} .w-adNews20 .news-sum{ font-size:90%; height:5.2em; overflow:hidden; line-height:1.8; color:#8f8f8f;} .w-adNews21{ margin-left:-2.45%; margin-right:-2.45%; } .w-adNews21 a:hover{ text-decoration:none;} .w-adNews21 li{ width:45%; margin:0 2.45% 3em; float:left;} .w-adNews21 li:nth-child(2n+1){ clear:both;} .w-adNews21 li a{ padding-top:90px; position:relative; display:block;} .w-adNews21 li .date{ position:absolute; left:0; top:0; right:0; padding:0.5em 0 1em; font-family:Georgia, "Times New Roman", Times, serif,Arial, Helvetica, sans-serif; } .w-adNews21 li .date .md{ font-size:32px; line-height:1.3;} .w-adNews21 li .date .year{ font-size:90%;} .w-adNews21 li .news-com{ padding-top:1.4em; border-top:1px solid #efefef; position:relative;} .w-adNews21 li .news-com .adx{ /*content:'';*/ position:absolute; left:0; top:-1px; width:0; height:1px;} .w-adNews21 li .news-h{ font-size:115%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden; margin-bottom:0.7em;} .w-adNews21 .news-sum{ font-size:90%; height:5.2em; overflow:hidden; line-height:1.8; color:#8f8f8f;} .w-adNews22 a{ display:block;} .w-adNews22 a:hover{ text-decoration:none;} .w-adNews22 .date{ color:#999;} .w-adNews22 .adNewsF{ border-bottom:1px solid #eee; padding-bottom:1em; margin-bottom:1em;} .w-adNews22 .news-sum{ line-height:1.7; max-height:4.9em; overflow:hidden;color:#8f8f8f;} .w-adNews22 .adNewsF .news-h{ font-size:130%;} .w-adNews22 .adNewsTL .news-t{ padding:0.3em 0;} .w-adNews22 .adNewsTL .date{ float:left; margin-right:1em;} .w-adNews22 .adNewsTL .news-h{ float:left;} .w-adNews23{ margin-left:-30px; margin-right:-30px; position:relative;} .w-adNews23 li{ float:left; width:33.33%; margin-bottom:1em; margin-top:25px;} /*.w-adNews23 li:nth-child(3n+1){ clear:both;}*/ .w-adNews23 li a{ display:block; padding:20px;} .w-adNews23 li a:hover{ text-decoration:none;} .w-adNews23 li .news-item{ position:relative; margin:0 10px; transition:transform 0.5s; -webkit-transition:transform 0.5s;} .w-adNews23 li:hover .news-item{ transform:translateY(-20px); -webkit-transform:translateY(-20px);box-shadow:0 5px 15px rgba(0,0,0,0.2); -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2);} .w-adNews23 li .news-imgbox{ overflow:hidden; margin-top:45px;} .w-adNews23 .news-com .news-h{ line-height:1.5; font-size:120%;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-adNews23 li .date{ color:#999; margin-top:0.3em;font-size:92%;} .w-adNews23 li .news-sum{ color:#8f8f8f; line-height:1.8;height:5.2em;font-size:92%; overflow:hidden; margin-top:1em;} .xd_prev,.xd_next{position:absolute; z-index:2; width:40px; height:40px; top:50%; margin-top:-20px;background-repeat:no-repeat; background-position:center center; background-color:rgba(0,0,0,0.2); cursor:pointer; visibility:hidden; transition:all 0.5s; -webkit-transition:all 0.5s;} .w-adNews23:hover .xd_prev,.w-adNews23:hover .xd_next{ visibility:visible;} .xd_prev{ background-image:url(../images/icon_prd_pre.png); left:-40px;} .xd_next{ background-image:url(../images/icon_prd_next.png); right:-40px; } .w-adNews23:hover .xd_prev{left:-20px; } .w-adNews23:hover .xd_next{right:-20px;} .w-adNews24{ margin:0 -10px;} .w-adNews24 li a{ display:block;} .w-adNews24 li a:hover{ text-decoration:none;} .w-adNews24 li{ float:left; width:50%; margin-bottom:20px;} .w-adNews24 li:nth-child(2n+1){ clear:both;} .w-adNews24 li .news-item{margin:0 10px; background:#fff; -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.1); box-shadow:0 2px 10px rgba(0,0,0,0.1);} .w-adNews24 li .news-imgbox{ float:left; width:280px; overflow:hidden;} .w-adNews24 li .news-imgbox:before{content: '';position: absolute;left: -10px;top: -10px; right:-10px; bottom:-10px;z-index:1;border: 1px solid rgba(255,255,255,.6);transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;} .w-adNews24 li .news-imgbox:after{content: '';position: absolute;left: -10px;top: -10px;right:-10px; bottom:-10px;border: 10px solid #fff;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;} .w-adNews24 li a:hover .news-imgbox:before{left:20px;top:20px; right:20px; bottom:20px;} .w-adNews24 li a:hover .news-imgbox:after{left:0;top:0; right:0; bottom:0;} .w-adNews24 li .news-com{ margin-left:280px; padding:15px 20px; line-height:1.3;} .w-adNews24 li .news-h{ font-size:115%; margin-bottom:0.3em;max-height: 2.5em;overflow: hidden;} .w-adNews24 li .date,.w-adNews24 li .news-sum{color:#8f8f8f; line-height:1.5; } .w-adNews24 li .news-sum{ height:4.3em; overflow:hidden; font-size:95%;} .w-adNews24 li .more{position: relative;z-index: 1; margin-top: 25px;display:block;width: 100px; height: 30px; font-size: 12px;color: #fff;text-align: center;line-height: 30px; border-width:1px; border-style:solid; overflow: hidden; } .w-adNews24 li .more span{display: inline-block;width: 0;opacity: 0;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;} .w-adNews24 li .more i{display: inline-block;margin-top:-5px;width: 16px;height: 7px;background-repeat: no-repeat;background-position: 0 0;background-image: url("../images/adn24.png");} .w-adNews24 li .more:hover span{width: 50px;opacity: 1;} .w-adNews24 li .more:hover i{background-position: 0 -7px;} /*------------------------adNews end---------------------------------*/ /*-----------------------------------产品组件---------------------------*/ .w-product .w-prd-list-cell{float:none; margin-bottom:0.3em;} .w-product .w-prd-list-cell .w-prd-infobox{ padding:0.7em 0;} .w-product .w-prd-infobox h2{ font-size:110%; margin-top:0; margin-bottom:0.5em; font-weight:normal; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-product2 .w-prd-imgbox{ float:left; width:45%;} .w-product2 .w-prd-list-cell .w-prd-infobox{ margin-left:45%; padding:0 1em;} .w-product3 .w-prd-imgbox{ float:right; width:45%;} .w-product3 .w-prd-list-cell .w-prd-infobox{ margin-right:45%; padding:0 1em;} /*-----------------------------------产品集组件---------------------------*/ .w-productList{ margin-left:-12px; margin-right:-12px;} .w-productList .w-prd-list-cell{margin-bottom:10px;} .w-productList .w-prd-list-cell .w-prd-list-cell-in{ margin:0 12px;} .w-productList .w-prd-infobox h2{ font-size:115%; line-height:1.5; margin:0;font-weight:normal; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-productList .w-prd-list-cell .w-prd-sum{ line-height:1.3; font-size:95%; overflow:hidden;} .w-productList .prd_pre,.w-productList .prd_next{position:absolute; z-index:2; width:25px; height:40px; top:50%; margin-top:-20px; background-image:url(../images/adprdSlide.png); background-repeat:no-repeat; cursor:pointer;} .w-productList .prd_pre{left:-8px; background-position:0 0;} .w-productList .prd_next{right:-8px; background-position:-25px 0;} .prd_pageState{text-align:center; margin-top:0; *margin-top:10px;} .prd_pageState span{ background:#CBCBCB; width:8px; height:8px; display:inline-block; *display:inline; *zoom:1; margin:0 3px; cursor:pointer; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .prd_pageState span.active{ background:#FF8F20;} .prd_pageState span:before{ box-sizing: content-box; -webkit-box-sizing: content-box;} .xd_page{text-align:center; margin-top:0; *margin-top:10px;} .xd_page span{ background:#CBCBCB; width:6px; height:6px; display:inline-block; *display:inline; *zoom:1; margin:0 5px; cursor:pointer; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} .xd_page span.active{ background:#000000;} .xd_page span:before{ box-sizing: content-box; -webkit-box-sizing: content-box;} .w-productList1 .w-prd-list-cell .w-prd-infobox{ padding:0.7em 0;} .w-productList1 .w-prd-list-cell .w-prd-sum{ max-height:3.9em; } .w-productList2{ position:relative;} .w-productList2 .w-prd-list-cell .w-prd-infobox{ padding:0.7em 0;} .w-productList2 .w-prd-list-cell .w-prd-sum{ max-height:5.1em; padding-top: 0; padding-bottom: 0;} .w-productList3{position:relative;} .w-productList3 .w-prd-con{position:relative; overflow:hidden; } .w-productList3 .w-prd-list-cell .w-prd-con{ padding:0;} .w-productList3 .w-prd-con a{ display:block; text-decoration:none;} .w-productList3 .w-prd-con .w-prd-infoboxBox{position:absolute; left:0; right:0; bottom:0; height:3.1em;} .w-productList3 .w-prd-con .w-prd-infoboxBox .prd-mask{ position:absolute; left:0; right:0; top:0; bottom:0; opacity:0.63; *filter:alpha(opacity=63); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=63);} .prd-mask{ background:#000;} .w-productList3 .w-prd-con .w-prd-infoboxBox .w-prd-infobox{ position:relative; z-index:1; padding:0.7em 1em;} .w-productList3 .w-prd-infobox h2{ color:#fff;} .w-productList3 .w-prd-list-cell .w-prd-sum{ color:#fff; display:none; max-height:7.7em;} .w-productList3 .w-prd-list-cell .w-prd-price-groups{color:#fff; display:none;} .w-productList3 .w-prd-list-cell .w-prd-price-groups .w-prd-price-markit{opacity:0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);} .w-productList3 .w-prd-list-cell .w-prd-price-groups .product-price-prefix{ color:#fff;} .w-productList3 .w-prd-list-cell .w-prd-price-groups .w-prd-price-markit .product-price-amount{ color:#fff; } .w-productList3 .w-prd-list-cell:hover .w-prd-sum,.w-productList3 .w-prd-list-cell:hover .w-prd-price-groups{ display:block;} .w-productList3 .w-prd-list-cell:hover .w-prd-infoboxBox{ height:100%;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList3 .w-prd-list-cell:hover .w-prd-con .w-prd-infoboxBox .w-prd-infobox{ top:50% !important; top:10%\9 !important; *top:10% !important; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding-top:0 !important; margin-top:0 !important;} :root .w-productList3 .w-prd-list-cell:hover .w-prd-con .w-prd-infoboxBox .w-prd-infobox{ top:50% !important;} .w-productList3 .w-prd-list-cell:hover .w-prd-infobox h2{ font-size:130%; white-space: normal; word-break: normal;} .w-productList3 .w-prd-list-cell .img-count-in{overflow:hidden;} .w-productList3 .w-prd-list-cell:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList4{ margin-left:0 !important; margin-right:0 !important;} .w-productList4 .w-prd-list-cell{ margin-bottom:0 !important;} .w-productList4 .w-prd-list-cell .w-prd-list-cell-in{ margin:0 !important;} .w-productList4 .w-prd-con{position:relative; overflow:hidden; } .w-productList4 .w-prd-list-cell .w-prd-con{ padding:0;} .w-productList4 .w-prd-con a{ display:block; text-decoration:none;} .w-productList4 .h_b{position:absolute; z-index:1; left:0; right:0; bottom:0; padding:0.6em 1em;} .w-productList4 .h_b .prd-mask{ position:absolute; left:0; right:0; top:0; bottom:0; opacity:0.75; *filter:alpha(opacity=75); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);} .w-productList4 .w-prd-list-cell .h_b .w-prd-infobox h2{ font-size:110%; color:#fff; margin-bottom:0; position:relative; z-index:1;} .w-productList4 .w-prd-con .w-prd-infoboxBox .w-prd-infobox{ position:relative; z-index:1; padding:0.7em 1em;} .w-productList4 .w-prd-popBox{ position:absolute; z-index:2; left:0; bottom:-100%; width:100%; height:100%; opacity:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList4 .w-prd-list-cell:hover .w-prd-popBox{ opacity:1; bottom:0;} .w-productList4 .w-prd-popBox .prd-mask{ position:absolute; left:0; right:0; top:0; bottom:0; } .w-productList4 .w-prd-popBox .pop-infobox{ position:relative; z-index:1; padding:1em 1.2em;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); } :root .w-productList4 .w-prd-popBox .pop-infobox{ top:50%;} .w-productList4 .pop-infobox .info_in{ padding-right:40px; background:url(../images/icon_prd1.png) no-repeat right center;} .w-productList4 .pop-infobox h2{ font-size:130%; font-weight:normal; color:#fff; padding-bottom:0.5em; border-bottom:1px solid #fff; margin:0 0 0.5em;} .w-productList4 .w-prd-list-cell .w-prd-sum{ color:#fff;text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-productList4 .w-prd-list-cell .w-prd-price-groups,.w-productList4 .w-prd-list-cell .w-prd-price-groups .product-price-prefix,.w-productList4 .w-prd-list-cell .w-prd-price-groups .w-prd-price-markit .product-price-amount,.w-productList4 .w-prd-list-cell .w-prd-price-groups .w-prd-price-sale{color:#fff;} .w-productList4 .w-prd-list-cell .w-prd-price-groups .w-prd-price-markit{opacity:0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);} /*产品图片动画*/ .w-product .imgScaleBig .img-count-in{overflow:hidden;} .w-product .imgScaleBig:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgScaleSmall .img-count-in{overflow:hidden;} .w-product .imgScaleSmall img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12);-o-transform: scale(1.12);} .w-product .imgScaleSmall:hover img{ transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgLeft .img-count-in{overflow:hidden;} .w-product .imgLeft img{transform: scale(1.2) translateX(5%);-ms-transform: scale(1.2) translateX(5%); -moz-transform: scale(1.2) translateX(5%);-webkit-transform: scale(1.2) translateX(5%);-o-transform: scale(1.2) translateX(5%);} .w-product .imgLeft:hover img{transform: scale(1.2) translateX(0);-ms-transform: scale(1.2) translateX(0); -moz-transform: scale(1.2) translateX(0);-webkit-transform: scale(1.2) translateX(0);-o-transform: scale(1.2) translateX(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgTop .img-count-in{overflow:hidden;} .w-product .imgTop img{transform: scale(1.2) translateY(5%);-ms-transform: scale(1.2) translateY(5%); -moz-transform: scale(1.2) translateY(5%);-webkit-transform: scale(1.2) translateY(5%);-o-transform: scale(1.2) translateY(5%);} .w-product .imgTop:hover img{transform: scale(1.2) translateY(0);-ms-transform: scale(1.2) translateY(0); -moz-transform: scale(1.2) translateY(0);-webkit-transform: scale(1.2) translateY(0);-o-transform: scale(1.2) translateY(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgbgFadeIn .imgbg{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;background:#fff; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-product .imgbgFadeIn:hover .imgbg{opacity:0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgSearch .imgSearchBox{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-product .imgSearch .imgbg{position:absolute; height:100%; width:100%;background:#000;opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35); transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);} .w-product .imgSearch .imgSearchBox .icon_search{ height:75px; width:75px; background:url("../images/img/icon_link3.png") no-repeat center center; position:absolute; z-index:1; left:50%; margin-left:-37px; top:50%; margin-top:-37px;} .w-product .imgSearch:hover .imgSearchBox{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-product .imgSearch:hover .imgbg{transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;} .w-product .imgSearch:hover .imgSearchBox .icon_search{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgSearch:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-product .imgF .img-count-in::before{background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; z-index:2; top: 0; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, -100%);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); transition: transform 0.6s ease 0s; -moz-transition: transform 0.6s ease 0s;-webkit-transition: transform 0.6s ease 0s; -o-transition: transform 0.6s ease 0s; width: 100%;} .w-product .imgF:hover .img-count-in::before{transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, 100%x);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);} /*产品集图片动画*/ .w-productList .imgScaleBig .img-count-in{overflow:hidden;} .w-productList .imgScaleBig:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgScaleSmall .img-count-in{overflow:hidden;} .w-productList .imgScaleSmall img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12);-o-transform: scale(1.12);} .w-productList .imgScaleSmall:hover img{ transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgLeft .img-count-in{overflow:hidden;} .w-productList .imgLeft img{transform: scale(1.2) translateX(5%);-ms-transform: scale(1.2) translateX(5%); -moz-transform: scale(1.2) translateX(5%);-webkit-transform: scale(1.2) translateX(5%);-o-transform: scale(1.2) translateX(5%);} .w-productList .imgLeft:hover img{transform: scale(1.2) translateX(0);-ms-transform: scale(1.2) translateX(0); -moz-transform: scale(1.2) translateX(0);-webkit-transform: scale(1.2) translateX(0);-o-transform: scale(1.2) translateX(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgTop .img-count-in{overflow:hidden;} .w-productList .imgTop img{transform: scale(1.2) translateY(5%);-ms-transform: scale(1.2) translateY(5%); -moz-transform: scale(1.2) translateY(5%);-webkit-transform: scale(1.2) translateY(5%);-o-transform: scale(1.2) translateY(5%);} .w-productList .imgTop:hover img{transform: scale(1.2) translateY(0);-ms-transform: scale(1.2) translateY(0); -moz-transform: scale(1.2) translateY(0);-webkit-transform: scale(1.2) translateY(0);-o-transform: scale(1.2) translateY(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgbgFadeIn .imgbg{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;background:#fff; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-productList .imgbgFadeIn:hover .imgbg{opacity:0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgSearch .imgSearchBox{position:absolute; z-index:1; left:0; right:0; top:0; bottom:0;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-productList .imgSearch .imgbg{position:absolute; height:100%; width:100%;background:#000;opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35); transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);} .w-productList .imgSearch .imgSearchBox .icon_search{ height:75px; width:75px; background:url("../images/img/icon_link3.png") no-repeat center center; position:absolute; z-index:1; left:50%; margin-left:-37px; top:50%; margin-top:-37px;} .w-productList .imgSearch:hover .imgSearchBox{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-productList .imgSearch:hover .imgbg{transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;} .w-productList .imgSearch:hover .imgSearchBox .icon_search{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgSearch:hover img{transform: scale(1.12);-ms-transform: scale(1.12); -moz-transform: scale(1.12);-webkit-transform: scale(1.12); -o-transform: scale(1.12);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;} .w-productList .imgF .img-count-in::before{background: rgba(255, 255, 255, 0.5); content: ""; height: 100%; left: 0; position: absolute; z-index:2; top: 0; transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, -100%);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px); transition: transform 0.6s ease 0s; -moz-transition: transform 0.6s ease 0s;-webkit-transition: transform 0.6s ease 0s; -o-transition: transform 0.6s ease 0s; width: 100%;} .w-productList .imgF:hover .img-count-in::before{transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-ms-transform:scale(1.9, 1.4) rotate(45deg) translate(0px, 100%x);-moz-transform:scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px); -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);} /*-----------------------------------产品组件 end---------------------------*/ /*----------------------按钮组件----------------------------*/ .btn-w{ display:inline-block; *display:inline; *zoom:1; line-height:1.5; cursor:pointer;} .btn-w:hover{transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s; } .btn-border-radius0{ border-radius:0;-moz-border-radius:0; -webkit-border-radius:0;} .btn-border-radius1{ border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em; overflow:hidden;} .btn-border-radius2{ border-radius:3em; -moz-border-radius:3em; -webkit-border-radius:3em; overflow:hidden;} .btnbg_default{ background-color:#7E7E7E;} .btnbg_default_light{ background-color:#f0f0f0; color:#333;} .color_white{ color:#fff;} .btn-boxShadow{ box-shadow:0 0 5px rgba(0,0,0,0.1); -moz-box-shadow:0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.1); border:1px solid #f0f0f0 \9;} .btn-pd1{ padding:0 0.5em;} .btn-pd2{ padding:0.3em 1em;} .btn-pd3{ padding:0.5em 1em;} .btn-pd4{ padding:0.5em 3em;} .btn-pd5{ padding:0.8em 0; width:100%;} .btn-pd5 .btn-inner{ padding:0 1em;} .w-button1 .btn-w,.w-button2 .btn-w,.w-button5 .btn-w{ border-width:1px; border-style:solid; } .w-button2 .btn-w:hover{ color:#fff;} .w-button3 .btn-w:hover{ color:#fff;} .w-button4 .btn-w{ color:#fff;} .w-button5 .btn-w:hover{ background:none;} .w-button6 .btn-w:hover{ color:#fff;} .w-button7 .btn-w{ text-decoration:underline; padding-left:0; padding-right:0;} .w-button8 .btn-w:hover{ color:#fff;} .w-button9 .btn-w{ width:36px; height:36px; padding:0; background-image:url(../images/moreimg1.png); background-repeat:no-repeat; background-position:center center;} .w-button9 .btn-w .btn-inner{ display:none;} .w-button10 .btn-w{ color:#fff; position:relative;} .w-button10 .btnout-w{display:block; position:absolute; top:0; bottom:0; right:0; width:40px; background:url(../images/moreimg2.png) no-repeat center center #2D3235;} .w-button10 .btn-w .btn-inner{ display:block; padding-right:40px;} .w-button10 .btn-pd1 .btn-inner{ padding-right:25px;} .w-button10 .btn-pd1 .btnout-w{ width:25px;} .w-button10 .btn-pd2 .btn-inner{ padding-right:32px;} .w-button10 .btn-pd2 .btnout-w{ width:32px;} .w-button10 .btn-pd4 .btn-inner{ padding-right:32px;} .w-button10 .btn-pd4 .btnout-w{ width:32px;} .w-button10 .btn-pd4{ padding:0.7em 2em;} .w-button11 .btn-w{ border:1px solid #d0d0d0;border:1px solid rgba(0,0,0,0.2); position:relative; } .w-button11 .btn-w:hover{ color:#fff;} .w-button11 .btn-w .btnbg-x{ position:absolute; left:-1px; width:0; top:-1px; bottom:-1px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-button11 .btn-w:hover .btnbg-x{ width:100%; width:calc(100% + 2px); } .w-button11 .btn-w span.btn-inner{ display:inline-block; *display:inline; *zoom:1; padding:0.2em 1.2em; position:relative; z-index:1;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; } .w-button11 .btn-w span.btn-inner i{ position:absolute; top:50%; margin-top:-0.75em; line-height:1.5; right:1em; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-button11 .btn-w:hover span.btn-inner i{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); right:0.6em;} .w-button11 .btn-w:hover span.btn-inner{ padding:0.2em 1.8em 0.2em 0.6em;} .w-button12 .btn-w{ position:relative;} .w-button12 .btn-w .btnbg-x{ position:absolute; left:50%; width:0; top:0; bottom:0; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; border-top-width:1px; border-top-style:solid; border-bottom-width:1px; border-bottom-style:solid;} .w-button12 .btn-w:hover .btnbg-x{ width:100%; left:0; } .w-button12 .btn-w span.btn-inner{ display:inline-block; *display:inline; *zoom:1; padding:0.3em 1.2em; position:relative; z-index:1;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; } .w-button12 .btn-w span.btn-inner i{ position:absolute; top:50%; margin-top:-0.75em; line-height:1.5; right:1em; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-button12 .btn-w:hover span.btn-inner i{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); right:0.6em;} .w-button12 .btn-w:hover span.btn-inner{ padding:0.3em 1.8em 0.3em 0.6em;} .w-button13 .btn-w{ border:1px solid #d0d0d0;border:1px solid rgba(0,0,0,0.2); position:relative; overflow:hidden;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-button13 .btn-w:hover{ color:#fff; } .w-button13 .btn-w .btnbg-x{ position:absolute; left:50%; width:0; top:0px; bottom:0px; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; } .w-button13 .btn-w:hover .btnbg-x{ width:100%; left:0px; } .w-button13 .btn-w span{ position:relative; z-index:1; padding:0.1em 0.5em; display:inline-block;*display:inline; *zoom:1;} .w-button14 .btn-w{ border:1px solid #d0d0d0; border:1px solid rgba(0,0,0,0.2); -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;} .w-button14 .btn-w:hover{ color:#fff; } .w-button14 .btn-w .btnbg-x {position: absolute;z-index: -1;top: -1px;left: -1px;right: -1px; bottom: -1px; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .w-button14 .btn-w:hover .btnbg-x{ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transform: scaleX(1); transform: scaleX(1); opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .w-button14 .btn-w span{ position:relative; z-index:1;padding:0.1em 0.5em; display:inline-block;*display:inline; *zoom:1;} .w-button15 .btn-w{position:relative; border:1px solid #d0d0d0;border:1px solid rgba(0,0,0,0.2); /*color:#666;*/} .w-button15 .btn-w:hover{ color:#fff;transition-delay:0.3s; -webkit-transition-delay:0.3s;} .w-button15 .btn-w > div{ position:absolute;border-style:solid; border-width:0; width:0.6em; height:0.6em;transition:all 0.3s; -webkit-transition:all 0.3s; } .w-button15 .btn-w .line_tl{ left:-1px; top:-1px; border-top-width:1px; border-left-width:1px;border-color:#333;} .w-button15 .btn-w .line_tr{ right:-1px; top:-1px; border-top-width:1px; border-right-width:1px;border-color:#333;} .w-button15 .btn-w .line_bl{ left:-1px; bottom:-1px; border-bottom-width:1px; border-left-width:1px;border-color:#333;} .w-button15 .btn-w .line_br{ right:-1px; bottom:-1px; border-bottom-width:1px; border-right-width:1px;border-color:#333;} .w-button15 .btn-w .line_all{ width:auto; height:auto; top:-1px; bottom:-1px; left:-1px; right:-1px; transition:border-width 0s; -webkit-transition:border-width 0s; } .w-button15 .btn-w:hover > div{ width:55%; height:55%;} .w-button15 .btn-w:hover .line_all{width:auto; height:auto; border-width:1px; transition-delay:0.3s; -webkit-transition-delay:0.3s;} .w-button15 .btn-w span{ position:relative; z-index:1; padding:0.1em 0.5em; display:inline-block;*display:inline; *zoom:1;} .w-button16 .btn-w{ position:relative; border:1px solid #d0d0d0;border:1px solid rgba(0,0,0,0.2); /*color:#666;*/ overflow:hidden;-webkit-transition: border-color .3s, color .3s; transition: border-color .3s, color .3s;-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);transition-timing-function: cubic-bezier(.2, 1, .3, 1);} .w-button16 .btn-w:hover{ color:#fff;} .w-button16 .bg_in{ position:absolute;top: 0;left: 0;width: 150%;height: 100%;z-index: -1; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);-webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;-webkit-transition: -webkit-transform .3s, opacity .3s;transition: transform .3s, opacity .3s;} .w-button16 .btn-w:hover .bg_in{opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);-webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);transition-timing-function: cubic-bezier(.2, 1, .3, 1);} .w-button16 .btn-w span{ position:relative; z-index:1; padding:0.1em 0.5em; display:inline-block;*display:inline; *zoom:1;} .w-button17 .btn-w{position:relative;color:#fff;-webkit-transition: background-color .3s, color .3s;transition: background-color .3s, color .3s} .w-button17 .btn-w:before {content: '';position: absolute;top: -15px;left: -15px;bottom: -15px;right: -15px;background: inherit;z-index: -1;opacity: 0.5; -webkit-transform: scale3d(.6, .4, 1);transform: scale3d(.6, .4, 1); display:none\9;} .w-button17 .btn-w:hover {-webkit-transition: background-color .1s .3s, color .1s .3s;transition: background-color .1s .3s, color .1s .3s;-webkit-animation: anim-moema-1 .3s forwards;animation: anim-moema-1 .3s forwards} .w-button17 .btn-w:hover:before {-webkit-animation: anim-moema-2 .3s .3s forwards;animation: anim-moema-2 .3s .3s forwards;} .w-button17 .btn-border-radius1,.w-button17 .btn-border-radius2{ overflow:visible;} .w-button17 .btn-border-radius1:before{ border-radius:0.3em; -webkit-border-radius:0.3em;} .w-button17 .btn-border-radius2:before{ border-radius:3em; -webkit-border-radius:3em;} @-webkit-keyframes anim-moema-1 { 60% { -webkit-transform:scale3d(.8, .8, 1); transform:scale3d(.8, .8, 1) } 85% { -webkit-transform:scale3d(1.1, 1.1, 1); transform:scale3d(1.1, 1.1, 1) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes anim-moema-1 { 60% { -webkit-transform:scale3d(.8, .8, 1); transform:scale3d(.8, .8, 1) } 85% { -webkit-transform:scale3d(1.1, 1.1, 1); transform:scale3d(1.1, 1.1, 1) } 100% { -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @-webkit-keyframes anim-moema-2 { to { opacity:0; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } @keyframes anim-moema-2 { to { opacity:0; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1) } } .w-button18 .btn-w{ border:1px solid #d0d0d0;border:1px solid rgba(0,0,0,0.2);position:relative;/*color: #666;*/overflow: hidden;-webkit-transition: color .3s;transition: color .3s;} .w-button18 .btn-w .bg_brf, .w-button18 .btn-w .bg_aft{position: absolute;height: 100%;width: 100%;bottom: 100%;left: 0;z-index: -1; -webkit-transition: all .3s;transition: all .3s;-webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1); transition-timing-function: cubic-bezier(.75, 0, .125, 1);} .w-button18 .btn-w .bg_brf{ opacity:0.5;} .w-button18 .btn-w:hover {color: #fff} .w-button18 .btn-w:hover .bg_brf, .w-button18 .btn-w:hover .bg_aft{bottom:0;} .w-button18 .btn-w:hover .bg_aft{-webkit-transition-delay: .175s;transition-delay: .175s;} .w-button18 .btn-w span{ position:relative; z-index:1; padding:0.1em 0.5em; display:inline-block;*display:inline; *zoom:1;} .w-button19 .btn-w{ border:1px solid #d0d0d0;border:1px solid rgba(0,0,0,0.2);position:relative;/*color: #666;*/overflow: hidden;-webkit-transition: all .4s;transition: all .4s;} .w-button19 .btn-w:hover{ color:#fff;} .w-button19 .btn-w .bgsqr1,.w-button19 .btn-w .bgsqr2,.w-button19 .btn-w .bgsqr3,.w-button19 .btn-w .bgsqr4{ position:absolute; width:25%; height:0;-webkit-transition: height .4s;transition: height .4s;} .w-button19 .btn-w .bgsqr1{ top:0; left:0;} .w-button19 .btn-w .bgsqr2{ bottom:0; left:25%;} .w-button19 .btn-w .bgsqr3{ top:0; left:50%;} .w-button19 .btn-w .bgsqr4{ bottom:0; left:75%;} .w-button19 .btn-w:hover .bgsqr1,.w-button19 .btn-w:hover .bgsqr2,.w-button19 .btn-w:hover .bgsqr3,.w-button19 .btn-w:hover .bgsqr4{ height:100%;} .w-button19 .btn-w span{ position:relative; z-index:1;} .w-button20 .btn-w{ border:1px solid #d0d0d0; border:1px solid rgba(0,0,0,0.2); position:relative; /*color: #666;*/ overflow: hidden; -webkit-transition: all .6s;transition: all .6s;} .w-button20 .btn-w:hover{ color:#fff;} .w-button20 .btn-w .bgsqr1{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg); transform: rotate(360deg);border-style: solid;border-width: 0; border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;position: absolute;bottom: 0;left: 0; -webkit-transition: all 0.6s; transition: all 0.6s;} .w-button20 .btn-w .bgsqr2{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);transform: rotate(360deg);border-style: solid;border-width: 0; border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent; position: absolute;top: 0; right: 0;-webkit-transition: all 0.6s; transition: all 0.6s;} .w-button20 .btn-w:hover .bgsqr1{ border-width:600px 0 0 600px;} .w-button20 .btn-w:hover .bgsqr2{ border-width:0 600px 600px 0;} .w-button20 .btn-w span{ position:relative; z-index:1;} .w-button21 .btn-w{ border:1px solid #d0d0d0; border:1px solid rgba(0,0,0,0.2); position:relative; /*color: #666;*/ overflow: hidden; -webkit-transition: all .6s;transition: all .6s;} .w-button21 .btn-w:hover{ color:#fff;} .w-button21 .btn-w .bgsqr1{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg); transform: rotate(360deg);border-style: solid;border-width: 0; border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;position: absolute;bottom: 0;left: 0; -webkit-transition: all 0.6s; transition: all 0.6s;} .w-button21 .btn-w .bgsqr2{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);transform: rotate(360deg);border-style: solid;border-width: 0; border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent; position: absolute;top: 0; left: 0;-webkit-transition: all 0.6s; transition: all 0.6s;} .w-button21 .btn-w .bgsqr3{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);transform: rotate(360deg);border-style: solid;border-width: 0; border-left-color:transparent;border-top-color:transparent;border-bottom-color:transparent; position: absolute;top: 0; right: 0;-webkit-transition: all 0.6s; transition: all 0.6s;} .w-button21 .btn-w .bgsqr4{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);transform: rotate(360deg);border-style: solid;border-width: 0; border-left-color:transparent;border-right-color:transparent;border-top-color:transparent; position: absolute;bottom: 0; right: 0;-webkit-transition: all 0.6s; transition: all 0.6s;} .w-button21 .btn-w:hover .bgsqr1{ border-width:600px 0 0 600px;} .w-button21 .btn-w:hover .bgsqr2{ border-width:600px 600px 0 0;} .w-button21 .btn-w:hover .bgsqr3{ border-width:0 600px 600px 0;} .w-button21 .btn-w:hover .bgsqr4{ border-width:0 0 600px 600px;} .w-button21 .btn-w span{ position:relative; z-index:1;} .w-button22 .btn-w{ border:1px solid #d0d0d0; border:1px solid rgba(0,0,0,0.2); position:relative; /*color: #666;*/ overflow: hidden; -webkit-transition: all .6s;transition: all .6s;} .w-button22 .btn-w:hover{ color:#fff;} .w-button22 .btn-w .bgsqr1,.w-button22 .btn-w .bgsqr2{position: absolute;top: 50%; top:0\9;content: '';width: 20px;height: 20px; -webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.6s; transition: all 0.6s; opacity:0.5;} .w-button22 .btn-w .bgsqr1{left: -20px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .w-button22 .btn-w .bgsqr2{right: -20px;-webkit-transform: translate(50%,-50%);transform: translate(50%,-50%);} .w-button22 .btn-w:hover .bgsqr1{ -webkit-animation:criss-cross-left .8s both;animation:criss-cross-left .8s both;width:600px\9;height:600px\9; opacity:1;} .w-button22 .btn-w:hover .bgsqr2{ -webkit-animation:criss-cross-right .8s both;animation:criss-cross-right .8s both;width:600px\9;height:600px\9;opacity:1;} .w-button22 .btn-w span{ position:relative; z-index:1;} @-webkit-keyframes criss-cross-left { 0% { left:-20px } 50% { left:50%;width:20px;height:20px; } 100% { left:50%;width:600px;height:600px; } } @keyframes criss-cross-left { 0% { left:-20px } 50% { left:50%; width:20px;height:20px; } 100% { left:50%;width:600px;height:600px; } } @-webkit-keyframes criss-cross-right { 0% { right:-20px } 50% { right:50%;width:20px;height:20px; } 100% { right:50%;width:600px;height:600px; } } @keyframes criss-cross-right { 0% { right:-20px } 50% { right:50%;width:20px;height:20px; } 100% { right:50%;width:600px;height:600px; } } .w-button23 .btn-w{ border:1px solid #d0d0d0; border:1px solid rgba(0,0,0,0.2); position:relative; /*color: #666;*/ overflow: hidden; -webkit-transition: all .6s;transition: all .6s;} .w-button23 .btn-w:hover{ color:#fff;} .w-button23 .btn-w .bgsqr1{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg); transform: rotate(360deg);border-style: solid;border-width: 0; border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;position: absolute;bottom: 0;left: 0; -webkit-transition: all 0.6s; transition: all 0.6s;} .w-button23 .btn-w .bgsqr2{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);transform: rotate(360deg);border-style: solid;border-width: 0; border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent; position: absolute;top: 0; right: 0;-webkit-transition: all 0.6s; transition: all 0.6s;} .w-button23 .btn-w:hover .bgsqr1{ border-width:50px 260px;} .w-button23 .btn-w:hover .bgsqr2{ border-width:50px 260px;} .w-button23 .btn-w span{ position:relative; z-index:1;} .w-button24 .btn-w{ border:1px solid #d0d0d0; border:1px solid rgba(0,0,0,0.2); position:relative; /*color: #666;*/ overflow: hidden; -webkit-transition: all .6s;transition: all .6s;} .w-button24 .btn-w:hover{ color:#fff;} .w-button24 .btn-w .bgsqr1,.w-button24 .btn-w .bgsqr2,.w-button24 .btn-w .bgsqr3,.w-button24 .btn-w .bgsqr4{position: absolute;top:0; width: 0px;height: 100%;-webkit-transition: all 0.4s; transition: all 0.4s; opacity:0.35;} .w-button24 .btn-w .bgsqr3,.w-button24 .btn-w .bgsqr4{ opacity:0.75;} .w-button24 .btn-w .bgsqr1{ left:0;} .w-button24 .btn-w .bgsqr2{ right:0} .w-button24 .btn-w .bgsqr3{ right:0;} .w-button24 .btn-w .bgsqr4{ left:0;} .w-button24 .btn-w:hover .bgsqr1,.w-button24 .btn-w:hover .bgsqr2,.w-button24 .btn-w:hover .bgsqr3,.w-button24 .btn-w:hover .bgsqr4{ width:100%;} .w-button24 .btn-w:hover .bgsqr3,.w-button24 .btn-w:hover .bgsqr4{-webkit-transition-delay:.4s;transition-delay:.4s;} .w-button24 .btn-w span{ position:relative; z-index:1;} .w-button25 .btn-w{ border:1px solid #d0d0d0; border:1px solid rgba(0,0,0,0.2); position:relative; /*color: #666;*/ overflow: hidden; -webkit-transition: all .6s;transition: all .6s;} .w-button25 .btn-w:hover{ color:#fff;} .w-button25 .btn-w .bgsqr1{position: absolute;width: 0;height: 0;border-radius: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%); -webkit-transition: width .4s,height .4s;transition: width .4s,height .4s;z-index: -1; left:0\9 !important; top:0\9 !important;} .w-button25 .btn-w:hover .bgsqr1{ width:600px; height:600px;} .w-button25 .btn-w span{ position:relative; z-index:1; padding:0.2em 1.5em; display:inline-block; *display:inline; *zoom:1;} .w-button26 .btn-w{ position:relative; border-bottom-width:4px; border-bottom-style:solid; color: #fff; overflow: hidden;} .w-button26 .btn-w .bgsqr1{ position:absolute; background:#fff; opacity:0.2; *filter:alpha(opacity=20); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20); left:0; top:0; right:0; height:100%;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;} .w-button26 .btn-w:hover .bgsqr1{ height:0;} .w-button26 .btn-w span{ position:relative; z-index:1;} /*----------------------按钮组件 end----------------------------*/ /*--------------时间轴-------------*/ .w-his ul,.w-his li{ padding:0; margin:0; list-style:none;} .w-his .clearfix:before{ display:block;} .w-his img{ max-width:100%;} .w-his1{ position:relative; padding-top:80px; padding-bottom:45px;} .w-his1:before,.w-his1:after{ content:''; position:absolute; left:50%; margin-left:-23px; width:46px; height:45px; background:url(../images/his_time2.png) no-repeat center;} .w-his1:before{ top:0;} .w-his1:after{ bottom:0;} .w-his1 ul:before{ content:''; position:absolute; left:50%; top:45px; bottom:45px; width:1px; background:#d0d0d0;} .w-his1 li{position:relative; padding-bottom:40px;} .w-his1 li .his_text{position:relative; width:50%;} .w-his1 .li_hs_r .his_text{ padding-left:3em; left:50%;} .w-his1 .li_hs_l .his_text{ padding-right:3em; right:0; text-align:right;} .w-his1 li .his_text .year{position:relative; font-size:24px; line-height:1.5; margin-bottom:0.5em;} .w-his1 li .point{ position:absolute;top:13px;left:50%; margin-left:-5px; z-index:2; width:11px; height:11px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .w-his2{position:relative; padding-top:40px; padding-bottom:23px;} .w-his2:before,.w-his2:after{ content:''; position:absolute; left:0; width:23px; height:23px; /*background:url(../images/his_time.png) no-repeat center;*/} .w-his2:before{ top:0;} .w-his2:after{ bottom:0;} .w-his2 ul:before{content:'';position:absolute; top:0; width:1px; left:12px; bottom:0; background:#d0d0d0;} .w-his2 li{position:relative; margin-bottom:40px; padding-left:60px;} .w-his2 li:before{content:'';position:absolute; top:12px; left:8px; width:7px;height:7px; border:1px solid #A5A5A5; background:#fff; border-radius:50%; -webkit-border-radius:50%; } .w-his2 li .item{position:relative;padding-left:105px;} .w-his2 li .year{ color:#fff; padding:0 1.2em 0 0.7em; line-height:2.4; height:2.4em; position:absolute; left:0; top:0;} .w-his2 li .year .adore{position:absolute; left:-1.1em; top:0;border-width:1.25em 1.2em 1.25em 0;border-style:solid; border-top-color:transparent; border-bottom-color:transparent; border-left-color:transparent;} .w-his2 li .t_p{ padding-top:0.2em; line-height:2;} .w-his3{ position:relative; padding-top:45px; padding-bottom:10px; margin-left:13em;} .w-his3:before,.w-his3:after{ content:''; position:absolute; left:0; width:46px; height:45px; } .w-his3:before{ top:0;} .w-his3:after{ bottom:0;} .w-his3 ul:before{ content:''; position:absolute; left:23px; top:0; bottom:0; width:1px; background:#d0d0d0;} .w-his3 li{position:relative; margin-bottom:40px; padding-left:80px;} .w-his3 li .point{ position:absolute;top:0.9em; margin-top:-3px;left:23px; margin-left:-3px; z-index:2; width:7px; height:7px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; } .w-his3 li .year{ position:absolute; left:-10em; width:9em; text-align:right; font-size:18px; line-height:1.5;} .w-his3 li .t_p{ line-height:1.8;} .w-his4 .his_tabBox{ background:url(../images/his_line.png) repeat-x left bottom; padding-bottom:14px;} .w-his4 .his_tab{ overflow:hidden; padding-bottom:2px;} .w-his4 .his_tab ul{ white-space:nowrap;vertical-align:bottom; position:relative; left:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-his4 .his_tab li{ display:inline-block; vertical-align:bottom; width:13%; min-width:6em;position:relative; cursor:pointer;} .w-his4 .his_tab li .line{position:absolute; bottom:0; width:1px; background:#6A6A6A; height:9px;} .w-his4 .his_tab li .line1{ left:25%;} .w-his4 .his_tab li .line2{ left:50%; height:24px; width:2px; background:#BABABA;} .w-his4 .his_tab li .line2 .adore{ display:none;position:absolute; left:-2px; bottom:-2px; width:6px; height:6px; border-radius:50%; -webkit-border-radius:50%;} .w-his4 .his_tab li.cur .line2 .adore{ display:block;} .w-his4 .his_tab li .line3{ left:75%;} .w-his4 .his_tab li .line4{ left:100%;} .w-his4 .his_tab li .year{ line-height:1.5; padding-bottom:40px; text-align:center; font-size:16px;} .w-his4 .his_con{ padding-top:45px; line-height:2;} .w-his5{position:relative; padding:0 65px;} .w-his5 li{ text-align:center; overflow: hidden;} .w-his5 li .item{ display:inline-block; *display:inline; *zoom:1; text-align:left;} .w-his5 .year{ font-size:24px; line-height:1.5; margin-bottom:0.5em;} .w-his5 .t_p{ line-height:2;} .w-his5 .his_prev,.w-his5 .his_next{ position:absolute; top:50%; margin-top:-30px; width:40px; height:40px; border-radius:50%; -webkit-border-radius:50%; border:1px solid #ccc; cursor:pointer;} .w-his5 .his_prev:before,.w-his5 .his_next:before{ content:''; position:absolute; left:50%; margin-left:-15px; top:50%; margin-top:-15px; width:30px; height:30px; background:url(../images/his_slide.png) no-repeat;} .w-his5 .his_prev{ left:0;} .w-his5 .his_next{ right:0;} .w-his5 .his_prev:hover,.w-his5 .his_next:hover{ border:0;} .w-his5 .his_prev:before{ background-position:0 0;} .w-his5 .his_next:before{ background-position:-30px -30px;} .w-his5 .his_prev:hover:before{background-position:-30px 0;} .w-his5 .his_next:hover:before{background-position:0 -30px;} .w-his6{ margin: 0 -15px; overflow: hidden; position: relative; padding-bottom: 80px;} .w-his6 ul{ display:flex;align-items:flex-end;} .w-his6 li{width: 25%; float: left;} .w-his6 li .item{ margin: 0 15px;} .w-his6 li .his_text{position: relative; padding-left: 28px; padding-top: 20px; padding-bottom: 30px;} .w-his6 li .his_text:before{ content: ''; position: absolute; left: 0; top:20px; bottom: 0; width:3px; background: #e0e0e0;} .w-his6 li .his_text:after{ content: ''; position: absolute; top: 20px; left:0; height: 3px; width:18px;background: #e0e0e0;} .w-his6 .year{ font-size:36px; line-height:1.3; margin-bottom:0.5em; margin-top: -0.65em; position: relative;} .w-his6 .igt_btn{ position:absolute; z-index:11; left:50%; margin-left: -65px; bottom:0; width:130px; height:50px;} .w-his6 .igt_btn .igt_prev,.w-his6 .igt_btn .igt_next{ position:absolute; cursor:pointer; top:0; width:50px; height:50px; font-family:FontAwesome; font-weight:normal; border-radius: 50%; -webkit-border-radius: 50%;} .w-his6 .igt_btn .igt_prev{ left:0;} .w-his6 .igt_btn .igt_next{right:0;} .w-his6 .igt_btn .igt_prev:before,.w-his6 .igt_btn .igt_next:before{ font-size:34px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-his6 .igt_btn .igt_prev:before{content: "\f104";} .w-his6 .igt_btn .igt_next:before{content: "\f105";} .w-his7{ box-sizing: border-box; padding: 0 130px 0 0; overflow: hidden; position: relative;} .w-his7:before{ content: ''; position: absolute; right: 20px; top: 0; bottom: 0; width: 2px; background: #e0e0e0;} .w-his7 .his_year{position: absolute; top: 10vh; bottom: 10vh; right: 0;} .w-his7 .his_year ul{ padding-right: 20px;} .w-his7 .his_year li{line-height: 24px; padding: 15px 20px 15px 0; margin-bottom:10px; position: relative; cursor: pointer;} .w-his7 .his_year li.cur i,.w-his7 .his_year li:hover i{ display: block; position: absolute; right: 0; top: 0; bottom: 0; width: 3px;} .w-his7 .his_year li .year{ display: block;line-height: 24px;} .w-his7 .his_year li.cur .year,.w-his7 .his_year li:hover .year{ font-size: 120%;} .w-his7 .mCSB_inside>.mCSB_container{ margin-right: 0;} .w-his7 .mCSB_scrollTools .mCSB_draggerRail{ width: 5px; background: #eee;} .w-his7 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 5px; background: #999;} .w-his7 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.w-his7 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.w-his7 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #999;} .w-his7 .his_text{ height: 600px; height: 100vh; max-height: 650px; position: relative; overflow: hidden;} .w-his7 .his_text li{ height: 540px; height: 82vh; max-height: 570px; overflow: hidden; position: relative; opacity: 0.15;} .w-his7 .his_text .item{padding-top: 30px; padding-top: 6vh;padding-bottom: 30px; } .w-his7 .his_text li .his_loadMore{ cursor: pointer; position: absolute; left: 0; right: 0; bottom: 0; background: #fff;background: rgba(255,255,255,0.8); line-height: 40px;} .w-his7 .his_text li .his_loadMore .his_hide{display: none;} .w-his7 .his_text li .his_loadMore.open .his_open{ display: none;} .w-his7 .his_text li .his_loadMore.open .his_hide{ display: block;} .w-his7 .his_text li.active{opacity: 1;} .w-his8{position: relative;} .w-his8 .his_year{ position: absolute; left: 0; top: 50%; margin-top: -195px; overflow: hidden; height: 390px; width: 230px; text-align: center; padding-right: 30px;} .w-his8 .his_year li{ opacity: 0.5; height: 130px;text-align: center; font-size:58px;font-family:fantasy;} .w-his8 .his_year li .fa{display: none;} .w-his8 .his_year li span{ vertical-align: bottom;} .w-his8 .his_year li.swiper-slide-prev{ padding-top: 50px; line-height: 80px;} .w-his8 .his_year li.swiper-slide-active{ transition: all 0.3s; -webkit-transition: all 0.3s;opacity: 1; font-size: 100px;line-height: 130px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb;} .w-his8 .his_year li.swiper-slide-next{ padding-bottom: 50px;line-height: 80px;} .w-his8 .his_year li.swiper-slide-active .fa{ display: block; font-family:FontAwesome; font-weight:normal;font-size: 54%; line-height: 1.5; position: absolute; right: -30px; top: 50%; margin-top: -0.75em; width: 30px; height: 1.5em; text-align: right;} .w-his8 .his_year li.swiper-slide-active .fa:before{ content: "\f0d9";} .w-his8 .prev_h{ position:absolute; z-index: 2; top: 0; left: 0; right: 30px; height: 130px; background: url(../images/btn_top.png) no-repeat center top; cursor: pointer;} .w-his8 .next_h{ position:absolute; z-index: 2; bottom: 0; left: 0; right: 30px; height: 130px; background: url(../images/btn_bottom.png) no-repeat center bottom; cursor: pointer;} .w-his8 .his_text{ margin-left: 330px;} .w-his8 .his_text li{ display: none;} .w-his8 .his_text li.active{ display: block;} .w-his8 .his_text .item{ height: 450px;} .w-his8 .his_text .t_p{padding-right: 25px;} .w-his8 .mCSB_inside>.mCSB_container{ margin-right: 0;} .w-his8 .mCSB_scrollTools .mCSB_draggerRail{ width: 3px; background: #d0d0d0; background: rgba(0,0,0,0.1);} .w-his8 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background: #666;} .w-his8 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.w-his8 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.w-his8 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background: #666;} .w-his9{ position:relative; padding-bottom: 50px; } .w-his9 .w-his-in{overflow: hidden;max-height: 480px;padding-left:13em;box-sizing:border-box; } .w-his9 ul.w-his-inner{ position: relative;padding-top:45px; padding-bottom:30px;} .w-his9 ul.w-his-inner:before{ content:''; position:absolute; left:23px; top:0; bottom:0; width:1px; background:#d0d0d0;} .w-his9 li{position:relative; margin-bottom:30px; padding-left:80px;} .w-his9 li .point{ position:absolute;top:0.9em; margin-top:-5px;left:23px; margin-left:-4px; z-index:2; width:8px; height:8px; border-radius:10px; -webkit-border-radius:10px; } .w-his9 li .point:before{ content: ''; position: absolute; width:16px; height: 16px; opacity: 0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); background: inherit; top: 50%; margin: -8px; left:50%; margin-left:-8px; border-radius: 16px; -webkit-border-radius: 16px;} .w-his9 li .point:after{ content: ''; position: absolute; width:30px; height: 1px; background: inherit; top: 50%; left: 5px;} .w-his9 li .year{ position:absolute; left:-10em; width:9em; text-align:right; font-size:120%; color: #333; line-height:1.5; top: 12px; margin-top:-0.7em; } .w-his9 li .t_p{ line-height:1.8; min-height: 1.8em;} .w-his9 .mask_his{ position: absolute; z-index: 1; width: 3000px; left: 50%; margin-left: -1500px; bottom: -30px; height: 160px; background-image: -webkit-linear-gradient(bottom, transparent, #fff, transparent); background-image: -moz-linear-gradient(bottom, transparent, #fff, transparent); background-image: -o-linear-gradient(bottom, transparent, #fff, transparent); background-image: -ms-linear-gradient(bottom, transparent, #fff, transparent); background-image: linear-gradient(to top, transparent, #fff, transparent);opacity:0.65; *filter:alpha(opacity=65); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=65); } .w-his9 .btn_more{ position:absolute; z-index:11; left:0; bottom:0; width:45px; height:100px;} .w-his9 .btn_more .btn_hide,.w-his9 .btn_more .btn_show{ position:absolute; cursor:pointer; left: 5px; width:45px; height:45px; font-family:FontAwesome; font-weight:normal; border-radius: 50%; -webkit-border-radius: 50%;} .w-his9 .btn_more .btn_hide{ top:0;} .w-his9 .btn_more .btn_show{bottom:0;} .w-his9 .btn_more .btn_hide:before,.w-his9 .btn_more .btn_show:before{ font-size:34px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-his9 .btn_more .btn_hide:before{content: "\f106";} .w-his9 .btn_more .btn_show:before{content: "\f107";} .w-his10 .his_year{ float: left; overflow: hidden; height: 328px;} .w-his10 .his_text{ margin-left: 400px;} /*--------------时间轴 end-------------*/ /*-------------版本5.0---------------------*/ .w-accor{ overflow:hidden; position:relative;} .w-accor ul,.w-accor li{ padding:0; margin:0; list-style:none;} .w-accor ul{ width:101%;} .w-accor li{ position:relative; overflow:hidden;float:left;} .accorClick li{ cursor:pointer;} .w-accor li .item{ position:relative;} .w-accor li > a{ display:block; position:absolute; left:0; right:0; top:0; bottom:0;} .w-accor h3{ font-size:125%; margin:0; padding:0; font-weight:normal;} .w-accor .acr_p{ margin-top:0.5em; } .w-accor0 li img{ max-width:100%;} .w-accor1 li img{ max-width:100%;} .w-accor1 li .cont_ar{ color:#fff; position:absolute; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5);} .w-accor1 li .dec_ar{ padding:10px 20px;} .w-accor1 li .acr_p{height:0; overflow:hidden; line-height:1.5; margin:0; transform:translateY(100%); -webkit-transform:translateY(100%); opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transition:all 0.5s; -webkit-transition:all 0.5s;} .w-accor1 li.cur .acr_p{height:5.8em; margin-top:0.5em; margin-bottom:0.5em;transform:translateY(0); -webkit-transform:translateY(0); opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-accor2 li img{ max-width:100%;} .w-accor2 li .cont_ar{ color:#fff; position:absolute; bottom:25%; height:50%; left:0; right:0; background:rgba(255,255,255,0.5);transition:all 0.5s; -webkit-transition:all 0.5s;} .w-accor2 li .i_img{position:absolute; width:80px; height:80px; top:50%; margin-top:-40px; left:50%; margin-left:-40px; text-align:center;} .w-accor2 li .i_img img{ max-width:100%; max-height:100%;} .w-accor2 li .dec_ar{padding:30px 20px 10px; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:all 0.5s; -webkit-transition:all 0.5s;} .w-accor2 li .acr_p{ opacity:0; transform:translateY(50%);-webkit-transform:translateY(50%);transition:all 0.5s; -webkit-transition:all 0.5s; transition-delay:0.2s; -webkit-transition-delay:0.2s;} .w-accor2 li.cur .i_img{ display:none;} .w-accor2 li.cur .cont_ar{background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); height: auto; bottom: 0;} .w-accor2 li.cur .dec_ar{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-accor2 li.cur .acr_p{ opacity:1;transform:translateY(0);-webkit-transform:translateY(0);} .w-accor3 li img{ max-width:100%;} .w-accor3 li .cont_ar{ color:#fff;} .w-accor3 li .left_ar{ position:absolute; left:0; top:0; bottom:0;width:100%; background:rgba(0,0,0,0.5);transition:all 0.5s; -webkit-transition:all 0.5s;} .w-accor3 li .left_ar h3{ width:1.2em; text-align:center; line-height:1.5; position:absolute; left:50%; margin-left:-0.6em;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} :root .w-accor3 li .left_ar h3{ top:50%;} .w-accor3 li .right_ar{ position:absolute; top:0; bottom:0; left:100%; right:0; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:opacity 0.5s; -webkit-transition:opacity 0.5s; transition-delay: 0.3s; -webkit-transition-delay:0.3s;} .w-accor3 li .right_ar .dec_ar{ line-height:1.7; position:absolute; left:20px; right:20px;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); max-height:100%; } :root .w-accor3 li .right_ar .dec_ar{ top:50%;} .w-accor3 li .i_img{ text-align:center; margin-bottom:1em; transform:scale(0); -webkit-transform:scale(0);transition:all 0.3s; -webkit-transition:all 0.3s; transition-delay:0.2s; -webkit-transition-delay:0.2s;} .w-accor3 li .i_img img{ max-width:100%;} .w-accor3 li.cur .left_ar{ width:5em;} .w-accor3 li.cur .right_ar{ left:5em;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-accor3 li.cur .i_img{transform:scale(1); -webkit-transform:scale(1);} .w-accor4 li img{ max-width:100%;} .w-accor4 li .cont_ar{ color:#fff;position:absolute; left:0; top:0; bottom:0; right:0;} .w-accor4 li .cont_ar:before{ content:'';position:absolute; left:0; top:0; bottom:0; right:0; background:#000; opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);transition:all 0.5s; -webkit-transition:all 0.5s;} .w-accor4 li h3{width:1.2em; text-align:center; line-height:1.5; position:absolute; z-index:1; left:50%; margin-left:-0.6em;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);transition:opacity 0.5s; -webkit-transition:opacity 0.5s;} :root .w-accor4 li h3{ top:50%;} .w-accor4 li .dec_ar{ line-height:1.7; max-height:100%; position:absolute; z-index:1; left:40px; right:40px;top:50%; top:10%\9; *top:10%; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); padding:30px; background:rgba(255,255,255,0.75); color:#222; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:all 0.5s; -webkit-transition:all 0.5s; } :root .w-accor4 li .dec_ar{ top:50%;} .w-accor4 li .i_img{ text-align:center; margin-bottom:1em;} .w-accor4 li .i_img img{ max-width:80%; max-height:80px;} .w-accor4 li.cur .cont_ar:before{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-accor4 li.cur h3{ opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-accor4 li.cur .dec_ar{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1);transition-delay:0.3s; -webkit-transition-delay:0.3s;} .w-accor5 li img{ max-width:100%;} .w-accor5 li .cont_ar{ color:#fff;position:absolute; left:0; top:0; bottom:0; right:0;} .w-accor5 li .cont_ar:before{ content:'';position:absolute; left:0; height:100%; bottom:0; right:0; background:#000; opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);transition:all 0.5s; -webkit-transition:all 0.5s;} .w-accor5 li h3{width:1.2em; text-align:center; line-height:1.5; position:absolute; z-index:1; left:50%; margin-left:-0.6em;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} :root .w-accor5 li h3{ top:50%;} .w-accor5 li .acr_p{ line-height:1.5; height:4.4em; overflow:hidden; position:absolute; left:1em; right:1em; bottom:1em; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform:translateX(100%); -webkit-transform:translateX(100%);transition:all 0.5s; -webkit-transition:all 0.5s; } .w-accor5 li .i_img{position:absolute; height:100px; line-height:100px; top:50%; margin-top:-50px; left:1em; right:1em; text-align:center; text-align:center;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform:scale(0); -webkit-transform:scale(0);transition:all 0.5s; -webkit-transition:all 0.5s;} .w-accor5 li .i_img img{ max-width:100%; max-height:100%;} .w-accor5 li.cur .cont_ar:before{ height:6.4em;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} .w-accor5 li.cur .acr_p{ transition-delay:0.3s; -webkit-transition-delay:0.3s;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:translateX(0);-webkit-transform:translateX(0);} .w-accor5 li.cur h3{ text-align:center;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-accor5 li.cur .i_img{transition-delay:0.3s; -webkit-transition-delay:0.3s;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:scale(1); -webkit-transform:scale(1);} .w-accor6 li img{ max-width:100%;} .w-accor6 li .cont_ar{ color:#fff;position:absolute; left:0; top:0; bottom:0; right:0;} .w-accor6 li .cont_ar:before,.w-accor6 li .cont_ar:after{ content:'';position:absolute; left:0; height:100%; right:0; background:#000; opacity:0.35; *filter:alpha(opacity=35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35);transition:height 0.5s; -webkit-transition:height 0.5s;} .w-accor6 li .cont_ar:before{ top:0;} .w-accor6 li .cont_ar:after{ bottom:0;} .w-accor6 li h3{ text-align:center; line-height:1.5; position:absolute; z-index:1; left:0; right:0; padding:0.5em 0.5em;top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);transition:all 0.5s; -webkit-transition:all 0.5s;} :root .w-accor4 li h3{ top:50%;} .w-accor6 li .dec_ar{ line-height:1.7; max-height:100%; max-height:calc(100% - 7em); overflow:hidden; position:absolute; z-index:1; left:40px; right:40px;top:50%; top:10%\9; *top:10%; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:all 0.5s; -webkit-transition:all 0.5s; } :root .w-accor6 li .dec_ar{ top:50%;} .w-accor6 li .i_img{ text-align:center; margin-bottom:1em;} .w-accor6 li .i_img img{ max-width:80%; max-height:80px;} .w-accor6 li.cur .cont_ar:before,.w-accor6 li.cur .cont_ar:after{ height:3em;} .w-accor6 li.cur h3{ transform:translateY(0); -webkit-transform:translateY(0);} .w-accor6 li.cur h3.h_1{ top:0;} .w-accor6 li.cur h3.h_2{ top:auto; bottom:0;} .w-accor6 li.cur .dec_ar{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1);transition-delay:0.3s; -webkit-transition-delay:0.3s;} /*------------w-fold----------------*/ .w-fold ul,.w-fold li{ padding:0; margin:0; list-style:none;} .w-fold .clearfix:before{ display:block;} .w-fold li{ margin-bottom:10px;} .w-fold .fd_t{position:relative; cursor:pointer; } .w-fold h3{ font-size:120%; margin:0; line-height:1.5; font-weight:normal;} .w-fold img{ max-width:100%;} .w-fold .fd_det{ line-height:1.8;} .fd1bg{background:#f8f8f8;} .fd2bg{background:#2C2C2C;} .color111{ color:#111;} .w-fold1 li .fd_t{ padding:0.5em 2em 0.5em 1.2em; color:#111; border:1px solid #eee;} .w-fold1 li .bg_main{ color:#fff;} .w-fold1 li .fd_t .icon_adore{position:absolute; right:1em; top:50%; margin-top:-0.1em;border: 0.4em solid transparent;border-top-color: #444;} .w-fold1 li.open .fd_t .icon_adore{border-top-color:transparent; border-bottom-color:#fff;margin-top:-0.5em;} .w-fold1 li .fd_det{ padding:1em 1.2em; display:none;} .w-fold2 li .fd_t{ padding:0.7em 1.2em 0.7em 2.8em; border:1px solid #e0e0e0; color:#111;} .w-fold2 li .bg_main{ color:#fff;} .w-fold2 li .fd_t .icon_adore{position:absolute; left:1em; top:50%; margin-top:-0.6em; width:1.2em; height:1.2em; border:1px solid #666;} .w-fold2 li .fd_t .icon_adore:before{ content:''; position:absolute; width:1px; height:0.6em; left:50%;margin-left:-0.025em; top:50%; margin-top:-0.3em; background:#666;} .w-fold2 li .fd_t .icon_adore:after{ content:''; position:absolute; height:1px; width:0.6em; left:50%; margin-left:-0.3em; top:50%; margin-top:-0.025em;background:#666;} .w-fold2 li.open .fd_t .icon_adore:before{ display:none;} .w-fold2 li.open .fd_t .icon_adore{ border-color:#fff;} .w-fold2 li.open .fd_t .icon_adore:after{ background:#fff;} .w-fold2 li .fd_det{ padding:1em 1.2em 1em 2.8em; display:none; border:1px solid #e0e0e0; border-top:0;} .w-fold3{color:#fff;} .w-fold3 li .fd_t{ padding:1.5em 2.5em 1.5em 1.5em; } .w-fold3 li .fd_t .icon_adore{position:absolute; right:1.5em; width:1em; text-align:center; top:50%; margin-top:-0.75em; line-height:1.5;font-family: 'FontAwesome'; } .w-fold3 li .fd_t .icon_adore:before{ content:"\f178"; font-style:normal;} .w-fold3 li.open .fd_t .icon_adore:before{ content:"\f175";} .w-fold3 li .fd_det{ padding:0 1.5em 1.8em 1.5em; display:none;} .w-fold4 li .fd_t{ padding:1em 1.2em 1em 2.8em; color:#fff;} .w-fold4 li .fd_t .icon_adore{position:absolute; left:1.2em; width:1em; text-align:center; top:50%; margin-top:-0.75em; line-height:1.5;font-family: 'FontAwesome'; } .w-fold4 li .fd_t .icon_adore:before{ content:"\f065"; font-style:normal;} .w-fold4 li.open .fd_t .icon_adore:before{ content:"\f066";} .w-fold4 li .fd_det{ padding:1.2em 1.2em 1.2em 2.5em; display:none;} .w-fold5 li{ border-bottom:1px dashed #d0d0d0;} .w-fold5 li .fd_t{ padding:0.5em 0 0.5em 2.3em; position:relative;} .w-fold5 li .fd_t:before{ content:'Q'; position:absolute; left:0; top:50%; margin-top:-0.75em; line-height:1.5; width:1.5em; text-align:center; color:#fff; background:#333;} .w-fold5 li .fd_det{ padding:0.5em 0 1em 2.3em; display:none; position:relative;} .w-fold5 li .fd_det:before{content:'A'; position:absolute; left:0; top:0.65em; line-height:1.5; width:1.5em; text-align:center; color:#fff; background:#f90;} /*---------------------tabMu-------------------*/ .tabMu{ margin-bottom:30px; box-sizing:border-box;} .tabMu ul,.tabMu li{ padding:0; margin:0; list-style:none;} .tabMu ul{ white-space:nowrap;} .tabMu .clearfix:before{ display:block;} .tabMu li span{ display:inline-block; *display:inline; *zoom:1;} .tabMu .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom:5px;} .tabMu .mCSB_scrollTools.mCSB_scrollTools_horizontal{ height:1px;} .tabMu .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background:rgba(0,0,0,0.1); height:1px; margin:0;} .tabMu .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:1px; margin:0 auto;} .tabMu .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.tabMu .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.tabMu .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.tabMu .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,0.5);} .tabMu .mCSB_scrollTools .mCSB_buttonLeft,.tabMu .mCSB_scrollTools .mCSB_buttonRight{ background-image:url(../images/mCSB_buttons.png);} .triangle_t{border: 7px solid transparent;} .borcol{border-color:#d9d9d9;} .borTransparent{ border-color:transparent;} .tabCnt{ line-height:1.8;} .tabCnt img{ max-width:100%;} .tabMu1{ text-align:center;} .tabMu1 li{ display:inline-block;*display:inline; *zoom:1; margin:0 10px; font-size:115%; cursor:pointer; line-height:2.5;} .tabMu2{ text-align:center;} .tabMu2 ul{letter-spacing: -3px;} .tabMu2 li{ display:inline-block;*display:inline; *zoom:1;letter-spacing:0; padding:0 1.5em; border-width:1px; border-style:solid; margin:0 3px; font-size:115%; cursor:pointer; line-height:2.2;} .tabMu3{ text-align:center;} .tabMu3 ul{letter-spacing: -3px;} .tabMu3 li{ display:inline-block;*display:inline; *zoom:1;letter-spacing:0; padding:0 1.5em; border-width:1px; border-style:solid; margin:0 3px; font-size:115%; cursor:pointer; line-height:2.2;} .tabMu3 li.cur{ color:#fff;} .tabMu4{ background:#f2f2f2; margin-bottom:0;} .tabMu4 ul{letter-spacing: -3px;} .tabMu4 li{ display:inline-block;*display:inline; *zoom:1;letter-spacing: 0; padding:0 1.5em; font-size:115%; cursor:pointer; line-height:2.8;} .tabMu4 li.cur{ color:#fff;} .tabMu4 .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom:0;} .tabMu4 + .tabCnt{ padding:1em; border:1px solid #eee; border-top:0;} .tabMu5{margin-bottom:6px;} .tabMu5 ul{ margin-bottom:10px;letter-spacing: -3px;} .tabMu5 li{ display:inline-block;*display:inline; *zoom:1;letter-spacing: 0; border-right:1px solid rgba(255,255,255,0.3); padding:0 1.5em; font-size:115%; cursor:pointer; line-height:2.8; color:#fff; position:relative;} .tabMu5 li.cur{ background:rgba(255,255,255,0.15);} .tabMu5 li .icon_adore{ position:absolute; left:50%; margin-left:-7px; bottom:-13px;display:none;} .tabMu5 li.cur .icon_adore{ display:block; opacity:0.85;} .tabMu5 .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom:15px;} .tabMu5 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.tabMu5 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.tabMu5 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.tabMu5 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(255,255,255,0.5);} .tabMu6{margin-bottom:10px; } .tabMu6 ul{letter-spacing: -3px; padding:5px 10px 0;} .tabMu6 li{ display:inline-block;*display:inline; *zoom:1;letter-spacing: 0; padding:0 1.5em; font-size:115%; cursor:pointer; line-height:2.5; color:#fff;} .tabMu6 li.cur{ background:#fff; color:#111; border-top-left-radius:7px; border-top-right-radius:7px;-webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px;} .tabMu6 .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom:0;} .tabMu7{margin-bottom:0;background:#f8f8f8; } .tabMu7 ul{letter-spacing: -3px;border:1px solid #eee;} .tabMu7 li{ display:inline-block;*display:inline; *zoom:1;letter-spacing: 0; padding:0 1.5em; font-size:115%; cursor:pointer; line-height:2.5; border-width:2px 1px 0 1px; border-style: solid; vertical-align:middle;} .tabMu7 li.cur{ background:#fff; border-top-width:4px; margin-top:-1px;margin-bottom:-1px; position:relative; } .tabMu7 .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom:0;} .tabMu7 + .tabCnt{ padding:1em; border:1px solid #eee; border-top:0;} .tabMu8{ text-align:center; margin-bottom:30px; } .tabMu8 .tabMu_in{ display:inline-block;*display:inline; *zoom:1; background:#f8f8f8; border:1px solid #eee;border-radius:50px; -webkit-border-radius:50px; overflow:hidden;} .tabMu8 ul{letter-spacing: -3px;} .tabMu8 li{ display:inline-block;*display:inline; *zoom:1;letter-spacing: 0; padding:0 1.5em; font-size:115%; cursor:pointer; line-height:2.8;} .tabMu8 li.cur{ color:#fff;} .tabMu8 .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom:0;} .tabMu9{ text-align:center;} .tabMu9 .tabMu_in{ border-bottom:1px solid #eee;} .tabMu9 ul{letter-spacing: -3px;} .tabMu9 li{ display:inline-block;*display:inline; *zoom:1;letter-spacing:0; padding:0 0.8em; margin:0 0.5em; font-size:115%; cursor:pointer; line-height:2.8; border-bottom-width:1px; border-bottom-style:solid; vertical-align:middle; margin-bottom:-1px;} .tabMu9 .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom:0;} .tabMu10{ text-align:center; margin-left:-1.5em; margin-right:-1.5em;} .tabMu10 ul{letter-spacing: -3px;} .tabMu10 li{ display:inline-block;*display:inline; *zoom:1;letter-spacing:0; padding:0 0.2em; margin:0 1.5em; font-size:115%; cursor:pointer; line-height:2; border-bottom-width:2px; border-bottom-style:solid; vertical-align:middle; position:relative;} .tabMu10 li:before{ content:''; width:1px; height:1em; background:#e0e0e0; background:rgba(175,175,175,0.6); position:absolute; top:50%; margin-top:-0.5em; right:-1.5em;} .tabMu10 li:last-child:before{ display:none;} .tabMu10 .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom:0;} /*---------------------tabVMu-------------------*/ .w-muCntV{ overflow:hidden;} .tabVMu{ box-sizing:border-box; float:left;} .tabVMu ul,.tabVMu li{ padding:0; margin:0; list-style:none;} .tabVMu li{line-height:1.5; cursor:pointer;} .tabVMu li span{display:inline-block;*display:inline; *zoom:1;} .tabVMu .clearfix:before{ display:block;} .tabVMu .mCSB_scrollTools.mCSB_scrollTools_horizontal{ opacity:0 !important;} .tabVMu .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-bottom:0px;} .tabVMu .mCSB_scrollTools.mCSB_scrollTools_horizontal{ height:1px;} .tabVMu .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background:rgba(0,0,0,0.1); height:1px; margin:0;} .tabVMu .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:1px; margin:0 auto;} .tabVCnt{ overflow:hidden; line-height:1.8;} .tabVCnt img{ max-width:100%;} .tabVMu1{ width:9em;margin-right:-1px; text-align:right; position:relative; padding:20px 0;} .tabVMu1:before{ content:''; position:absolute;right:0; top:0; height:1500px; background:#e9e9e9; width:1px;} .tabVMu1 .tabMu_in{ padding-right:3em;} .tabVMu1 + .tabVCnt{ margin-left:9em; } .tabVMu1 li{ padding:0.5em 0; margin-bottom:0.5em; position:relative;} .tabVMu1 li .adore{ position:absolute; right:-3.07em; width:2px; bottom:0; height:100%;} .w-muCntV1 .tabVCnt{ padding-left:40px;} .tabVMu2{ width:13em; text-align:center; } .tabVMu2 .tabMu_in{ margin-right:2em;background:#fff; border:1px solid #e9e9e9;} .tabVMu2 + .tabVCnt{ margin-left:13em; } .tabVMu2 li{ padding:1em; border-bottom:1px solid #e9e9e9; position:relative;} .tabVMu2 li:last-child{border-bottom:0;} .tabVMu2 li.cur{ color:#fff;} .tabVMu3{ width:13em; text-align:center; } .tabVMu3 .tabMu_in{ margin-right:2.5em;} .tabVMu3 + .tabVCnt{ margin-left:13em; } .tabVMu3 li{ padding:0.8em 1em; border:1px solid #e9e9e9; position:relative; margin-bottom:5px;} .tabVMu3 li.cur{ color:#fff;} .tabVMu3 li .adore{ display:none; position:absolute; border-width:8px; right:-16px; top:50%; margin-top:-8px; } .tabVMu3 li.cur .adore{ display:block;} .tabVMu4{ width:13em; text-align:left; } .tabVMu4 .tabMu_in{ margin-right:1em;background:#ECECEC; } .tabVMu4 + .tabVCnt{ margin-left:13em; } .tabVMu4 li{ padding:1.2em 1em 1.2em 1.5em; border-bottom:1px solid #e0e0e0; position:relative; } .tabVMu4 li:last-child{border-bottom:0;} .tabVMu4 li.cur{ background:#fff;} .tabVMu4 li .adore{ display:none; position:absolute; width:3px; left:0; top:0; height:100%; } .tabVMu4 li.cur .adore{ display:block;} /*-------------版本5.0 end---------------------*/ /*---------------图文滚动-----------------------*/ .w-imgText{ overflow:hidden;} .w-imgText ul,.w-imgText li{ list-style:none; padding:0; margin:0;} .w-imgText .item{ position:relative;} .w-imgText .item > a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;} .w-imgText .textB{ line-height:1.7;} .w-imgText .textB .bg_x{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:0; background-repeat: no-repeat; background-size: cover; background-position: center;} .w-imgText .text_x{ position:relative; z-index:1;} .bg_whiteT1{ background-color:#fff;} .bg_grayT1{ background-color:#B7B7B7;} .bg_grayT2{ background-color:#B7B7B7; background:rgba(0,0,0,0.15);} .border_gray1{ border:1px solid #bbb; border-color:rgba(230,230,230,0.5);} .border_gray2{ border:1px solid #aaa; } .w-imgText .igt_page{ text-align:center; display:none; z-index:5;} .w-imgText .igt_page .swiper-pagination-bullet{ border-radius:0; -webkit-border-radius:0; width:1em; height:5px; background:#999; opacity:0.5;} .w-imgText .igt_page .swiper-pagination-bullet-active{ background:#f80; opacity:1;} .w-imgText1{position:relative;} .w-imgText1 .item{ padding-bottom:30px; padding-left:1px;} .w-imgText1 .img{ width:75%; overflow:hidden;} .w-imgText1 .img img{width:100%;transition:all 0.5s; -webkit-transition:all 0.5s; } .w-imgText1 li:hover .img img{ transform:scale(1.07); -webkit-transform:scale(1.07);} .w-imgText1 .textB{ position:absolute; right:0; bottom:0; width:460px;padding:30px 60px 40px;} .w-imgText1 .igt_btn{ position:absolute; z-index:9; right:405px; bottom:30px; width:110px; height:50px;} .w-imgText1 .igt_btn .igt_prev,.w-imgText1 .igt_btn .igt_next{ position:absolute; cursor:pointer; top:0; width:55px; height:50px;font-family:FontAwesome; font-weight:normal; color:#fff;} .w-imgText1 .igt_btn .igt_prev{ left:0;} .w-imgText1 .igt_btn .igt_next{ right:0;} .w-imgText1 .igt_btn .igt_prev:before,.w-imgText1 .igt_btn .igt_next:before{ font-size:22px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-imgText1 .igt_btn .igt_prev:before{content: "\f104";} .w-imgText1 .igt_btn .igt_next:before{content: "\f105";} .w-imgText2{position:relative;} .w-imgText2 .imTB{ overflow:hidden;} .w-imgText2 .img{ width:67%; float:right; overflow:hidden;} .w-imgText2 .img img{width:100%; transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1); } .w-imgText2 li.swiper-slide-active .img img{ transform:scale(1); -webkit-transform:scale(1);} .w-imgText2 .textB{ position:absolute; left:0; bottom:0; width:530px; padding:30px 50px 40px;} .w-imgText2 .igt_btn{ position:absolute; z-index:9; left:580px; bottom:24px; width:80px; height:28px; } .w-imgText2 .igt_btn .igt_prev,.w-imgText2 .igt_btn .igt_next{ position:absolute; cursor:pointer; top:0; width:28px; height:28px; background-position:center center; background-repeat:no-repeat; border-radius:50%; -webkit-border-radius:50%;} .w-imgText2 .igt_btn .igt_prev{ left:0;} .w-imgText2 .igt_btn .igt_next{ right:0;} .w-imgText2 .igt_btn .igt_prev:before,.w-imgText2 .igt_btn .igt_next:before{ content:''; position:absolute; width:35px; height:28px; background:url(../images/prev_x2.png) no-repeat center; transition:background 0.5s; -webkit-transition:background 0.5s;} .w-imgText2 .igt_btn .igt_prev:before{background-image:url(../images/prev_x2.png); background-position:0 0; right:14px;} .w-imgText2 .igt_btn .igt_prev:hover:before{background-image:url(../images/prev_x2.png); background-position:-35px 0;} .w-imgText2 .igt_btn .igt_next:before{background-image:url(../images/next_x2.png); background-position:-35px 0; left:14px;} .w-imgText2 .igt_btn .igt_next:hover:before{background-image:url(../images/next_x2.png); background-position:0 0;} .w-imgText3{position:relative;} .w-imgText3 .item{ padding-left:1px;} .w-imgText3 .img{ width:55%; position:relative; overflow:hidden;} .w-imgText3 .img .imgSize{ height:410px;} .w-imgText3 .img img{max-width:100%;transition:transform 0.5s; -webkit-transition:transform 0.5s; } .w-imgText3 li:hover .img img{ transform:scale(1.02); -webkit-transform:scale(1.02);} .w-imgText3 .textB{ position:absolute; left:55%; right:0; top:0; bottom:0;padding:20px 30px; } .w-imgText3 .igt_btn{ position:absolute; z-index:9; left:55%; margin-left:-55px; bottom:40px; width:110px; height:50px;} .w-imgText3 .igt_btn .igt_prev,.w-imgText3 .igt_btn .igt_next{ position:absolute; cursor:pointer; top:0; width:55px; height:50px; font-family:FontAwesome; font-weight:normal; color:#fff;} .w-imgText3 .igt_btn .igt_prev{ left:0;} .w-imgText3 .igt_btn .igt_next{ right:0;} .w-imgText3 .igt_btn .igt_prev:before,.w-imgText3 .igt_btn .igt_next:before{ font-size:22px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-imgText3 .igt_btn .igt_prev:before{content: "\f104";} .w-imgText3 .igt_btn .igt_next:before{content: "\f105";} .w-imgText4{position:relative;} .w-imgText4 .img{ overflow:hidden;} .w-imgText4 .img img{width:100%; transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.1); -webkit-transform:scale(1.1); } .w-imgText4 li.swiper-slide-active .img img{ transform:scale(1); -webkit-transform:scale(1);} .w-imgText4 .textB{ position:absolute; right:0; bottom:0; width:600px; padding:35px 80px 60px 35px;} .w-imgText4 .igt_btn{ position:absolute; z-index:9; right:0; bottom:0; width:81px; height:40px;} .w-imgText4 .igt_btn .igt_prev,.w-imgText4 .igt_btn .igt_next{ position:absolute; cursor:pointer; top:0; width:40px; height:40px; font-family:FontAwesome; font-weight:normal; color:#fff;} .w-imgText4 .igt_btn .igt_prev{ left:0;} .w-imgText4 .igt_btn .igt_next{right:0;} .w-imgText4 .igt_btn .igt_prev:before,.w-imgText4 .igt_btn .igt_next:before{ font-size:22px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-imgText4 .igt_btn .igt_prev:before{content: "\f104";} .w-imgText4 .igt_btn .igt_next:before{content: "\f105";} .li-div .w-imgText4 .igt_page{ display:block; position:absolute; width:565px; right:0; left:auto; text-align:left; bottom:15px;} .w-imgText5{position:relative;} .w-imgText5 .img{ width:50%; position:relative; overflow:hidden;} .w-imgText5 .img .imgSize{ height:400px;} .w-imgText5 .img img{max-width:100%;transition:transform 0.5s; -webkit-transition:transform 0.5s; } .w-imgText5 li:hover .img img{ transform:scale(1.02); -webkit-transform:scale(1.02);} .w-imgText5 .textB{ position:absolute; left:50%; right:0; top:0; bottom:0;padding:25px 5% 50px; } .w-imgText5 .textB .text_x{top:40%; top:0\9; *top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); max-height:70%; overflow:hidden; } :root .w-imgText5 .textB .text_x{ top:40%;} .w-imgText5 .igt_btn{ position:absolute; z-index:9; left:55%; top:75%; width:72px; height:32px;} .w-imgText5 .igt_btn .igt_prev,.w-imgText5 .igt_btn .igt_next{ position:absolute; cursor:pointer; top:0; width:32px; height:32px; font-family:FontAwesome; font-weight:normal; color:#ccc;} .w-imgText5 .igt_btn .igt_prev:hover,.w-imgText5 .igt_btn .igt_next:hover{ color:#fff;} .w-imgText5 .igt_btn .igt_prev{left:0;} .w-imgText5 .igt_btn .igt_next{right:0;} .w-imgText5 .igt_btn .igt_prev:before,.w-imgText5 .igt_btn .igt_next:before{ font-size:22px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-imgText5 .igt_btn .igt_prev:before{content: "\f104";} .w-imgText5 .igt_btn .igt_next:before{content: "\f105";} .w-imgText6{position:relative;} .w-imgText6 .img{ width:62.5%;} .w-imgText6 .img img{width:100%;transition:transform 0.5s; -webkit-transition:transform 0.5s; } .w-imgText6 li:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);} .w-imgText6 .textB{ position:absolute; left:62.5%; right:0; top:0; bottom:0;padding:10px 5% 70px; } .w-imgText6 .textB .text_x{top:50%; top:0\9; *top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); max-height: 100%; overflow:hidden; } :root .w-imgText6 .textB .text_x{ top:50%;} .w-imgText6 .igt_control{ position: absolute; background:#E7E7E7; z-index: 9; right: 0; bottom: 0; width:37.5%; height: 60px;} .w-imgText6 .igt_btn .igt_prev,.w-imgText6 .igt_btn .igt_next{ position:absolute;cursor:pointer; top:0; width:60px; height:60px; border-width:2px; border-style:solid; font-family:FontAwesome; font-weight:normal;} .w-imgText6 .igt_btn .igt_prev:hover,.w-imgText6 .igt_btn .igt_next:hover{ color:#fff;} .w-imgText6 .igt_btn .igt_prev{left:0;} .w-imgText6 .igt_btn .igt_next{right:0;} .w-imgText6 .igt_btn .igt_prev:before,.w-imgText6 .igt_btn .igt_next:before{ font-size:22px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-imgText6 .igt_btn .igt_prev:before{content: "\f104";} .w-imgText6 .igt_btn .igt_next:before{content: "\f105";} .w-imgText6 .igt_page2{ position: absolute; left: 60px; right:60px; top: 0; color: #333; text-align: center;} .w-imgText6 .igt_page2 .swiper-pagination-bullet{line-height: 60px; width: auto; height: auto; margin: 0 8px; padding:0 5px; background: none; border-radius: 0; -webkit-border-radius: 0; opacity: 1; font-size: 16px; font-weight: bold; position: relative;} .w-imgText6 .igt_page2 .swiper-pagination-bullet:before{ content: ''; position:absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #333; transition: width 0.3s;;-webkit-transition: width 0.3s; visibility: hidden;} .w-imgText6 .igt_page2 .swiper-pagination-bullet.swiper-pagination-bullet-active:before{width:100%; visibility: visible;} .w-imgText7{position:relative;} .w-imgText7 li{ width: 80%;} .w-imgText7 .img{ margin-right:345px; position:relative; overflow:hidden;} .w-imgText7 .img .imgSize{ height:750px; height: 100vh;} .w-imgText7 .img img{width:100%; height:100%;} .w-imgText7 .textB{ position:absolute; width:345px; right:0; top:0; bottom:0;padding:1.3em 4%; } .w-imgText7 .textB .text_x{top:50%; top:0\9; *top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); max-height:100%; overflow:hidden; } :root .w-imgText5 .textB .text_x{ top:50%;} .w-imgText7 .igt_btn{color:#fff;} .w-imgText7 .igt_btn .igt_prev,.w-imgText7 .igt_btn .igt_next{ z-index: 9; position:absolute;cursor:pointer; top:50%; margin-top:-15px; height:30px; line-height: 30px; font-family:FontAwesome; font-weight:normal; white-space: nowrap;} .w-imgText7 .igt_btn .igt_prev{left:25px; padding-left:25px; background: url(../images/prev1.png) no-repeat left center;} .w-imgText7 .igt_btn .igt_next{right:25px; padding-right:25px; background: url(../images/next1.png) no-repeat right center;} .w-imgText8{position:relative;} .w-imgText8 .img{ overflow: hidden;} .w-imgText8 .img img{width:100%;transition:transform 0.5s; -webkit-transition:transform 0.5s; } .w-imgText8 li:hover img{ transform:scale(1.02); -webkit-transform:scale(1.02);} .w-imgText8 .textB{ position:absolute; width:20%;right:0; top:0; bottom:0;padding:25px 2.5% 60px; color:#fff;} .w-imgText8 .textB .text_x{max-height: 100%; overflow: hidden;} .w-imgText8 .titB{position: absolute; left:0; right:20%; bottom:0; font-size:18px;line-height: 24px; padding: 18px; text-align: center; color:#fff; background: rgba(0,0,0,0.65);} .li-div .w-imgText8 .igt_page3{ position: absolute; z-index: 5; left:4%; width:auto; bottom:17px;} .li-div .w-imgText8 .igt_page3 span{width:16px; height: 16px;border: 2px solid #fff; background: none; position: relative; opacity: 0.5;} .li-div .w-imgText8 .igt_page3 span.swiper-pagination-bullet-active{opacity: 1;} .li-div .w-imgText8 .igt_page3 span:before{ content: ''; position: absolute; top:50%; margin-top: -2px; left: 50%; margin-left: -2px; width:4px; height:4px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; display: none;} .li-div .w-imgText8 .igt_page3 span.swiper-pagination-bullet-active:before{ display: block;} .w-imgText8 .igt_next{ position: absolute; z-index: 5; width: 20%; text-align: center; right: 0; bottom: 0; line-height:60px; color:#fff; } .w-imgText8 .igt_next span{display: inline-block; padding-right:15px; background: url(../images/next2.png) no-repeat right center;} .w-imgText8 .igt_prev{ display: none;position: absolute; z-index: 5; left:0; bottom:0; color:#fff;line-height:60px;} .w-imgText8 .igt_prev span{display: inline-block; padding-left:15px; background: url(../images/prev2.png) no-repeat left center;} .w-imgText9{position:relative;} .w-imgText9 .imTB{ overflow:hidden;} .w-imgText9 .img{ width:50%; float: right;} .w-imgText9 .img img{width:100%; } .w-imgText9 .textB{ position:absolute; right:50%; left:0; top:0; bottom:0;padding:15px 3%; } .w-imgText9 .textB .text_x{top:50%; top:0\9; *top:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); max-height: 100%; overflow:hidden; } :root .w-imgText9 .textB .text_x{ top:50%;} .w-imgText9 .igt_page4{ background:#2B2B29; color:#fff; overflow: hidden;} .w-imgText9 .swiper-pagination-custom{bottom:0;} .w-imgText9 .igt_page4 li{ float:left; width:25%; position:relative; cursor: pointer;} .w-imgText9 .igt_page4 li .bg_main{position: absolute; left: 0; top: 0; bottom: 0; width: 0;transition: width 0.5s; -webkit-transition: width 0.5s; } .w-imgText9 .igt_page4 li.active .bg_main,.w-imgText9 .igt_page4 li:hover .bg_main{width:100%;} .w-imgText9 .igt_page4 li .item_span{position:relative; z-index:1;padding:25px 0 25px 10%; line-height: 1.5;} .w-imgText9 .igt_page4 li .tit{font-size:18px;} .w-imgText9 .igt_page4 li p{opacity: 0.5; margin-bottom: 0;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-imgText10{position:relative; overflow: visible;} .w-imgText10 .swiperBox{ overflow: hidden; padding-right: 4%;} .w-imgText10 .imTB{ overflow:hidden;} .w-imgText10 .img{ width:50%;} .w-imgText10 .img img{width:100%; } .w-imgText10 .textB{ position:absolute; left:50%; right:0; top:0; bottom:0;padding:15px 4%; } .w-imgText10 .textB .text_x{ max-height: 100%; overflow:hidden; } .w-imgText10 .igt_page5{position: absolute; z-index: 10; left: auto; width: auto; right: 0; top: -60px; font-size: 20px; color: #999;} .w-imgText10 .igt_page5 span.on{ color: #222; font-size: 200%;} .igt_page_text10{ margin-top: 25px;} .igt_page_text10 ul, .igt_page_text10 li{ list-style: none; padding: 0; margin: 0;} .igt_page_text10 li{ float: left; text-align: center; overflow: hidden; opacity: 0.5;} .igt_page_text10 li:hover,.igt_page_text10 li.on{opacity: 1;} .igt_page_text10 li .item_span{ display: inline-block; *display:inline; *zoom:1; padding: 0 1em 0 0; position: relative;} .igt_page_text10 li .item_span:before,.igt_page_text10 li .item_span:after{ content: ''; position: absolute; height: 1px; width:600px; top: 50%; background: #e3e7ed;} .igt_page_text10 li .item_span:before{ right:100%;} .igt_page_text10 li .item_span:after{ left: 100%;} .igt_page_text10 li .item_span > div{display: inline-block; *display:inline; *zoom:1; vertical-align: middle;} .igt_page_text10 li .item_span .num{ width:1em; color: #f4f6f9; visibility: hidden; font-size: 100px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;} .igt_page_text10 li .item_span .tit{ margin-left: 0.5em; font-size: 16px;} .igt_page_text10 li:hover .item_span .num,.igt_page_text10 li.on .item_span .num{visibility: visible;} .igt_page_text10 li .item_span .adore{ display: block; width:1em; height: 1em; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top:50%; margin-top:-0.5em; left:77px;} .w-imgText11{position:relative;} .w-imgText11 .img{ overflow:hidden;} .w-imgText11 .img img{width:100%; transition:transform 3.5s; -webkit-transition:transform 3.5s;transform:scale(1.07); -webkit-transform:scale(1.07); } .w-imgText11 li.swiper-slide-active .img img{ transform:scale(1); -webkit-transform:scale(1);} .w-imgText11 .textB{ position:absolute; left:0; bottom:0; width:50%; padding:120px 35px 40px 9%;} .w-imgText11 .text_x{ height:115px; overflow: hidden;} .w-imgText11 .igt_btn{ position:absolute; z-index:11; left:9%; bottom:180px; width:280px; height:50px;} .w-imgText11 .igt_btn .igt_prev,.w-imgText11 .igt_btn .igt_next{ position:absolute; cursor:pointer; top:0; width:50px; height:50px; font-family:FontAwesome; font-weight:normal; color:#fff; border-radius: 50%; -webkit-border-radius: 50%;} .w-imgText11 .igt_btn .igt_prev{ left:0;} .w-imgText11 .igt_btn .igt_next{right:0;} .w-imgText11 .igt_btn .igt_prev:before,.w-imgText11 .igt_btn .igt_next:before{ font-size:34px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-imgText11 .igt_btn .igt_prev:before{content: "\f104";} .w-imgText11 .igt_btn .igt_next:before{content: "\f105";} .w-imgText11 .igt_page6{position: absolute; z-index: 10; left: 9%; width: 280px; bottom:180px; line-height: 50px; text-align: center; font-size: 26px; color: #fff;} .w-imgText11 .igt_page6 span{padding:0 5px;} .w-imgText11 .igt_page6 span.on{ font-size: 140%;} .w-imgText12{position:relative;} .w-imgText12 .img{ width:60%; position:relative; float: right; overflow:hidden;} .w-imgText12 .img .imgSize{ height:700px; height:100vh; max-height:800px;} .w-imgText12 .img img{width:100%; } .w-imgText12 .textB{ position:absolute; right:60%; width:30%; top: 15%; bottom: 15%; padding:35px 2.5% 90px; overflow: hidden;} .w-imgText12 .text_x{ opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transform: translate(-100%,-50%); -webkit-transform: translate(-100%,-50%); top:50%; top:0\9; *top:0; max-height: 90%; overflow: hidden;} :root .w-imgText12 .text_x{ top:50%;} .w-imgText12 li.swiper-slide-active .text_x{ opacity: 1; transform: translate(0,-50%); -webkit-transform: translate(0,-50%);} .w-imgText12 .igt_btn{ position:absolute; z-index:11; left:12.5%; bottom:22%; width:110px; height:50px;} .w-imgText12 .igt_btn .igt_prev,.w-imgText12 .igt_btn .igt_next{ position:absolute; cursor:pointer; top:0; width:50px; height:50px; font-family:FontAwesome; font-weight:normal; border-radius: 50%; -webkit-border-radius: 50%;} .w-imgText12 .igt_btn .igt_prev{ left:0;} .w-imgText12 .igt_btn .igt_next{right:0;} .w-imgText12 .igt_btn .igt_prev:before,.w-imgText12 .igt_btn .igt_next:before{ font-size:34px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-imgText12 .igt_btn .igt_prev:before{content: "\f104";} .w-imgText12 .igt_btn .igt_next:before{content: "\f105";} .w-imgText12 .igt_page6{position: absolute; z-index: 10; left: 12.5%; margin-left: 130px; bottom:22%; width: auto; line-height: 50px; font-size: 22px; color: #666;} .w-imgText12 .igt_page6 span{padding:0 5px;} .w-imgText13{position:relative;} .w-imgText13 .img{ overflow:hidden;} .w-imgText13 .img .imgSize{ height:650px;} .w-imgText13 .img img{width:100%; } .w-imgText13 .textB{ position:absolute; left:0; right:0; top:50%; top:0\9; *top:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #fff; text-align: center;} :root .w-imgText13 .textB{ top:50%;} .w-imgText13 .text_x .fadeInUp_u{opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s; transform: translateY(100px); -webkit-transform: translateY(100px);} .w-imgText13 .text_x .delay_u1{ transition-delay: 0; -webkit-transition-delay: 0;} .w-imgText13 .text_x .delay_u2{ transition-delay: 0.5s; -webkit-transition-delay: 0.5s;} .w-imgText13 .text_x .delay_u3{ transition-delay: 1s; -webkit-transition-delay: 1s;} .w-imgText13 li.swiper-slide-active .text_x .fadeInUp_u{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);} .w-imgText13 .igt_btn .igt_prev,.w-imgText13 .igt_btn .igt_next{ position:absolute; z-index: 10; cursor:pointer; top:50%; margin-top: -30px; width:40px; height:60px; background: url(../images/slide_bPc.png) no-repeat;} .w-imgText13 .igt_btn .igt_prev{ left:30px; background-position: 0 0;} .w-imgText13 .igt_btn .igt_next{right:30px;background-position: -40px 0;} .li-div .w-imgText13 .igt_page{ display:block; position:absolute;left:0; right:0; bottom:15px; text-align: center;} .w-imgText13 .igt_page .swiper-pagination-bullet{width:8px; height:8px; border-radius: 4px; -webkit-border-radius: 4px; transition: width 0.5s; -webkit-transition: width 0.5s;} .w-imgText13 .igt_page .swiper-pagination-bullet-active{width:30px;} .ball{position:absolute; z-index: 0; left:50%; margin-left:-160px; top:50%;margin-top: -160px; width:320px; height:320px;} .ball .i{position:absolute; left: 0; top: 0; width:100%; height:100%;} .ball .i:after{content:""; display:block; position:absolute; width:100%; height:100%; border:1px solid rgba(255,255,255,.3); border-radius: 50%;} .w-imgText13 li.swiper-slide-active .ball .i1{animation:ik2_i1 2s 1s both;} .w-imgText13 li.swiper-slide-active .ball .i2{animation:ik2_i2 2s 1s both;} .w-imgText13 li.swiper-slide-active .ball .i3{animation:ik2_i3 2s 1s both;} .w-imgText13 li.swiper-slide-active .ball .i1:after{left:-2px; top:-2px; animation:ik2_rotate1 10s linear infinite;} .w-imgText13 li.swiper-slide-active .ball .i2:after{left:0; top:2px; animation:ik2_rotate2 5s linear infinite;} .w-imgText13 li.swiper-slide-active .ball .i3:after{left:2px; top:-2px; animation:ik2_rotate3 7s linear infinite;} @-webkit-keyframes ik2_i1 { 0% { opacity:0; left:-60px; top:-40px; } 100% { opacity:1; left:0; top:0; } } @keyframes ik2_i1 { 0% { opacity:0; left:-60px; top:-40px; } 100% { opacity:1; left:0; top:0; } } @-webkit-keyframes ik2_i2 { 0% { opacity:0; right:-60px; top:-40px; } 100% { opacity:1; right:0; top:0; } } @keyframes ik2_i2 { 0% { opacity:0; right:-60px; top:-40px; } 100% { opacity:1; right:0; top:0; } } @-webkit-keyframes ik2_i3 { 0% { opacity:0; left:0; top:50px; } 100% { opacity:1; left:0; top:0; } } @keyframes ik2_i3 { 0% { opacity:0; left:0; top:50px; } 100% { opacity:1; left:0; top:0; } } @-webkit-keyframes ik2_rotate1 { 0% { transform: translate(0,0); } 25% { transform: translate(-6px,-6px); } 50% { transform: translate(6px,12px); } 75% { transform: translate(6px,6px); } 100% { transform: translate(0,0); } } @keyframes ik2_rotate1 { 0% { transform: translate(0,0); } 25% { transform: translate(-6px,-6px); } 50% { transform: translate(6px,12px); } 75% { transform: translate(6px,6px); } 100% { transform: translate(0,0); } } @-webkit-keyframes ik2_rotate2 { 0% { transform: translate(0,0); } 25% { transform: translate(-6px,6px); } 50% { transform: translate(6px,-6px); } 75% { transform: translate(6px,6px); } 100% { transform: translate(0,0); } } @keyframes ik2_rotate2 { 0% { transform: translate(0,0); } 25% { transform: translate(-6px,6px); } 50% { transform: translate(6px,-6px); } 75% { transform: translate(6px,6px); } 100% { transform: translate(0,0); } } @-webkit-keyframes ik2_rotate3 { 0% { transform: translate(0,0); } 25% { transform: translate(9px,-6px); } 50% { transform: translate(-6px,-6px); } 75% { transform: translate(-6px,6px); } 100% { transform: translate(0,0); } } @keyframes ik2_rotate3 { 0% { transform: translate(0,0); } 25% { transform: translate(9px,-6px); } 50% { transform: translate(-6px,-6px); } 75% { transform: translate(-6px,6px); } 100% { transform: translate(0,0); } } .icon_u{position:relative; margin:1.5em auto 0; width:50px; height:50px; line-height: 50px; text-align: center; border-radius: 50%; opacity:0; filter:alpha(opacity=0); -webkit-transition: all 1s; transition: all 1s; transform: translateY(40px); -webkit-transform: translateY(40px); transition-delay: 1.5s; -webkit-transition-delay: 1.5s;} .w-imgText13 li.swiper-slide-active .icon_u{opacity:1; filter:alpha(opacity=100);transform: translateY(0); -webkit-transform: translateY(0);} /*.icon_u .l{position:absolute; width:50%; height:100%; top:0; left:0; overflow:hidden; border-radius: 25px 0 0 25px;} .icon_u .r{position:absolute; width:50%; height:100%; top:0; right:0; overflow:hidden; border-radius: 0 25px 25px 0;} .icon_u .l:after{content:" "; display:block; position:absolute; left:0; top:0; width:200%; height:100%; border-radius:30px; box-sizing: border-box; border:2px solid rgba(255,255,255,.8); border-color:transparent rgba(255,255,255,.8) rgba(255,255,255,.8) transparent; transform:rotate(-45deg);} .icon_u .r:after{content:" "; display:block; position:absolute; right:0; top:0; width:200%; height:100%; border-radius:30px; box-sizing: border-box; border:2px solid rgba(255,255,255,.8); border-color:rgba(255,255,255,.8) transparent transparent rgba(255,255,255,.8); transform:rotate(-45deg);} .w-imgText13 li:hover .icon_u .l:after{-webkit-animation: circle_right 4.9s 2.5s linear 1 forwards; animation: circle_right 4.9s 2.5s linear 1 forwards;} .w-imgText13 li:hover .icon_u .r:after{-webkit-animation: circle_right 5s linear 1 forwards; animation: circle_right 5s linear 1 forwards;} @keyframes circle_right{ 0%{transform: rotate(-45deg);} 50%,100%{transform: rotate(135deg);} } */ /*---------------图文滚动 end-----------------------*/ /*---------------多图组合----------------*/ .w-multimg{ overflow:hidden;} .w-multimg ul,.w-multimg li{ list-style:none; padding:0; margin:0;} .igt{ position:relative;} .igt a{ display:block; position:absolute; left:0; right:0; top:0; bottom:0;} .igt .img{position:relative; background:url(../images/pic.png) no-repeat center #F2F2F2; overflow:hidden;} .igt .text{ position:absolute; color:#fff; line-height:1.8;} .igt .text h3{ font-size:20px; margin:0 0 0.2em 0; line-height:1.4; font-weight:normal;} .igt .text .drc{ line-height:1.5;} .igt .igt_show .img img{width:100%; height:100%;transition:transform 0.5s; -webkit-transition:transform 0.5s;} .igt:hover .igt_show .img img{ transform:scale(1.05); -webkit-transform:scale(1.05);} .igt:hover .igt_show .text{ opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:opacity 1s; -webkit-transition:opacity 1s;} .igt .igt_hide{ position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition:opacity 0.5s; -webkit-transition:opacity 0.5s;} .igt:hover .igt_hide{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .igt .igt_hide .imgbg{ position:absolute; top:0; left:0; right:0; bottom:0;background-position: center center; background-repeat:no-repeat; background-size:cover; } .w-multimg .mult_page{ text-align:center;z-index:5;} .w-multimg .mult_page .swiper-pagination-bullet{ border-radius:0; -webkit-border-radius:0; width:1em; height:5px;} .w-multimg .mult_page .swiper-pagination-bullet-active{ background:#f80;} .w-multimg1 .ceil{ float:left; width:25%;} .w-multimg1 .ceil1 .igt_show .imgSize,.w-multimg1 .ceil4 .igt_show .imgSize{ padding-bottom:150%;} .w-multimg1 .ceil2 .igt_show .imgSize,.w-multimg1 .ceil3 .igt_show .imgSize{ padding-bottom:75%;} .w-multimg1 .igt .text{ text-align:center; left:0; right:0; padding:0 1em; top:10%; } .w-multimg1 .ceil2 .igt .text,.w-multimg1 .ceil3 .igt .text{ top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); } :root .w-multimg1 .ceil2 .igt .text,:root .w-multimg1 .ceil3 .igt .text{ top:50%;} .w-multimg2 .item{ margin:0 -2px;} .w-multimg2 .igt{ margin:2px;} .w-multimg2 .ceil{ float:left; width:20%;} .w-multimg2 .subItem{ overflow:hidden;} .w-multimg2 .ceil1{ width:40%;} .w-multimg2 .ceil1 .igt_show .imgSize{ padding-bottom:60%;} .w-multimg2 .ceil1 .subCeil{ float:left; width:50%;} .w-multimg2 .ceil1 .subCeil .igt_show .imgSize,.w-multimg2 .ceil2 .subItem1 .igt_show .imgSize,.w-multimg2 .ceil3 .subItem2 .igt_show .imgSize{ padding-bottom:70%;} .w-multimg2 .ceil2 .subItem2 .igt_show .imgSize,.w-multimg2 .ceil3 .subItem1 .igt_show .imgSize{ padding-bottom:120%;} .w-multimg2 .ceil4 .igt_show .imgSize{ padding-bottom:191%; padding-bottom: calc(190% + 4px);} .w-multimg2 .igt .text{ text-align:center; left:0; right:0; padding:0 1em; top:15%;} .w-multimg2 .ceil1 .subCeil .igt .text,.w-multimg2 .ceil2 .subItem1 .igt .text,.w-multimg2 .ceil3 .subItem2 .igt .text{top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} :root .w-multimg2 .ceil1 .subCeil .igt .text, :root .w-multimg2 .ceil2 .subItem1 .igt .text, :root.w-multimg2 .ceil3 .subItem2 .igt .text{ top:50%;} .w-multimg3 .item{ margin:0 -2px;} .w-multimg3 .igt{ margin:2px;} .w-multimg3 .ceil1{ float:left; width:33.333%;} .w-multimg3 .ceil2{ float:left; width:66.666%;} .w-multimg3 .ceil1 .igt_show .imgSize{ padding-bottom:133.333%; padding-bottom:calc(133.333% + 4px);} .w-multimg3 .ceil2 .subItem1 .subCeil1,.w-multimg3 .ceil2 .subItem2 .subCeil2{ float:left; width:66.666%;} .w-multimg3 .ceil2 .subItem1 .subCeil2,.w-multimg3 .ceil2 .subItem2 .subCeil1{ float:left; width:33.333%;} .w-multimg3 .ceil2 .subItem1 .subCeil1 .igt_show .imgSize,.w-multimg3 .ceil2 .subItem2 .subCeil2 .igt_show .imgSize{ padding-bottom:50%;} .w-multimg3 .ceil2 .subItem1 .subCeil2 .igt_show .imgSize,.w-multimg3 .ceil2 .subItem2 .subCeil1 .igt_show .imgSize{ padding-bottom:100%; padding-bottom:calc(100% + 2px);} .w-multimg3 .igt_show .text{ position:absolute; right:30px; bottom:20px; text-align:right;} .w-multimg3 .igt_show .text h3{ position:relative; padding-bottom:0.5em; margin-bottom:0.5em;} .w-multimg3 .igt_show .text h3:before{ content:''; position:absolute; height:2px; width:2.5em; right:0; bottom:0; background:#fff;} .w-multimg3 .igt_hide .text{top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center;left:0; right:0; padding:0 1em;} :root .w-multimg3 .igt_hide .text{ top:50%;} .w-multimg3 .igt_hide .text h3{position:relative; padding-bottom:0.5em; margin-bottom:0.5em;} .w-multimg3 .igt_hide .text h3:before{ content:''; position:absolute; height:2px; width:2.5em; left:50%; margin-left:-1.25em; bottom:0; background:#fff;} .w-multimg3 .igt .igt_show .text{transition:opacity 0.5s; -webkit-transition:opacity 0.5s;} .w-multimg4 .ceil{ float:left; width:50%;} .w-multimg4 .ceil1 .igt_show .imgSize{ padding-bottom:80%;} .w-multimg4 .ceil2 .subItem1 .subCeil{ float:left; width:50%;} .w-multimg4 .ceil2 .subItem1 .igt_show .imgSize{ padding-bottom:80%;} .w-multimg4 .ceil2 .subItem2 .igt_show .imgSize{ padding-bottom:40%;} .w-multimg4 .igt .text{ text-align:center; left:5%; right:1em; text-align:left; top:10%;} .w-multimg4 .ceil2 .subItem1 .subCeil .igt .text{ left:10%;} .w-multimg4 .text h3{ position:relative; padding-bottom:0.8em; margin-bottom:0.6em;} .w-multimg4 .text h3:before{ content:''; position:absolute; left:0; bottom:0; width:1em; height:5px; background:#fff;} .w-multimg5 .item{ margin:0 -1px;} .w-multimg5 .igt{ margin:0 1px; padding: 1px 0;} .w-multimg5 .ceil{ float:left; width:50%;} .w-multimg5 .ceil1 .igt_show .imgSize{ padding-bottom:80%; padding-bottom:calc(80% + 2px);} .w-multimg5 .ceil2 .igt_show .imgSize{ padding-bottom:40%;} .w-multimg5 .igt .text{ position:absolute; right:30px; bottom:20px; text-align:right;} .w-multimg5 .text h3{ margin-bottom:0.3em;} .w-multimg6 .item{ margin:0 -1px;} .w-multimg6 .igt{ margin:0 1px; padding: 1px 0;} .w-multimg6 .ceil{ float:left; width:50%;} .w-multimg6 .ceil1 .igt_show .imgSize{ padding-bottom:80%;padding-bottom:calc(80% + 2px);} .w-multimg6 .ceil2 .subItem1 .igt_show .imgSize{ padding-bottom:40%;} .w-multimg6 .ceil2 .subItem2 .subCeil{ float:left; width:50%;} .w-multimg6 .ceil2 .subItem2 .igt_show .imgSize{ padding-bottom:80%; } .w-multimg6 .igt .text{ position:absolute; right:25px; bottom:20px; text-align:right;} .w-multimg6 .text h3{margin-bottom:0.3em;} .w-multimg7 .item{ margin:0 -1px;} .w-multimg7 .igt{ margin:0 1px; padding: 1px 0;} .w-multimg7 .ceil{ float:left; width:25%;} .w-multimg7 .ceil2{ width: 50%;} .w-multimg7 .ceil1 .igt_show .imgSize, .w-multimg7 .ceil3 .igt_show .imgSize{ padding-bottom:160%;padding-bottom:calc(160% + 2px);} .w-multimg7 .ceil2 .subItem1 .igt_show .imgSize{ padding-bottom:40%;} .w-multimg7 .ceil2 .subItem2 .subCeil{ float:left; width:50%;} .w-multimg7 .ceil2 .subItem2 .igt_show .imgSize{ padding-bottom:80%; } .w-multimg7 .igt .text{ position:absolute; right:20px; bottom:20px; text-align:right;} .w-multimg7 .text h3{ margin-bottom:0.3em;} /*---------------多图组合 end----------------*/ /*--------------------------文章滚动组件----------------------------*/ .w-newsList{ overflow:hidden;} .w-newsList a{ display:block; text-decoration:none;} .w-newsList ul,.w-newsList li{ list-style:none; padding:0; margin:0;} .bg_grayLight{ background-color:#ccc;} .border_gray{ border-color:#ccc;} .w-adSNews1{ position:relative;} .w-adSNews1 .tit_h{ position:absolute;line-height:1.5; width:8em; text-align:center; top:0; bottom:0; left:0; color:#fff;} .w-adSNews1 .tit_h .h{ position:absolute; line-height:1.3; left:0.5em; right:0.5em; top:50%; top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); } :root .w-adSNews1 .tit_h .h{ top:50%;} .w-adSNews1 .adSNewsBox{ padding-left:9em; padding-right:6em;} .w-newsList1 .h_date{ position:relative; padding-right:7em;} .w-newsList1 .news-h{ line-height:2.5; text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-newsList1 .date{ position:absolute; right:0; line-height:1.5; top:50%; margin-top:-0.7em; opacity:0.7;} .w-newsList1 .adSN_btn{ position:absolute; right:0; width:4.1em; top:0; bottom:0;} .w-newsList1 .adSN_btn .adSN_next,.w-newsList1 .adSN_btn .adSN_prev{ position:absolute; width:2em; top:0; bottom:0; right:0; font-family:FontAwesome; font-weight:normal; color:#fff;} .w-newsList1 .adSN_btn .adSN_prev{right:2.1em;} .w-newsList1 .adSN_btn .adSN_prev:before,.w-newsList1 .adSN_btn .adSN_next:before{ font-size:22px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-newsList1 .adSN_btn .adSN_prev:before{content: "\f104";} .w-newsList1 .adSN_btn .adSN_next:before{content: "\f105";} .w-adSNews2{ border:1px solid #DDDDDD; position:relative; padding:0 20px 60px;} .w-adSNews2 .tit_h{ line-height:1.5;display:inline-block; *display:inline; *zoom:1; padding:20px; color:#fff;font-weight:bold; font-size:20px;} .w-newsList2 li{ padding:50px 0 10px;} .w-newsList2 .h_date{ margin-bottom:30px;} .w-newsList2 .news-h{ font-size:128%;} .w-newsList2 .date{ font-size:90%; margin-top:0.3em; color:#808080;} .w-newsList2 .news-sum{ color:#666; line-height:1.7; max-height:4.8em; overflow:hidden;} .w-newsList2 .more{ display:inline-block; *display:inline; *zoom:1; margin-top:40px; text-decoration:underline;} .w-newsList2 .adSN_btn{ position:absolute; right:0; bottom:0;} .w-newsList2 .adSN_btn .adSN_next,.w-newsList2 .adSN_btn .adSN_prev{ position:absolute; width:35px; height:35px;bottom:0; right:0; font-family:FontAwesome; font-weight:normal; color:#fff;} .w-newsList2 .adSN_btn .adSN_prev{ right:36px;} .w-newsList2 .adSN_btn .adSN_prev:before,.w-newsList2 .adSN_btn .adSN_next:before{ font-size:22px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-newsList2 .adSN_btn .adSN_prev:before{content: "\f104";} .w-newsList2 .adSN_btn .adSN_next:before{content: "\f105";} .w-adSNews3{ padding:30px 10% 100px; position:relative;} .w-adSNews3 .tit_h{ font-size:18px; color:#fff; line-height:1.5; padding-bottom:1em; margin-bottom:1.2em; border-bottom:1px solid #fff; border-color:rgba(255,255,255,0.8);} .w-adSNews3 .more{ margin-top:35px;} .w-adSNews3 .more a{ color:#fff;} .w-newsList3 .h_date{ position:relative; padding-right:7em; color:#fff;} .w-newsList3 .news-h{ line-height:2.5; text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-newsList3 .news-h:hover{ text-decoration:underline;} .w-newsList3 .date{ position:absolute; right:0; line-height:1.5; top:50%; margin-top:-0.7em; opacity:0.7;} .w-newsList3 .adSN_btn{ position:absolute; left:0;right:0; bottom:0; height:60px; background:rgba(255,255,255,0.3);} .w-newsList3 .adSN_btn .adSN_next,.w-newsList3 .adSN_btn .adSN_prev{ position:absolute; width:4em; top:0; bottom:0; left:10%; font-family:FontAwesome; font-weight:normal; color:#fff;} .w-newsList3 .adSN_btn .adSN_next{margin-left:4em;} .w-newsList3 .adSN_btn .adSN_prev:before,.w-newsList3 .adSN_btn .adSN_next:before{ font-size:22px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-newsList3 .adSN_btn .adSN_prev:before{content: "\f104";} .w-newsList3 .adSN_btn .adSN_next:before{content: "\f105";} .w-adSNews4{ position:relative;} .w-adSNews4 .tit_h{ font-size:120%; color:#333; line-height:1.5; padding-bottom:0.6em; margin-bottom:1em; border-bottom:1px solid #d0d0d0;} .w-newsList4 li{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eee;} .w-newsList4 a{ overflow:hidden; position:relative;} .w-newsList4 .date{ float:right; padding:0 0.7em 5px; text-align:center; line-height:1.2; position:relative; color:#fff;} .w-newsList4 .date > div{ position:relative; z-index:2;} .w-newsList4 .date .bg_main{position:absolute; z-index:1; left:0; top:0; bottom:0; right:0; opacity:0.5;} .w-newsList4 a:hover .date .bg_main{ opacity:1;} .w-newsList4 .date .day{ font-size:36px;} .w-newsList4 .h_more{ margin-right:85px;} .w-newsList4 .h_more .news-h{ font-size:115%; line-height:2;text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-newsList4 .h_more .more{ opacity:0.7;} .w-newsList4 .adSN_btn{ position:absolute; right:0; top:0; } .w-newsList4 .adSN_btn .adSN_next,.w-newsList4 .adSN_btn .adSN_prev{ font-size:130%; position:absolute; width:1.5em; height:1.5em; top:0;right:0; font-family:FontAwesome; line-height:1.5; text-align:center; } .w-newsList4 .adSN_btn .adSN_prev{ right:1.5em;} .w-newsList4 .adSN_btn .adSN_prev:before{content: "\f104";} .w-newsList4 .adSN_btn .adSN_next:before{content: "\f105";} .w-adSNews5{ position:relative;} .w-adSNews5 .tit_h{ line-height:1.5;display:inline-block; *display:inline; *zoom:1;font-size:110%; color:#fff; padding:0.5em 1.5em; font-weight:bold; margin-bottom:30px;} .w-adSNews5 .adSNewsBox{ padding-right:80px;} .w-newsList5 li{ margin-bottom:25px;} .w-newsList5 .h_date{ margin-bottom:0.5em;} .w-newsList5 .news-h{ font-size:130%;} .w-newsList5 .date{ font-size:90%; margin-top:0.3em; color:#808080;} .w-newsList5 .news-sum{ font-size:95%; color:#666; line-height:1.7; max-height:4.8em; overflow:hidden;} .w-newsList5 .adSN_btn{ position:absolute; right:0; width:50px; height:110px; top:50%; margin-top:-40px;} .w-newsList5 .adSN_btn .adSN_next,.w-newsList5 .adSN_btn .adSN_prev{ position:absolute; width:50px; height:50px; right:0; font-family:FontAwesome; font-weight:normal; color:#fff;} .w-newsList5 .adSN_btn .adSN_prev{top:0;} .w-newsList5 .adSN_btn .adSN_next{ bottom:0;} .w-newsList5 .adSN_btn .adSN_prev:before,.w-newsList5 .adSN_btn .adSN_next:before{ font-size:40px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-newsList5 .adSN_btn .adSN_prev:before{content: "\f106";} .w-newsList5 .adSN_btn .adSN_next:before{content: "\f107";} .w-adSNews6{ position:relative;padding:30px 10%; color:#fff;} .w-adSNews6 .tit_h{ font-size:115%; margin-bottom:35px;} .w-adSNews6 .adSNewsBox{ padding-bottom:100px; position:relative;} .w-newsList6 li{ margin-bottom:30px;} .w-newsList6 a{ color:#fff;} .w-newsList6 .h_date{ margin-bottom:25px;} .w-newsList6 .news-h{ font-size:22px;} .w-newsList6 .date{margin-top:0.3em; } .w-newsList6 .news-sum{ line-height:1.7; max-height:4.8em; overflow:hidden;} .w-newsList6 .more{ display:inline-block; *display:inline; *zoom:1; line-height:3; padding:0 3em; border:1px solid #fff; color:#fff; margin-top:25px;} .w-newsList6 .adSN_btn{ position:absolute; right:0; bottom:60px; height:44px; } .w-newsList6 .adSN_btn .adSN_next,.w-newsList6 .adSN_btn .adSN_prev{ font-size:36px; position:absolute; width:0.8em; height:1.2em; top:0;right:0; font-family:FontAwesome; line-height:1.2; text-align:center; } .w-newsList6 .adSN_btn .adSN_prev{ right:0.9em;} .w-newsList6 .adSN_btn .adSN_prev:before{content: "\f104";} .w-newsList6 .adSN_btn .adSN_next:before{content: "\f105";} .w-newsList6 .adSN_page{ position:absolute; left:0; bottom:0; font-size:24px;} .w-newsList6 .adSN_page .swiper-pagination-current{ font-size:165%;} .w-adSNews7 .hml{float: left; width:23%; padding-top: 40px;} .w-adSNews7 .tit_h{ font-size:28px; color: #333; font-weight: bold;} .w-adSNews7 .hml .more{ margin-top: 1em; opacity: 0.5;} .w-adSNews7 .hml .more:hover{opacity: 1;} .w-adSNews7 .adSN_btn{ margin-top:40px;} .w-adSNews7 .adSN_btn .adSN_next,.w-adSNews7 .adSN_btn .adSN_prev{ position:relative; display: inline-block; *display:inline; *zoom:1; width:50px; height:50px; margin-right: 10px; font-family:FontAwesome; font-weight:normal; color:#888; border-width: 1px; border-style:solid;} .w-adSNews7 .adSN_btn .adSN_prev:before,.w-adSNews7 .adSN_btn .adSN_next:before{ font-size:40px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-adSNews7 .adSN_btn .adSN_prev:before{content: "\f104";} .w-adSNews7 .adSN_btn .adSN_next:before{content: "\f105";} .w-adSNews7 .adSN_btn .adSN_next:hover,.w-adSNews7 .adSN_btn .adSN_prev:hover{ color: #fff;} .w-adSNews7 .adSNewsBox{margin-left: 24%; margin-right: -10px;} .w-newsList7 .swiper-slide{ float: left; width: 33.333%;} .w-newsList7 .news-item{margin: 20px 10px; box-shadow: 0px 3px 15px 1px rgba(0,0,0,.1); -webkit-box-shadow: 0px 3px 15px 1px rgba(0,0,0,.1); background:#fff; } .w-newsList7 .aspectRatio{padding-bottom:66.666%;} .w-newsList7 .h_date{ padding: 1em 1.2em 1.5em;} .w-newsList7 .h_date .news-h{ font-size: 18px; line-height: 1.5; min-height: 3em; margin-bottom: 0.5em;} .w-newsList7 .h_date .date{ font-size: 90%; color: #999;} .w-newsListV7 .swiper-slide{ width:100%; float:none;} .w-newsListV7 .aspectRatio{padding-bottom: 40% !important;} .w-newsListV7 .h_date .news-h{min-height: 0;} .w-adSNews8 .tit_h{font-size:32px; margin-bottom: 1em; display: none;} .w-newsList8{position: relative;} .w-newsList8 .news-item{ position:relative;} .w-newsList8 .news-imgbox{ float: right; width:52%;} .w-newsList8 .aspectRatio{padding-bottom:66.666%;} .w-newsList8 .news-text{ margin-right:56%;} .w-newsList8 .news-h{font-size:28px; line-height: 1.4; margin-bottom: 1em;} .w-newsList8 .news-sum{margin-top:30px; line-height: 1.8; color:#808080;} .w-newsList8 .more{position: absolute; left: 0; bottom: 10px; line-height: 2.8; padding: 0 3em; border-width: 1px; border-style: solid;} .w-newsList8 .more:hover{color:#fff;} .w-adSNews8 .w-newsList8 .adSN_page{ position: absolute; left: auto; right:10px; width: auto; z-index: 10; text-align: right; } .w-adSNews8 .w-newsList8.swiper-container-horizontal .adSN_page{bottom:20px;} .w-adSNews8 .w-newsList8 .adSN_page span{ background: #c9c9c9; opacity: 1; width:40px; height: 5px; border-radius: 0; -webkit-border-radius: 0;} .w-adSNews8 .w-newsList8 .adSN_page span.swiper-pagination-bullet-active{background: #f60;} .w-adSNews8 .w-newsList8.swiper-container-vertical .adSN_page span{margin:15px 0;} .w-adSNews9 .tit_h{font-size:32px; margin-bottom: 1em; display: none;} .w-newsList9{position: relative;} .w-newsList9 .news-item{ position:relative;} .w-newsList9 .news-imgbox{ width:58%;} .w-newsList9 .aspectRatio{padding-bottom:425px;} .w-newsList9 .news-text{ position: absolute; right:0; width:50%; top: 50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); background: #fff; padding: 30px 15px 40px 4%; overflow:hidden;} :root .w-newsList9 .news-text{ top:50%;} .w-newsList9 .date{ line-height: 1.4; margin-bottom: 0.8em;} .w-newsList9 .date .year{ font-size:46px; font-weight: bold; color: #000; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;} .w-newsList9 .date .day_month{font-size:17px; color: #bebebe;} .w-newsList9 .news-h{font-size:24px; font-weight: bold; line-height: 1.4; height:2.8em; overflow: hidden; margin-bottom: 0.3em;} .w-newsList9 .news-sum{ line-height: 1.8; height:3.5em; overflow: hidden; color:#aaa;} .w-newsList9 .more{margin-top:20px; width: 45px; height: 24px; float: right; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAQCAYAAAAFzx/vAAABIUlEQVQ4jb3VMUscQRQH8J+yNgaLFAoPJSBnKaTRUhDBRoiVpBG09mMIljY2geuCIH4GG7FKE7BRSxGPyCtstLJQxGYPTr1D3LvNHxb2McP7McPO7FCz2dRPMhNExDec4gormXnbbf5wX9rrjOEr5nAcEeO1gpl5gQ08Y7YXOsgVysyDLuhEbWAP9E9ETNUGdqBreEQDJ220wBfMYKhK84joNXSFHWx3oIsFzjBdBftkGjgaxsN/wNoZLfAdkypu6QdZxV75foPlAk+4rtqxfdO8TUT8xG5ZXmIpM1u1fKURsY5DjJTYYma2qOFYRMQm9sve51jIzH/t8YGCEbGF3x3YUr7Z84GBETGPX2X5t8Te/TGKQYG4K58z/MjM+26TXgDh8VYjv3NjTgAAAABJRU5ErkJggg==") center no-repeat;} .w-adSNews9 .w-newsList9 .adSN_page{ position: absolute; z-index: 9; left:50%; bottom:50%; margin-bottom: -123px; top: auto; transform: none; -webkit-transform: none; width:35%; padding-left: 4%; } .w-adSNews9 .w-newsList9 .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;} .w-newsList9 .swiper-num{ position: absolute; z-index: 9; right: 15px; top:50%; margin-top: -130px;color: #bebebe;} .w-newsList9 .swiper-num .active{ font-size:32px; font-weight: bold;} /*--------------------------文章滚动组件 end----------------------------*/ /*------------旋转模板--------------*/ .w-carousel{overflow: hidden; line-height: 1.5; position: relative;} .w-carousel ul,.w-carousel li{padding: 0; margin: 0; list-style: none;} .w-carousel li{float: left; position: relative;} .w-carousel li a{ display: block; position: absolute; z-index: 1; left: 0; top: 0; right:0; bottom: 0;} .w-carousel li img{ width: 100%;} .w-carousel1 li .textB{ position: absolute; left: 0; right:0; bottom:0;opacity:0; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transition: opacity 0.5s; -webkit-transition: opacity 0.5s;} .w-carousel1 li .textB .bg_x{ position: absolute; left:0; top:0; right:0; bottom:0; background: #000;opacity:0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);} .w-carousel1 li .textB .text_x{ position: relative; z-index: 1; color: #fff; padding: 1em 140px 1em 5%;} .w-carousel1 li .textB .tit_h{font-size:24px;} .w-carousel1 li .textB .txt_p{margin-top:0.5em; font-size: 14px; height: 2.9em; overflow: hidden;} .w-carousel1 li.swiper-slide-active .textB{opacity:1; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-carousel1 .csl_mL,.w-carousel1 .csl_mR{ cursor: pointer; position: absolute; z-index: 5; top: 0; bottom: 0; width:22.222%;background: #fff;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} .w-carousel1 .csl_mL{left: 0;} .w-carousel1 .csl_mR{right: 0;} .w-carousel1 .csl_btn{ position:absolute; z-index:9; right:23%; bottom:35px; width:100px; height:40px;} .w-carousel1 .csl_btn .csl_prev,.w-carousel1 .csl_btn .csl_next{ position:absolute; cursor:pointer; top:0; width:40px; height:40px; font-family:FontAwesome; font-weight:normal; color:#eee; border:1px solid #eee; border-radius: 50%; -webkit-border-radius: 50%;} .w-carousel1 .csl_btn .csl_prev{ left:0;} .w-carousel1 .csl_btn .csl_next{ right:0;} .w-carousel1 .csl_btn .csl_prev:before,.w-carousel1 .csl_btn .csl_next:before{ font-size:22px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-carousel1 .csl_btn .csl_prev:before{content: "\f104";} .w-carousel1 .csl_btn .csl_next:before{content: "\f105";} .w-carousel2 li{width:66%;} .w-carousel2 li:before{ content: ''; position: absolute; left:0; top:0; right:0; bottom: 0; z-index: 5;} .w-carousel2 li.swiper-slide-active:before{ display: none;} .w-carousel2 li .textB{ position: relative;} .w-carousel2 li .textB .bg_x{ position: absolute; left:0; top:0; right:0; bottom:0; } .w-carousel2 li .textB .text_x{ position: relative; z-index: 1; color: #fff; padding: 1em 5%;} .w-carousel2 li .textB .tit_h{font-size:20px;} .w-carousel2 li .textB .txt_p{margin-top:0.3em;font-size: 14px; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-carousel2 .csl_btn .csl_prev,.w-carousel2 .csl_btn .csl_next{ position:absolute; z-index: 10; cursor:pointer; top:50%; margin-top:-25px; width:50px; height:50px; font-family:FontAwesome; font-weight:normal; background: #fff; border-radius: 50%; -webkit-border-radius: 50%;} .w-carousel2 .csl_btn .csl_prev{ left:8.5%; margin-left:-25px;} .w-carousel2 .csl_btn .csl_next{ right:8.5%; margin-right:-25px;} .w-carousel2 .csl_btn .csl_prev:before,.w-carousel2 .csl_btn .csl_next:before{ font-size:30px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-carousel2 .csl_btn .csl_prev:before{content: "\f104";} .w-carousel2 .csl_btn .csl_next:before{content: "\f105";} .w-carousel3 li{width:55%; transform: scale(0.92); -webkit-transform: scale(0.92); transition: all 0.5s; -webkit-transition: all 0.5s;} .w-carousel3 li:before{ content: ''; position: absolute; left:0; top:0; right:0; bottom: 0; z-index: 5;} .w-carousel3 li.swiper-slide-active:before{ display: none;} .w-carousel3 li .textB{ position: absolute; left: 0; right:0; top:50%; top:10%\9; *top:10%; transform: translateY(-50%); -webkit-transform: translateY(-50%); max-height: 80%; overflow: hidden; display: none; text-align: center;} :root .w-carousel3 li .textB{top:50%;} .w-carousel3 li.swiper-slide-active{transform: scale(1); -webkit-transform: scale(1);} .w-carousel3 li.swiper-slide-active .textB{display:block;} .w-carousel3 li .textB .bg_x{ position: absolute; left:0; top:0; right:0; bottom:0; } .w-carousel3 li .textB .text_x{ position: relative; z-index: 1; color: #fff; padding: 1em 5%;} .w-carousel3 li .textB .tit_h{font-size:24px;} .w-carousel3 li .textB .txt_p{margin-top:0.5em; line-height: 1.7; font-size: 14px; } .w-carousel3 .csl_btn .csl_prev,.w-carousel3 .csl_btn .csl_next{ position:absolute; z-index: 10; cursor:pointer; top:50%; margin-top:-23px; width:46px; height:46px; font-family:FontAwesome; font-weight:normal; background: rgba(0,0,0,0.5); color:#fff;} .w-carousel3 .csl_btn .csl_prev{ left:10%; margin-left:-23px;} .w-carousel3 .csl_btn .csl_next{ right:10%; margin-right:-23px;} .w-carousel3 .csl_btn .csl_prev:before,.w-carousel3 .csl_btn .csl_next:before{ font-size:28px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-carousel3 .csl_btn .csl_prev:before{content: "\f104";} .w-carousel3 .csl_btn .csl_next:before{content: "\f105";} .w-carouselH{overflow: hidden; line-height: 1.5; position: relative;} .w-carouselH ul,.w-carouselH li{padding: 0; margin: 0; list-style: none;} .w-carouselH li{float: left; position: relative;} .w-carouselH li a{ display: block; position: absolute; z-index: 1; left: 0; top: 0; right:0; bottom: 0;} .w-carouselH .csl_btn .csl_prev,.w-carouselH .csl_btn .csl_next{ position:absolute; z-index: 10; cursor:pointer; top:50%; margin-top:-23px; width:46px; height:46px; font-family:FontAwesome; font-weight:normal; background: rgba(255,255,255,0.3); color:#fff;} .w-carouselH .csl_btn .csl_prev{ left:0;} .w-carouselH .csl_btn .csl_next{ right:0;} .w-carouselH .csl_btn .csl_prev:before,.w-carouselH .csl_btn .csl_next:before{ font-size:28px; position:absolute; width:1.3em; height:1.3em; line-height:1.3; text-align:center; top:50%; margin-top:-0.65em; left:50%; margin-left:-0.65em;} .w-carouselH .csl_btn .csl_prev:before{content: "\f104";} .w-carouselH .csl_btn .csl_next:before{content: "\f105";} .w-carouselH .swiper-container-horizontal .csl_page{ text-align: center; margin-top:0.5em;} .w-carouselH .swiper-container-horizontal .csl_page span{ width:6px; height: 6px; background: #ddd; opacity: 1; margin:0 8px; border-radius: 50%; -webkit-border-radius: 50%; position: relative;} .w-carouselH .swiper-container-horizontal .csl_page span:before{ content: ''; box-sizing: content-box; position: absolute; left:-4px; top:-4px;border:1px solid #f60; width:12px; height: 12px;border-radius: 50%; -webkit-border-radius: 50%; display: none;} .w-carouselH .swiper-container-horizontal .csl_page span.swiper-pagination-bullet-active{ background: #f60;} .w-carouselH .swiper-container-horizontal .csl_page span.swiper-pagination-bullet-active:before{ display: block;} .w-carouselH1 .cslHPCList li .item{display: -webkit-flex;display: flex;} .w-carouselH1 .cslHPCList .liTB{ float: left; width:25%; position: relative; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s;} .w-carouselH1 .cslHPCList .liTB .img{overflow: hidden;} .w-carouselH1 .cslHPCList .liTB img{ display:block;width:800px; left: 50%; margin-left:-400px; position: relative;} .w-carouselH1 .cslHPCList .textB{position: absolute; left: 0; right:0; bottom:0; transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s;} .w-carouselH1 .cslHPCList .textB .bg_x{ position: absolute; left:0; top:0; right:0; bottom:0; background: #000;opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} .w-carouselH1 .cslHPCList .textB .text_x{ position: relative; z-index: 1; color: #fff; padding: 1em 5%;} .w-carouselH1 .cslHPCList .textB .tit_h{font-size:18px;} .w-carouselH1 .cslHPCList .textB .txt_p{margin-top:0.3em;font-size: 14px; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-carouselH1 .cslHPCList .liTB.showC{ width:40%;} .w-carouselH1 .cslHPCList .liTB.hideC{ width:20%;} .w-carouselH1 .cslHPCList .liTB.showC .textB{ opacity: 1;transform: translateY(0); -webkit-transform: translateY(0);} .w-carouselHTel{ display: none;} .w-carouselH1 .cslHTList li{position: relative; overflow: hidden;} .w-carouselH1 .cslHTList img{max-width:100%;} .w-carouselH1 .cslHTList .textB{position: absolute; left: 0; right:0; bottom:0; transform: translateY(100%); -webkit-transform: translateY(100%); opacity: 0; transition: all 0.5s; -webkit-transition: all 0.5s;} .w-carouselH1 .cslHTList .textB .bg_x{ position: absolute; left:0; top:0; right:0; bottom:0; background: #000;opacity:0.6; *filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);} .w-carouselH1 .cslHTList .textB .text_x{ position: relative; z-index: 1; color: #fff; padding: 0.7em 4%;} .w-carouselH1 .cslHTList .textB .tit_h{font-size:18px;} .w-carouselH1 .cslHTList .textB .txt_p{margin-top:0.3em;font-size: 14px; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-carouselH1 .cslHTList li.swiper-slide-active .textB{ opacity: 1;transform: translateY(0); -webkit-transform: translateY(0);} .w-carouselH2 .cslHList2{margin-left:-10px; margin-right:-10px;} .w-carouselH2 .cslHList2 li{ float: left; width:25%;transition: all 0.5s; -webkit-transition: all 0.5s;} .w-carouselH2 .cslHList2 li .item{position: relative; margin:0 10px; overflow: hidden;} .w-carouselH2 .cslHList2 li .img{overflow: hidden; text-align: center;} .w-carouselH2 .cslHList2 li img{width:800px;} .w-carouselH2 .cslHList2 .textB{position: absolute; left: 0; right:0; bottom:0; height:5em; transition: all 0.5s; -webkit-transition: all 0.5s;} .w-carouselH2 .cslHList2 .textB .bg_x{ position: absolute; left:0; top:0; right:0; bottom:0; background: #000;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transition: opacity 0.5s; -webkit-transition: opacity 0.5s;} .w-carouselH2 .cslHList2 .textB:before{ opacity: 0;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); content: ''; position: absolute; z-index: 1; right:25px; bottom:25px; width:40px; height: 40px; border-radius: 50%; -webkit-border-radius: 50%; border: 1px solid #fff; background: url(../images/moreimg1.png) no-repeat center; transition-delay: 0.2s; -webkit-transition-delay: 0.2s;} .w-carouselH2 .cslHList2 .textB .text_x{ position: absolute; left: 0; right:0; bottom: 0; z-index: 1; padding:20px 25px; color:#fff;} .w-carouselH2 .cslHList2 .textB .tit_h{font-size:20px;} .w-carouselH2 .cslHList2 .textB .txt_p{margin-top:0.5em;font-size: 15px; line-height: 1.7; opacity: 0; height: 0; overflow: hidden; } .w-carouselH2 .cslHList2 li:hover{ width:800px;} .w-carouselH2 .cslHList2 li:hover .textB{ height: 100%;} .w-carouselH2 .cslHList2 li:hover .textB:before{ opacity: 0.8; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);} .w-carouselH2 .cslHList2 li:hover .textB .bg_x{opacity:0.5; *filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);} .w-carouselH2 .cslHList2 li:hover .textB .text_x{ /*padding-top:50px;*/ bottom: auto; top:50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); } :root .w-carouselH2 .cslHList2 li:hover .textB .text_x{ top: 50%;} .w-carouselH2 .cslHList2 li:hover .textB .tit_h{font-size:24px;} .w-carouselH2 .cslHList2 li:hover .textB .txt_p{ height: auto; opacity: 1;} .border_radius_default{ border-radius: 0; -webkit-border-radius: 0;} .border_radius_small{ border-radius: 20px; -webkit-border-radius: 20px;} .border_radius_round{ border-radius: 50%; -webkit-border-radius: 50%;} .w-simgtext ul,.w-simgtext li{ list-style:none; margin:0; padding:0;} .w-simgtext li{margin-bottom: 25px;} .w-simgtext a{ display:block;} .w-simgtext a:hover{ text-decoration:none;} .w-simgtext h3{ margin: 0;line-height: 1.5; font-weight: normal;} .w-simgtext p{margin-bottom: 0; line-height: 1.7;} .w-simgtext .bg{background-size:cover; background-position: center; border-style: solid; border-width:0;} .w-simgtext.swiper-container-horizontal .igt_page{ text-align: center; margin-top:0.5em;} .w-simgtext.swiper-container-horizontal .igt_page span{ width:6px; height: 6px; background: #ddd; opacity: 1; margin:0 8px; border-radius: 50%; -webkit-border-radius: 50%; position: relative;} .w-simgtext.swiper-container-horizontal .igt_page span:before{ content: ''; box-sizing: content-box; position: absolute; left:-4px; top:-4px;border:1px solid #f60; width:12px; height: 12px;border-radius: 50%; -webkit-border-radius: 50%; display: none;} .w-simgtext.swiper-container-horizontal .igt_page span.swiper-pagination-bullet-active{ background: #f60;} .w-simgtext.swiper-container-horizontal .igt_page span.swiper-pagination-bullet-active:before{ display: block;} .w-simgtext1 li{ float: left; width: 25%; *width:24.99%; min-width: 238px; } .w-simgtext1 li .item{position:relative; width: 227px; height: 227px; margin: 0 auto; text-align: center;} .w-simgtext1 li .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;border-radius: 50%; -webkit-border-radius: 50%;} .w-simgtext1 li .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s;} :root .w-simgtext1 li .sigt_text{ top:50%;} .w-simgtext1 li .sigt1{position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .w-simgtext1 li .sigt1 .bg{overflow: hidden;border:3px solid #999;} .w-simgtext1 li .sigt1 .s_img img{max-width: 60px; max-height: 60px; margin-bottom: 10px;} .w-simgtext1 li .sigt1 h3{ font-size: 18px; color:#333; } .w-simgtext1 li .sigt1 p{font-size: 90%; color: #aaa; margin-top: 5px; max-height: 1.7em;} .w-simgtext1 li .sigt2{position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; color:#fff; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s; -webkit-transition: all 0.5s;} .w-simgtext1 li .sigt2 .bg{ transform: scale(1.2); -webkit-transform: scale(1.2); transition: all 0.5s; -webkit-transition: all 0.5s; } .w-simgtext1 li .sigt2 .sigt_text{ margin-top: 35px; } .w-simgtext1 li .sigt2 h3{ position: relative; font-size: 24px; margin-bottom: 35px; padding-bottom: 5px;} .w-simgtext1 li .sigt2 h3:after{ content: ''; position: absolute; left: 50%; top: 100%; height: 28px; width: 1px; background: #fff;} .w-simgtext1 li .sigt2 p{ line-height: 1.5;} .w-simgtext1 li a:hover .sigt1 .sigt_text{margin-top: 35px;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-simgtext1 li a:hover .sigt2{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext1 li a:hover .sigt2 .bg{transform: scale(1); -webkit-transform: scale(1);} .w-simgtext1 li a:hover .sigt2 .sigt_text{ margin-top: 0;} .w-simgtext2 li{ float: left; width: 25%; *width:24.99%; min-width: 198px; } .w-simgtext2 li .item{position:relative; width: 193px; height: 193px; margin: 0 auto; text-align: center;} .w-simgtext2 li .s_img{max-width: 70px; max-height: 70px; margin:0 auto; overflow: hidden;} .w-simgtext2 li .s_img img{ max-width: 100%; max-height: 100%;transition: all 0.5s; -webkit-transition: all 0.5s;} .w-simgtext2 li .line{ height: 1px; margin: 15px auto;} .w-simgtext2 li .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;overflow: hidden;border-radius: 50%; -webkit-border-radius: 50%;} .w-simgtext2 li .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s;} :root .w-simgtext2 li .sigt_text{ top:50%;} .w-simgtext2 li h3{ font-size: 16px; } .w-simgtext2 li .sigt1 h3{ font-size: 16px; color:#333; } .w-simgtext2 li .sigt1{position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .w-simgtext2 li .sigt1 .bg{border:1px solid #999; transition: all 0.5s; -webkit-transition: all 0.5s; } .w-simgtext2 li .sigt1 h3{ color:#333; transition: all 0.5s; -webkit-transition: all 0.5s;} .w-simgtext2 li .sigt2{position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; color:#fff; } .w-simgtext2 li .sigt2 .bg{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: scale(0.7); -webkit-transform: scale(0.7); transition: all 0.5s; -webkit-transition: all 0.5s; } .w-simgtext2 li .sigt2 .sigt_text{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } :root .w-simgtext2 li .sigt2 .sigt_text{ top:50%;} .w-simgtext2 li .sigt2 .s_img img{ transform: translateX(100%); -webkit-transform: translateX(100%);transition: all 0.5s; -webkit-transition: all 0.5s;} .w-simgtext2 li .sigt2 .line{width: 0; background: #fff;transition: all 0.5s; -webkit-transition: all 0.5s; } .w-simgtext2 li .sigt2 h3{ color:#fff; } .w-simgtext2 li a:hover .sigt1 .bg{transform: scale(1.3); -webkit-transform: scale(1.3);opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-simgtext2 li a:hover .sigt1 .s_img img{ transform: translateX(-100%); -webkit-transform: translateX(-100%);} .w-simgtext2 li a:hover .sigt1 h3{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-simgtext2 li a:hover .sigt2 .s_img img{ transform: translateX(0); -webkit-transform: translateX(0);} .w-simgtext2 li a:hover .sigt2 .line{ width: 80px; } .w-simgtext2 li a:hover .sigt2 .bg{transform: scale(1); -webkit-transform: scale(1);opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext2 li a:hover .sigt2 .sigt_text{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext3 li{ float: left; width: 25%; *width:24.99%; margin-bottom: 0;} .w-simgtext3 li .item{position:relative; height: 360px; text-align: center;} .w-simgtext3 li .s_img{max-width: 80px; max-height: 80px; margin:0 auto; overflow: hidden; margin-bottom: 15px;} .w-simgtext3 li .s_img img{ max-width: 100%; max-height: 100%;} .w-simgtext3 li .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .w-simgtext3 li .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; } :root .w-simgtext3 li .sigt_text{ top:50%;} .w-simgtext3 li h3{font-size: 24px;} .w-simgtext3 li p{font-size: 90%; margin-top: 15px; max-height: 6.6em; overflow:hidden;} .w-simgtext3 li .sigt1{position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .w-simgtext3 li .sigt1 .bg{background-color: #f8f8f8;} .w-simgtext3 li .sigt1 .sigt_text{transition:none; -webkit-transition:none;} .w-simgtext3 li:nth-child(4n+1) .sigt1 .bg{background-color: #eee;} .w-simgtext3 li:nth-child(4n+2) .sigt1 .bg{background-color: #f3f3f3} .w-simgtext3 li:nth-child(4n) .sigt1 .bg{background-color: #fbfbfb;} .w-simgtext3 li .sigt1 h3{ color:#333; } .w-simgtext3 li .sigt1 p{color: #717171; } .w-simgtext3 li .btn_more{ display: inline-block; *display:inline; *zoom:1; line-height: 3; padding: 0 3.5em; border-radius: 2em; -webkit-border-radius: 2em; background: #fff; color: #333; visibility: hidden; height: 0; overflow: hidden; transition: all 0.8s; -webkit-ransition: all 0.8s;} .w-simgtext3 li .sigt2{position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; color:#fff;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .w-simgtext3 li a:hover .sigt1 .sigt_text{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-simgtext3 li a:hover .btn_more{ height: 3em; visibility: visible;margin-top: 20px; } .w-simgtext3 li a:hover .sigt2{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext4 li{float: left; width: 25%; *width:24.99%; min-width: 118px;} .w-simgtext4 li .item{ text-align: center;} .w-simgtext4 li .s_img{ width:100px; height: 100px; margin:0 auto 20px; position: relative;} .w-simgtext4 li .s_img .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: transform 1s; -webkit-transition: transform 1s;} .w-simgtext4 li .s_i{ padding:25px; line-height: 50px; position: relative; z-index: 1;} .w-simgtext4 li .s_i img{ max-width:50px; max-height: 50px;} .w-simgtext4 li h3{ font-size:16px;} .w-simgtext4 li p{ font-size:92%; color:#999;} @keyframes jello { from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .w-simgtext4 li a:hover .s_i{-webkit-animation: jello 1s; animation: jello 1s;} .w-simgtext4 li a:hover .s_img .bg{transform: rotate(270deg); -webkit-transform: rotate(270deg);} .w-simgtext5 li{float: left; width: 20%; *width:19.99%; min-width: 118px;} .w-simgtext5 li .item{ text-align: center;} .w-simgtext5 li .s_img{ width:100px; height: 100px; margin:0 auto 15px; position: relative;} .w-simgtext5 li .s_img > div{padding:25px;} .w-simgtext5 li .s_img .s_img_1{position: relative;} .w-simgtext5 li .s_img .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:1px solid #EAEBEB; border-radius: 50%; -webkit-border-radius: 50%;} .w-simgtext5 li .s_i{ line-height: 50px; width:50px; height: 50px; position: relative; z-index: 1;} .w-simgtext5 li .s_i img{ max-width:100%; max-height: 100%;} .w-simgtext5 li .s_img .s_img_2{position: absolute; left: 0; top: 0; right: 0; bottom: 0; visibility: hidden;} .w-simgtext5 li .s_img .s_img_2 .bg{border:2px solid transparent;transform:scaleY(0); -webkit-transform:scaleY(0); transition:.5s; -webkit-transition:.5s;} .w-simgtext5 li h3{ font-size:16px;} .w-simgtext5 li p{ font-size:92%; color:#999;} .w-simgtext5 li a:hover .s_img .s_img_1 .s_i{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transition: opacity 0.5s; -webkit-transition: opacity 0.5s;} .w-simgtext5 li a:hover .s_img .s_img_2{ visibility: visible;} .w-simgtext5 li a:hover .s_img .s_img_2 .bg{border:2px solid #FE9D04; transform:scaleY(1); -webkit-transform:scaleY(1);} .w-simgtext6 li{float: left; width: 25%; *width:24.99%; min-width: 180px;} .w-simgtext6 li .item{ text-align: center; padding:0 20px; border-right:1px solid #F4F4F4;} .w-simgtext6 li:last-child .item{ border-right:0;} .w-simgtext6 li .s_img{ width:130px; height: 130px; margin:0 auto 20px; position: relative; overflow: hidden;} .w-simgtext6 li .s_img > div{padding:30px;} .w-simgtext6 li .s_img .s_img_1{position: relative;} .w-simgtext6 li .s_img .bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%;} .w-simgtext6 li .s_img .s_img_1 .bg{ background-color:#FAFAFA;} .w-simgtext6 li .s_i{ line-height: 70px; width:70px; height: 70px;position: relative; z-index: 1;} .w-simgtext6 li .s_i img{ max-width:100%; max-height: 100%;} .w-simgtext6 li .s_img .s_img_1{transition:transform 0.5s; -webkit-transition:transform 0.5s;} .w-simgtext6 li .s_img .s_img_2{position: absolute; left: 0; top: 100%; width:100%; height: 100%; transition: top 0.5s; -webkit-transition: top 0.5s;} .w-simgtext6 li h3{ font-size:20px; color:#333;} .w-simgtext6 li p{ color:#808080; padding-top:0.7em;} .w-simgtext6 li a:hover .s_img .s_img_1{ transform: translateY(-100%); -webkit-transform: translateY(-100%);} .w-simgtext6 li a:hover .s_img .s_img_2{ top:0;} .w-simgtext7 li{float: left; width: 33.333%; margin-bottom:0;} .w-simgtext7 li .item{ position:relative;} .w-simgtext7 li .item > div{padding:45px 30px; } .w-simgtext7 li .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .w-simgtext7 li .sigt_text{ position: relative; z-index: 1; } .w-simgtext7 li .s_img{ width:80px; height: 80px;position: absolute; left:0; top:0; transition:all 0.5s; -webkit-transition:all 0.5s; } .w-simgtext7 li .s_img img{ max-width: 100%; max-height: 100%;} .w-simgtext7 li .s_text{ position:relative;margin-left:80px; padding-left:30px; padding-top:10px; padding-bottom:12px;transition:all 0.5s; -webkit-transition:all 0.5s;} .w-simgtext7 li h3{ color: #333;position: relative;padding-bottom: 5px;font-size: 18px;margin-bottom: 5px;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden;} .w-simgtext7 li h3:before{ content: ''; position: absolute; left: 0; bottom: 0; width:100%; height: 1px; background:#b4b4b4;} .w-simgtext7 li p{ color:#7f7f7a; height:1.7em; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; overflow: hidden;} .w-simgtext7 li .sigt1{ position:relative;} .w-simgtext7 li .sigt1 .bg{background-color:#FAFAFA; border: 1px solid #dadada;} .w-simgtext7 li .sigt2{ position:absolute; z-index: 1; left:0; top: 0; right:0; bottom:0; visibility: hidden;overflow: hidden;} .w-simgtext7 li .sigt2 .bg{ opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform:scale(2); -webkit-transform:scale(2); transition:all 0.5s; -webkit-transition:all 0.5s; } .w-simgtext7 li .sigt2 .s_text:before{ content:''; position: absolute; left: 0; bottom: -18px; width:18px; height: 18px; background:url(../images/arrow.png) no-repeat; } .w-simgtext7 li .sigt2 h3{ color: #fff;} .w-simgtext7 li .sigt2 h3:before{ background:#fff;} .w-simgtext7 li .sigt2 p{ color:#fff;} .w-simgtext7 li a:hover .sigt2{ visibility: visible;} .w-simgtext7 li a:hover .sigt2 .bg{ opacity: 1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:scale(1);-webkit-transform:scale(1);} .w-simgtext7 li a:hover .s_img{ right: 0; left: auto; left:calc(100% - 80px);} .w-simgtext7 li a:hover .s_text{margin-right:80px; padding-right:30px;margin-left:0; padding-left:0;} .w-simgtext8 li{ float: left; width: 25%; *width:24.99%; min-width: 230px; } .w-simgtext8 li .item{position:relative; width: 210px; height: 210px; margin: 0 auto; text-align: center;} .w-simgtext8 li .s_img{max-width: 70px; max-height: 70px; margin:0 auto 15px; overflow: hidden;} .w-simgtext8 li .s_img img{ max-width: 100%; max-height: 100%;transition: all 0.5s; -webkit-transition: all 0.5s;} .w-simgtext8 li .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;border-radius: 50%; -webkit-border-radius: 50%; transition: all 0.5s; -webkit-transition: all 0.5s;} .w-simgtext8 li .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} :root .w-simgtext8 li .sigt_text{ top:50%;} .w-simgtext8 li h3{ font-size:24px;} .w-simgtext8 li .sigt1{position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .w-simgtext8 li .sigt1 .bg{overflow: hidden; } .w-simgtext8 li .sigt1 .sigt_text{ transition: all 0.5s; -webkit-transition: all 0.5s; } .w-simgtext8 li .sigt1 h3{ color:#333; } .w-simgtext8 li .sigt2{position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; color:#fff; } .w-simgtext8 li .sigt2 .bg{ opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: scale(0.7); -webkit-transform: scale(0.7); } .w-simgtext8 li .sigt2 .bg:before{ content:''; position: absolute; width:116%; height: 116%; top:-8%; left: -8%; border-radius:inherit; -webkit-border-radius: inherit;background:inherit; opacity:0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);} .w-simgtext8 li .sigt2 .sigt_text{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s; -webkit-transition: all 0.5s; } .w-simgtext8 li .sigt2 .s_img img{ transform: translateX(-100%); -webkit-transform: translateX(-100%);transition: all 0.5s; -webkit-transition: all 0.5s;} .w-simgtext8 li .sigt2 .line{width: 0; background: #fff;transition: all 0.5s; -webkit-transition: all 0.5s; } .w-simgtext8 li .sigt2 h3{ color:#fff; } .w-simgtext8 li a:hover .sigt1 .bg{transform: scale(1.3); -webkit-transform: scale(1.3);opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-simgtext8 li a:hover .sigt1 .s_img img{ transform: translateX(100%); -webkit-transform: translateX(100%);} .w-simgtext8 li a:hover .sigt2 .s_img img{ transform: translateX(0); -webkit-transform: translateX(0);} .w-simgtext8 li a:hover .sigt2 .line{ width: 80px; } .w-simgtext8 li a:hover .sigt2 .bg{transform: scale(1); -webkit-transform: scale(1);opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext8 li a:hover .sigt2 .sigt_text{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext9 li{ float: left; width: 25%; *width:24.99%; margin-bottom: 0;} .w-simgtext9 li .item{ position: relative;} .w-simgtext9 li .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .w-simgtext9 li .bg1{ border: 1px solid #eee;} .w-simgtext9 li .bg2{ transition: transform 0.5s; -webkit-transition: transform 0.5s;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-simgtext9 li .sigt_text{ position: relative; z-index: 2; padding: 40px 15%;} .w-simgtext9 li .s_img_h .s_img{ float: left; } .w-simgtext9 li .s_img_h .s_img .s_i{width: 42px; height: 42px;} .w-simgtext9 li .s_img_h .s_img .s_i2{ display:none;} .w-simgtext9 li .s_img_h .s_img img{ max-width: 100%; max-height: 100%;} .w-simgtext9 li h3{ margin-left: 52px; font-size: 18px; color: #333; line-height: 26px; padding-top:8px; height: 58px; overflow: hidden;} .w-simgtext9 li .line{width:42px; height: 1px; background: #ccc; margin-bottom: 15px;transition: width 0.5s; -webkit-transition: width 0.5s;} .w-simgtext9 li p{ color: #999; font-size: 92%; line-height:1.7; height: 5em; overflow: hidden;} .w-simgtext9 li a:hover .bg2{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform: scale(1.1); -webkit-transform: scale(1.1); z-index: 1;} .w-simgtext9 li a:hover .s_img_h .s_img .s_i1{ display:none;} .w-simgtext9 li a:hover .s_img_h .s_img .s_i2{ display:block;} .w-simgtext9 li a:hover h3{ color: #fff;} .w-simgtext9 li a:hover .line{ width: 80px; background: #fff;} .w-simgtext9 li a:hover p{ color:#fff;} .w-simgtext10{margin-left:-20px; margin-right: -20px; padding: 30px 13px; overflow: hidden;} .w-simgtext10 li{ float: left; width: 25%; *width:24.99%; margin-bottom: 14px;} .w-simgtext10 li .item{position:relative; height: 360px; text-align: center; margin: 0 7px; box-shadow: 0 0 10px rgba(0,0,0,0.08); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.08); transition: all 0.5s; -webkit-transition: all 0.5s;} .w-simgtext10 li .s_img{max-width: 80px; max-height: 80px; margin:0 auto; overflow: hidden; margin-bottom: 15px;} .w-simgtext10 li .s_img img{ max-width: 100%; max-height: 100%;} .w-simgtext10 li .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .w-simgtext10 li .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%); transition: all 0.5s; -webkit-transition: all 0.5s; } :root .w-simgtext10 li .sigt_text{ top:50%;} .w-simgtext10 li .line{ width: 30px; height: 2px; background: #333; margin: 17px auto 30px; } .w-simgtext10 li h3{font-size: 20px;} .w-simgtext10 li p{ font-size: 92%; margin-top: 15px; height: 4.4em; overflow:hidden; line-height: 1.5;} .w-simgtext10 li .btn_more{ display: inline-block; *display:inline; *zoom:1; margin-top: 20px; font-size: 92%;} .w-simgtext10 li .btn_more .icon_bm{display: inline-block; *display:inline; *zoom:1; margin-left:5px; border-width:3px 4px; border-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; vertical-align: middle; } .w-simgtext10 li .sigt1{position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .w-simgtext10 li .sigt1 .bg{background-color: #fff;} .w-simgtext10 li .sigt1 .sigt_text{transition:none; -webkit-transition:none;} .w-simgtext10 li .sigt1 h3{ color:#333; } .w-simgtext10 li .sigt1 p{color: #999; } .w-simgtext10 li .sigt2{position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; color:#fff;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .w-simgtext10 li .sigt2 .line{ background: #fff;} .w-simgtext10 li .sigt2 .btn_more{ color: #fff;} .w-simgtext10 li.active .item{transform: scale(1.12); -webkit-transform: scale(1.12); position: relative; z-index: 2;} .w-simgtext10 li.active .sigt1 .sigt_text{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-simgtext10 li.active .sigt2{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext11{overflow: hidden;} .w-simgtext11 li{ float: left; width: 25%; *width:24.99%; margin-bottom: 0;} .w-simgtext11 li .item{ border-left: 1px solid #e0e0e0; height: 300px; position: relative;} .w-simgtext11 li .sigt_text{ position: absolute; left:20px; right: 5%; top: 20px; bottom: 18px;} .w-simgtext11 li .s_img{position: absolute; width: 66px; height: 66px; left:0; top: 0;} .w-simgtext11 li .s_img img{ max-width:100%; max-height:100%;} .w-simgtext11 li .sigt1{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .w-simgtext11 li .sigt1 .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0;} .w-simgtext11 li .sigt1 h3{ position: absolute; left:0; bottom:0; max-width:40%; font-size: 14px; color: #7d7d7d;} .w-simgtext11 li .sigt1 p{ position: absolute; right:0; bottom: 0; line-height: 1.3; max-width:52%; text-align: left; font-size: 26px; color:#555; } .w-simgtext11 li .sigt2{position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden;} .w-simgtext11 li .sigt2 .bg{position: absolute; left: 0; top: 0; bottom: 0; width: 0; transition: width 0.5s; -webkit-transition: width 0.5s;} .w-simgtext11 li .sigt2 .sigt_h_p{color: #fff; position: absolute; left: 0; bottom: 0; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); } .w-simgtext11 li .sigt2 h3{ font-size: 18px; margin-bottom: 16px;} .w-simgtext11 li .sigt2 p{font-size: 22px; line-height: 1.3;} .w-simgtext11 li a:hover .sigt2{ visibility: visible;} .w-simgtext11 li a:hover .sigt2 .bg{ width: 100%;} .w-simgtext11 li a:hover .sigt2 .sigt_h_p{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transition: all 0.5s; -webkit-transition: all 0.5s; transition-delay: 0.2s; -webkit-transition-delay: 0.2s;} .numLi1 li{width:100%;} .numLi2 li{width:50%; *width:49.99%;} .numLi3 li{width:33.3333%;} .numLi4 li{width:25%; *width:24.99%;} .numLi5 li{width:20%; *width:19.99%;} .numLi6 li{width:16.6666%;} .numLi7 li{width:14.285%;} .numLi8 li{width:12.5%; *width:12.49%;} .numLi9 li{width:11.1111%;} .numLi10 li{width:10%;*width:9.999%;} @media (min-width:768px){ .w-adNews11 li:nth-child(3n+1){ clear:both;} .w-simgtext6.numLi2 li:nth-child(2n) .item{ border-right: 0;} .w-simgtext6.numLi3 li:nth-child(3n) .item{ border-right: 0;} .w-simgtext6.numLi4 li:nth-child(4n) .item{ border-right: 0;} .w-simgtext6.numLi5 li:nth-child(5n) .item{ border-right: 0;} .w-simgtext6.numLi6 li:nth-child(6n) .item{ border-right: 0;} } @media (min-width:960px){ .w-adNews21 li a{ transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-adNews21 li:hover a{ padding-top:0; padding-bottom:90px;} .w-adNews21 li .date{ transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; } .w-adNews21 li:hover .date{ top:auto; bottom:0; padding-left:1em; /*background:#666;*/ color:#fff;} .w-adNews21 li .news-com .adx{ transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;} .w-adNews21 li:hover .news-com .adx{ width:100%;} .w-newsList7 .news-item{transition: all 0.3s; -webkit-transition: all 0.3s;} .w-newsList7 .news-item:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px);} .w-imgText9 li.swiper-slide-active .img{-webkit-animation-name: fadeInRight1;animation-name: fadeInRight1; animation-duration:0.5s; -webkit-animation-duration:0.5s;} .w-imgText9 li.swiper-slide-active .textB{-webkit-animation-name: fadeInLeft1;animation-name: fadeInLeft1;animation-duration:0.5s; -webkit-animation-duration:0.5s;} } @media (min-width:961px) and (max-width:1100px){ .w-adNews24 li .news-imgbox{ width:250px;} .w-adNews24 li .news-com{ margin-left:250px;} } @media (min-width:1500px){ .w-adNews17 li .news-com .news-h,.w-adNews20 li .news-h,.w-adNews21 li .news-h{ font-size:18px;} } @media (max-width:1366px){ /*-----------------多图组件----------------*/ .igt .text h3{ font-size:18px !important;} .igt .text .drc{ font-size:95% !important;} /*-----------------多图组件 end----------------*/ .w-carouselH1 .cslHPCList .liTB.showC{ width:52%;} .w-carouselH1 .cslHPCList .liTB.hideC{ width:16%;} .w-carouselH2 .cslHList2{margin-left:-5px; margin-right:-5px;} .w-carouselH2 .cslHList2 li .item{margin:0 5px;} .w-carouselH2 .cslHList2 li img{width:600px;} .w-carouselH2 .cslHList2 .textB:before{ transform: scale(0.8); -webkit-transform: scale(0.8); transform-origin: left bottom;} .w-carouselH2 .cslHList2 .textB .tit_h{font-size: 18px;} .w-carouselH2 .cslHList2 .textB .txt_p{font-size: 14px;} .w-carouselH2 .cslHList2 li:hover{ width:600px;} .w-carouselH2 .cslHList2 li:hover .textB .tit_h{font-size:20px;} .w-imgText11 .textB{ padding:100px 35px 20px 9%;} .w-imgText11 .igt_btn,.w-imgText11 .igt_page6{ bottom: 155px;} .w-imgText13 .img .imgSize{ height:550px;} } @media (max-width:1200px){ .w-adNews17{ margin-left:-10px; margin-right:-10px;} .w-adNews23{ margin-left:-10px; margin-right:-10px;} /*-----------------多图组件----------------*/ .igt .text{ line-height: 1.5;} .igt .text h3{ font-size:16px !important;} .igt .text .drc{ font-size:85% !important;} /*-----------------多图组件 end----------------*/ .w-imgText7 .img .imgSize{ height:550px;} .w-imgText13 .img .imgSize{ height:450px;} .w-carouselH2 .cslHList2 li img{width:100%;} .w-carouselH2 .cslHList2 .textB .text_x{ padding:1em 5%;} .w-carouselH2 .cslHList2 .textB .bg_x{ display:none;} .w-carouselH2 .cslHList2 .textB:before{display: none;} .w-carouselH2 .cslHList2 li,.w-carouselH2 .cslHList2 li:hover{ width:40%;} .w-carouselH2 .cslHList2 .textB, .w-carouselH2 .cslHList2 li:hover .textB{ height: 4em;} .w-carouselH2 .cslHList2 .textB .txt_p{ display: none;} .w-carouselH2 .cslHList2 li:hover .textB .text_x{ padding-top:1em;} .w-carouselH2 .cslHList2 li:hover .textB .tit_h{font-size: 18px;} .w-simgtext7 li{ min-width:25%;} } @media (max-width:1050px){ .w-imgText6 .textB{ padding:10px 3% 54px; } .w-imgText6 .igt_control{ height: 44px;} .w-imgText6 .igt_btn .igt_prev, .w-imgText6 .igt_btn .igt_next{width:44px; height: 44px;} .w-imgText6 .igt_page2{left:44px; right: 44px;} .w-imgText6 .igt_page2 .swiper-pagination-bullet{ line-height: 44px; margin:0 5px;} .w-imgText9 .igt_page4 li .item_span{ padding:1.5em 7% 0.2em; min-height: 6.5em;} .w-imgText9 .igt_page4 li .tit{ font-size: 16px;} .w-imgText9 .igt_page4 li p{font-size:90%;} .igt_page_text10 li .item_span .num{ font-size: 64px;} .igt_page_text10 li .item_span .adore{ left: 47px;} .w-imgText11 .textB{ padding:1.8em 4% 1em;} .w-imgText11 .igt_btn{ display: none;} .w-imgText11 .igt_page6{ left: auto; right: 0.5em; bottom: 0; width: auto; font-size: 1.3em; color: #ddd; line-height: 1.8;} .w-imgText11 .text_x{ height: auto;} .w-imgText12 .img .imgSize{ height:500px; max-height: none;} } @media (max-width:1000px){ .w-simgtext1 li{ min-width:33.33%;} .w-simgtext1 li .sigt2{ display: none;} .w-simgtext1 li a:hover .sigt1 .sigt_text{margin-top: 0;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext2 li{ min-width:33.33%;} .w-simgtext2 li .sigt2{ display: none;} .w-simgtext2 li a:hover .sigt1 .bg{transform:none; -webkit-transform:none;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext2 li a:hover .sigt1 .s_img img{ transform:none; -webkit-transform:none;} .w-simgtext2 li a:hover .sigt1 h3{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext3 li .s_img{max-width: 60px; max-height: 60px;} .w-simgtext3 li h3{ font-size: 20px !important;} .w-simgtext3 li .btn_more{ visibility: visible; margin-top:1.3em; height: 2.6em; line-height: 2.6; padding: 0 3em;} .w-simgtext3 li a:hover .sigt1 .sigt_text{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext3 li a:hover .btn_more{margin-top:1.3em; height: 2.6em;} .w-simgtext3 li .sigt2{ display: none;} .w-simgtext4 li h3,.w-simgtext4 li a:hover h3{ font-size: 16px !important;} .w-simgtext4 li p{font-size: 92% !important;} .w-simgtext4 li a:hover .s_i{-webkit-animation:none; animation:none;} .w-simgtext4 li a:hover .s_img .bg{transform: none; -webkit-transform: none;} .w-simgtext5 li .s_img .s_img_2{ display: none;} .w-simgtext5 li h3,.w-simgtext5 li a:hover h3{ font-size: 16px !important;} .w-simgtext5 li p{ font-size:92% !important; } .w-simgtext5 li a:hover .s_img .s_img_1 .s_i{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } .w-simgtext6 li a:hover .s_img .s_img_1{ transform:none; -webkit-transform:none;} .w-simgtext6 li .s_img .s_img_2{ display: none;} .w-simgtext6 li h3,.w-simgtext6 li a:hover h3{ font-size:18px !important;} .w-simgtext6 li p{font-size:100% !important;} .w-simgtext7 li{ min-width:33.33%;} .w-simgtext7 li .sigt2{ display: none;} .w-simgtext7 li h3{ font-size: 18px !important;} .w-simgtext7 li a:hover .s_img{ left: 0; right: auto;} .w-simgtext7 li a:hover .s_text{margin-right:0; padding-right:0;margin-left:80px; padding-left:30px;} .w-simgtext8 li{ min-width: 25%;} .w-simgtext8 li .item{ width:auto; height: auto; margin:0 2px;} .w-simgtext8 li .s_img{max-width: 50px; max-height: 50px;} .w-simgtext8 li h3{ font-size:18px !important;} .w-simgtext8 li .sigt1{position: relative; } .w-simgtext8 li .sigt1 .bg{ border-radius: 0; -webkit-border-radius: 0;} .w-simgtext8 li .sigt_text{position: relative; transform: none; -webkit-transform: none; top:0; padding:1em 5%;} :root .w-simgtext8 li .sigt_text{ top:0;} .w-simgtext8 li .sigt2{ display: none;} .w-simgtext8 li a:hover .sigt1 .bg{transform:none; -webkit-transform:none;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext8 li a:hover .sigt1 .s_img img{ transform:none; -webkit-transform:none;} .w-simgtext9 li{ min-width: 33.333%;} .w-simgtext9 li a:hover .bg2{ transform: none; -webkit-transform: none; } .w-simgtext9 li h3{font-size:18px !important;} .w-simgtext9 li p{ font-size: 92% !important;} .w-simgtext10{ margin-left: -7px; margin-right: -7px; padding: 0;} .w-simgtext10 li{ min-width: 33.333%;} .w-simgtext10 li .item{ height: 290px;} .w-simgtext10 li .s_img{max-width: 60px; max-height: 60px;} .w-simgtext10 li h3{ font-size: 18px !important;} .w-simgtext10 li .line{width:2em; height: 1px; margin: 1.2em auto 2em;} .w-simgtext10 li .btn_more{margin-top: 1em;} .w-simgtext10 li.active .item{transform: scale(1); -webkit-transform: scale(1);} .w-simgtext10 li.active .sigt1 .sigt_text{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-simgtext10 li.active .sigt2{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);} .w-simgtext11 li{ min-width: 33.333%;} .w-simgtext11 li .item{ height: 290px;} .w-simgtext11 li .sigt2{ display: none;} .w-simgtext11 li .sigt1 p{ font-size: 20px !important;} .w-his7{padding-right: 0;} .w-his7:before{ display: none;} .w-his7 .his_year{ position: relative; top: 0; bottom: auto; left: 0; width: 100%; border-bottom: 1px solid #e0e0e0;} .w-his7 .his_year ul{ padding-right: 0; white-space: nowrap;} .w-his7 .his_year li{ display:inline-block; *display:inline; *zoom:1; padding: 1em; margin-bottom: 0;} .w-his7 .his_year li.cur i, .w-his7 .his_year li:hover i{top: auto; left: 0; width: 100%; height: 3px;} .w-his7 .his_text{ height: auto !important; max-height: none !important;} .w-his7 .his_text li{display: none; height: auto !important;max-height: none !important; opacity: 1;} .w-his7 .his_text li:first-child{display: block;} .w-his7 .his_text li .his_loadMore{ display: none;} .w-his7 .his_text .item{padding: 1.5em 0;} .w-his7 .mCSB_horizontal.mCSB_inside>.mCSB_container{ margin-bottom: 0;} .w-his7 .mCSB_scrollTools.mCSB_scrollTools_horizontal{ height:1px;} .w-his7 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background:rgba(0,0,0,0.1); height:1px; margin:0;} .w-his7 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:1px; margin:0 auto;} .w-his7 .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.w-his7 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.w-his7 .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.w-his7 .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:rgba(0,0,0,0.5);} .w-his8 .his_year{ height: 300px; margin-top: -150px; width: 180px;} .w-his8 .his_year li{ font-size:28px !important; height: 100px;} .w-his8 .his_year li.swiper-slide-prev{padding-top: 40px; line-height: 60px;} .w-his8 .his_year li.swiper-slide-active{font-size: 60px !important; line-height: 100px;} .w-his8 .his_year li.swiper-slide-next{padding-bottom: 40px; line-height: 60px;} .w-his8 .his_text{ margin-left: 220px;} } @media (max-width:960px){ /*----------------------产品-----------------------*/ .w-productList{ margin-left:-8px; margin-right:-8px;} .w-productList .w-prd-list-cell .w-prd-list-cell-in{ margin:0 8px;} .w-productList .prd_pre{left:0; } .w-productList .prd_next{right:0;} .w-productList4 .w-prd-popBox{ display:none;} .w-adNews2 li .news-item .news-com .news-com-top .viewDetail{ display:none;} .w-adNews9 li .date{ margin-left:0;} .w-adNews15 .prev,.w-adNews15 .next{ display:none;} .w-adNews21 li .date{ background:none;} .w-adNews23 li .news-item{ margin:0 5px;} .w-adNews23 li .news-imgbox{margin-top:2em;} .w-adNews23 li a{ padding:1.2em 0.8em 0.8em;} .xd_prev,.xd_next{ display:none;} .w-adNews24 li{ width:100%;} .w-adSNews7 .tit_h{ font-size:24px;} .w-newsList7 .swiper-slide{ width:50%;} .w-newsListV7 .swiper-slide{ width:100%; } .w-adSNews8 .tit_h{ font-size: 28px;} .w-newsList8 .news-h{font-size:24px;} .w-newsList8 .news-sum{ display: none;} .w-adSNews9 .tit_h{ font-size: 28px;} .w-his5{ padding:0;} .w-his5 .his_prev,.w-his5 .his_next{ display:none;} .w-his6 li{width: 33.333%;} /*---------------版本5.0----------------------*/ .w-accor h3{ font-size:110% !important;} .w-accor .acr_p{ font-size:90% !important;} .w-accor1 li .acr_p,.w-accor2 li .acr_p{ display:none;} .w-accor3 li .img_ar{ height:350px !important;} .w-accor3 li .img_ar img{ height:100%; max-width:inherit;} .w-accor3 li.cur .left_ar{ width:4em;} .w-accor3 li.cur .right_ar{ left:4em;} .w-accor4 li .img_ar{ height:350px !important;} .w-accor4 li .img_ar img{ height:100%; max-width:inherit;} .w-accor5 li .img_ar{ height:350px !important;} .w-accor5 li .img_ar img{ height:100%; max-width:inherit;} .w-accor5 li .i_img{ height:80px; line-height:80px; margin-top:-40px;} .w-accor6 li .img_ar{ height:350px !important;} .w-accor6 li .img_ar img{ height:100%; max-width:inherit;} .tabMu .mCSB_scrollTools.mCSB_scrollTools_horizontal{ opacity:0 !important;} .tabVMu{ width:100% !important; float:none !important;} .tabMu8{ margin-bottom:1em;} .tabMu10{ margin-left:-1em; margin-right:-1em;} .tabMu10 li{ margin:0 1em;} .tabMu10 li:before{ right:-1em;} .w-muCntV .tabVCnt{ margin-left:0 !important; padding-left:0;} .tabVMu{ text-align:left !important;margin-bottom:1em;} .tabVMu ul{ white-space:nowrap;letter-spacing: -3px;} .tabVMu li{ display:inline-block; *display:inline; *zoom:1;letter-spacing:0;} .tabVMu1{ padding:0; } .tabVMu1:before{ display:none;} .tabVMu1 .tabMu_in{ padding-right:0; border-bottom:1px solid #e9e9e9;} .tabVMu1 li{ padding:0 1.5em;line-height:2.8; margin-bottom:0;} .tabVMu1 li .adore{ right:0; height:2px; width:100%; bottom:-1px; } .tabVMu2 .tabMu_in{ margin-right:0;} .tabVMu2 li{ border-bottom:0; padding-left:1.5em; padding-right:1.5em;} .tabVMu3{ margin-left:-3px; margin-right:-3px;} .tabVMu3 .tabMu_in{ margin-right:0;} .tabVMu3 li{ margin:0 3px; padding-left:1.5em; padding-right:1.5em;} .tabVMu3 li.cur .adore{ display:none;} .tabVMu4 .tabMu_in{ margin-right:0;} .tabVMu4 li{ padding:1em 1.2em;} .tabVMu4 li .adore{ height:3px; width:100%;} .tabVCnt{ min-height:0 !important;} .w-carousel1 li .textB .text_x{ padding:1em 4%;} .w-carousel1 .csl_btn,.w-carousel1 .csl_mask{ display: none;} .w-carousel1 li .textB{ opacity: 1;} .w-carousel2 .csl_btn{display: none;} .w-carousel3 li{width:100%; transform: scale(1); -webkit-transform: scale(1);} .w-carousel3 .csl_btn{display: none;} .w-carouselH2 .cslHList2 li,.w-carouselH2 .cslHList2 li:hover{ width:65%;} } @media (max-width:860px){ /*-----------图文滚动-----------*/ .w-imgText .igt_page{ display:block;} .w-imgText .igt_btn{ display:none;} .w-imgText1 .item{ padding-bottom:0;} .w-imgText1 .img{ width:100%;} .w-imgText1 .textB{ position:relative; width:100%;padding:1.2em 4% 1.5em;} .w-imgText1 .igt_btn{ width:auto; left:0; right:0; top:50%; margin-top:-60px;} .w-imgText2 .img{ width:100%; float:none;} .w-imgText2 .textB{ position:relative; width:100%;padding:1.2em 4% 1.5em;} .w-imgText2 .igt_btn{ width:auto; left:0; right:0; top:50%; margin-top:-60px;} .w-imgText3 .img{ width:100%; float:none;} .w-imgText3 .textB{ position:relative; left:0;padding:1.2em 4% 1.5em;} .w-imgText3 .igt_btn{ width:auto; left:0; margin-left:0; right:0; top:50%; margin-top:-60px;} .w-imgText4 .textB{ position:relative; width:100%; left:0;padding:1.2em 4% 2em;} .w-imgText4 .igt_btn{ width:auto; left:0; right:0; top:50%; margin-top:-60px;} .li-div .w-imgText4 .igt_page{ width:auto; left:0; text-align:center; bottom:0.5em;} .w-imgText5 .img{ width:100%; float:none;} .w-imgText5 .textB{ position:relative; left:0;padding:1.2em 4% 1.5em;} .w-imgText5 .igt_btn{ width:auto; left:0; right:0; top:50%; margin-top:-60px;} .w-imgText5 .textB .text_x{ top:0; transform:none; -webkit-transform:none;} :root .w-imgText5 .textB .text_x{ top:0;} .w-imgText6 .igt_btn{ display: block;} .w-imgText6 .img{ width:100%;} .w-imgText6 .textB{ position:relative; left:0; width:100%;padding:1.2em 3% 60px;} .w-imgText6 .igt_control{width:100%;} .w-imgText6 .textB .text_x{ top:0; transform:none; -webkit-transform:none;} :root .w-imgText6 .textB .text_x{ top:0;} .w-imgText7 li{ width:100%;} .w-imgText7 .img{margin-right:0} .w-imgText7 .img .imgSize{height: auto; padding-bottom:56.25%;} .w-imgText7 .textB{position:relative; width:100%;} .w-imgText7 .textB .text_x{ top: 0; transform: none; -webkit-transform: none;} .w-imgText7 .igt_btn{ display: block;} .w-imgText7 .igt_btn .igt_prev{ left: 4%; top:30%; margin-top:0;} .w-imgText7 .igt_btn .igt_next{ right: 4%; top:30%; margin-top:0;} .w-imgText8 .textB{ display: none;} .li-div .w-imgText8 .igt_page3{ display: none;} .w-imgText8 .titB{ right: 0; font-size: 16px; line-height: 1.5; padding: 0.7em 1em; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;} .w-imgText8 .igt_next,.w-imgText8 .igt_prev{width:auto; white-space: nowrap; bottom: 50%; margin-bottom: -30px;} .w-imgText8 .igt_prev{display: block; left:1em;} .w-imgText8 .igt_next{right: 1em;} .w-imgText9 .img{ float: none; width:100%;} .w-imgText9 .textB{position: relative; right:0; padding:1.2em 4% 1.5em;} .w-imgText9 .textB .text_x{ top:0; transform:none; -webkit-transform:none;} :root .w-imgText9 .textB .text_x{ top:0;} .w-imgText10 .igt_page5{ display: none;} .w-imgText10 .swiperBox{ padding-right: 0;} .w-imgText10 li{width:100%;} .w-imgText10 .img{width:100%;} .w-imgText10 .textB{position: relative; left:0; padding:1.2em 4%;} .w-imgText10 .textB .text_x{ top:0; transform:none; -webkit-transform:none;} :root .w-imgText10 .textB .text_x{ top:0;} .igt_page_text10{ margin-top:0; line-height: 1.3;} .igt_page_text10 li .item_span .num{ font-size: 50px;} .igt_page_text10 li .item_span .adore{ left: 34px;} .w-imgText12 .img{ width: 55%;} .w-imgText12 .img .imgSize{ height:300px;} .w-imgText12 .textB{ top:0; bottom: 0; width: 45%; padding: 1em 2.5%; right: 55%;} .w-imgText12 .text_x{ max-height: 98%;} .w-imgText12 .igt_page6{ left: auto; right: 0.5em; bottom: 0; line-height: 2.5; color: #ddd; font-size: 120%;} /*-----------图文滚动 end-----------*/ /*-----------文章轮播-----------*/ .w-adSNews1{ padding-top:2.5em;} .w-adSNews1 .tit_h{ height:2.5em;} .w-adSNews1 .adSN_btn{ height:2.5em;} .w-adSNews1 .adSNewsBox{ padding:0.5em 0;} /*-----------文章轮播 end-----------*/ } @media (min-width:801px) and (max-width:960px){ /*-----------------多图组件----------------*/ .igt .text .drc{ max-height:2.8em; overflow:hidden;} /*-----------------多图组件 end----------------*/ } @media (max-width:800px){ /*-----------------多图组件----------------*/ .w-multimg1 .ceil{ width:50%;} .w-multimg1 .ceil3{ clear:both;} .w-multimg2 .ceil{ width:33.333%;} .w-multimg2 .ceil1{ width:100%; clear:both;} .w-multimg3 .igt_hide{ display:none;} .w-multimg3 .igt .text .drc{ display:none !important;} .w-multimg3 .igt_show .text{ right:1.5em; bottom:0.2em;} .w-multimg3 .igt:hover .igt_show .text{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);} .w-multimg4 .igt .text .drc{ display:none !important;} .w-multimg5 .igt .text .drc, .w-multimg6 .igt .text .drc, .w-multimg7 .igt .text .drc{ display:none !important;} /*-----------------多图组件 end----------------*/ .w-carousel li .textB .tit_h{font-size: 130%;} .w-carousel li .textB .txt_p{font-size: 90%;} .w-carouselHPC{ display: none;} .w-carouselHTel{display: block;} .w-carouselH1 .cslHTList .textB .tit_h{font-size:120%;} .w-carouselH1 .cslHTList .textB .txt_p{font-size: 90%;} .w-carouselH2 .cslHList2 li,.w-carouselH2 .cslHList2 li:hover{ width:100%;} .w-carouselH2 .cslHList2 .textB .tit_h,.w-carouselH2 .cslHList2 li:hover .textB .tit_h{ font-size: 120%;} .w-carouselH2 .csl_btn .csl_prev, .w-carouselH2 .csl_btn .csl_next{display: none;} .w-carouselH2 .cslHList2 .textB .text_x{padding: 1em 4%;} } @media (max-width:768px){ } @media (max-width:767px){ .w-adNews1 li{min-width:100%; margin-right:0; margin-bottom:1em;} .w-adNews2 li{min-width:50%; margin-bottom:1em; margin-right:0; } .w-adNews2 li .news-item .news-com .news-com-top .viewDetail{display:none;} .w-adNews3 .w-adNews-texts,.w-adNews3 .w-adNews-imgs{ float:none; width:100%;} .w-adNews3 .w-adNews-imgs .news-img .news-buoy-content{height:3em;} .w-adNews3 .w-adNews-imgs .news-img .news-buoy-content h3{ height:3em; padding:1em 4.5em 1em 1em; font-size:100%;} .w-adNews3 .w-adNews-imgs .adNews3prev,.w-adNews3 .w-adNews-imgs .adNews3next{height:3em; width:2em;} .w-adNews3 .w-adNews-imgs .adNews3prev{right:2em;} .w-adNews3 .w-adNews-texts .w-adNews-textsIn{padding:0 0.4em;} .w-adNews3 .w-adNews-texts li{padding:0.8em 1em;} .w-adNews3 .w-adNews-texts li:last-child{ border-bottom:0;} .w-adNews3 .w-adNews-texts li .numberQ{ font-size:1.5em; height:2.5em; line-height:2.5em; width:2.5em;} .w-adNews3 .w-adNews-texts li .w-adNews-textH h3{font-size:105%; line-height:1.5;} .w-adNews3 .w-adNews-texts li .w-adNews-textH p{font-size:95%;} .w-adNews5{line-height:1.5;} .w-adNews5 li{padding:1em 0; width:100% !important;} .w-adNews5 li .news-com{margin-left:28%;} .w-adNews6 .adNewsF .news-imgbox{ margin-right:3%;} .w-adNews7 .adNewsL,.w-adNews7 .adNewsR{float:none; width:100%; min-height:0 !important;} .w-adNews7 .adNewsR,.w-adNews7 .adNewsL li{margin-bottom:1em;} .w-adNews7 .adNewsR .news-com{padding:1em 1em 1.5em;} .w-adNews7 .adNewsL li .date{padding:0.2em 1em 0.7em; margin-right:0.5em;} .w-adNews7 .adNewsL li .date .date-day{font-size:200%;} .w-adNews7 .adNewsL li .date .date-yearMonth{font-size:100%; padding:0 0.5em;} .w-adNews7 .adNewsL li .news-com{padding:0.7em 2em 0.7em 0;} .w-adNews7 .adNewsL li .news-com .news-h{font-size:115%; margin-bottom:0.5em;} .w-adNews7 .adNewsL .news-sum{ text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews7 .adNewsL li .news-com .more .triangle-bottomright{border-width:2em;} .w-adNews7 .adNewsL li .news-com .more .more_add{right:0.12em; bottom:0.12em; font-size:100%;} .w-adNews9 li .news-com .news-sum{ height:2.3em;} .w-adNews11{ margin-left:-2.5%; margin-right:-2.5%;} .w-adNews11 li{ width:45%; margin:0 2.5% 1.5em;} .w-adNews11 li:nth-child(2n+1){ clear:both;} .w-adNews12 li .date,.w-adNews13 li .date,.w-adNews14 li .date{ font-size:90%; line-height:2.9;} .w-adNews16 li{width:50%;} .w-adNews16 li .news-item:hover{transform:none;-ms-transform:none; -moz-transform:none;-webkit-transform:none;-o-transform:none;} .w-adNews17 li .news-h{ font-size:110%;} .w-adNews17{ margin-left:-1em; margin-right:-1em;} .w-adNews17 li{ padding:1em 0;} .w-adNews17 li .news-item a{ margin-left:5%; margin-right:5%;} .w-adNews17 li:hover .news-item a{ margin-left:0; margin-right:10%;} .w-adNews17 li .date .md{ font-size:200%; line-height:50px; color:#444; line-height:1.3;} .w-adNews17 li .date .year{ font-size:90%; color:#999;} .w-adNews17 li .news-com .news-sum{height:1.4em; overflow:hidden;} .w-adNews17 li .news-com .adore{ width:1.8em; margin-top:-0.9em; height:1.8em; background-size:3.6em 1.8em; background-position:-1.8em 0;} .w-adNews20{ margin-left:0; margin-right:0;} .w-adNews20 li{ width:100%; margin:0 0 1.7em;} .w-adNews21{ margin-left:0; margin-right:0;} .w-adNews21 li{ width:100%; margin:0 0 1.2em;} .w-adNews23 li{ width:50%;} /*.w-adNews23 li:nth-child(3n+1){ clear:none;} .w-adNews23 li:nth-child(2n+1){ clear:both;}*/ .w-title17 .w-title-inner{padding-right:3.2em;} .w-title17 .title-h-in{padding-left:1em;} .w-title17 .title-text-in{padding-left:1em;} .w-title17 .more{margin-top:-1.4em;} .w-title40 .w-title-inner{padding:0 50px 5px;} .w-title41{ border-right-width:8px;} .w-title42 h2{ font-size:115%;} .w-title42 h2::before{ font-size:1.5em;} .w-title42 span{ font-size:350%;} .w-title43 h2{ font-size:115%;} .w-title43 span{ font-size:350%;} .w-title44 .tit_h{ font-size:28px;} .w-title45 span{ font-size:18px; } .w-title45 h2{ font-size:24px;} .tel-hidden{ display:none;} .w-text{ min-height:0;} /*----------------------产品-----------------------*/ .w-productList{ margin-left:-8px; margin-right:-8px;} .w-productList .w-prd-list-cell .w-prd-list-cell-in{ margin:0 8px;} .w-productList1 .w-prd-list-cell{ min-width:33.33%;} .w-productList1 .w-prd-list-cell .w-prd-sum{ max-height:3.75em;} .w-productList4 .w-prd-list-cell{ min-width:33.33%;} /*-----------时间轴---------------*/ .w-his1{ padding-top:4.5em; padding-bottom:3em;} .w-his1:before,.w-his1:after{ left:0; margin-left:0; width:3em; height:3em; background-size:contain;} .w-his1 ul:before{ left:1.5em; top:3em; bottom:3em;} .w-his1 li{ padding-bottom:2.5em;} .w-his1 li .his_text{ width:100%;} .w-his1 .li_hs_r .his_text{ left:0;} .w-his1 .li_hs_l .his_text{padding-right:0; padding-left:3em;text-align:left;} .w-his1 li .point{ left:1.5em; margin-left:-5px;} .w-his2 li{padding-left:40px; margin-bottom:2.5em;} .w-his2 li .item{padding-left:6.5em;} .w-his3{ padding-top:3em; margin-left:8em;} .w-his3:before,.w-his3:after{ width:3em; height:3em; background-size:contain;} .w-his3 ul:before{ left:1.5em;} .w-his3 li{margin-bottom:2.5em; padding-left:3.5em;} .w-his3 li .point{ left:1.5em;} .w-his3 li .year{ left:-6.5em; width:6.5em;} .w-his4 .his_con{ padding-top:2.5em;} .w-his9 .w-his-in{ padding-left: 8em;} .w-his9 ul.w-his-inner:before{ left:1.5em;} .w-his9 li{margin-bottom:2.5em; padding-left:3.5em;} .w-his9 li .point{ left:1.5em;} .w-his9 li .point:after{width: 1.2em;} .w-his9 li .year{ left:-6.5em; width:6.5em;} /*-----------时间轴 end---------------*/ /*--------------版本5.0----------------*/ .w-accor2 li .i_img{ width:60px; height:60px; margin-left:-30px; margin-top:-30px;} .w-accor3 li .i_img img{ max-height:60px;} .w-accor4 li .dec_ar{ left:20px; right:20px; padding:15px;} .w-accor6 li .dec_ar{ left:20px; right:20px;} /*-----------图文滚动-----------*/ .w-imgText3 .img .imgSize{ height:auto; padding-bottom:55%;} .w-imgText5 .img .imgSize{ height:auto; padding-bottom:50%;} .igt_page_text10 li .item_span{ padding: 0 1em;} .igt_page_text10 li .item_span .tit{ display: none;} .igt_page_text10 li .item_span .adore{left: 50%; margin-left: -0.5em;} /*----------------文章轮播--------------*/ .w-newsList2 li{ padding:2em 0 1em;} .w-newsList2 .h_date{margin-bottom:1.2em;} .w-newsList2 .more{ margin-top:1.5em;} .w-adSNews7 .hml{ float: none; padding-top: 0; width:100%;} .w-adSNews7 .hml .tit_h{ float: left;} .w-adSNews7 .hml .more{ float: right; margin-top: 0.7em;} .w-adSNews7 .adSN_btn{ display: none;} .w-adSNews7 .adSNewsBox{margin-left: -10px;} .w-newsList8 .news-h{font-size:20px;} .w-newsList9 .news-imgbox{width:100%;} .w-newsList9 .aspectRatio{padding-bottom: 56.25%;} .w-newsList9 .news-text{ position: relative; width:100%; top:0; transform: none; -webkit-transform: none; padding:1.2em 4% 1.5em;} :root .w-newsList9 .news-text{ top:0;} .w-adSNews9 .w-newsList9 .adSN_page{ left:0; bottom:2em; margin-bottom: 0;} .w-newsList9 .swiper-num{ bottom: 232px; top: auto; margin-top: 0;} .w-simgtext1 li{ min-width:50%;} .w-simgtext1 li:nth-child(2n+1){ clear: both;} .w-simgtext3 li{ min-width:50%;} .w-simgtext3 li:nth-child(2n+1){ clear: both;} .w-simgtext3 li .item{ height: 300px;} .w-simgtext4 li{ min-width:25%;} .w-simgtext4 li:nth-child(4n+1){ clear: both;} .w-simgtext5 li{ min-width:25%;} .w-simgtext5 li:nth-child(4n+1){ clear: both;} .w-simgtext4.numLi3 li:nth-child(3n+1),.w-simgtext5.numLi3 li:nth-child(3n+1){ clear: both;} .w-simgtext4.numLi3 li:nth-child(4n+1),.w-simgtext5.numLi3 li:nth-child(4n+1){ clear: none;} .w-simgtext6 li{ min-width:50%;} .w-simgtext6 li:nth-child(2n+1){ clear: both;} .w-simgtext6 li:nth-child(2n) .item{border-right:0;} .w-simgtext7 li{ min-width:50%;} .w-simgtext7 li:nth-child(2n+1){ clear: both;} .w-simgtext7 li .item > div{padding:2em 7%;} .w-simgtext7 li .s_text{ padding-left:1em;} .w-simgtext7 li a:hover .s_text{padding-left:1em;} .w-simgtext8 li h3{ font-size:16px !important;} .w-simgtext9 li{ min-width: 50%;} .w-simgtext9 li:nth-child(2n+1){ clear: both;} .w-simgtext10 li{ min-width: 50%;} .w-simgtext11 li .item{ height: 250px;} .w-simgtext11 li .s_img{ position: relative; margin-bottom: 20px;} .w-simgtext11 li .sigt1 h3{position: relative; font-size: 24px !important; margin-bottom: 12px; max-width: 100%;} .w-simgtext11 li .sigt1 p{ position: relative;font-size: 16px !important; max-width: 100%; line-height: 1.5;} } @media (min-width:641px){ .w-his8 .his_year li{ width: 100% !important;} } @media (max-width:640px){ .w-adNews11{ margin-left:0; margin-right:0;} .w-adNews11 li{ width:100%;margin:0 0 1.2em;} .w-adNews11 li .news-sum{ padding-bottom:0; height:5.2em; border-bottom:0;} .w-adNews24{ margin:0 -0.5em;} .w-adNews24 li{ margin-bottom:1em; width:50%;} .w-adNews24 li:nth-child(2n+1){ clear:both;} .w-adNews24 li .news-item{ margin:0 0.5em;} .w-adNews24 li .news-imgbox{ float:none; width:100%;} .w-adNews24 li .news-com{ margin-left:0; padding:0.8em 1em;} /*---------------版本5.0--------------*/ .w-accor{ height:auto !important;} .w-accor0 ul,.w-accor1 ul,.w-accor2 ul,.w-accor3 ul{ width:100%;} .w-accor0 li,.w-accor1 li{ width:100% !important; float:none;} .w-accor0 li .img_ar,.w-accor1 li .img_ar{height:auto !important; width:100% !important;} .w-accor2 li{ width:50% !important; float:left;} .w-accor2 li .img_ar{height:auto !important; width:100% !important;} .w-accor3.accorClick li{ width:100% !important; float:none;} .w-accor3.accorClick li .img_ar{height:auto !important; width:100% !important;} .w-accor3.accorClick li .img_ar img{ max-width:100%; height:auto;} /*----------图文滚动-------------*/ .w-imgText .igt_page .swiper-pagination-bullet{height:2px;} .w-imgText9 .igt_page4 li .item_span{min-height: 6em;} .w-imgText9 .igt_page4 li .tit{ font-size: 100%; max-height: 2.8em; overflow: hidden;} .w-imgText9 .igt_page4 li p{font-size:75%;} .w-imgText13 .img .imgSize{ height:300px;} .ball{ margin-left:-100px; margin-top: -100px; width:200px; height:200px;} .icon_u{ margin-top: 0.5em;} /*----------------文章轮播--------------*/ .w-adSNews3{ padding-left:5%; padding-right:5%;} .w-newsList3 .adSN_btn .adSN_next, .w-newsList3 .adSN_btn .adSN_prev{ left:5%;} .w-adSNews5 .tit_h{ margin-bottom:25px;} .w-adSNews5 .adSNewsBox{ padding-right:0;} .w-newsList5 .adSN_btn{ top:0; margin-top:0; width:6em; height:2.8em;} .w-newsList5 .adSN_btn .adSN_next, .w-newsList5 .adSN_btn .adSN_prev{ width:2.8em; height:2.8em;} .w-newsList5 .adSN_btn .adSN_prev{ left:0;} .w-newsList5 .adSN_btn .adSN_next{ right:0;} .w-newsList5 .adSN_btn .adSN_prev:before, .w-newsList5 .adSN_btn .adSN_next:before{ font-size:26px;} .w-adSNews6{ padding:30px 5%;} .w-adSNews6 .tit_h{ margin-bottom:20px; } .w-newsList6 li{ margin-bottom:25px;} .w-newsList6 .h_date{ margin-bottom:15px;} .w-newsList6 .news-h{font-size:20px;} .w-newsList6 .more{ margin-top:20px;} .w-newsList8 .news-imgbox{float: none; width:100%;} .w-newsList8 .news-text{margin-right: 0; text-align: center; padding:1em 0 3em;} .w-newsList8 .more{position: relative; bottom:0; margin-top:1.2em; display: inline-block;} .w-adSNews8 .w-newsList8 .adSN_page{ top: auto; bottom: 0 !important; left: 0; right: 0 ; transform: none; -webkit-transform: none; text-align: center;} .w-adSNews8 .w-newsList8 .adSN_page span{margin:0 0.3em !important; display: inline-block; width:1.8em; height: 0.25em;} /*-----------------多图组件----------------*/ .w-multimg .mult_page .swiper-pagination-bullet{ height:2px;} .igt .text .drc{ max-height:5.9em; overflow:hidden;} .w-multimg3 .igt_show .text{ right:1em;} .w-multimg4 .text h3:before{ height:2px;} .w-multimg5 .igt .text, .w-multimg6 .igt .text, .w-multimg7 .igt .text{ right: 1em; bottom: 0.5em;} /*-----------------多图组件 end----------------*/ .w-simgtext li{ margin-bottom: 1em;} .w-simgtext3 li{margin-bottom: 0;} .w-simgtext2 li{ min-width:50%;} .w-simgtext2 li:nth-child(2n+1){ clear: both;} .w-simgtext7 li{ margin-bottom: 0;} .w-simgtext8 li{ margin-bottom: 4px;} .w-simgtext8 li h3{ font-size:105% !important;} .w-simgtext9 li{ margin-bottom: 0;} .w-simgtext9 li .sigt_text{padding: 2em 8%;} .w-simgtext11 li{ min-width: 50%;} .w-his6{margin: 0 -0.8em;} .w-his6 li{width: 50%;} .w-his6 li .item{margin: 0 0.8em;} .w-his8 .his_year{ height: auto; width: 100%; position: relative; margin: 0 auto 1em; top: 0; padding-right: 0; padding-bottom: 30px;} .w-his8 .prev_h{left: 0; right: auto; width: 30%; top: 0; bottom: 30px; height: auto; background: url(../images/btn_left.png) no-repeat left center;} .w-his8 .next_h{left: auto; right: 0; width: 30%; top: 0; bottom: 30px; height: auto;background: url(../images/btn_right.png) no-repeat right center;} .w-his8 .his_year li{ height: 60px !important;} .w-his8 .his_year li.swiper-slide-prev{ padding-top: 0; line-height: 60px;} .w-his8 .his_year li.swiper-slide-active{ line-height: 60px; border-top: 0; border-bottom: 0; position: relative;} .w-his8 .his_year li.swiper-slide-active:before, .w-his8 .his_year li.swiper-slide-active:after{ content: ''; position:absolute; top: 0; bottom: 0; width: 1px; background: #bbb;} .w-his8 .his_year li.swiper-slide-active:before{ left: -0.3em;} .w-his8 .his_year li.swiper-slide-active:after{ right: -0.3em;} .w-his8 .his_year li.swiper-slide-next{ padding-bottom: 0; line-height: 60px;} .w-his8 .his_year li.swiper-slide-active .fa{width:100%; height: 1em; line-height: 1; left: 0; right: 0; bottom: -30px; top: auto; text-align: center; margin-top: 0;} .w-his8 .his_year li.swiper-slide-active .fa:before{ content: "\f0d8";} .w-his8 .his_text{ margin-left: 0;} .w-his8 .his_text .item{ height: 100%;} } @media (max-width:520px){ /*----------------产品--------------------*/ .w-productList1 .w-prd-list-cell{ min-width:50%;} .w-productList4 .w-prd-list-cell{ min-width:50%;} /*-----------时间轴---------------*/ .w-his1 li .his_text .year{ font-size:180% !important;} .w-his1 li .point{ top:1.35em; margin-top:-5px;} .w-his3{margin-left:6.5em;} .w-his3 li{ padding-left: 3em;} .w-his3 li .year{ font-size:120% !important; left: -5.5em; width:6em;} .w-his4 .his_tab li .year{ font-size:105% !important;} .w-his5 .year{ font-size:180% !important;} .w-his6 .year{ font-size:180% !important;} .w-his9 .w-his-in{ padding-left: 6em;} .w-his9 li{margin-bottom:2.5em; padding-left:3em;} .w-his9 li .year{font-size:120% !important; left: -5.5em; width:5.5em;} /*-----------时间轴 end---------------*/ .w-adSNews7 .adSNewsBox{margin-left: -0.3em; margin-right:-0.3em} .w-newsList7 .news-item{margin:1em 0.3em;} .w-imgText7 .igt_btn .igt_prev,.w-imgText7 .igt_btn .igt_next{ top:23%; } .w-imgText11 .textB{ padding:1em 4% 0.1em;} .w-imgText11 .textB .phf2{ line-height: 1.5 !important; max-height: 2.9em; overflow: hidden;;} .w-simgtext1{ margin: 0 -0.3em;} .w-simgtext1 li{margin-bottom: 0.6em;} .w-simgtext1 li a{margin: 0 0.3em;} .w-simgtext1 li .item{ width: auto; height: auto; } .w-simgtext1 li .sigt1{ position: relative; } .w-simgtext1 li .sigt1 .bg{border-radius:0; -webkit-border-radius:0;} .w-simgtext1 li .sigt1 .sigt_text{position: relative; transform: none; -webkit-transform: none; top:0; padding:2em 5%;} :root .w-simgtext1 li .sigt1 .sigt_text{top:0;} .w-simgtext2{ margin: 0 -0.3em;} .w-simgtext2 li{ margin-bottom: 0.6em;} .w-simgtext2 li a{margin: 0 0.3em;} .w-simgtext2 li .item{ width: auto; height: auto; } .w-simgtext2 li .line{ margin: 0.3em auto;} .w-simgtext2 li .sigt1{ position: relative; } .w-simgtext2 li .sigt1 .bg{border-radius:0; -webkit-border-radius:0;} .w-simgtext2 li .sigt1 .sigt_text{position: relative; transform: none; -webkit-transform: none; top:0; padding:2em 5%;} :root .w-simgtext2 li .sigt1 .sigt_text{top:0;} .w-simgtext4 li{ min-width:33.333%;} .w-simgtext4 li:nth-child(3n+1){ clear: both;} .w-simgtext4 li:nth-child(4n+1){ clear: none;} .w-simgtext7 li{ min-width: 100%;} .w-simgtext8 li h3{ font-size:100% !important;} } @media (max-width:480px){ .w-adNews a.news-kind{ display:none;} .w-adNews1 li .news-item .data-day{width:1.2rem; height:1.2rem; line-height:1.2rem;font-size:0.8rem; margin-top:-0.6rem;} .w-adNews1 li .news-item .date,.w-adNews1 li .news-item{ margin-left:0.65rem;} .w-adNews1 li .news-item .news-com{padding:0.25rem 0.25rem 0.25rem 0.75rem ; } .w-adNews1 li .news-item .news-com .news-h a{font-size:110%;} .w-adNews2{ margin-left:-0.3em; margin-right:-0.3em;} .w-adNews2 li .news-item{ margin-left:0.3em; margin-right:0.3em;} .w-adNews2 li .news-item .news-com .news-h{font-size:105%;} .w-adNews2 li .news-item .news-com .news-com-top{ margin-bottom:0.3em;} .w-adNews2 li .news-item .news-com .news-sum{ line-height:1.5; height:4.3em; margin-top:0.3em;} .w-adNews3 .w-adNews-texts li{ padding:0.8em 0.5em;} .w-adNews5 .news-com .news-h{font-size:105%; line-height:1.3;} .w-adNews5 .news-com .date{font-size:90%;} .w-adNews5 .news-com .news-sum{margin-top:0; /*text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;*/overflow: hidden; line-height:1.5; max-height:2.8em;} .w-adNews6 .adNewsF .news-h{width:100%; float:none; font-size:105%; line-height:1.3;} .w-adNews6 .adNewsF .date{width:100%; float:none; text-align:left;} .w-adNews6 .adNewsF .news-sum{margin-top:0; text-overflow: ellipsis;white-space: nowrap; word-break: keep-all;overflow: hidden;} .w-adNews6 .adNewsTL{ padding-top:0.2em;} .w-adNews7 .adNewsR .news-com .news-sum{ line-height:1.5;max-height:4.3em;} .w-adNews8 .news-sum{ max-height:3em; overflow:hidden;} .w-adNews9 li{padding:1em 0 0.5em;} .w-adNews9 li .date{margin-right:0.7em;} .w-adNews9 li .date .date-day{ font-size:235%;} .w-adNews9 li .news-com .news-h{ margin-bottom:0.5em;} .w-adNews10 li .news-item{margin-left:1.8em;} .w-adNews10 li .news-item .news-com{padding:1em 6em 1em 2.5em;} .w-adNews10 li .news-item .news-com .news-h .news-kind{display:none;} .w-adNews10 li .news-item .num{width:2em; height:2em; margin-top:-1em; font-size:1.8em; line-height:2em;} .w-adNews10 li .news-item .news-com .more{width:5em; right:0.5em; top:50%; margin-top:-1.1em;} .w-adNews10 li .news-item .news-com .more a{height:2.2em; line-height:2.2;} .w-adNews16 li .news-com .news-h{ font-size:100%;} .w-adNews16 li .news-com .date{ font-size:80%;} .w-adNews16 li .news-com .news-sum{ font-size:85%;} .w-adNews16 li .news-item:hover .news-com .date,.w-adNews16 li .news-item:hover .news-com .news-sum{ display:none;} .w-adNews18 .news-sum{ line-height:1.6; max-height:6.2em; overflow:hidden;} .w-adNews21 li a{ padding-top:5em; padding-bottom:1em;} .w-adNews21 li .date .md{ font-size:180%;} .w-adNews22 .adNewsF .news-h{ font-size:120%;} .w-adNews23 li{ width:100%; margin-bottom:0; margin-top:0;} .w-adNews23 li:hover .news-item{ transform:none; -webkit-transform:none;} .w-adNews23 li .news-imgbox{margin-top:1em;} .w-adNews23 .news-com .news-h{ white-space:normal; word-break:normal;} .w-adNews24 li{ width:100%;} .w-adNews24 li .more{margin-top: 1.2em;} /*---------------------title-----------------*/ .w-title{margin:0.3rem 0;} .w-title h2{font-size:120%;} .w-title .title-h-in > span{ font-size:87%;} .w-title1 h2{font-size:130%;} .w-title1 .simpline{width:3em; margin:4px auto;} .w-title3 h2,.w-title9 h2,.w-title10 h2,.w-title11 h2,.w-title12 h2{ font-size:120%;} .w-title4 h2{padding:0.7em 1em;} .w-title6 .tith h2{font-size:130%;} .w-title13{ padding-top:1em; background-size:auto 1em;} .w-title13 h2{ font-size:130%;} .w-title16,.w-title16 h2{ line-height:1.5; } .w-title18 .tith{max-width:16em; padding:0.3em 0.7em;} .w-title18 .tith h2{font-size:130%; line-height:1.2; margin-bottom:0.5em;} .w-title18 .tith span{font-size:105%;} .w-title18 .tith .tit_left {background-size:auto 2.8em; height:2.8em; width:3.5em; left:-3.5em;} .w-title18 .tith .tit_right{background-size:auto 2.8em; height:2.8em; width:3.5em; right:-3.5em;} .w-title18 .tith{background-size:auto 2.8em;} .w-title19 .tith{font-size:100%;} .w-title20 .tith span{font-size:130%;} .w-title20 h2{font-size:105%;} .w-title22 .tith{padding:0.3em 0.7em; max-width:18em;} .w-title22 .w-title-in{padding-left:3em; background-size:3em auto;} .w-title22 .w-title-in .title-h-in{padding-right:3em; background-size:3em auto;} .w-title22 .tith h2{font-size:130%; line-height:1.2; margin-top:0.5em; } .w-title22 .tith span{font-size:105%;} .w-title23 .title-h-in > span,.w-title24 .title-h-in > span{font-size:120%;} .w-title23 h2{font-size:105%;} .w-title23 .simpline{margin-bottom:0.5em;} .w-title24 .tith h2{font-size:105%; line-height:1.2;} .w-title25 .tith span{font-size:105%; line-height:1.2;} .w-title25 .tith .tit_left{ width:4em; left:-4em;} .w-title25 .tith .tit_right{ width:4em; right:-4em;} .w-title26 .tith{font-size:100%;} .w-title28 .tith span{font-size:120%;} .w-title28 h2{font-size:100%;} .w-title29 .tith span{font-size:120%;} .w-title29 h2{font-size:100%;} .w-title30{border-left-width:5px; padding-left:0.5em;} .w-title30 .tith h2{font-size:120%;} .w-title30 .tith span,.w-title30 .more span{font-size:105%;} .w-title31 .tith h2{font-size:110%;} .w-title31 .title-h-in > span{font-size:130%;} .w-title32 .tith span{font-size:120%;} .w-title32 h2{ font-size:105%;} .w-title33 .title-h-in h2{ font-size:120%;} .w-title34 .tith h2{padding:0 1em;font-size:120%;} .w-title37 h2{font-size:140%;} .w-title38 .tith span,.w-title38 h2{ font-size:120%;} .w-title38 .tith span,.w-title38 h2{ font-size:120%;} .w-title39 .tith span{ font-size:105%;} .w-title40{ margin-top:0.4rem;} .w-title40 .w-title-inner{ padding:0 2em 0.2em;} .w-title40 .tith h2{ padding:0 1em; font-size:120%;} .w-title40 .tith span{ font-size:90%;} .w-title41{ border-right-width:0.5em; padding:0.3em 1em 0.3em 0;} .w-title41 span{ font-size:90%;} .w-title42 h2{ font-size:100%;} .w-title42 span{ font-size:250%;} .w-title43 h2{ font-size:100%;} .w-title43 span{ font-size:250%;} .w-title44 .tit_h{ font-size:140%;} .w-title44 span{ font-size:90%;} .w-title45 .line_t{ width:2em; height:0.2em; margin-bottom:0.4em;} .w-title45 span{ font-size:100%; } .w-title45 h2{ font-size:110%;} /*----------------产品--------------------*/ .w-productList{ margin-left:-0.5em; margin-right:-0.5em;} .w-productList .w-prd-list-cell{margin-bottom:0.3em;} .w-productList .w-prd-list-cell .w-prd-list-cell-in{ margin:0 0.5em;} .w-productList .prd_pre, .w-productList .prd_next{ width:2.1em; height:3em; background-size:4.2em 3em;} .w-productList .prd_next{ background-position:-2.1em 0;} .w-productList2 .w-prd-list-cell .w-prd-sum{ max-height:3.7em;} .w-productList3 .w-prd-list-cell .w-prd-sum{ max-height:5.1em;} .w-productList4 .w-prd-list-cell .h_b .w-prd-infobox h2{ font-size:105%;} /*----------------版本5.0----------------*/ .w-accor2 li .dec_ar{ padding:2em 1em 0.6em;} .w-accor2 li .i_img{ width:3em; height:3em; margin-left:-1.5em; margin-top:-1.5em;} .w-accor3.accorNoClick li .img_ar{ height:20em !important;} .w-accor3 li .i_img img{ max-height:3em;} .w-accor4 li .dec_ar{ left:1em; right:1em; padding:1em;} .w-accor4 li .img_ar{ height:20em !important;} .w-accor4 li .i_img img{ max-height:3em;} .w-accor5 li .img_ar{ height:20em !important;} .w-accor5 li .i_img{height:5em; line-height:5em;margin-top:-2.5em;} .w-accor6 li .dec_ar{ left:1em; right:1em;} .w-accor6 li .img_ar{ height:20em !important;} .w-accor6 li .i_img img{ max-height:3em;} .tabMu{ margin-bottom:1em;} .tabMu li{ font-size:110%;} .tabMu1 li{ margin:0 0.5em;} .tabMu2 li,.tabMu3 li{ margin:0 0.1em;} .tabMu2 li,.tabMu3 li,.tabMu4 li,.tabMu5 li,.tabMu6 li,.tabMu7 li{ padding:0 0.7em;} .tabMu10{ margin-left:-0.7em; margin-right:-0.7em;} .tabMu10 li{ margin:0 0.7em;} .tabMu10 li:before{ right:-0.7em;} .tabVMu1 li{ padding:0 0.7em;} .tabVMu2 li,.tabVMu3 li{ padding-left:1em; padding-right:1em;} /*----------图文滚动-------------*/ .w-imgText1 .igt_btn .igt_next, .w-imgText1 .igt_btn .igt_prev,.w-imgText3 .igt_btn .igt_next, .w-imgText3 .igt_btn .igt_prev{ width:2.5em; height:2.5em;} .w-imgText8 .titB{ font-size: 110%;} .igt_page_text10 li .item_span .num{ font-size: 280%;} .w-imgText11 .igt_page6{ font-size: 100%;} .w-imgText11 .igt_page6 span{ padding: 0 0.2em;} .w-imgText12 .img .imgSize{ height:15em;} .w-imgText13 .img .imgSize{ height:18em;} .ball{ margin-left:-6.5em; margin-top: -6.5em; width:13em; height:13em;} .w-imgText13 .igt_page .swiper-pagination-bullet-active{width:1.3em;} /*-------------文章轮播--------------*/ .w-adSNews2{ padding:0 1em 3.5em;} .w-adSNews2 .tit_h{ font-size:135%; padding:0.5em 1em;} .w-adSNews3{ padding:1.5em 5% 6em;} .w-newsList3 .adSN_btn{ height:3.5em;} .w-adSNews3 .more{ margin-top:1.6em;} .w-newsList4 li{ padding-bottom:0.8em; margin-bottom:0.8em;} .w-newsList4 .date .day{ font-size:250%;} .w-newsList4 .h_more{ margin-right:6.5em;} .w-adSNews5 .tit_h{ margin-bottom:1.2em;} .w-newsList5 li{ margin-bottom:1.5em;} .w-adSNews6{ padding:1.5em 5%;} .w-adSNews6 .adSNewsBox{ padding-bottom:4em;} .w-adSNews6 .tit_h{ margin-bottom:1.5em; } .w-newsList6 li{ margin-bottom:2em;} .w-newsList6 .h_date{ margin-bottom:1.2em;} .w-newsList6 .news-h{font-size:140%;} .w-newsList6 .more{ margin-top:1.2em; padding:0 2em; line-height:2.5;} .w-newsList6 .adSN_btn{ display:none;} .w-newsList6 .adSN_page{ font-size:160%;} .w-adSNews7 .hml .tit_h{ font-size:150%} .w-adSNews7 .hml .more{ margin-top: 0.5em;} .w-newsList7 .h_date{padding:0.8em 1em 1.3em;} .w-newsList7 .h_date .news-h{ font-size:115%;} .w-adSNews8 .tit_h{ font-size: 150%; margin-bottom: 0.7em;} .w-newsList8 .news-h{font-size:125%;} .w-adSNews9 .tit_h{ font-size: 150%; margin-bottom: 0.7em;} .w-newsList9 .news-h{font-size:125%;} .w-newsList9 .date .year{ font-size:300%;} .w-newsList9 .date .day_month{ font-size: 110%;} .w-newsList9 .swiper-num{ bottom: 15em;} .w-newsList9 .swiper-num .active{ font-size: 200%;} /*-----------------多图组件----------------*/ .igt .text h3{ font-size:100% !important;} .igt .text .drc{ font-size:75% !important;} .w-multimg3 .igt_show .text{ right:0.7em;} .w-multimg3 .igt .text h3{ font-size:85% !important;} .w-multimg4 .igt .text h3{ font-size:85% !important;} .w-multimg5 .igt_show .text, .w-multimg6 .igt_show .text, .w-multimg7 .igt_show .text{ right:0.7em;} .w-multimg5 .igt .text h3,.w-multimg6 .igt .text h3,.w-multimg7 .igt .text h3{ font-size:85% !important;} /*-----------------多图组件 end----------------*/ .w-carousel1 li .textB .text_x{padding:0.6em 4%;} .w-carousel1 li .textB .txt_p{ display: none;} .w-carousel2 li .textB .text_x{padding:0.6em 4%;} .w-carousel3 li .textB .txt_p{max-height: 8.3em; overflow: hidden;} .w-simgtext1 li .s_img img{ max-width: 4.5em; max-height: 4.5em;} .w-simgtext1 li .sigt1 h3{ font-size: 120% !important;} .w-simgtext1 li .sigt1 p{font-size: 90% !important;} .w-simgtext2 li .s_img{ max-width: 4.5em; max-height: 4.5em;} .w-simgtext2 li .sigt1 h3{ font-size: 105% !important;} .w-simgtext3 li .item{ height: 20em;} .w-simgtext3 li .s_img{ max-width: 4.5em; max-height: 4.5em; margin-bottom: 1em;} .w-simgtext3 li h3{ font-size: 130% !important;} .w-simgtext3 li p{ margin-top:0.8em; font-size: 90% !important;} .w-simgtext4 li .s_img{ width:8em; height: 8em; margin:0 auto 1em;} .w-simgtext4 li .s_i{padding:2em; line-height:4em;} .w-simgtext4 li .s_i img{max-width:4em; max-height: 4em;} .w-simgtext4 li h3{ font-size:110% !important;} .w-simgtext4 li p{font-size: 89% !important;} .w-simgtext5 li .s_img{ width:6em; height: 6em; margin:0 auto 1em;} .w-simgtext5 li .s_img > div{padding:1.5em; } .w-simgtext5 li .s_i{line-height:3em;width:3em; height: 3em;} .w-simgtext5 li h3{ font-size:110% !important;} .w-simgtext5 li p{ font-size:89% !important; } .w-simgtext6 li .item{ padding:0 1em;} .w-simgtext6 li .s_img{ margin:0 auto 1em; width:9em; height: 9em;} .w-simgtext6 li .s_img > div{padding:2.4em;} .w-simgtext6 li .s_i{ line-height:4.2em;height: 4.2em; width: 4.2em;} .w-simgtext6 li h3{ font-size:120% !important;} .w-simgtext6 li p{font-size:90% !important;} .w-simgtext7 li .s_img{ width:5em; height: 5em;} .w-simgtext7 li .s_text{ margin-left:5em; padding-top:0;} .w-simgtext7 li a:hover .s_text{margin-left:5em;} .w-simgtext7 li h3{font-size: 130% !important;} .w-simgtext7 li p{ font-size: 89% !important;} .w-simgtext8 li .s_img{ max-width:3.5em; max-height: 3.5em; margin-bottom:0.8em;} .w-simgtext9 li .s_img_h .s_img .s_i{width: 3em; height: 3em;} .w-simgtext9 li h3{font-size:110% !important; line-height: 1.5; padding-top: 0.75em; height: 3.7em; margin-left: 3.8em;} .w-simgtext9 li p{ font-size: 89% !important;} .w-simgtext10{ margin-left: -0.5em; margin-right: -0.5em;} .w-simgtext10 li .item{ height: 19em; margin: 0 0.5em;} .w-simgtext10 li .s_img{ max-width: 4.5em; max-height: 4.5em; margin-bottom: 1em;} .w-simgtext10 li .line{margin:1em auto 1.5em;} .w-simgtext10 li h3{ font-size: 130% !important;} .w-simgtext10 li p{ margin-top:0.8em; font-size: 90% !important;} .w-simgtext11 li .item{ height: 13em;} .w-simgtext11 li .s_img{width: 4.2em; height: 4.2em; margin-bottom: 1em;} .w-simgtext11 li .sigt_text{ left: 8%; right: 8%; top: 1em;} .w-simgtext11 li .sigt1 h3{ font-size: 130% !important; margin-bottom: 0.5em;} .w-simgtext11 li .sigt1 p{ font-size: 90% !important;} .w-his6{padding-bottom: 4em;} .w-his6 .igt_btn{width:7em; height: 3em; margin-left: -3.5em;} .w-his6 .igt_btn .igt_prev, .w-his6 .igt_btn .igt_next{width: 3em; height: 3em;} .w-his6 .igt_btn .igt_prev:before, .w-his6 .igt_btn .igt_next:before{font-size: 200%;} .w-his8 .his_year li{ font-size: 0.6rem !important; height: 1rem !important;} .w-his8 .his_year li.swiper-slide-prev,.w-his8 .his_year li.swiper-slide-next{line-height: 1rem;} .w-his8 .his_year li.swiper-slide-active{font-size: 1rem !important; line-height: 1rem;} .w-his8 .his_year li.swiper-slide-active .fa{ bottom: -1em;} } @-webkit-keyframes fadeInRight1 { 0% { opacity:0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } 100% { opacity:1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInRight1 { 0% { opacity:0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } 100% { opacity:1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes fadeInLeft1 { 0% { opacity:0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } 100% { opacity:1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } } @keyframes fadeInLeft1 { 0% { opacity:0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } 100% { opacity:1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } }