@charset "utf-8";
.right_about{width: 907px;background-color: #fff;padding: 26px 30px 0;min-height:667px;}
.right_about h2{height:40px;line-height:40px;font-size:20px;color:#04a2d1; display:block;margin-bottom:20px;border-bottom: 1px solid #E7E7EB;}
.infos{line-height: 28px;font-size: 14px;}
.infos p{ display:block;margin:0;text-indent: 2em;}
.case_list{ display:block;}
.case_list dl{ display:block;width:200px;margin-right:28px;float:left}
.case_list dl dd{height:115px;width:200px;overflow:hidden; position:relative}
.case_list dl dt{padding-top:19px;height:69px;line-height:24px;color:#737373; position:relative}
.case_list dl dt a{font-size:14px;color:#737373}
.case_list dl dd img{opacity:.8; position:absolute;left:0;top:0;z-index:1;
}
.case_list dl dd .masks{width:200px;height:115px; background-color:#EB6100; opacity:0; position:absolute;left:0;top:0;z-index:2;
-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;
}
.case_list dl dd a{width:200px;height:115px; display:block;}
.case_list dl dd span.icon{width:48px;height:48px; background:url(../../images/solutions/case_icon.png) no-repeat; position:absolute;left:50%;top:50%;margin-top:-24px;margin-left:-24px;z-index:3; opacity:0;
-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;transition: all .4s ease-in-out;
}
.case_list dl dd:hover .masks{ opacity:.4;}
.case_list dl dd:hover span.icon{ opacity:1;}

.contactus{ display:block;padding-bottom:46px;height:auto;overflow:hidden; background:#FFFFFF}
.contactus h2{ display:block;width:200px;float:left;clear:both;padding-left:19px;line-height:24px;font-size:18px;color:#949494;margin-bottom:17px}
.contactus li{ display:block;float:left;width:434px;padding-left:19px;margin-top: 20px;}
.contactus li h3{margin-bottom:10px;line-height:48px;font-size:25px;color:#474747;padding-left: 10px;}
.contactus li h4{font-size:14px;color:#949494;font-size:14px;height:26px;border-left:1px solid #DBDBDB;padding-left:10px;line-height: 24px;}
.contactus li h5{font-size:14px;color:#949494;font-size:14px;border-left:1px solid #DBDBDB;padding-left:10px;}

.cooList li{border: 1px #d9d9d9 solid;float:left;display: inline;margin-right: 28px;}
.cooList li,.cooList li img{width:175px;height:76px;margin:0 23px 38px 0;}
/* 返回顶部 */
.top{position: fixed;right:10px;bottom: 20px;cursor: pointer;}
.top img{width:50px;height:50px;}

.planCon li,.planCon li dt,.planCon li dd{float:left;display: inline;}
.planCon li{width:390px;height:405px;border:1px #d9d9d9 solid;background-color:#fff;padding: 40px 22px 0 22px;margin:0 17px 18px 0;font-size: 14px;line-height: 24px; }
.planCon li dt img{width:160px;height:320px;}
.planCon li dd{width:230px;}
.planCon li h6{font-size: 16px;margin-bottom: 10px;}
.planCon li p{color: #999;width:100%;}
.planCon li .planMess{width:198px;}
.planCon li .planIcon{margin-right: 8px;height:100%;width:23px;}

.black_bg{width:100%;height:100%; position:fixed; background:#000; opacity:.85;left:0;top:0;z-index:10000; overflow:}
.layer_style{ display:block; position:absolute;left:0;top:0;width:780px;height:562px; background:#000000;z-index:10001}
.layer_style h2{ display:block;height:44px}
.layer_style h2 .layer_close{ display:block;float:right;width:44px;height:44px; background:url(../../images/layer_close.gif) no-repeat center center}
.layer_style .layer_con{ display:block;height:auto;overflow:hidden}
.layer_style .layer_case{width:100%;height:504px;overflow:hidden; position:relative}
.layer_style .layer_case .pic{width:780px;height:504px;overflow:hidden;z-index:1}
/* .layer_style .layer_case .black{height:68px; display:block;background:#000000; opacity:.7; position:absolute;bottom:0;left:0;width:100%;z-index:2} */
.layer_style .layer_case .infos{height:auto;display:block;overflow:hidden;padding:12px 57px 12px 20px;line-height:22px;color:#FFFFFF;font-size:14px; position:absolute;z-index:3;bottom:0;left:0;width:703px;background-image:url(../../images/layer_oc.gif); background-repeat:no-repeat; background-position:723px top;background-color: rgba(0,0,0,0.7);}
.layer_style .layer_case .infos .con{height:44px;overflow:hidden;}
.layer_style .layer_case .infos .con.open{height:auto;overflow:hidden;}
.layer_style .layer_case .infos.open{ background-position:right -34px;}
.layer_style .layer_case_nav{ display:block;width:100%;height:14px; position:relative;overflow:hidden}
.layer_style .layer_case_nav span{width:100px;height:2px;overflow:hidden; position:absolute;left:0;top:0; background:#EC6200}

.layer_style .pic_scroll{ display:block}
.layer_style .pic_scroll .btn_left {width:36px;height:73px;display:block;position:absolute;left:13px;top:50%;margin-top:-36px;background:url(../../images/lr.png) no-repeat 0 0}
.layer_style .pic_scroll .btn_right{width:36px;height:73px;display:block;position:absolute;right:13px;top:50%;margin-top:-36px;background:url(../../images/lr.png) no-repeat right 0}
.layer_style .pic_scroll .scroll_con{width:780px;overflow:hidden;float:left; display:block}
.layer_style .pic_scroll .scroll_con .boxxx{width:10000px; display:block}
.layer_style .pic_scroll .scroll_con .boxxx li{width:780px;height:504px;float:left}

.layer_style .layer_video{padding-bottom:14px;line-height:300%;font-size:14px; text-align:center;color:#FFFFFF}
.layer_style .layer_video a{ display:block;clear:both;color:#FFFFFF}