@charset "utf-8";
/* CSS Document */
/**公共区域**/
.lm-title{ width:100%; height:34px; line-height:34px; border-bottom:1px solid #DDD; background: url(../images/lm_bg.jpg) repeat-x;}
.lm-title .more{ float:right; font-size:14px; margin-right:5px;}
.lm-h{ float:left; width:auto; color:#b40101; font-size:16px; background:url(../images/icon01.png) no-repeat left; padding-left:10px; margin-left:5px;}
.lm-title02{ width:100%; height:34px; line-height:34px; border-bottom:1px solid #8e0303; background: url(../images/lm_bg02.jpg) repeat-x;}
.lm-h02{ float:left; width:auto; color:#FFF; font-size:16px; background:url(../images/icon02.png) no-repeat left; padding-left:10px; margin-left:5px;}
/*焦点图*/
.banner{ width:100%; height:430px; background-color:#f5f5f5; overflow:hidden; position:relative;min-width:1200px;}
.flexslider{position:relative;overflow:hidden; width:1200px; height:430px; margin:0 auto; margin-top:15px; }
.slides{position:relative;z-index:1;}
.slides li{ height:380px; overflow:hidden}
.slides li img { width:1200px; height:380px;}
.flex-control-nav{position:absolute;bottom:25px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:50px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

/*关于我们*/
.about{ float:left; width:405px; height:330px; margin-top:20px; border:1px solid #CCC; overflow:hidden;}
.about-pic{ width:200px; height:140px; margin-top:10px; float:left; overflow:hidden}
.about-con{  line-height:32px; padding:0 10px; font-size:14px;}
/*服务项目*/
.service{ float:right; width:770px; height:330px; margin-top:20px; border:1px solid #CCC; border-bottom:none; overflow:hidden;}
.ser-box{ width:775px;}
.ser-box li{ float:left; width:192px; height:146px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.ser-box li img { margin:8px 0; transition:1s;}
.ser-box li p{ font-size:14px;}
.ser-box li a:hover img {
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg); 	
-webkit-transform:rotate(360deg); 
-o-transform:rotate(360deg);}
/*成功案例*/
.news{ width:1198px; height:430px; margin:20px auto; border:1px solid #CCC; overflow:hidden}
.news-box{ width:360px; height:360px; margin-left:30px; margin-top:20px;float:left;}
.news-box .time{ width:100%;height:30px; line-height:30px; border-bottom:1px solid #DDD; font-size:16px;}
.news-box h5{ font-weight:bold; font-size:14px; height:40px; line-height:40px;}
.news-box .pic img{ width:360px; height:200px;}
.news-box p{ font-size:12px; color:#666; line-height:20px; height:40px; width:100%; overflow:hidden; margin:10px 0; }
.news-box .more{  font-size:14px;}
/*成功案例*/
.cases{ width:1198px; height:345px; margin:20px auto; border:1px solid #CCC; overflow:hidden}
.cases-list {overflow:hidden; zoom:1; margin:0px auto; margin-top:15px; width:1200px; height:280px; position:relative;}
.cases-list .pcont {float:left; overflow:hidden; width:1200px; margin-left:15px;}
.cases-list .ScrCont {width:32766px; zoom:1}
.cases-list #List1_1 {float:left}
.cases-list #List2_1 {float:left}
.cases-list #List1_2 {float:left}
.cases-list #List2_2 {float:left}
.cases-list .LeftBotton { background:url(../images/left.png) no-repeat; width:30px; height:60px; position:absolute; left:0; top:50%; margin-top:-30px; z-index:99;}
.cases-list .RightBotton {background:url(../images/right.png) no-repeat;width:30px; height:60px; position:absolute; right:0px; top:50%; margin-top:-30px; z-index:99;}
.cases-list .pl { float:left; width:260px; height:260px; padding:10px; background:#f2f2f2; text-align:center; margin-right:16px; transition:0.5s; text-decoration:none; position:relative}
.cases-list .pl span { display:block;width:100%; height:186px; font-size:16px; overflow:hidden}
.cases-list .pl img {width:260px; height:182px; transition:1s;}
.cases-list a:hover img {transform:scale(1.2);}
.cases-list .pl h4{ font-size:14px;}
.cases-list .pl em{ background:url(../images/more.png) no-repeat center; text-align:center; display:inline-block; width:26px; height:26px; position:absolute; bottom:5px; left50%; margin-left:-13px;}