@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
@keyframes scaleAnim{
    0%{         
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
/*内页*/
.o_big_con{ overflow:hidden; position:relative;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}
.o_big img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big_con .cons{ position:absolute; top:0; left:0; width:100%; height:100%;}
.o_big_con .cons .wrap{ height:100%; display:table; }
.o_big_con .h2{ font-weight:normal; display:table-cell; vertical-align:middle; color:#fff; text-align:center;}
.o_big_con .h2 span{ display:block;padding-bottom:0.5%; overflow:hidden;}
.o_big_con .h2 label{display:inline-block; position:relative;  vertical-align:top; padding-bottom:2%; margin-bottom:3.5%; position:relative; }
.o_big_con .h2 label:after{ left:50%; bottom:0; position:absolute; content:""; margin-left:-10px; width:20px; height:2px; background:#fff;}
.o_big_con .h2 p{ overflow:hidden;}

.o_big_con.bgs2 .h2{ text-align:left;}
.o_big_con.bgs2 .h2 label{ padding-left:35px;padding-bottom:0; margin-bottom:2%;}
.o_big_con.bgs2 .h2 label:after{ width:25px;margin-left:0; bottom:50%; left:0; }
.o_big_con.bgs2 .h2 i{ display:block; width:70px; height:70px; background:url(../images/about_bg2.png) no-repeat; background-size:100% 100%; margin-top:5%; margin-bottom:2%;}

.postions{ height:76px; line-height:76px; overflow:hidden;color:#444444; font-size:15px; background:#fff;}
.posadd .postions{ position:fixed; top:0; left:0; width:100%; z-index:5;}
.postions a{color:#40b8ee; }
.postions a:hover{ color:#40b8ee;}
.postions label{ color:#444444;}
.postions .postions_r{ color:#40b8ee}
.postions .postions_r img{ vertical-align:baseline; margin-right:5px; margin-left:11px;}
.postions .postions_r img:first-child{ margin-left:0;}
.postions h2{ float:left; font-weight:normal; color:#333; height:58px; font-size:20px;}
.postions h2 span{font-size:16px; font-family:Arial;}
.postions .rclass{ float:right;background:url(../images/pos_bg2.png) left center no-repeat;background-size:20px auto;  padding-left:25px;-webkit-tap-highlight-color: #fff;-webkit-tap-highlight-color: transparent; display:none;}
.postions .postions_b{ float:right; }
.postions .postions_b a{ float:left; text-align:center;overflow:hidden; width:132px; font-size:15px; color:#333333; position:relative;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:0;}
.postions .postions_b a:hover{color:#fff;}
.postions .postions_b a:after{content: "";display: block;position: absolute;left: 50%;right:50%; bottom: 0;height:100%;opacity: 0;background:url(../images/about_bg2.png) center center no-repeat; background-size:100% 100%;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;transition: all .3s; z-index:-1;}
.postions .postions_b a.isel:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a:hover:after{left: 0%;right: 0%;opacity: 1;}
.postions .postions_b a.isel{color:#fff; }
/*分类弹窗*/
.about_bgs{z-index: 19891024;background:url(../images/about_bg.png) repeat; width: 100%; height: 100%;  position: fixed;  left: 0;  top: 0;  display: none;}
.about_tc .closed2{ display:none;}
.about_con img{max-width:100%;height:auto !important;}
/*分页*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:5%; padding-bottom:5%; clear:both;}
.yema a{ display:inline-block; height:36px; line-height:36px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:18px;margin-left:5px; margin-right:5px;  text-align:center; color:#666666; font-size:13px; border:1px solid #e5e5e5; background:#fff;}
.yema a:hover{ text-decoration:none; color:#fff; background:url(../images/page_bg1.jpg) center center no-repeat; background-size:100% 100%;border:1px solid #2d9441;}
.yema a.page-num-current{color:#fff; background:url(../images/page_bg1.jpg) center center no-repeat; background-size:100% 100%;border:1px solid #2d9441;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#c77d42;}
.yema a span{ font-family:"宋体"; font-size:16px;}

/*关于我们*/
.about_bg{ background:#fff; overflow:hidden; padding-bottom:1%;}
.about_tt{ text-align:center; overflow:hidden; line-height:1.2; color:#e36c08; font-weight:bold; margin-top:6%;}
.about_tt .label{ display:block; text-transform:uppercase;margin-bottom:1%;line-height:1; margin-bottom:2%; color:#006600;}
.about_tt .label span{ font-family:"微软雅黑";}
.about_con{ overflow:hidden; margin-bottom:6%;font-size:15px; color:#666666; line-height:32px; margin-top:5%; }
.about_con .position{margin:5% 0 0 0; color:#40b8ee}
.about_con .position a{ color:#40b8ee}
.about_con img{ max-width:100%;}
.about_con table{border-collapse:collapse;border-spacing:0;}
.about_con table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
.about_con .imgs{ overflow:hidden; margin-bottom:3%;}
.about_con .l{ width:45.15%;}
.about_con .r{ width:52.92%;}
/*关于我们左侧导航*/
.about_con .about_lnav{width:20%; float:left; margin:1% 5%}
.about_con .about_lnav p{color:#40b8ee;font-size:16px}
.about_con .about_lnav ul{margin-top:40px}
.about_con .about_lnav ul li{clear:both; height:40px; line-height:40px; font-size:14px; color:#666; text-align:left}
.about_con .about_lnav ul li::before{content: " ● "; font-size:16px; padding-right:5px; color:#40b8ee}
.about_con .about_content{width:70%; float:right;}
.about_ul{ overflow:hidden; margin-top:4.5%;}
.about_ul ul li{ float:left; width:32.66%; margin-right:1%; margin-bottom:1%; overflow:hidden;}
.about_ul ul li:nth-child(3n+0){ margin-right:0;}
.about_ul ul li .imgs2{ overflow:hidden;}
.about_ul ul li .imgs2 img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.about_ul ul li:hover .imgs2 img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

/*森视界团队*/
.team_tt{ text-align:center; overflow:hidden; line-height:1.7; color:#e36c08; font-weight:normal; margin:0 auto; margin-top:6%; font-size:16px; max-width:900px;}
.team_tt .label{ display:block; text-transform:uppercase;margin-bottom:1%;line-height:1; margin-bottom:2%; color:#006600; font-weight:bold;}
.team_tt .label span{ font-family:"微软雅黑";}
.team_ul{ overflow:hidden; margin-top:4.5%;}
.team_ul ul li{ float:left; width:23.5%; margin-right:2%; overflow:hidden; position:relative;}
.team_ul ul li:nth-child(4n+0){ margin-right:0;}
.team_ul ul li .imgs{ overflow:hidden;}
.team_ul ul li .imgs img{ display:block; width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.team_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.team_ul ul li .txts{ padding-left:2%; padding-right:2%; overflow:hidden; margin-top:4%;color:#222222; text-align:center; margin-bottom:9%;}
.team_ul ul li .txts .h3{ font-weight:bold; font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; height:26px; line-height:26px;}
.team_ul ul li .txts .p{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis; height:26px; line-height:26px; font-size:15px;}
.team_ul ul li .cons{ position:absolute; bottom:-100%; left:0; width:100%; background:url(../images/team_bg1.png) center center no-repeat; background-size:cover; padding-top:8%; padding-bottom:10%; text-align:center; overflow:hidden;opacity:0;filter:Alpha(opacity=0);transition:all 0.6s;}
.team_ul ul li:hover .cons{opacity:1.0;filter:Alpha(opacity=100); bottom:0;}
.team_ul ul li .cons .yw{ display:block; text-transform:uppercase; color:#fff; font-size:14px; height:22px; line-height:22px; font-family:Arial;opacity:0.47;filter:Alpha(opacity=47);}
.team_ul ul li .cons .h3{ font-weight:normal; overflow:hidden; height:48px; line-height:48px; color:#fff;}
.team_ul ul li .cons .p{ font-size:15px; color:#fff; overflow:hidden; line-height:22px; height:22px; margin-top:3%;}
.team_ul ul li .cons .a{  display:block;  height:34px; line-height:34px; width:104px; background:#fff; text-align:center; overflow:hidden; color:#5da234; font-size:15px; position:relative; z-index:0; margin:0 auto; border-radius:20px; margin-top:5%;}
.team_ul ul li .cons .a:after{ content:""; position:absolute; left:50%; top:0%; height:100%; width:0;background:#121212;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s; z-index:-1; }
.team_ul ul li .cons .a:hover:after{width:100%; left:0; }
.team_ul ul li .cons .a:hover{ color:#fff;}

/*合作伙伴*/
.partner_ul{ margin-top:6%; margin-bottom:6%; border-left:1px solid #eeeeee;border-top:1px solid #eeeeee;}
.partner_ul ul li{ width:14.285%;float:left;  transition:all 0.3s;}
.partner_ul ul li .box{ border-right:1px solid #eeeeee; border-bottom:1px solid #eeeeee;}
.partner_ul ul li .imgs{ overflow:hidden;transition:all 0.6s;}
.partner_ul ul li:hover .imgs{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.2); box-shadow: 0 5px 25px rgba(0,0,0,0.2); z-index:1; position:relative;}
.partner_ul ul li .imgs img{ display:block; width:100%;webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.partner_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
/*.partner_ul ul li:hover .imgs img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}
.partner_ul ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.partner_ul ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}*/

/*联系我们*/
/*.contact_t{ margin-top:6%; margin-bottom:4%; overflow:hidden; text-align:center; font-weight:lighter;}
.contact_t label{ display:block; position:relative; overflow:hidden; margin-top:10px; text-transform:uppercase; padding-top:13px;}
.contact_t label:after{ position:absolute; content:""; top:0; left:50%; width:100px; margin-left:-50px; height:1px; background:#c78f42;}*/
.contact_t2{ overflow:hidden; margin-top:5%; text-align:center; line-height:26px; font-size:16px; color:#666666;}
.contact_t2 .h2{ height:50px; line-height:50px; color:#333333; font-size:30px; overflow:hidden;}
.contact_con{ color:#333; margin-top:0;}
.contact_con a{ color:#333;}
.contact_con a:Hover{ color:#2d9441;}
.contact_con .contact_con_txt{ max-width:1200px; overflow:hidden; margin:0 auto; width:94%; margin-top:1%; padding:3% 0;}
.contact_con .contact_con_txt .contact_l{ float:right; overflow:hidden; margin-left:0; width:60%;font-size:15px;line-height:26px;}
.contact_con .contact_con_txt .contact_l .con_text{border:1px solid #ccc; margin-top:50px; padding:5%}
.contact_con .contact_con_txt .contact_l .h2{ font-size:24px; font-weight:bold; color:#333333; margin-bottom:2.5%; overflow:hidden;}
.contact_con .contact_con_txt .contact_r{ float:left; overflow:hidden; width:40%;  text-align:center; line-height:30px;font-size:15px;}
.contact_con .contact_con_txt .contact_r img{ display:block; width:100%;}
.contact_con .contact_con_txt .contact_l ul li{ width:49%; overflow:hidden; float:left; margin-right:1%;}
.contact_con .divs{ margin-bottom:10px; font-weight:normal; padding-left:28px; overflow:hidden; background-repeat:no-repeat; background-position:left 5px;  }
.contact_con .divs.bgs1{ background-image:url(../images/contact_bg1.png);}
.contact_con .divs.bgs2{ background-image:url(../images/contact_bg2.png);}
.contact_con .divs.bgs3{ background-image:url(../images/contact_bg3.png);}
.contact_con .divs.bgs4{ background-image:url(../images/contact_bg4.png);}
.contact_map{overflow:hidden; max-height:380px;}
.contact_map iframe{height: 380px; overflow:hidden;}



.contact_two{ overflow:hidden;  width:60%; margin:0 auto;}
.contact_t3{ overflow:hidden; line-height:26px; font-size:15px; color:#888888;}
.contact_t3 .h2{height:40px; line-height:40px; color:#333333; font-size:24px; overflow:hidden; margin-bottom:2.5%;}
.feedback_div{padding-bottom:5%; overflow:hidden; text-align:center; margin-top:3%;}
.feedback_div .divs{float:left; width:49%; margin-right:2%;margin-bottom:2%;}
.feedback_div .divs:nth-child(2n){ margin-right:0;}
.feedback_div .inputs2{ width:99%;  background:#f2f3f5; height:46px; line-height:46px; font-size:15px; color:#a1a1a1; border:1px solid #e0e0e0; outline:none;  text-indent:28px; font-family:"微软雅黑";}
/*.feedback_div .inputs3{ appearance:none;  -moz-appearance:none;  -webkit-appearance:none; width:99%;  background:url(../images/contact_bg5.png) #f5f5f5 96% center no-repeat; height:54px; line-height:54px; font-size:18px; color:#666; border:1px solid #ececec; outline:none; font-family:"微软雅黑"; padding-left:3%; outline:none;}
.feedback_div .inputs4{ width:99%;  background:url(../images/contact_bg5.png) #f5f5f5 96% center no-repeat;  height:54px; line-height:54px; font-size:18px; color:#666; border:1px solid #ececec; outline:none;  text-indent:3%; font-family:"微软雅黑";}
.feedback_div select::-ms-expand { display: none; } */
.feedback_div .feedback_t{ color:#555; font-size:15px; padding-left:28px; overflow:hidden; background:url(../images/contact_bg5.png) left center no-repeat; text-align:left; margin-bottom:2%; margin-top:2%;}
.feedback_div .textarea{ padding:1%; width:calc(99% - 30px);width:-webkit-calc(99% - 30px);width:-moz-calc(99% - 30px); padding-left:28px; background:#f2f3f5; font-size:15px; font-family:"微软雅黑";border:1px solid #e0e0e0; outline:none;margin-bottom:2%; color:#a1a1a1; height:100px;  }
.feedback_div .bnts2{ margin:0 auto;  border: none; width:100%; max-width:158px;font-size:15px; height: 46px; line-height:46px; background: #40b8ed; font-family:"微软雅黑"; text-align: center;color: #fff; outline: none;  cursor: pointer; -webkit-appearance: none;}
.feedback_div .bnts2:hover{filter:alpha(opacity=80);opacity:0.8;transition:all 0.3s;}

/*项目案例*/
.case_bg1{ background:#fff; overflow:hidden;}
.news_a{ text-align:center;overflow:hidden; font-size:15px; margin-top:3%;}
.news_a a{line-height:26px; margin-left:2%; margin-right:2%; display:inline-block; color:#444444;transition:all 0.3s; position:relative; overflow:hidden; vertical-align:top; }
.news_a a:hover{ color:#2d9441;}
.news_a a.csel{ color:#2d9441;}
.product_ul{ overflow:hidden;margin-top:4%;}
.product_ul ul li{ float:left; width:32.66%; overflow:hidden; margin-right:1%; margin-bottom:2%; text-align:left; background:#fff;}
.product_ul ul li:nth-child(3n+0){ margin-right:0;}
.product_ul ul li .imgs{overflow:hidden;transition:all 0.3s;}
.product_ul ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_ul ul li .txts{ overflow:hidden;padding-top:3%; margin-bottom:2%;}
.product_ul ul li .txts .h2{ height:28px; line-height:28px; overflow:hidden;font-weight:bold; color:#333333; font-size:18px; white-space:nowrap;text-overflow:ellipsis; }
.product_ul ul li .txts .h3{ height:22px; line-height:22px; overflow:hidden;font-weight:normal; font-size:15px; color:#68a740;transition:all 0.3s;white-space:nowrap;text-overflow:ellipsis;}

/*项目案例详细*/
.case_tt{ color:#777777; font-size:16px; overflow:hidden; margin-top:4%; border-bottom:1px solid #e6e6e6;line-height:50px; padding-bottom:2.5%;}
.case_tt .h2{ float:left; font-weight:bold; color:#333;}
.case_tt label{ padding-left:8px; padding-right:8px; overflow:hidden; float:left; color:#dadada;}
.case_tt span{ float:left; overflow:hidden;}
.case_box{ background:#fff; overflow:hidden; margin-top:6%;}
.case_con{ max-width:1192px; overflow:hidden; width:96%; margin:0 auto;}
.case_con .about_txts{ overflow:hidden; margin-bottom:6%;font-size:15px; color:#666666; line-height:32px; margin-top:3.5%; }
.case_con .about_txts img{ max-width:100%;height:auto !important;}
.case_con .about_txts table{border-collapse:collapse;border-spacing:0;}
.case_con .about_txts table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
.case_con .about_txts p{ padding-bottom:10px;}
.prenext{ padding-top:26px; text-align:center;  font-size:15px;margin-bottom:4%;border-top:1px solid #e6e6e6; overflow:hidden; line-height:26px; color:#333333; position:relative; }
.prenext a{ color:#333333; overflow:hidden; transition:all 0.3s;}
.prenext a:hover{ color:#6ba036;  text-decoration:none;opacity:0.8;filter:Alpha(opacity=80);}
.prenext span{ width:39%; overflow:hidden;}
.prenext span.l{ text-align:left;}
.prenext span.r{ text-align:right;}
.golist{ position:absolute; top:26px;left:50%; max-width:30%; transform: translate(-50%, 0%); overflow:hidden; }

/*新闻动态*/
.news_con{ overflow:hidden; margin-top:4%;}
.news_con ul li{ overflow:hidden; margin-bottom:3%; padding-bottom:3%; border-bottom:1px solid #f0f0f0; display:block;}
.news_con ul li:hover{border-right:2px solid #40b8ee}
.news_con ul li:last-child{  margin-bottom:0; }
.news_con ul li .imgs{ width:268px; float:left; display:inline; overflow:hidden; margin-right:3%; position:relative;}
.news_con ul li .imgs img{width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.news_con ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_con ul li .i_about_r{overflow:hidden; float:left; width:78%; }
.news_con ul li .i_about_r .h3{ line-height:34px; height:34px; overflow:hidden; font-size:18px; color:#000; font-weight:bold; margin-bottom:16px;white-space:nowrap;text-overflow:ellipsis; margin-top:20px;transition:all 0.3s;}
.news_con ul li .i_about_r .p{ overflow:hidden; font-size:15px; color:#888888; line-height:26px; max-height:52px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_con ul li  label{ display:block; color:#999999; width:10%; float:left; margin-right:2%; font-size:15px;line-height:40px; height:80px; overflow:hidden; margin-top:16px;  }
.news_con ul li  label p{color:#43b7f0; text-align:right; font-size:30px}
.news_con ul li  label span{ float:right;  color:#999999; font-size:14px; font-family:Arial;}
.news_con ul li:hover .i_about_r .h3{ color:#999999;}
.news_con ul li  .threeico{ float:right; font-size:50px; color:#43b7f0; width:5%}
/*新闻资讯详细*/
.application_l{ width:100%; margin-top:5%;}
.about_x2{ padding-bottom:1%; overflow:hidden;  padding-top:5%; background:#fff; }
.about_x2 .txts{ margin:0 auto; max-width:810px; width:94%; overflow:hidden;}
.about_x2 .show_t{ line-height:36px; color:#333333; text-align:center; margin-bottom:2%; margin-top:5px; font-weight:normal;}
.about_x2 .con_line{ overflow:hidden;line-height:40px;font-size:14px; color:#999999;text-align:center; margin-bottom:1%; }
.about_x2 .con_line .a{ display:inline-block; padding-left:18px; padding-right:18px; position:relative;color:#999999;}
.about_x2 .con_line .a:first-child:after{ position:absolute; content:""; right:0; width:1px; height:10px; top:50%; margin-top:-5px; background:#dddddd;}
.about_x2 img{max-width:100%;}
.about_x2 .con_id{ margin:0 auto; max-width:1000px; line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:22px;font-size:15px; color:#888888;text-align:left;/* font-family:"宋体";*/ padding-bottom:5%;}
.about_x2 .con_id img{max-width:100%;height:auto !important;}
.about_x2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2 .con_id p{ padding-bottom:15px; overflow:hidden;}
.about_x2 table{border-collapse:collapse;border-spacing:0;}
.about_x2 table td{ line-height:22px;height:27px; /*border:1px solid #000;*/}
.about_x2 .prenext{ color:#888888;} 
.about_x2 .prenext a{ color:#888888;} 
.about_x2 .prenext a:hover{ color:#6ba036;} 
.about_x2 .prenext span{ width:47%;}

.fenxiang{  overflow:hidden; text-align:center; padding-bottom:5px; padding-top:5px; margin-bottom:1%; margin-top:1%; position:relative; z-index:0;}
.fenxiang:after{ background:#f1f1f1; content:""; position:absolute; top:50%; left:0; height:1px; width:100%; overflow:hidden; z-index:-1;}
.fenxiang .news_fx{ text-align:center;display:inline-block; vertical-align:top; background:#fff; overflow:hidden; padding-left:3px; padding-right:3px;}
.fenxiang .news_fx ul li{ display:inline-block; width:30px; height:30px; overflow:hidden; margin-left:7px; margin-right:7px; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}
.fenxiang .news_fx ul li.bgs1{ background-image:url(../images/fx_pic2.png);}
.fenxiang .news_fx ul li.bgs2{ background-image:url(../images/fx_pic3.png);}
.fenxiang .news_fx ul li.bgs3{ background-image:url(../images/fx_pic1.png);}
.fenxiang .news_fx ul li:hover{transition:all 0.3s/*;opacity:0.8;filter:Alpha(opacity=80);*/}
.fenxiang .news_fx ul li.bgs1:hover{ background-image:url(../images/fx_pic2_on.png);}
.fenxiang .news_fx ul li.bgs2:hover{ background-image:url(../images/fx_pic3_on.png);}
.fenxiang .news_fx ul li.bgs3:hover{ background-image:url(../images/fx_pic1_on.png);}
.fenxiang .news_fx ul li a{ display:block; width:100%; height:100%;}

.application_r{ float:right; overflow:hidden; width:26.4%; max-width:336px; margin-top:5%;}
.application_r .mb26{ margin-bottom:26px;}
.application_r .application_news{ background:#fff; overflow:hidden;  padding-top:2%; padding-bottom:2%;}
.application_r .application_t{ height:60px; line-height:60px; overflow:hidden;}
.application_r .application_t .h3{ font-weight:normal; color:#444444; }
.application_r .application_t .h3 span{ float:right;}
.application_r .application_t .h3:hover span{ color:#2d9441;}
.application_r .application_w{ margin:0 auto; max-width:280px; width:94%;}
.application_r .application_ul2{ overflow:hidden; margin-top:1.5%; margin-bottom:1.5%;}
.application_r .application_ul2 ul{padding:0 3%;}
.application_r .application_ul2 ul li{ display:block; border-top:1px solid #e7e7e7; padding-bottom:4%; padding-top:6%;  overflow:hidden;}
.application_r .application_ul2 ul li label{ display:block; height:24px; line-height:24px;  color:#888888; font-size:15px;}
.application_r .application_ul2 ul li .h3{ font-weight:normal; overflow:hidden;height:32px; line-height:32px; color:#444444; font-size:15px;transition:all 0.3s; white-space:nowrap;text-overflow:ellipsis;}
.application_r .application_ul2 ul li:hover .h3{ color:#2d9441;}


@media screen and (max-width: 1660px) {
.o_big_con.bgs2 .h2 i{ width:50px; height:50px;}
}



@media screen and (max-width: 1440px) {
/*内页*/
.postions{ height:46px; line-height:46px; font-size:14px;}
/*项目案例*/
.product_ul ul li .txts .h2{ font-size:17px;}
.product_ul ul li .txts .h3{font-size:14px;}




}

@media screen and (max-width: 1200px) {
.o_big_con.bgs2 .h2 i{ width:40px; height:40px; margin-top:3%;}
.postions h2{ font-size:18px;}
.postions h2 span{ font-size:14px;}
/*联系我们*/
.feedback_div .inputs2{ height:42px; line-height:42px; font-size:14px;}
.feedback_div .inputs3{ height:42px; line-height:42px; font-size:14px;}
.feedback_div .inputs4{ height:42px; line-height:42px; font-size:14px;}
.feedback_div .textarea{ font-size:14px;}
.feedback_div .bnts2{ height:44px; line-height:44px; font-size:14px;}



}

@media screen and (max-width: 1100px) {
.postions{ height:44px; line-height:44px;}
.postions .postions_b a{margin-left:20px;}
/*森视界团队*/
.team_ul ul li .txts .p{ font-size:14px;}
.team_ul ul li .cons .h3{ height:40px; line-height:40px;}
.team_ul ul li .cons .p{ font-size:14px;}
.team_ul ul li .cons .a{ font-size:14px;}
/*联系我们*/
.contact_con .contact_con_txt .contact_l{ font-size:14px;}
.contact_con .contact_con_txt .contact_r{ font-size:14px;}
/*项目案例*/
.news_a{ font-size:14px;}
/*项目案例详细*/
.case_tt{ font-size:15px;}
/*新闻动态*/
.news_con ul li .imgs{ width:220px;}
.news_con ul li .i_about_r .h3{ margin-top:10px; margin-bottom:8px;}
.application_r .application_ul2 ul li label{ font-size:14px;}
.application_r .application_ul2 ul li .h3{ font-size:15px;}

}
@media screen and (max-width: 1000px) {
.o_big_con .h2 label{ margin-bottom:2%;}
.postions .rclass{ display:block;}
.postions .postions_b{ display:none;}
.postions .postions_b a{ float:none; display:block; margin-left:0; padding-left:3%; text-align:left; background:#efefef; border-bottom:1px solid #fff; width:auto;}
.postions .postions_b a.isel{ color:#2d9441;}
.postions .postions_b a:after{ height:0;}
/*分类弹窗*/
.about_tc{z-index: 19891025; width: 0%; right: 0%; position:absolute; overflow: hidden; top:0; height:100%;/* display: none;*/transition: all 0.3s;}
.postions_b.lws .about_tc{ width:80%;}
.postions_b.lws{ display:block;}
.about_tc .about_divs{ position:absolute; right:0; width:85%; background-color:#fff; top:0; overflow:hidden; height:100%;}
.about_tc .closed2{ right:84.5%; position:absolute; top:150px; cursor:pointer; width:40px; display:block;}
.about_tc .closed2:hover{filter: Alpha(Opacity=80);opacity: 0.8;transition: all 0.3s;}
/*关于我们*/
.about_con .txtsr .cons{ font-size:14px; line-height:30px;}

}
@media screen and (max-width: 960px) {
.o_big_con.bgs2 .h2 i{ width:30px; height:30px; margin-top:2%;}
/*关于我们*/
.about_con{ font-size:14px; line-height:26px;}
/*森视界团队*/
.team_tt{ font-size:15px;}
.team_ul ul li{ width:32%;}
.team_ul ul li:nth-child(4n+0){ margin-right:2%;}
.team_ul ul li:nth-child(3n+0){ margin-right:0;}
.team_ul ul li .txts .h3{ font-size:17px;}
.team_ul ul li .txts .p{ font-size:14px;}
/*合作伙伴*/
.partner_ul ul li{ width:20%;}
/*联系我们*/
.contact_t2{ font-size:15px;}
.contact_t2 .h2{ font-size:28px;}
/*项目案例*/
.news_a a{ line-height:24px;}
.product_ul ul li .txts .h2{ font-size:16px;}
.product_ul ul li .txts .h3{ font-size:13px;}
/*项目案例详细*/
.case_tt{ font-size:14px; line-height:40px;}
.prenext{ font-size:14px; padding-top:20px;}
.golist{ top:20px;}
.case_con .about_txts{ font-size:14px; line-height:26px;}


/*新闻资讯详细*/
.about_x2 .show_t{ font-size:22px;}
.about_x2 .con_line{ font-size:14px; margin-bottom:0;}
.about_x2 .con_id{ padding-top:3%; line-height:26px; font-size:14px;}
.fenxiang .news_fx ul li{ width:26px; height:26px;}


.application_r .mb26{ margin-bottom:16px;}
.application_r .application_t{ height:50px; line-height:50px;}
.application_r .application_ul2 ul li{ padding-top:4%;}
.application_r .application_ul2 ul li label{ font-size:13px; height:20px; line-height:20px;}
.application_r .application_ul2 ul li .h3{ font-size:14px; height:28px; line-height:28px;}


}
@media screen and (max-width: 830px) {
/*内页*/
.postions h2{ font-size:16px;}
.postions h2 span{ font-size:13px;}


}
@media screen and (max-width: 780px) {
.o_big{ height:154px;}
.postions{ height:42px; line-height:42px; font-size:13px;}
.postions h2{ display:none;}
.postions .postions_b a{ height:44px; line-height:44px;}
/*分页*/
.yema a{ height:26px; line-height:26px; padding-left:6px; padding-right:6px; margin-left:2px; margin-right:2px;}
.yema a span{ font-size:14px;}
/*森视界团队*/
.team_ul ul li .txts .h3{ font-size:16px;}
.team_ul ul li .txts .p{ font-size:13px;}
.team_ul ul li .cons .yw{ font-size:13px; height:20px; line-height:20px;}
.team_ul ul li .cons .h3{ height:36px; line-height:36px;}
.team_ul ul li .cons .p{ font-size:13px; height:20px; line-height:20px;}
.team_ul ul li .cons .a{font-size:13px; height:30px; line-height:30px;}
/*联系我们*/
.contact_t2{ font-size:14px; line-height:26px;}
.contact_t2 .h2{ font-size:26px;}
.contact_t3{ font-size:14px; line-height:24px;}
.contact_map iframe{height: 390px;}
.contact_con .contact_con_txt .contact_l .h2{ margin-bottom:3%;}
.contact_con .contact_con_txt .contact_l ul li{ width:100%; margin-right:0;}
/*项目案例*/
.news_a{ font-size:14px;}
.product_ul ul li{ width:49%; margin-right:2%;}
.product_ul ul li:nth-child(3n+0){ margin-right:2%;}
.product_ul ul li:nth-child(2n+0){ margin-right:0;}

/*新闻动态*/
.news_con ul li .imgs{ width:200px;}
.news_con ul li .i_about_r .h3{ margin-top:5px; margin-bottom:5px;}
.news_con ul li .i_about_r .p{ line-height:24px; max-height:48px;}
.news_con ul li .i_about_r label{ margin-top:12px;}
/*新闻资讯详细*/
.application_l{ float:none; width:100%;}
.about_x2{ margin-bottom:4%;}

.application_r{ float:none; width:100%; max-width:none;}
.application_r .application_w{ max-width:none;}
.application_r .application_t .h3{ font-size:17px;}

}

@media screen and (max-width: 640px) {
/*分页*/
.yema a{ font-size:12px;}
.yema a span{ font-size:13px;}
/*关于我们*/
.about_con .l{ width:100%; float:none;}
.about_con .r{ width:100%; float:none;}
.about_con .imgs{ margin-bottom:0;}
.about_ul ul li{ width:49%; margin-bottom:2%; margin-right:2%;}
.about_ul ul li:nth-child(3n+0){ margin-right:2%;}
.about_ul ul li:nth-child(2n+0){ margin-right:0;}
/*森视界团队*/
.team_tt{ font-size:14px; line-height:1.5;}
.team_ul ul li{ width:49%;}
.team_ul ul li:nth-child(3n+0){ margin-right:2%;}
.team_ul ul li:nth-child(2n+0){ margin-right:0;}
/*合作伙伴*/
.partner_ul ul li{ width:25%;}
/*联系我们*/
/*.contact_t label{ margin-top:6px; padding-top:10px;}*/
.contact_t2{ line-height:24px;}
.contact_t2 .h2{ font-size:24px;}
.contact_t3 .h2{ font-size:22px;}
.contact_map iframe{height: 360px;}
.contact_con .contact_con_txt .contact_l{ font-size:13px; line-height:24px;width:100%; clear:both}
.contact_con .contact_con_txt .contact_l .h2{ font-size:22px;}
.contact_con .contact_con_txt .contact_r{ width:100%; font-size:13px; clear:both; }
.feedback_div .divs{ float:none; width:100%;}
.feedback_div .inputs2{ font-size:13px; text-indent:2%;}
.feedback_div .inputs3{ font-size:13px; padding-left:2%;}
.feedback_div .inputs4{ font-size:13px; text-indent:2%;}
.feedback_div .textarea{ font-size:13px; padding-left:2%; width:96%;}
.feedback_div .bnts2{ height:44px; font-size:13px; max-width:none;}
.feedback_div .feedback_t{ font-size:14px;}
/*项目案例*/
.news_a{ font-size:13px;}
.news_a a{ line-height:22px;}
.product_ul ul li{ width:49%;}
.product_ul ul li:nth-child(3n+0){ margin-right:2%;}
.product_ul ul li:nth-child(2n+0){ margin-right:0;}
/*项目案例详细*/
.case_tt{ font-size:13px; line-height:30px;}
.prenext{ font-size:13px; line-height:24px; text-align:left; padding-top:15px;}
.prenext span{ width:100%; margin-bottom:5px;}
.prenext .l{ float:none; display:block;}
.prenext .r{ float:none; display:block;}
.prenext span.r{ text-align:left;}
.golist{ position:static; display:block; width:100%; left:0; transform: translate(-0%, 0%);margin-bottom:5px;}
/*新闻动态*/
.news_con ul li .imgs{ width:170px;}
.news_con ul li .i_about_r .h3{ font-size:17px; height:28px; line-height:28px;}
.news_con ul li .i_about_r .p{ line-height:22px; max-height:44px; font-size:13px;}
.news_con ul li .i_about_r label{ margin-top:10px; font-size:14px;}
.news_con ul li .i_about_r label span{ font-size:13px;}

/*新闻资讯详细*/
.about_x2 .con_line{ font-size:13px;}
.about_x2 .con_id{ font-size:13px; line-height:24px;}
.about_x2 .con_id p{ padding-bottom:12px;}
.about_x2 .prenext span{ width:100%;}


}
@media screen and (max-width: 520px) {
.postions .sec{ display:none;}
/*联系我们*/
.contact_two{ margin-top:2%; width:90%; margin:5% auto}
.contact_t2{font-size:13px; line-height:22px;}
.contact_t2 .h2{ font-size:22px; height:44px; line-height:44px;}
.contact_t3{font-size:13px; line-height:22px;}
.contact_t3 .h2{ font-size:20px; height:30px; line-height:30px;}
.contact_map iframe{height: 320px;}


}
@media screen and (max-width: 480px) {
.o_big{ height:120px;}
.o_big_con .h2{ font-size:18px;}
.o_big_con .h2 label{ margin-bottom:2.5%; padding-bottom:2.5%;}
.o_big_con .h2 p{ margin-bottom:1%;}
.postions{ font-size:12px;}
.postions .postions_b a{ font-size:13px;}
.postions .postions_r span{ display:none;}
.postions .postions_r img{ margin-left:6px;}
/*关于我们*/
.about_con{ font-size:13px; line-height:24px;}
/*森视界团队*/
.team_tt{ font-size:13px;}
.team_ul ul li .txts .h3{ font-size:15px;}
.team_ul ul li .txts .p{ font-size:12px;}
.team_ul ul li .cons .yw{ font-size:12px;}
.team_ul ul li .cons .h3{ height:30px; line-height:30px;}
.team_ul ul li .cons .p{ font-size:12px;}
.team_ul ul li .cons .a{font-size:12px; height:28px; line-height:28px;}
/*合作伙伴*/
.partner_ul ul li{ width:33.33%;}
/*联系我们*/
.contact_t2{font-size:12px; line-height:20px;}
.contact_t2 .h2{ font-size:20px; height:40px; line-height:40px;}
.contact_t3{font-size:12px; line-height:20px;}
.contact_t3 .h2{ font-size:18px; height:26px; line-height:26px;}
.contact_con .contact_con_txt .contact_l .h2{ font-size:20px; margin-bottom:4%;}
.contact_map iframe{height: 280px;}
/*.feedback_div .inputs2{ font-size:13px;}
.feedback_div .bnts2{ font-size:13px;}*/
/*项目案例*/
.news_a{ font-size:12px;}
.news_a a{ line-height:20px;}
.product_ul ul li .txts .h2{ font-size:15px;height:24px; line-height:24px;}
.product_ul ul li .txts .h3{font-size:12px;}
/*项目案例详细*/
.case_tt{ line-height:30px;}
.case_tt .h2{ float:none; margin-bottom:0;}
.case_tt label{ display:none;}
.case_tt span{ float:none; display:block;}
.case_con .about_txts{ font-size:13px; line-height:24px;}

/*新闻动态*/
.news_con ul li .imgs{ width:140px;}
.news_con ul li .i_about_r .h3{ font-size:16px;  margin-top:0; margin-bottom:0;}
.news_con ul li .i_about_r .p{ line-height:20px; max-height:40px; font-size:12px;}
.news_con ul li .i_about_r label{ margin-top:6px; font-size:13px;}
.news_con ul li .i_about_r label span{ font-size:12px;}


/*新闻资讯详细*/
.about_x2 .show_t{ line-height:30px;}
.about_x2 .con_line{ font-size:12px;}
.about_x2 .con_id{ font-size:12px; line-height:22px;}
.about_x2 .con_id p{ padding-bottom:10px;}

.application_r .mb26{ margin-bottom:10px;}
.application_r .application_t{ height:40px; line-height:40px;}
.application_r .application_t .h3{ font-size:15px;}
.application_r .application_ul2 ul li{ padding-top:3%; padding-bottom:3%;}
}
@media screen and (max-width: 360px) {
.o_big{ height:110px;}
/*.postions{ font-size:12px;}*/
/*关于我们*/
.about_con{ font-size:12px; line-height:22px;}
/*项目案例详细*/
.case_con .about_txts{ font-size:12px; line-height:22px;}
/*新闻动态*/
.news_con ul li .imgs{ width:120px;}
.news_con ul li .i_about_r .h3{ font-size:15px; height:24px; line-height:24px;}
.news_con ul li .i_about_r .p{ line-height:18px; max-height:36px;}
.news_con ul li .i_about_r label{ margin-top:4px;}


/*新闻资讯详细*/
.about_x2 .show_t{ font-size:18px; line-height:26px; }
}
@media screen and (max-width: 320px) {

}

.selects{height: 52px;  width: 100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 66px;}
@media screen and (max-width: 1440px){
	.selects{
		height:46px;
		padding-left: 50px;
	}
}
@media screen and (max-width: 640px){
	.selects{
		height:40px;
		width:100%;border:1px solid #e8e8e8;color:#656565;font-size: 16px;padding-left: 10px;
	}
}

@media screen and (max-width: 480px){
.selects{ font-size:14px;}
}


/*案例效果*/



.main{ max-width: 1200px; margin: 0 auto; padding:40px 0;}
.title{text-align: center; color:#333; font-size:20px; margin-bottom: 25px;}
.img_list{ margin-left: -10px; margin-right: -10px;}
.img_list li{float: left; width:33.3%;margin-bottom:20px;}
.img_list li > div{margin:0 10px}

.w-simImg .image-w{position:relative; height:300px; width:300px; line-height:150px; text-align:center; margin:0 auto; }
.w-simImg .image-w p{height:50px; margin-top:10px; line-height:20px; font-size:16px; text-align:center}
.w-simImg img{ max-width: 100%;}
.caption{ position:relative;}
.caption .captionbg{position:absolute;width:100%; height:100%;}
.caption .caption-text{z-index:10; position:relative;word-break: break-all; word-wrap: break-word;padding:0.5em 1px 0.7em;}
.caption h3{ font-weight:normal; font-size:115%; margin:0; line-height:1.5; }
.caption p{ margin:0; padding-top:0.1em; opacity:0.85;}
.bg_main{ background: #006BCC;}

.imgFloatFull .caption{position:absolute;bottom:0; left:0; width:100%;height:100%;color:#fff; padding-top:0; overflow:hidden;}
.imgFloatFull .caption .captionbg{ opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); z-index:0;}
.imgFloatFull .caption .caption-text{ display:table; height:100%; width:100%; }
.imgFloatFull .caption .caption-text .caption-text-in{ display: table-cell; vertical-align: middle;padding:10px;}
.imgFloatFull .caption .more1 .more_span{border-color:#fff;}

/*--图片效果--*/
.imgScaleBig .img{overflow:hidden;}
.imgScaleBig: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;}
.imgScaleSmall .img{overflow:hidden;}
.imgScaleSmall 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);}
.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;}
.imgRotate .img{overflow:hidden;}
.imgRotate:hover img{-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;}
.imgLeft .img{overflow:hidden;}
.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%);}
.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;}
.imgRight .img{overflow:hidden;}
.imgRight 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%);}
.imgRight: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;}
.imgTop .img{overflow:hidden;}
.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%);}
.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;}
.imgBottom .img{overflow:hidden;}
.imgBottom 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%);}
.imgBottom: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;}
.imgLeftBig .img{overflow:hidden;}
.imgLeftBig:hover img{transform:translateX(-100%);-ms-transform: translateX(-100%); -moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);-o-transform: translateX(-100%);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgLeftBig .caption .captionbg{ opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.imgRightBig .img{overflow:hidden;}
.imgRightBig:hover img{transform:translateX(100%);-ms-transform: translateX(100%); -moz-transform: translateX(100%);-webkit-transform: translateX(100%);-o-transform: translateX(100%);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgRightBig .caption .captionbg{ opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.imgTopBig .img{overflow:hidden;}
.imgTopBig:hover img{transform:translateY(-100%);-ms-transform: translateY(-100%); -moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);-o-transform: translateY(-100%);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgTopBig .caption .captionbg{ opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.imgBottomBig .img{overflow:hidden;}
.imgBottomBig:hover img{transform:translateY(100%);-ms-transform: translateY(100%); -moz-transform: translateY(100%);-webkit-transform: translateY(100%);-o-transform: translateY(100%);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgBottomBig .caption .captionbg{ opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.imgScaleHide .img{overflow:hidden;}
.imgScaleHide:hover .img{transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}

.imgFadeInScale .img{transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(1);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.imgFadeInScale: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; opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

/*--文本层效果--*/
.captionbgFadeInDefault .captionbg{ bottom:-100%; }
.captionbgFadeInDefault:hover .captionbg{ bottom:0;}
.captionbgFadeInUp .captionbg{ bottom:-100%;}
.captionbgFadeInUp:hover .captionbg{ bottom:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.captionbgFadeInDown .captionbg{ top:-1000px;}
.captionbgFadeInDown:hover .captionbg{ top:0;transition: all 0.35s ease-out;-moz-transition: all 0.35s ease-out;-webkit-transition: all 0.35s ease-out; -o-transition: all 0.35s ease-out;}
.captionbgFadeInRight .captionbg{ left:-100%;}
.captionbgFadeInRight:hover .captionbg{ left:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.captionbgFadeInLeft .captionbg{ right:-100%;}
.captionbgFadeInLeft:hover .captionbg{ right:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.captionbgFadeInScale .captionbg{transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);bottom:-100%; }
.captionbgFadeInScale:hover .captionbg{bottom:0; 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;}
.captionbgSwingLeft .captionbg{left:100%;transform: perspective(400px) rotateY(-90deg);-ms-transform: perspective(400px) rotateY(-90deg); -moz-transform: perspective(400px) rotateY(-90deg);-webkit-transform: perspective(400px) rotateY(-90deg); -o-transform: perspective(400px) rotateY(-90deg);transform-origin:right center 0;-ms-transform-origin: right center 0; -moz-transform-origin:right center 0;-webkit-transform-origin:right center 0; -o-transform-origin:right center 0;
    transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.captionbgSwingLeft:hover .captionbg{left:0;transform: perspective(400px) rotateY(0deg);-ms-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg);-webkit-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg);}
.captionbgSwingRight .captionbg{left:-100%;transform: perspective(400px) rotateY(90deg);-ms-transform: perspective(400px) rotateY(90deg); -moz-transform: perspective(400px) rotateY(90deg);-webkit-transform: perspective(400px) rotateY(90deg); -o-transform: perspective(400px) rotateY(90deg);transform-origin:left center 0;-ms-transform-origin: left center 0; -moz-transform-origin:left center 0;-webkit-transform-origin:left center 0; -o-transform-origin:left center 0;
    transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.captionbgSwingRight:hover .captionbg{left:0;transform: perspective(400px) rotateY(0deg);-ms-transform: perspective(400px) rotateY(0deg); -moz-transform: perspective(400px) rotateY(0deg);-webkit-transform: perspective(400px) rotateY(0deg); -o-transform: perspective(400px) rotateY(0deg);}
.captionbgSwingDown .captionbg{top:-100%;transform: perspective(400px) rotateX(-90deg);-ms-transform: perspective(400px) rotateX(-90deg); -moz-transform: perspective(400px) rotateX(-90deg);-webkit-transform: perspective(400px) rotateX(-90deg); -o-transform: perspective(400px) rotateX(-90deg);transform-origin:center top 0;-ms-transform-origin: center top 0; -moz-transform-origin:center top 0;-webkit-transform-origin:center top 0; -o-transform-origin:center top 0;
    transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;}
.captionbgSwingDown:hover .captionbg{top:0;transform: perspective(400px) rotateX(0deg);-ms-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg);-webkit-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg);}
.captionbgSwingUp .captionbg{bottom:-100%;transform: perspective(400px) rotateX(90deg);-ms-transform: perspective(400px) rotateX(90deg); -moz-transform: perspective(400px) rotateX(90deg);-webkit-transform: perspective(400px) rotateX(90deg); -o-transform: perspective(400px) rotateX(90deg);transform-origin:center bottom 0;-ms-transform-origin: center bottom 0; -moz-transform-origin:center bottom 0;-webkit-transform-origin:center bottom 0; -o-transform-origin:center bottom 0;
    transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s; }
.captionbgSwingUp:hover .captionbg{bottom:0;transform: perspective(400px) rotateX(0deg);-ms-transform: perspective(400px) rotateX(0deg); -moz-transform: perspective(400px) rotateX(0deg);-webkit-transform: perspective(400px) rotateX(0deg); -o-transform: perspective(400px) rotateX(0deg);}
.captionbgFadeInRotate .captionbg{ bottom:-200%; transform: scale(0.5) rotateZ(180deg);-ms-transform: scale(0.5) rotateZ(180deg); -moz-transform: scale(0.5) rotateZ(180deg);-webkit-transform: scale(0.5) rotateZ(180deg); -o-transform: scale(0.5) rotateZ(180deg);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;}
.captionbgFadeInRotate:hover .captionbg{bottom:0;transform: scale(1) rotateZ(0deg);-ms-transform: scale(1) rotateZ(0deg); -moz-transform:scale(1) rotateZ(0deg);-webkit-transform: scale(1) rotateZ(0deg); -o-transform:scale(1) rotateZ(0deg);}
.captionbgCircleTL .captionbg{left:-100%; top:-100%; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.captionbgCircleTL:hover .captionbg{ left:0; top:0;transform: scale(3);-ms-transform: scale(3); -moz-transform: scale(3);-webkit-transform: scale(3); -o-transform: scale(3);}
.captionbgCircleTR .captionbg{right:-100%; top:-100%; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.captionbgCircleTR:hover .captionbg{ right:0; top:0;transform: scale(3);-ms-transform: scale(3); -moz-transform: scale(3);-webkit-transform: scale(3); -o-transform: scale(3);}
.captionbgCircleBL .captionbg{left:-100%; bottom:-100%; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.captionbgCircleBL:hover .captionbg{ left:0; bottom:0;transform: scale(3);-ms-transform: scale(3); -moz-transform: scale(3);-webkit-transform: scale(3); -o-transform: scale(3);}
.captionbgCircleBR .captionbg{left:100%; top:100%; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.captionbgCircleBR:hover .captionbg{ left:0; top:0;transform: scale(3);-ms-transform: scale(3); -moz-transform: scale(3);-webkit-transform: scale(3); -o-transform: scale(3);}
.captionbgHT .captionbg{transform: perspective(1000px) rotateY(90deg);-ms-transform:translateY(100%); -moz-transform:perspective(1000px) rotateY(90deg);-webkit-transform: perspective(1000px) rotateY(90deg); -o-transform: perspective(1000px) rotateY(90deg);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;}
.captionbgHT:hover .captionbg{transform: perspective(600px) rotateY(0deg);-ms-transform:translateY(0); -moz-transform:perspective(600px) rotateY(0deg);-webkit-transform: perspective(600px) rotateY(0deg); -o-transform: perspective(600px) rotateY(0deg);}
.captionbgVT .captionbg{transform: perspective(600px) rotateX(90deg);-ms-transform:translateX(100%); -moz-transform:perspective(600px) rotateX(90deg);-webkit-transform: perspective(600px) rotateX(90deg); -o-transform: perspective(600px) rotateX(90deg);transition: transform 0.5s;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s; -o-transition: transform 0.5s;}
.captionbgVT:hover .captionbg{transform: perspective(600px) rotateX(0deg);-ms-transform:translateX(0); -moz-transform:perspective(600px) rotateX(0deg);-webkit-transform: perspective(600px) rotateX(0deg); -o-transform: perspective(600px) rotateX(0deg);}

.captionbgFadeOut .caption .captionbg{ background:#fff; opacity:0.3; *filter:alpha(opacity=30); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); z-index:0;}
.captionbgFadeOutDefault .captionbg{ bottom:0; }
.captionbgFadeOutDefault:hover .caption .captionbg{ opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; }
.captionbgFadeOutScale .caption .captionbg{  opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); z-index:0;}
.captionbgFadeOutScale {transform: scale(1);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);bottom:0;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }
.captionbgFadeOutScale:hover .captionbg{ transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}

.textFade .textFadeInDefault{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); width:100%;}
.textFade:hover .textFadeInDefault{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.textFade .textFadeInUp{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); margin-bottom:-35px; width:100%;}
.textFade:hover .textFadeInUp{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); margin-bottom:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.textFade .textFadeInDown{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); margin-bottom:35px; width:100%;}
.textFade:hover .textFadeInDown{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); margin-bottom:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.textFade .textFadeInLeft{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); margin-left:-100%; width:100%;}
.textFade:hover .textFadeInLeft{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); margin-left:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.textFade .textFadeInRight{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); margin-left:100%;width:100%;}
.textFade:hover .textFadeInRight{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); margin-left:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.textFade .textFadeInScale{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); width:100%; transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);}
.textFade:hover .textFadeInScale{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 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;}
.textFade .textFadeInRotate{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); width:100%;}
.textFade:hover .textFadeInRotate{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -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;}
.textFade .textFadeOutDefault{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); width:100%;}
.textFade:hover .textFadeOutDefault{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transition: opacity 0.5s;-moz-transition: opacity 0.5s;-webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s;}
.textFade .textFadeOutScale{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); width:100%; transform: scale(0);-ms-transform: scale(1); -moz-transform: scale(1);-webkit-transform: scale(1); -o-transform: scale(1);}
.textFade:hover .textFadeOutScale{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}

.imgTextL .caption::before,.imgTextL .caption::after{position:absolute; content: "";opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); z-index:99;}
.imgTextL .caption::before{border-bottom: 1px solid #fff;border-top: 1px solid #fff;bottom: 20px;left: 10px;right: 10px; top: 20px;transform: scale(0, 1);-ms-transform: scale(0, 1); -moz-transform: scale(0, 1);-webkit-transform: scale(0, 1); -o-transform: scale(0, 1);transform-origin: 0 0 0;-ms-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0; -o-transform-origin: 0 0 0;}
.imgTextL .caption::after{border-left: 1px solid #fff; border-right: 1px solid #fff; bottom: 10px; left: 20px; right: 20px; top: 10px; transform: scale(1, 0); -ms-transform:scale(1, 0);-moz-transform: scale(1, 0);-webkit-transform: scale(1, 0); -o-transform: scale(1, 0);transform-origin: 100% 0 0;-ms-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0;-webkit-transform-origin: 100% 0 0; -o-transform-origin: 100% 0 0;}
.imgTextL:hover .caption::before, .imgTextL:hover .caption::after {
    opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    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;
}
.imgTextA .caption::before,.imgTextA .caption::after{position:absolute; content: "";opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); z-index:99;}
.imgTextA .caption::before{border-bottom: 1px solid #fff;border-top: 1px solid #fff;bottom: 10px;left: 10px;right: 10px; top: 10px;transform: scale(0, 1);-ms-transform: scale(0, 1); -moz-transform: scale(0, 1);-webkit-transform: scale(0, 1); -o-transform: scale(0, 1);transform-origin: 0 0 0;-ms-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0;-webkit-transform-origin: 0 0 0; -o-transform-origin: 0 0 0;}
.imgTextA .caption::after{border-left: 1px solid #fff; border-right: 1px solid #fff; bottom: 10px; left: 10px; right: 10px; top: 10px; transform: scale(1, 0); -ms-transform:scale(1, 0);-moz-transform: scale(1, 0);-webkit-transform: scale(1, 0); -o-transform: scale(1, 0);transform-origin: 100% 0 0;-ms-transform-origin: 100% 0 0; -moz-transform-origin: 100% 0 0;-webkit-transform-origin: 100% 0 0; -o-transform-origin: 100% 0 0;}
.imgTextA:hover .caption::before, .imgTextA:hover .caption::after {
    opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    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;
}

.imgTextB .caption::before{content: "";opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); z-index:99;transform: scale(0);-ms-transform: scale(0); -moz-transform: scale(0);-webkit-transform: scale(0); -o-transform: scale(0);border: 1px solid #fff;bottom: 10px;left: 10px;position: absolute;right: 10px;top: 10px;}
.imgTextB:hover .caption::before{opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); z-index:99;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;}

.imgTextS .caption::before,.imgTextS .caption::after{background: #fff none repeat scroll 0 0;content: "";height: 1px;left: 50%; position: absolute; z-index:99;top: 50%;opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transform: translate3d(-50%, -50%, 0px);-ms-transform: translate(-50%, -50%); -moz-transform: translate3d(-50%, -50%, 0px);-webkit-transform: translate3d(-50%, -50%, 0px); -o-transform:translate3d(-50%, -50%, 0px);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;width: 80%;}
.imgTextS:hover .caption::before{opacity: 0.5;*filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    transform: translate3d(-50%, -50%, 0px) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate3d(-50%, -50%, 0px) rotate(45deg);-webkit-transform: translate3d(-50%, -50%, 0px) rotate(45deg); -o-transform: translate3d(-50%, -50%, 0px) rotate(45deg);}
.imgTextS:hover .caption::after{opacity: 0.5;*filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    transform: translate3d(-50%, -50%, 0px) rotate(-45deg);-ms-transform: translate(-50%, -50%) rotate(-45deg); -moz-transform: translate3d(-50%, -50%, 0px) rotate(-45deg);-webkit-transform: translate3d(-50%, -50%, 0px) rotate(-45deg); -o-transform: translate3d(-50%, -50%, 0px) rotate(-45deg);}

.imgTextC .caption::before{content: "";opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); z-index:99;transform: scale(1.2);-ms-transform: scale(1.2); -moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2);border: 1px solid #fff;bottom: 10px;left: 10px;position: absolute;right: 10px;top: 10px;}
.imgTextC:hover .caption::before{opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); 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;}

.imgTextD .caption::before{
	border: 2px solid #fff; content: "";height: 50%;left: 50%;opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);position: absolute; z-index:99;top: 50%;
    transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
	-ms-transform:translate(-50%, -50%) rotate(-45deg) scale(0, 0);-moz-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);-webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1); -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    transform-origin: 50% 50% 0;
	-ms-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0;-webkit-transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	-moz-transition:  opacity 0.35s ease 0s, transform 0.35s ease 0s;-webkit-transition:  opacity 0.35s ease 0s, transform 0.35s ease 0s; -o-transition:  opacity 0.35s ease 0s, transform 0.35s ease 0s;
    width: 50%;
}
.imgTextD:hover .caption::before {
    opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
	-ms-transform:translate(-50%, -50%) rotate(-45deg) scale(1, 1);-moz-transform:translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);-webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1); -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
}

.imgTextE .caption::before{
	border: 2px solid #fff; content: "";height: 50%;left: 50%;opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);position: absolute; z-index:99;top: 50%;
    transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1);
	-ms-transform:translate(-50%, -50%) rotate(45deg) scale(0, 0);-moz-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1);-webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1); -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(0, 0, 1);
    transform-origin: 50% 50% 0;
	-ms-transform-origin: 50% 50% 0; -moz-transform-origin: 50% 50% 0;-webkit-transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
	-moz-transition:  opacity 0.35s ease 0s, transform 0.35s ease 0s;-webkit-transition:  opacity 0.35s ease 0s, transform 0.35s ease 0s; -o-transition:  opacity 0.35s ease 0s, transform 0.35s ease 0s;
    width: 50%;
}
.imgTextE:hover .caption::before {
    opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
	-ms-transform:translate(-50%, -50%) rotate(45deg) scale( 1, 1);-moz-transform:translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);-webkit-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); -o-transform: translate3d(-50%, -50%, 0px) rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}

.imgTextF .caption::before{background: rgba(255, 255, 255, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    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%;}
.imgTextF:hover .caption::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);}
.imgTextF .caption .captionbg{ opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}

.imgTextG .caption::after{border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
	-ms-transform: rotate(45deg) scale(1, 0);-moz-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);-webkit-transform:  rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1); -o-transform:  rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    transform-origin: 50% 50% 0;
	-ms-transform-origin: 50% 50% 0;-moz-transform-origin: 50% 50% 0;-webkit-transform-origin: 50% 50% 0; -o-transform-origin: 50% 50% 0;
    width: 100%;
    transition:opacity 0.6s ease 0s, transform 0.6s ease 0s;
	-moz-transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;-webkit-transition:  opacity 0.6s ease 0s, transform 0.6s ease 0s; -o-transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
}
.imgTextG:hover .caption::after{opacity: 1;
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);-ms-transform:rotate(45deg) scale(1, 1);-moz-transform:rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);-webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1); -o-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);}

.imgGrayScale img{filter: grayscale(100%);-webkit-filter: grayscale(100%); opacity:0.4;}/*灰度*/
.imgGrayScale:hover img{filter: grayscale(0);-webkit-filter: grayscale(0); opacity:1;}
.imgGrayScale p{ font-size:90%; padding-top:0; color:#aaa;}

.imgFloat.captionbgFadeInDefault.textFade .img{ overflow:hidden;}
.imgFloat.captionbgFadeInDefault.textFade .img img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.imgFloat.captionbgFadeInDefault.textFade:hover .img 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);}
.imgFloat.captionbgFadeInDefault.textFade .captionbg{ bottom:0;}
.imgFloat.captionbgFadeInDefault.textFade .textFadeInDefault{ opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

/*鼠标进入进出*/
.w-multi-imgs-inout li{ position:relative;}
.imgInOut a{ display:block;-webkit-perspective:400px;perspective:400px; position:relative;overflow:hidden;}
.imgInOut .caption{-webkit-transform:rotate3d(1,0,0,90deg);
 transform:rotate3d(1,0,0,90deg);
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0;
 pointer-events:none; color:#fff; padding:0;}
.imgInOut .caption .captionbg{ opacity:0.85; *filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); z-index:0;}
.imgInOut .caption .caption-text{ display:table; height:100%; width:100%; }
.imgInOut .caption .caption-text .caption-text-in{ display: table-cell; vertical-align: middle;padding:10px;}
.in-top .caption {
 -webkit-transform-origin:50% 0%;
 transform-origin:50% 0%;
 -webkit-animation:in-top 300ms ease 0ms 1 forwards;
 animation:in-top 300ms ease 0ms 1 forwards;
}
.in-right .caption {
 -webkit-transform-origin:100% 0%;
 transform-origin:100% 0%;
 -webkit-animation:in-right 300ms ease 0ms 1 forwards;
 animation:in-right 300ms ease 0ms 1 forwards;
}
.in-bottom .caption {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:in-bottom 300ms ease 0ms 1 forwards;
 animation:in-bottom 300ms ease 0ms 1 forwards;
}
.in-left .caption {
 -webkit-transform-origin:0% 0%;
 transform-origin:0% 0%;
 -webkit-animation:in-left 300ms ease 0ms 1 forwards;
 animation:in-left 300ms ease 0ms 1 forwards;
}
.out-top .caption {
 -webkit-transform-origin:50% 0%;
 transform-origin:50% 0%;
 -webkit-animation:out-top 300ms ease 0ms 1 forwards;
 animation:out-top 300ms ease 0ms 1 forwards;
 top:-1px;
}
.out-right .caption {
 -webkit-transform-origin:100% 50%;
 transform-origin:100% 50%;
 -webkit-animation:out-right 300ms ease 0ms 1 forwards;
 animation:out-right 300ms ease 0ms 1 forwards;
 left:1px;
}
.out-bottom .caption {
 -webkit-transform-origin:50% 100%;
 transform-origin:50% 100%;
 -webkit-animation:out-bottom 300ms ease 0ms 1 forwards;
 animation:out-bottom 300ms ease 0ms 1 forwards;
 top:1px;
}
.out-left .caption{
 -webkit-transform-origin:0% 0%;
 transform-origin:0% 0%;
 -webkit-animation:out-left 300ms ease 0ms 1 forwards;
 animation:out-left 300ms ease 0ms 1 forwards;
 left:-1px;
}
@-webkit-keyframes in-top {
 from {
  -webkit-transform:rotate3d(-1,0,0,90deg);
  transform:rotate3d(-1,0,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@keyframes in-top {
 from {
  -webkit-transform:rotate3d(-1,0,0,90deg);
  transform:rotate3d(-1,0,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@-webkit-keyframes in-right {
 from {
  -webkit-transform:rotate3d(0,-1,0,90deg);
  transform:rotate3d(0,-1,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@keyframes in-right {
 from {
  -webkit-transform:rotate3d(0,-1,0,90deg);
  transform:rotate3d(0,-1,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@-webkit-keyframes in-bottom {
 from {
  -webkit-transform:rotate3d(1,0,0,90deg);
  transform:rotate3d(1,0,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@keyframes in-bottom {
 from {
  -webkit-transform:rotate3d(1,0,0,90deg);
  transform:rotate3d(1,0,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@-webkit-keyframes in-left {
 from {
  -webkit-transform:rotate3d(0,1,0,90deg);
  transform:rotate3d(0,1,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@keyframes in-left {
 from {
  -webkit-transform:rotate3d(0,1,0,90deg);
  transform:rotate3d(0,1,0,90deg);
 }
 to {
  -webkit-transform:none;
  transform:none;
 }
}
@-webkit-keyframes out-top {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(-1,0,0,130deg);
  transform:rotate3d(-1,0,0,130deg);
 }
}
@keyframes out-top {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(-1,0,0,130deg);
  transform:rotate3d(-1,0,0,130deg);
 }
}
@-webkit-keyframes out-right {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(0,-1,0,130deg);
  transform:rotate3d(0,-1,0,130deg);
 }
}
@keyframes out-right {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(0,-1,0,130deg);
  transform:rotate3d(0,-1,0,130deg);
 }
}
@-webkit-keyframes out-bottom {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(1,0,0,130deg);
  transform:rotate3d(1,0,0,130deg);
 }
}
@keyframes out-bottom {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(1,0,0,130deg);
  transform:rotate3d(1,0,0,130deg);
 }
}
@-webkit-keyframes out-left {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(0,1,0,130deg);
  transform:rotate3d(0,1,0,130deg);
 }
}
@keyframes out-left {
 from {
  -webkit-transform:rotate3d(0,0,0,0deg);
  transform:rotate3d(0,0,0,0deg);
 }
 to {
  -webkit-transform:rotate3d(0,1,0,130deg);
  transform:rotate3d(0,1,0,130deg);
 }
}

/*特定图文组合效果*/
.simImg_spec .caption h3{ font-size:18px;}
.simImg_spec .caption{ overflow:hidden;}
.specFull .caption{position:absolute;bottom:0; left:0; width:100%;height:100%;color:#fff; padding-top:0; }
.specFull .caption .captionbg{ opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); z-index:0;}
.specFull .caption .caption-text{ display:table; height:100%; width:100%; }
.specFull .caption .caption-text .caption-text-in{ display: table-cell; vertical-align: top;padding:30px;}
.simImg_spec1 .caption-text{position:relative;}
.simImg_spec1 .caption-text::before,.simImg_spec1 .caption-text::after{ opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); content:''; position:absolute;  left:10px; width:90%;width:calc(100% - 20px);}
.simImg_spec1 .caption-text::before{ top:10px;}
.simImg_spec1 .caption-text::after{ bottom:10px;}
.simImg_spec1:hover .caption-text::before,.simImg_spec1:hover .caption-text::after{ opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.simImg_spec1 .caption-text h3,.simImg_spec1 .caption-text p{opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); position:relative;}
.simImg_spec1 .caption-text h3{ top:15px;}
.simImg_spec1 .caption-text p{ top:-35px;}
.simImg_spec1:hover .caption-text h3{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); top:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.simImg_spec1:hover .caption-text p{opacity:0.7;*filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); top:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}

.simImg_spec2 img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.simImg_spec2 .caption::before,.simImg_spec2 .caption::after{ border-color:rgba(255,255,255,0.3);}
.simImg_spec2 .caption .captionbg{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;}
.simImg_spec2:hover .caption .captionbg{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.simImg_spec2 .caption-text{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; }
.simImg_spec2:hover .caption-text{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.simImg_spec2 .caption .caption-text .caption-text-in{ padding:1.6em;}

.simImg_spec3 img{-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(-5%,0, 0) scale(1.1);transform: translate3d(-5%,0, 0) scale(1.1);}
.simImg_spec3:hover img{-webkit-transform: translate3d(0,0,0) scale(1.1);transform: translate3d(0,0,0) scale(1.1);}
.simImg_spec3 .captionbg{ left:0; top:0; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:all 0.35s;transition:all 0.35s;}
.simImg_spec3:hover .captionbg{ opacity:0.7;*filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.simImg_spec3 .w-img-caption{ position:absolute; left:0; right:0; top:0; bottom:0;}
.simImg_spec3 .caption-text {position: absolute;bottom: 0;left: 0;padding: 1em;width: 100%;min-height: 5.5em; color:#fff; /*text-align:left;*/}
.simImg_spec3 h3,.simImg_spec3 p{-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
.simImg_spec3 p{opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.simImg_spec3 h3 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
.simImg_spec3 p{color: rgba(255,255,255,0.8);opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); height:0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.simImg_spec3:hover p {opacity: 1;}
.simImg_spec3:hover h3,.simImg_spec3:hover p {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.simImg_spec3:hover p {opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s; height:auto;}

.simImg_spec4 .captionbg{ left:0; top:0; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:all 0.35s;transition:all 0.35s;}
.simImg_spec4:hover .captionbg{ opacity:0.7;*filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.simImg_spec4 .w-img-caption{/*text-align: right;*/position:absolute; left:0; right:0; top:0; bottom:0; color:#fff;}
.simImg_spec4 .caption-text {position: absolute;bottom: 0;left: 0; top:0; right:0;}
.simImg_spec4 h3,.simImg_spec4 p {position: absolute;right: 1em;left: 1em;padding: 10px 0;}
.simImg_spec4 p {bottom: 1em;line-height: 1.5;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
.simImg_spec4 h3 {top: 1em;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
.simImg_spec4:hover h3 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.simImg_spec4 h3::after {position: absolute;top: 100%;left: 0;width: 100%;height: 4px;background: #fff;content: '';-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
.simImg_spec4 h3::after {opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.simImg_spec4 p {opacity: 0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.simImg_spec4:hover h3::after{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.simImg_spec4:hover p {opacity:0.9;*filter:alpha(opacity=90); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.simImg_spec5 .captionbg{ left:0; top:0;  opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:all 0.35s;transition:all 0.35s;}
.simImg_spec5:hover .captionbg{ opacity:0.7;*filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.simImg_spec5 .w-img-caption{position: absolute;top: 0;left: 0;right:0;bottom:0; color:#fff;padding:1.5em;}
.simImg_spec5 .w-img-caption::before{position: absolute;top: 1em;right: 1em;bottom: 1em;left: 1em;border: 1px solid rgba(255,255,255,0.7);content: '';}
.simImg_spec5 h3 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
.simImg_spec5 .w-img-caption::before{opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);}
.simImg_spec5 p {opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);}
.simImg_spec5:hover h3 {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.simImg_spec5:hover .w-img-caption::before{opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform: scale(1);transform: scale(1);}
.simImg_spec5:hover p {opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform: scale(1);transform: scale(1);}
.simImg_spec5:hover .w-img-caption{background-color: rgba(58,52,42,0);}

/*.simImg_spec6 img{-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform: translate3d(-5%,0,0) scale(1.1);transform: translate3d(-5%,0,0) scale(1.1);-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.simImg_spec6:hover img{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}*/
.simImg_spec6 .captionbg{ left:0; top:0; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:all 0.35s;transition:all 0.35s;}
.simImg_spec6:hover .captionbg{ opacity:0.7;*filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.simImg_spec6 .w-img-caption{position: absolute;top: 0;left: 0;right:0;bottom:0; color:#fff;padding:1em;}
.simImg_spec6 h3 {position: relative;overflow: hidden;padding-bottom:0.5em;}
.simImg_spec6 h3::after {position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;background: #fff;content: '';-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}
.simImg_spec6:hover h3::after {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.simImg_spec6 p {padding: 1em 0;opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);}
.simImg_spec6:hover p {opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.simImg_spec7 .w-img-caption{position: absolute;top: 0;left: 0;right:0;bottom:0; color:#fff;padding:1em;}
.simImg_spec7 .caption-text{position: absolute;left: 0;right:0;bottom:0; padding:0;}
.simImg_spec7 img,.simImg_spec7 h3 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
.simImg_spec7 h3{padding: 1em;}
.simImg_spec7 p { padding:0 1.2em; text-transform: none;font-size: 90%;  box-sizing:border-box;opacity: 0;-webkit-transition: all 0.35s;transition: all 0.35s; height:0; overflow:hidden; -webkit-transform: translate3d(0,50%,0) scale(1,0);transform: translate3d(0,50%,0) scale(1,0); line-height:1.5; }
.simImg_spec7:hover img {-webkit-transform: translate3d(0,-30px,0) scale(1,1);transform: translate3d(0,-30px,0) scale(1,1);}
.simImg_spec7:hover p{padding:1em 1.2em;opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform: translate3d(0,0,0) scale(1);transform: translate3d(0,0,0) scale(1); height:auto;}
/*3.22新增*/
.simImg_spec8 .image-w{ overflow:visible;}
.simImg_spec8 .caption{z-index:0;opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;}
.simImg_spec8:hover .caption{z-index:1;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:translate(10px,10px); -webkit-transform:translate(10px,10px); -moz-transform:translate(10px,10px);}
.simImg_spec8 .caption .captionbg{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); }

.simImg_spec9 .image-w{ overflow:visible; } 
.simImg_spec9 .caption{z-index:0;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;}
.simImg_spec9:hover .caption{z-index:1;opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:translate(10px,-10px); -webkit-transform:translate(10px,-10px); -moz-transform:translate(10px,-10px);}
.simImg_spec9 .caption .captionbg{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.simImg_spec10 img{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.simImg_spec10:hover img{ transform:scale(0);-moz-transform:scale(0); -webkit-transform:scale(0);opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.simImg_spec10 .caption{z-index:0;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; transform:rotateZ(180deg) scale(0); -moz-transform:rotateZ(180deg) scale(0); -webkit-transform:rotateZ(180deg) scale(0);}
.simImg_spec10:hover .caption{z-index:1;opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:rotateZ(0deg) scale(1); -moz-transform:rotateZ(0deg) scale(1); -webkit-transform:rotateZ(0deg) scale(1);}
.simImg_spec10 .caption .captionbg{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.simImg_spec11 img{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.simImg_spec11:hover img{ left:100%; transform:rotateZ(180deg) scale(0.7); -moz-transform:rotateZ(180deg) scale(0.7); -webkit-transform:rotateZ(180deg) scale(0.7);opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.simImg_spec11 .caption{left:-100%;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; transform:rotateZ(180deg) scale(0.7); -moz-transform:rotateZ(180deg) scale(0.7); -webkit-transform:rotateZ(180deg) scale(0.7);}
.simImg_spec11:hover .caption{ left:0;opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:rotateZ(0deg) scale(1); -moz-transform:rotateZ(0deg) scale(1); -webkit-transform:rotateZ(0deg) scale(1);}
.simImg_spec11 .caption .captionbg{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.simImg_spec12 .image-w{overflow:visible;}
.simImg_spec12 .img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; position:relative; z-index:2; bottom:0;font-size:100%;}
.simImg_spec12:hover .img{ bottom:4.5em;}
.simImg_spec12 .caption{position: absolute;bottom: 0;left: 0;width: 100%;color: #fff;z-index:1;}
.simImg_spec12 .caption .captionbg{ z-index:1; left:0; top:0;opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.simImg_spec12 .caption .caption-text{padding:0.5em 1em 0.7em;}
.simImg_spec12 .caption h3{line-height:1.3; padding:0;}
.simImg_spec12 .caption p{line-height:1.5; padding-top:0.2em; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}

.simImg_spec13 .image-w{overflow:visible;}
.simImg_spec13 .img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; position:relative; z-index:2; top:0;font-size:100%;}
.simImg_spec13:hover .img{ top:4.5em;}
.simImg_spec13 .caption{position: absolute;left: 0;width: 100%;color: #fff;top:0; z-index:1;}
.simImg_spec13 .caption .captionbg{ z-index:1; left:0; top:0;opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.simImg_spec13 .caption .caption-text{padding:0.5em 1em 0.7em;}
.simImg_spec13 .caption h3{line-height:1.3; padding:0;}
.simImg_spec13 .caption p{line-height:1.5; padding-top:0.2em; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}

.simImg_spec14 .img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; position:relative; z-index:2; bottom:0;font-size:100%;}
.simImg_spec14:hover .img{ bottom:4.5em; }
.simImg_spec14 .caption{position: absolute;left: 0;width: 100%;color: #fff;bottom:-4.22em; z-index:1;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;}
.simImg_spec14:hover .caption{ bottom:0;}
.simImg_spec14 .caption .captionbg{ z-index:1; left:0; top:0;opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.simImg_spec14 .caption .caption-text{padding:0.5em 1em 0.7em;}
.simImg_spec14 .caption h3{line-height:1.3; padding:0;}
.simImg_spec14 .caption p{line-height:1.5; padding-top:0.2em; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}

.simImg_spec15 .img{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; position:relative; z-index:2; top:0;font-size:100%;}
.simImg_spec15:hover .img{ top:4.5em; }
.simImg_spec15 .caption{position: absolute;left: 0;width: 100%;color: #fff;top:-4.22em; z-index:1;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;}
.simImg_spec15:hover .caption{ top:0;}
.simImg_spec15 .caption .captionbg{ z-index:1; left:0; top:0;opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.simImg_spec15 .caption .caption-text{padding:0.5em 1em 0.7em;}
.simImg_spec15 .caption h3{line-height:1.3; padding:0;}
.simImg_spec15 .caption p{line-height:1.5; padding-top:0.2em; text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}

.simImg_spec16 .caption{position: absolute;left: 0;width: 100%;color: #fff;z-index:0; top:0; bottom:auto;transform-origin:top; -moz-transform-origin:top; -webkit-transform-origin:top; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transform:perspective(600px) rotateX(-90deg); -webkit-transform:perspective(600px) rotateX(-90deg); -moz-transform:perspective(600px) rotateX(-90deg);transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;}
.simImg_spec16:hover .caption{z-index:1;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:perspective(600px) rotateX(0deg); -webkit-transform:perspective(600px) rotateX(0deg); -moz-transform:perspective(600px) rotateX(0deg);}
.simImg_spec16 .caption .captionbg{ z-index:1; left:0; top:0;opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.simImg_spec16 .caption .caption-text{padding:0.5em 1em 0.7em;}
 
.simImg_spec17 .caption .captionbg{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;}
.simImg_spec17:hover .caption .captionbg{opacity:0.8;*filter:alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.simImg_spec17 .caption .caption-text{text-align:center;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; transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0);}
.simImg_spec17:hover .caption .caption-text{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1);}

.simImg_spec18 .img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; position:relative; bottom:0;transform-origin:bottom; -moz-transform-origin:bottom; -webkit-transform-origin:bottom;transform:perspective(600px) rotateX(0deg); -webkit-transform:perspective(600px) rotateX(0deg); -moz-transform:perspective(600px) rotateX(0deg);}
.simImg_spec18:hover .img{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transform:perspective(600px) rotateX(90deg); -webkit-transform:perspective(600px) rotateX(90deg); -moz-transform:perspective(600px) rotateX(90deg);}
.simImg_spec18 .caption{z-index:0; top:0;transform-origin:top; -moz-transform-origin:top; -webkit-transform-origin:top; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transform:perspective(600px) rotateX(-90deg); -webkit-transform:perspective(600px) rotateX(-90deg); -moz-transform:perspective(600px) rotateX(-90deg);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.simImg_spec18:hover .caption{z-index:1;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:perspective(600px) rotateX(0deg); -webkit-transform:perspective(600px) rotateX(0deg); -moz-transform:perspective(600px) rotateX(0deg);}
.simImg_spec18 .caption .captionbg{ opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.simImg_spec19 .img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; position:relative; bottom:0;transform-origin:right; -moz-transform-origin:right; -webkit-transform-origin:right;transform:perspective(600px) rotateY(0deg); -webkit-transform:perspective(600px) rotateY(0deg); -moz-transform:perspective(600px) rotateY(0deg);}
.simImg_spec19:hover .img{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transform:perspective(600px) rotateY(-90deg); -webkit-transform:perspective(600px) rotateY(-90deg); -moz-transform:perspective(600px) rotateY(-90deg);}
.simImg_spec19 .caption{z-index:0; left:0;transform-origin:left; -moz-transform-origin:left; -webkit-transform-origin:left; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transform:perspective(600px) rotateY(90deg); -webkit-transform:perspective(600px) rotateY(90deg); -moz-transform:perspective(600px) rotateY(90deg);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.simImg_spec19:hover .caption{z-index:1;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);transform:perspective(600px) rotateY(0deg); -webkit-transform:perspective(600px) rotateY(0deg); -moz-transform:perspective(600px) rotateY(0deg);}
.simImg_spec19 .caption .captionbg{ opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.simImg_spec20 .img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; position:relative; z-index:1;}
.simImg_spec20:hover .img{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transform: rotate3d(-1, 1, 0, 100deg);transform: rotate3d(-1, 1, 0, 100deg);}
.simImg_spec20 .caption{ z-index:0;opacity:0; -webkit-transform: rotate3d(1, -1, 0, 100deg);transform: rotate3d(1, -1, 0, 100deg);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.simImg_spec20:hover .caption{z-index:2;opacity:1; -webkit-transform: rotate3d(0, 0, 0, 0deg);transform: rotate3d(0, 0, 0, 0deg);}
.simImg_spec20 .caption .captionbg{ opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.simImg_spec21 .img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; position:relative; z-index:1;}
.simImg_spec21:hover .img{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transform: rotate3d(-1, -1, 0, 100deg);transform: rotate3d(-1, -1, 0, 100deg);}
.simImg_spec21 .caption{ z-index:0;opacity:0; -webkit-transform: rotate3d(1, 1, 0, 100deg);transform: rotate3d(1, 1, 0, 100deg);transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.simImg_spec21:hover .caption{z-index:2;opacity:1; -webkit-transform: rotate3d(0, 0, 0, 0deg);transform: rotate3d(0, 0, 0, 0deg);}
.simImg_spec21 .caption .captionbg{ opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.simImg_spec22 .caption-text{opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.3s 0.2s;-moz-transition: all 0.3s 0.2s;-webkit-transition: all 0.3s 0.2s;}
.simImg_spec22:hover .caption-text{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.simImg_spec22 .captionbg{top: 50%; bottom: 50%; left: -35%; right: -35%; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s; width:auto; height:auto;}
.simImg_spec22:hover .captionbg{ top: -100%;bottom: -100%;}

.simImg_spec23 .img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s; -webkit-transform-origin: 50% 0%;-ms-transform-origin: 50% 0%;transform-origin: 50% 0%; position:relative; z-index:1;}
.simImg_spec23:hover .img{opacity:0; -webkit-transform: rotateX(90deg) scale(0.6) translateY(50%); transform: rotateX(90deg) scale(0.6) translateY(50%);}
.simImg_spec23 .caption{z-index:0; opacity:0;top:0; transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;}
.simImg_spec23:hover .caption{z-index:2;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform: rotateX(0deg) translate3d(0%, 0%, 0) scale(1);
  transform: rotateX(0deg) translate3d(0%, 0%, 0) scale(1);}
.simImg_spec23 .caption .captionbg{ opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.simImg_spec24 .img{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;  position:relative; z-index:1;}
.simImg_spec24:hover .img{opacity:0;  -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
  transform: rotateX(-100deg) translateY(50%) scale(0.5);
  -webkit-transition-delay: 0;
  transition-delay: 0;}
.simImg_spec24 .caption{transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;z-index:0; opacity:0;-webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
  transform: rotateX(90deg) translateY(-100%) scale(0.5);}
.simImg_spec24:hover .caption{z-index:2;opacity:1; -webkit-transform: rotateX(0deg) translateY(0%) scale(1);
  transform: rotateX(0deg) translateY(0%) scale(1);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;}
.simImg_spec24 .caption .captionbg{ opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.simImg_spec25 .img{position:relative; z-index:1;}
.simImg_spec25 .img:before{content: "";position: absolute;top:-200%;right:0;width: 200%;height:200%;background:rgba(0,0,0,0.5); transform:rotate(45deg) translateX(2%);-webkit-transform:rotate(45deg) translateX(2%);transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%;transition: all 200ms ease 0.4s; -webkit-transition: all 200ms ease 0.4s;}
.simImg_spec25:hover .img:before{top:0;}
.simImg_spec25 .img:after{content: "";position: absolute;bottom:-200%;left:0;width: 200%;height:200%;background:rgba(0,0,0,0.5); transform:rotate(45deg) translateX(-2%); -webkit-transform:rotate(45deg) translateX(-2%);transform-origin: 0% 100%; -webkit-transform-origin: 0% 100%;transition: all 200ms ease 0.4s; -webkit-transition: all 200ms ease 0.4s;}
.simImg_spec25:hover .img:after{ bottom:0;}
.simImg_spec25 .caption{ color:#fff; position:absolute; width:100%; opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);top:50%;top:10%\9; *top:10%; transform:translateY(-50%) rotate(55deg); -webkit-transform:translateY(-50%) rotate(55deg); left: 0; transition: all  0.2s; -webkit-transition: all  0.2s; z-index:9; overflow:hidden;}
:root .simImg_spec25 .caption{ top:50%;}
.simImg_spec25:hover .caption{transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.simImg_spec25 .caption .captionbg{opacity:0.8; *filter:alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.simImg_spec25 .caption-text-in{padding:10px;}

.simImg_spec26{ background:#000;}
.simImg_spec26 img {opacity:1;-webkit-transition:opacity .35s;transition:opacity .35s}
.simImg_spec26:hover img {opacity:.4;}
.simImg_spec26 .caption{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.simImg_spec26 .captionbg {position:absolute;top:2em;right:2em;bottom:2em;left:2em;width:auto;height:auto;border:2px solid #fff;box-shadow:0 0 0 30px rgba(255,255,255,.2);content:'';opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1);}
.simImg_spec26 .caption-text{top:50%;top:2%\9; *top:2%; transform:translateY(-50%); -webkit-transform:translateY(-50%);  }
:root .simImg_spec26 .caption-text{ top:50%;}
.simImg_spec26 .caption-text-in{padding:3em;}
.simImg_spec26 h3{font-size:130%;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.5);transform:scale(1.5);}
.simImg_spec26 p{opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.5);transform:scale(1.5);}
.simImg_spec26:hover h3 {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:scale(1);transform:scale(1);}
.simImg_spec26:hover .captionbg,.simImg_spec26:hover p {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:scale(1);transform:scale(1);}

.simImg_spec27 .caption{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.simImg_spec27 .caption .caption-text{ height:100%; width:100%; padding:0;}
.simImg_spec27 .captionbg{ opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .35s;transition:opacity .35s;}
.simImg_spec27:hover .captionbg{ opacity:0.7;*filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.simImg_spec27 img,.simImg_spec27 p {-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
.simImg_spec27:hover img {-webkit-transform:scale3d(1.5,1.5,1);transform:scale3d(1.5,1.5,1);}
.simImg_spec27 h3 { font-size:130%; text-align:center;padding:1.5em 1em 0;-webkit-transition:-webkit-transform .35s;transition:transform .35s;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}
.simImg_spec27 p {position:absolute;bottom:0;left:0; right:0;margin:1em;padding:1.2em;border:2px solid #fff;text-transform:none;font-size:90%;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1);-webkit-transform-origin:50% -100%;transform-origin:50% -100%;}
.simImg_spec27:hover p {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}

.simImg_spec28 .caption{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;transition:all .4s cubic-bezier(.88,-.99,0,1.81);}
.simImg_spec28 .captionbg{ opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:opacity .35s;transition:opacity .35s;}
.simImg_spec28:hover .captionbg{ opacity:0.7;*filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.simImg_spec28 .caption-text{top:50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0.5em 0;}
:root .simImg_spec28 .caption-text{ top:50%;}
.simImg_spec28 h3 { background:rgba(0,0,0,0.5); padding:0.5em 1.6em; transform:translateY(100%);transition:all .4s cubic-bezier(.88,-.99,0,1.81);}
.simImg_spec28:hover h3{transform:none;}
.simImg_spec28 p{opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transform:scale(0);transition:all .4s cubic-bezier(.88,-.99,0,1.81);border:1px solid #fff;margin:1em;padding:1em;}
.simImg_spec28:hover p{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); transform:scale(1);}

.simImg_spec29 .caption{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.simImg_spec29 .captionbg {opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.simImg_spec29:hover .captionbg{ opacity:0.7;*filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.simImg_spec29 .caption-text{top:50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0.5em 0;}
:root .simImg_spec29 .caption-text{ top:50%;}
.simImg_spec29 img {-webkit-transition:all .2s linear;transition:all .2s linear;}
.simImg_spec29:hover img {-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.simImg_spec29 h3 {position: relative;padding: 0.6em 1em;background: rgba(0,0,0,.5);-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.simImg_spec29 p { padding:0.6em 1.15em;-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition:all .2s linear;transition:all .2s linear;}
.simImg_spec29:hover h3,.simImg_spec29:hover p{opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:translateY(0px);transform:translateY(0px);}
.simImg_spec29:hover p {-webkit-transition-delay:.1s;transition-delay:.1s;}

.simImg_spec30 img {-webkit-transition:all .2s ease-in;transition:all .2s ease-in;}
.simImg_spec30:hover img {-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.simImg_spec30 .caption{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.simImg_spec30 .captionbg{opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform:translate(460px,-100px) rotate(180deg);transform:translate(460px,-100px) rotate(180deg);-webkit-transition:all .2s .4s ease-in-out;transition:all .2s .4s ease-in-out;}
.simImg_spec30 .caption-text{top:50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0.5em 0;}
:root .simImg_spec30 .caption-text{ top:50%;}
.simImg_spec30 h3 {background:rgba(0,0,0,0.5); padding:0.6em 1em;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transform:translateY(-100px);transform:translateY(-100px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.simImg_spec30 p {padding:0.6em 1.15em;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform:translateX(300px) rotate(90deg);transform:translateX(300px) rotate(90deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.simImg_spec30:hover .captionbg {opacity:0.6;*filter:alpha(opacity=60); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translate(0px,0px);transform:translate(0px,0px);}
.simImg_spec30:hover h3 {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:translateY(0px);transform:translateY(0px);-webkit-transition-delay:.5s;transition-delay:.5s;}
.simImg_spec30:hover p {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg);-webkit-transition-delay:.4s;transition-delay:.4s;}

.simImg_spec31 .caption{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.simImg_spec31 .caption-text{top:50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0.5em 0;}
:root .simImg_spec31 .caption-text{ top:50%;}
.simImg_spec31 img {-webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.simImg_spec31 .captionbg {-webkit-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.simImg_spec31 h3 { background:rgba(0,0,0,0.5); padding:0.6em 1em;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform: translateY(-200px); transform: translateY(-200px);-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.simImg_spec31 p {padding:0.6em 1.15em;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform: translateY(-200px);transform: translateY(-200px);-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.simImg_spec31:hover img {-webkit-transform: rotate(720deg) scale(0);transform: rotate(720deg) scale(0);opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.simImg_spec31:hover .captionbg {opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform: translateY(0px) rotate(0deg); transform: translateY(0px) rotate(0deg); -webkit-transition-delay: 0.4s; transition-delay: 0.4s;}
.simImg_spec31:hover h3 {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.7s; transition-delay: 0.7s;}
.simImg_spec31:hover p {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition-delay: 0.6s; transition-delay: 0.6s;}

.simImg_spec32 .caption{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.simImg_spec32 .caption-text{top:50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0.5em 0;}
:root .simImg_spec32 .caption-text{ top:50%;}
.simImg_spec32 .caption-text-in{padding:0 1.2em;}
.simImg_spec32 img {-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out;}
.simImg_spec32 .captionbg {-webkit-transition:all .5s linear;transition:all .5s linear;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.simImg_spec32 h3 {padding:0.6em 0;border-bottom:1px solid rgba(255,255,255,.3);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all .5s linear;transition:all .5s linear;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.simImg_spec32 p {padding:0.6em 0;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);-webkit-transform:scale(0);transform:scale(0); -webkit-transition:all .5s linear;transition:all .5s linear;}
.simImg_spec32:hover img {-webkit-transform:scale(10);transform:scale(10);opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.simImg_spec32:hover .captionbg {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.simImg_spec32:hover h3,.simImg_spec32:hover p {-webkit-transform:scale(1);transform:scale(1);opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

.simImg_spec33 .caption{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.simImg_spec33 .caption-text{top:50%;top:10%\9; *top:10%; transform:translateY(-50%); -webkit-transform:translateY(-50%); padding:0.5em 0;}
:root .simImg_spec33 .caption-text{ top:50%;}
.simImg_spec33 .caption-text-in{padding:0 1.2em;}
.simImg_spec33 .captionbg { opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 -webkit-transition:all .3s ease-in .4s;transition:all .3s ease-in .4s;}
.simImg_spec33 h3 {padding:0.6em 0;opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);border-bottom:1px solid rgba(255,255,255,.3);-webkit-transform:scale(10);transform:scale(10); -webkit-transition:all .3s ease-in-out .1s;transition:all .3s ease-in-out .1s;}
.simImg_spec33 p {padding:0.6em 0; opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 -webkit-transform:scale(10);transform:scale(10); -webkit-transition:all .3s ease-in-out .2s;transition:all .3s ease-in-out .2s;}
.simImg_spec33:hover .captionbg {opacity:0.85;*filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);}
.simImg_spec33:hover h3 {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:.1s;transition-delay:.1s;}
.simImg_spec33:hover p {opacity:1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transform:scale(1);transform:scale(1);-webkit-transition-delay:.2s;transition-delay:.2s;}

.simImg_spec34 img {-webkit-transition:-webkit-transform .35s;transition:transform .35s;}
.simImg_spec34:hover img {-webkit-transform:scale(1.1);transform:scale(1.1);}
.simImg_spec34 .caption{ position:absolute; left:0; top:0; width:100%; height:100%; color:#fff;}
.simImg_spec34 .captionbg { opacity:0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.simImg_spec34:hover .captionbg {opacity:0.85;*filter:alpha(opacity=85); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);}
.simImg_spec34 .caption-text{ height:100%; text-align: center;}
.simImg_spec34 .caption-text::before,.simImg_spec34 .caption-text::after {position:absolute;top:50%;left:50%;width:90%;height:1px;background:#fff;
 content:'';-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
.simImg_spec34:hover .caption-text::before {opacity:.5;*filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
 -webkit-transform:translate3d(-50%,-50%,0) rotate(45deg);transform:translate3d(-50%,-50%,0) rotate(45deg);}
.simImg_spec34:hover .caption-text::after {opacity:.5;*filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
 -webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg);transform:translate3d(-50%,-50%,0) rotate(-45deg);}
.simImg_spec34 h3,.simImg_spec34 p {position:absolute;top:50%;left:0;width:100%;padding:0.6em 5%;-webkit-transition:-webkit-transform .35s;transition:transform .35s;}
.simImg_spec34 h3 {font-size:150%;-webkit-transform:translate3d(0,-130%,0);transform:translate3d(0,-130%,0);}
.simImg_spec34 p {-webkit-transform:translate3d(0,1em,0);transform:translate3d(0,1em,0);line-height:1.5; max-height:3.5em; overflow:hidden;}
.simImg_spec34:hover h3 {-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
.simImg_spec34:hover p {-webkit-transform:translate3d(0,0.1em,0);transform:translate3d(0,0.1em,0);}

@media (max-width:960px){
    .img_list li{width:33.333%;}

	.simImg_spec .caption h3{ font-size:115%;}
	.simImg_spec p{ font-size:90%;}
	.simImg_spec12:hover .img{ bottom:4.2em;}
	.simImg_spec13:hover .img{ top:4.2em;}
	.simImg_spec14:hover .img{ bottom:4.2em; }
	.simImg_spec15:hover .img{ top:4.2em; }
}
@media (max-width:720px){
    .img_list li{width:98%; margin:0 auto;}
}

/*业务*/
.specialties{clear:both; display:block; height:450px; }
.specialties .speimg1{width:30%;float:left; z-index:1; margin-top:50px; line-height:300px;text-align:center; position:absolute; height:300px; background:#40b8ee}
.specialties .speimg2{width:30%;float:right;  height:300px; right:296px; line-height:300px; text-align:center; margin-top:50px;  z-index:2;  position:absolute;    height:300px;  background:#40b8ee}
.specialties .h20{clear:both; width:100%; height:20px; display:block;}
.specialties .spebox1{width:55%; padding-left:120px; padding-top:10px;  height:400px;float:right; z-index:-9999; border:1px solid #ccc;  }

.specialties .spebox1 .spec_title{text-align:center; margin-top:90px; font-size:30px; color:#000}
.specialties .spebox1 .spec_title:after{content: "";
display: block;
margin: 30px auto 20px;
border-bottom: 5px solid #0d56bc; width:225px;}
.specialties .spebox1 .spec_box{text-align:left; padding:0px 20px 20px 30px; font-size:14px; color:#000}
.specialties .spebox1 .spec_more{text-align:right; color:#40b8ed; padding:20px 40px 20px 40px; font-size:14px; color:#40b8ee}
.specialties .spebox1 .spec_more a{ color:#40b8ee;}
.specialties .spebox2 .spec_title{text-align:center; margin-top:90px; font-size:30px; color:#000}
.specialties .spebox2 .spec_title:after{content: "";
display: block;
margin: 30px auto 20px;
border-bottom: 5px solid #0d56bc; width:225px;}

.specialties .spebox2{width:55%; padding-right:100px; padding-top:10px;  height:400px;float:left; z-index:-9999; border:1px solid #ccc; float:left}
.specialties .spebox2 .spec_box{text-align:left; padding:0px 20px 20px 30px; font-size:14px; color:#000}
.specialties .spebox2 .spec_more{text-align:left; color:#40b8ed; padding:20px 40px 20px 40px; font-size:14px; color:#40b8ee}