@charset "utf-8";
/* CSS Document */
body{margin:0 auto; padding:0; font-size:12px; font-family:"微软雅黑",Tahoma,Arial,Helvetica,sans-serif; color:#222; background:#FFF;}
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,pre{margin:0;padding:0; outline:none;font-family:"微软雅黑"}
h1,h2,h3,h4{font-size:14px; font-family:"微软雅黑",Tahoma,Arial;}
a{text-decoration:none; color:#222; outline:none;}
input{ outline:none;}
img{ border:0 none; vertical-align:top;}
ul li{list-style:none;}
i{ font-style:normal;}
.c{clear:both; overflow:hidden; zoom:1;}
.center{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.warp{width:1200px; margin:0 auto; clear:both;}
.mt8{ margin-top:8px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt18{ margin-top:18px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt30{ margin-top:30px;}
.mt35{ margin-top:35px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt60{ margin-top:60px;}
.mr13{ margin-right:13px;}

#top_bg .color a{width:15px; height:15px; overflow:hidden; border-radius:100%; display:block; border:#FFF 2px solid; text-decoration:underline; overflow:hidden; float:left; margin:9px 4px 0 4px;}
#top_bg .color a.black {background:#151515;}
#top_bg .color a.red {background:#c9191b;}
#top_bg .color a.yellow {background:#ddba1a;}
#top_bg .color a.blue {background:#025495;}
#top_bg .color a.green {background:#693;}
#top_bg .color span i.iconfont{ margin-right:4px; color:#000; font-size:14px;}
#top_bg .top_menu{ margin-right:12px;}
.top_menu a{ margin:0 6px;}
.top_menu a:hover{ text-decoration:underline;}

#top_bg{ height:36px; line-height:37px; overflow:hidden; background:#f2f2f2; border-bottom:#f2f2f2 solid 1px; color:#444; font-size:13px;}


/*header*/
#header{ height:120px; position:relative; z-index:1001;}
#header #logo{ float:left; margin-right:30px;}
#header #tel{ float:right; color:#222;}
#tel div.iconfont{ font-size:50px; line-height:120px; margin-right:12px;}
#tel .txt_con{ margin-top:32px;}
#tel p.txt01{ font-size:13px; color:#222;}
#tel p.txt02{ font-family:Impact; font-size:30px;}
#header #search{  float:left; margin-top:40px; background:#FFF; border:#222 solid 2px; width:380px; height:36px;}
.search_btn{ width:86px; height:36px;}
.search_btn input{ background:#222; width:86px; height:36px; border:0 none; text-align:center; line-height:36px; color:#FFF; font-size:15px; cursor:pointer;}
.search_nav{ width:80px; text-align:center; height:36px; line-height:36px; background:#f2f2f2; margin-right:8px; display:block; cursor:pointer;}
.search_nav:hover .serxl_menu{ display:block;}
.serxl_menu{ display:none; background:#f2f2f2; border:#222 solid 2px; border-top:none; margin-left:-2px; padding:5px 0; position:relative;}
.serxl_menu li{ height:26px; line-height:26px; overflow:hidden;}
.img_alt{width:80px; height:36px; font-size:13px; color:#444;}
.img_alt i{ font-style:normal; background:url(../images/ticps.png) top center no-repeat; width:10px; height:7px; display:inline-block; margin-left:4px;}
.search_txt{ width:200px; height:36px;}
.search_txt input{ width:200px; height:36px; line-height:36px; border:0 none; color:#888;}
.search_txt input:focus{ color:#222;}

/*menu*/
#menu_bg{ background:#151515; height:62px; width:100%; clear:both;}
#menu{ height:62px;}
#menu li{ width:133px; height:62px; float:left; display:inline; background:url(../images/menu_right.png) right center no-repeat; text-align:center; line-height:20px;}
#menu li a{ height:50px; color:#FFF; font-size:15px; display:block; padding-top:12px; transform:translate(0,0); transition:all .2s ease-in 0s;}
#menu li a p.en{ text-transform:uppercase; font-size:10px;}
#menu li a:hover{ background:#268121;}

/*下拉菜单*/
#menu .mainlevel{ position:relative; z-index:1000;}
#menu .mainlevel a:hover,#menu .hover a{ background:#268121; display:block; text-decoration:none;}
#menu .mainlevel .lbul{padding:0px; display:none; position:absolute; top:62px; left:0px; z-index:1000;}
#menu .mainlevel .lbul ul{background:#151515; width:133px; overflow:hidden; z-index:100; border-top:none;}
#menu li.mainlevel .lbul ul li{float:none; background:none; width:133px; height:auto; margin:0 auto; zoom:1; padding:0px;}
#menu li.mainlevel .lbul ul li a{background:none; display:block; color:#fff; border-bottom:rgba(255,255,255,.24) dashed 1px; height:46px; line-height:46px; width:133px; font-weight:normal; padding:0px; text-align:center; transform:translate(0,0); transition:all .2s ease-in 0s; overflow:hidden; font-size:14px;}
#menu .mainlevel .lbul ul li a:hover{ background:#268121; display:block; text-decoration:none; color:#fff; overflow:hidden;}


/*banner*/
#banner{min-width:1200px; max-height:580px; width:100%; clear:both; overflow:hidden; margin:0 auto;}
.slideBox{position:relative; min-width:1200px; max-height:580px; background:#FFF; width:100%; z-index:100;}
.slideBox .bd{ position:relative; z-index:0;border:0 none;}
.slideBox .bd li{ position:relative; text-align:center; }
.slideBox .bd li img{width:100%; max-height:580px; overflow:hidden; vertical-align:top; }
.slideBox .prev,.slideBox .next{width:58px;	height:100px; position:absolute; top:40%; cursor:pointer; z-index:102; lter:alpha(opacity=60); -moz-opacity:.6;opacity:.6;}
.slideBox .prev{left:8%; text-align:left; background:url(../images/L_btn.png) no-repeat; width:58px; height:100px;}
.slideBox .next{right:8%; text-align:right; background:url(../images/R_btn.png) no-repeat; width:58px; height:100px;}
.slideBox .prev:hover,.slideBox .next:hover{lter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/*title*/
.title .ch{position:relative; font-size:30px; color:#151515; display:inline-block;}
.title .ch::after, .title .ch::before{content:""; width:82px; height:1px; background-color:#bdbdbd; top: 50%; position: absolute;}
.title .ch::before{left:120%;}
.title .ch::after{right:120%;}
.sub_title{ color:#666; font-size:14px; white-space:nowrap; clear:both; overflow:hidden; text-transform:uppercase;}

/*关于我们*/
#in_bg01{ background:url(../images/bg01.jpg) top center no-repeat; width:100%; height:647px; overflow:hidden; clear:both;}
.about_bg{ background:#FFF; height:370px; width:1130px; -moz-box-shadow:0px 0px 8px #e5e5e5; -webkit-box-shadow:0px 0px 8px #e5e5e5; box-shadow:0px 0px 8px #e5e5e5; margin:38px auto 0; padding:35px;}
.about_bg div.fl img{ width:550px; height:370px; overflow:hidden;}
.about_con{ width:530px; height:440px; overflow:hidden; }
.about_con_item{font-size:14px; line-height:34px; height:170px; overflow:hidden;}
.about_more{ width:126px; height:36px; overflow:hidden; text-align:center; margin-top:34px; margin-left:197px;}
.about_more a{ display:block; border:#bdbdbd solid 1px; width:124px; height:34px; line-height:34px; color:#555; }
.about_more a:hover{ display:block; background:#151515; border:#151515 solid 1px; color:#FFF;}
.about_href{ height:120px; overflow:hidden; width:470px; padding-left:60px;}
.about_href li{ width:54px; float:left; display:inline; font-size:12px; text-align:center; margin:0 40px; transform:translate(0,0); transition:all .2s ease-in 0s;}
.about_href li img{ width:54px; height:54px; overflow:hidden;}
.about_href li p{ width:54px; margin-top:12px; overflow:hidden; white-space:nowrap;}
.about_href li a{ color:#000}
.about_href li:hover{ margin-top:-3px;}

/*产品展示*/
.pro_menu{ clear:both; overflow:hidden; text-align:center;}
.pro_menu li{ height:32px; overflow:hidden; display:inline-block; text-align:center; margin:16px 8px 0px 8px; cursor:pointer; }
.pro_menu li a{ color:#666; display:block; font-size:14px; border:#ddd solid 1px; border-radius:50px; padding:0 20px; background:#FFF; height:30px; line-height:30px; overflow:hidden; white-space:nowrap;}
.pro_menu li a:hover{ background:#151515; border:#151515 solid 1px; color:#FFF;}

.pro_box{ background:#FFF; padding:0.05rem 0 0 0;}
.pro_box ul{ width:100.5%; overflow:hidden;}
.pro_box li{ width:4.77rem; float:left; display:inline; overflow:hidden; margin:0 0.04rem 0.04rem 0; position:relative; }
.pro_box li a{width:4.77rem; display:inline-block;}
.pro_box li a img{width:4.77rem; height:3.25rem; overflow:hidden;}
.pro_name{ background:rgba(0,0,0,.5); width:100%; height:46px; text-align:center; line-height:46px; overflow:hidden; color:#FFF; font-size:16px; position:absolute; left:0; bottom:0; white-space:nowrap; overflow:hidden;  transform:translate(0,0); transition:all .4s ease-in 0s;}
.pro_name span{ margin:0 8px;}
.pro_box li:hover .pro_name{ display:none;}
.pro_item_box{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); opacity: 0; color:#FFF; padding:32px 40px; text-align:center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.pro_box li:hover .pro_item_box{ opacity: 1;}
.pro_box li .pro_item_box img{ width:20%; height:auto; overflow:hidden; margin-top:24%;}

.pro_item_name{ height:0.68rem; overflow:hidden; line-height:0.68rem; font-size:0.3rem; clear:both;}
.pro_item_txt{ font-size:14px; clear:both; line-height:26px; max-height:88px; overflow:hidden; margin-top:0.1rem;}
.pro_more a{background:#FFF; width:140px; height:36px; overflow:hidden; line-height:36px; text-align:center; -moz-box-shadow:0px 0px 8px #e5e5e5; -webkit-box-shadow:0px 0px 8px #e5e5e5; box-shadow:0px 0px 8px #e5e5e5; display:inline-block; font-size:13px; color:#787878;}
.pro_more a:hover{-moz-box-shadow:0px 0px 8px #bdbdbd; -webkit-box-shadow:0px 0px 8px #bdbdbd; box-shadow:0px 0px 8px #bdbdbd; color:#222;}

/*成功案例*/
#in_case_bg{ background:url(../images/bg02.jpg) top center repeat; clear:both; overflow:hidden; padding:60px 0 40px 0;}
.in_case{ clear:both; position:relative}
.in_case ul{ height:280px; overflow:hidden;}
.in_case li{width:320px; height:240px; float:left; display:inline; margin:8px; background:#FFF; padding:10px; position:relative; -moz-box-shadow:0px 0px 8px #e5e5e5; -webkit-box-shadow:0px 0px 8px #e5e5e5; box-shadow:0px 0px 8px #e5e5e5;}
.in_case_tu{width:320px; height:240px; overflow:hidden;}
.in_case_tu img{ transform:translate(0,0); transition:all .4s ease-in 0s; width:320px; height:240px; overflow:hidden;}
.in_case li a:hover{ text-decoration:none;}
.in_case li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s; }
.in_case_txt{ background:rgba(0,0,0,0.4); position:absolute; left:10px; bottom:10px; width:320px; height:40px; line-height:40px; color:#FFF; text-align:center; font-size:14px; overflow:hidden; white-space:nowrap;}
.in_case li:hover{-moz-box-shadow:0px 0px 8px #ccc; -webkit-box-shadow:0px 0px 8px #ccc; box-shadow:0px 0px 8px #ccc;}

.in_case .prev,.in_case .next{width:66px;height:66px;position:absolute; top:98px; cursor:pointer; -moz-box-shadow:0px 0px 8px #f2f2f2; -webkit-box-shadow:0px 0px 8px #f2f2f2; box-shadow:0px 0px 8px #f2f2f2; border-radius:50px;}
.in_case .prev{left:-98px;background:url(../images/btn_left.png) no-repeat; width:66px; height:66px;}
.in_case .next{right:-98px; background:url(../images/btn_right.png) no-repeat; width:66px; height:66px;}
.in_case .prev:hover,.in_case .next:hover{-moz-box-shadow:0px 0px 8px #ddd; -webkit-box-shadow:0px 0px 8px #ddd; box-shadow:0px 0px 8px #ddd;}



/*新闻资讯*/
.Guide_pic{ width:460px; height:258px; overflow:hidden;}
.Guide_pic img{ width:460px; height:258px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}
.Guide_pic:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.Guide_xx{ width:715px; height:170px; overflow:hidden; color:#666; font-size:14px; line-height:30px; border-bottom:#ddd solid 1px; padding-bottom:6px;}
.infor_tt{font-size:24px; height:38px; line-height:38px; overflow:hidden;}
.infor_tt a:hover{ color:#268121;}
.infor_time{ color:#999; font-size:13px; height:32px; line-height:32px; overflow:hidden;}
.infor_btn a{ width:146px; height:42x; text-align:center; line-height:42px; color:#FFF; background:#151515; display:inline-block; font-size:14px;}
.infor_btn a:hover{ background:#268121;}

.jjbk_list{ clear:both; overflow:hidden;}
.jjbk_list ul{ width:1220px;}
.jjbk_list li{ width:285px; float:left; display:inline; overflow:hidden; margin-right:20px;}
.jjbk_list li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.jjbk_pic{width:285px; height:200px; overflow:hidden;}
.jjbk_pic img{ transform:translate(0,0); transition:all .4s ease-in 0s; width:285px; height:200px; overflow:hidden;}
.jjbk_txt{ width:285px; height:30px; line-height:30px; font-size:14px; overflow:hidden; text-align:center; overflow:hidden; white-space:nowrap; margin-top:6px; color:#333;}


/*友情链接*/
#link_bg{ background:url(../images/link_bg.jpg) top center no-repeat; height:53px; overflow:hidden; clear:both;}
.link{ line-height:53px; width:1050px; padding-left:150px; font-size:14px; color:#444;}
.link a{ color:#444; margin:0 8px;}
.link a:hover{ color:#268121; text-decoration:underline}
/*foot*/
#foot_bg{ background:#222; padding:50px 0 40px 0; overflow:hidden; clear:both; color:#FFF; font-size:14px; line-height:34px;}
#foot_bg a{ color:#FFF;}
#foot_bg a:hover{ text-decoration:underline;}
#erweima{ width:130px; overflow:hidden; text-align:center; line-height:40px; font-size:15px; margin-left:40px;}
#erweima img{ width:130px; height:130px; overflow:hidden; margin-top:14px;}
#foot_right{ width:940px; overflow:hidden;}
#foot_nav{ font-size:15px; overflow:hidden; clear:both; margin-left:-10px;}
#foot_nav a{ color:#FFF; margin:0 10px;}
#foot_nav a:hover{ text-decoration:underline;}

/*右侧悬浮客服*/
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:3px; bottom:30%; z-index:1000;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar a{ outline:none}
.toolbar-item{display:block;width:52px;height:52px;margin-top:2px;position:relative; -moz-transition:background-position .4s;-ms-transition:background-position .4s;-o-moz-transition:background-position .4s;-webkit-moz-transition:background-position .4s;transition:background-position .4s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -372px;}
.toolbar-item-weixin:hover{background-position:0 -434px;}
.toolbar-item-kefu{background-position:0 -124px;}
.toolbar-item-kefu:hover{background-position:0 -186px;}
.toolbar-item-top{background-position:0 -248px;}
.toolbar-item-top:hover{background-position:0 -310px;}
.toolbar-item-phone{background-position:0 0px;}
.toolbar-item-phone:hover{background-position:0 -62px;}
.toolbar-layer{background:#FFF; padding:5px; width:140px; -moz-box-shadow:0px 0px 8px #999; -webkit-box-shadow:0px 0px 8px #999; box-shadow:0px 0px 8px #999; position:absolute; right:60px; bottom:0px;opacity:0;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.toolbar-layer p{ width:140px; font-size:14px; text-align:center; line-height:30px; margin:0; padding:0; overflow:hidden; color:#000;}
.toolbar-layer img{ width:120px; height:120px; overflow:hidden; padding:10px; text-align:center;}
.toolbar-item:hover .toolbar-layer1{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-layer1{background:#FFF; padding-bottom:30px; width:300px; text-align:center; -moz-box-shadow:0px 0px 8px #999; -webkit-box-shadow:0px 0px 8px #999; box-shadow:0px 0px 8px #999; position:absolute; right:60px; bottom:0px;opacity:0;filter:alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}
.foot_tel_icon01{ clear:both; overflow:hidden; display:block; height:50px;}
.foot_tel_icon01 img{ width:50px; height:50px; overflow:hidden;}
.foot_telphone01{ font-size:36px; font-family:Impact; color:#222;}
.foot_ser_time01{ font-size:14px; color:#444;}


/*page*/
.page_menu{ clear:both; overflow:hidden; text-align:center; border-bottom:#ddd solid 1px; padding:16px 0 18px 0;}
.page_menu li{ height:34px; overflow:hidden; display:inline-block; text-align:center; margin:8px 8px; cursor:pointer; }
.page_menu li a{ color:#666; display:block; font-size:14px; border:#ddd solid 1px; border-radius:50px; padding:0 26px; background:#FFF; height:32px; line-height:32px; overflow:hidden; white-space:nowrap;}
.page_menu li a:hover{ background:#151515; border:#151515 solid 1px; color:#FFF;}
.page_menu li.on a{ background:#151515; border:#151515 solid 1px; color:#FFF;}

.page_con{font-size:14px; line-height:2; clear:both; overflow:hidden; padding:20px 0px 20px 0px; }
.page_con img{ max-width:1200px; height:auto; width:expression(this.width > 1200px ? "1200px" : this.width); overflow:hidden;}
.page_about_con{ font-size:16px; line-height:2.4; clear:both; overflow:hidden; padding:20px 0px 30px 0px;}
.page_about_con img{ max-width:1200px; height:auto; width:expression(this.width > 1200px ? "1200px" : this.width); overflow:hidden;}
.con_title{ font-size:32px; color:#333; font-weight:bold; line-height:48px; }
.con_auth{ clear:both; height:34px; font-size:13px; line-height:34px; overflow:hidden; margin-bottom:10px; color:#999; border-bottom:#ededed solid 1px; padding:5px 0;}
.con_auth span{ margin-right:25px;}

/*新闻动态*/
.list_pic{ width:200px; height:130px; overflow:hidden;}
.list_pic img{width:200px; height:130px; overflow:hidden;transform:translate(0,0); transition:all .4s ease-in 0s;}
.new_list li:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.list_con{ width:926px; height:130px; overflow:hidden;}
.new_list{ clear:both; overflow:hidden;}
.new_list li{ padding:20px 20px 20px 20px; height:130px; margin:8px; overflow:hidden;}
.new_list li:hover{ -moz-box-shadow:0px 0px 8px #ced5ca; -webkit-box-shadow:0px 0px 8px #ced5ca; box-shadow:0px 0px 8px #ced5ca;}
.list_con_xx{ clear:both; overflow:hidden; font-size:14px; height:56px; line-height:28px; color:#787878; margin-top:6px;}
.list_con_au{ height:38px; line-height:38px; overflow:hidden; font-size:12px; color:#999;}
.list_con_au span{ margin-right:25px;}
.list_con_au span i{ font-size:16px; display:inline-block; color:#999; margin:0 8px 0 2px; display:inline-block;}
.box_con_title{ height:32px; line-height:32px; overflow:hidden;}
.box_con_title a{font-size:17px; vertical-align: middle; color:#444;}
.box_con_title a:hover{color:#151515;}

/*翻页*/
#page{margin:50px 0 8px 0; width:100%; overflow:hidden; text-align:center; font-size:14px; clear:both;}
#page .scott{ display:inline-block; margin:0 auto;overflow:hidden;}
#page .scott span,#page .scott a:hover{ background:#151515; border:1px solid #151515; color:#fff; display:inline; float:left; margin:5px 3px; padding:0 14px; height:32px; line-height:32px; text-decoration:none;}
#page .scott a,#page .scott span.morepage{padding:0 14px; height:32px; line-height:32px; background:#fff; border:1px solid #ddd; margin:5px 3px; display:inline; float:left; color:#444;}
#page .scott span.morepage input{ width:25px; height:16px; border:1px solid #ccc; background:none; margin-top:8px; float:left; margin-right:5px; padding-left:3px;}
#page .scott span.morepage{color:#222;}
/**/
.page_back{ border-top:1px dashed #ddd; padding:20px 0; margin-top:20px; position:relative; min-height:50px; _height:50px; font-size:16px; line-height:40px;}
.page_back a{ color:#444;}
.page_back a:hover{ text-decoration:underline; color:#151515;}
.page_back .bapage_back_up{ position:absolute; right:10px; top:40px;}
.bapage_back_up em.iconfont{ font-size:16px; font-style:normal; margin-right:6px; display:inline-block;}


/*产品中心*/
.case_list{ clear:both; overflow:hidden;}
.case_list li{ width:360px; background:#fff; float:left; display:inline; padding:10px; margin:10px; -moz-box-shadow:0px 0px 10px #ddd; -webkit-box-shadow: 0px 0px 10px #ddd; box-shadow: 0px 0px 10px #ddd; transform:translate(0,0); transition:all .4s ease-in 0s;}
.page_case_pic{ width:360px; height:270px; overflow:hidden;}
.page_case_pic img{ width:380px; height:270px; overflow:hidden; transform:translate(0,0); transition:all .4s ease-in 0s;}
.case_list li:hover{-moz-box-shadow:0px 0px 10px #bdbdbd; -webkit-box-shadow: 0px 0px 10px #bdbdbd; box-shadow: 0px 0px 10px #bdbdbd;}
.case_list li:hover .page_case_pic img{transform: scale(1.1); transition: all .8s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .8s ease 0s;}
.site_con_txt{overflow:hidden; height:75px;}
.product_title{ font-size:19px; height:40px; line-height:40px; color:#222; text-align:center; white-space:nowrap; overflow:hidden;}
.product_ticps{ width:360px; height:2px; text-align:center; overflow:hidden; margin:4px 0;}
.product_ticps em{ font-style:normal; width:80px; height:2px; background:#151515; display:inline-block; transform:translate(0,0); transition:all .4s ease-in 0s;}
.case_list li:hover .product_ticps em{ width:340px;}
.product_au{ font-size:13px; text-align:center; width:360px; height:34px; line-height:34px; color:#777; overflow:hidden; white-space:nowrap;}