﻿/*banner*/
.banner{min-width:1200px;position:relative;overflow:hidden}
.banner .bd{position:relative;z-index:0}
.banner .bd ul{width:100% !important}
.banner .bd li{width:100% !important;height:600px;overflow:hidden;text-align:center}
.banner .bd li a{display:block;height:600px}
.banner .hd{left:50%;margin-left:-50px;position:absolute;z-index:1;bottom:15px;overflow:hidden}
.banner .hd ul li{width:45px;height:8px;background:#384e60;float:left;margin:0 3px;cursor:pointer}
.banner .hd ul li.on{background:#0156ae}

.signup{background-color:#f2f2f2;padding:50px 0 40px 0;height:240px}
.signupl{float:left;width:305px;height:240px}
.signupm{float:left;width:590px;height:190px;padding:48px 0 0 35px;border-top:2px solid #00A1E9;background-color:#fff}
.signupm p{height:20px;line-height:14px;font-size:14px;color:#333}
.signupm div{margin:20px 0;height:40px;font-size:0;position:relative}
.signtext{width:245px;height:38px;line-height:38px;padding:0 8px;border:1px solid #eee;margin-right:20px;color:#555;font-size:12px}
.signtext:hover,.signtext:focus{border-color:#999}
.signfile{width:245px;height:38px;line-height:38px;border:1px solid #eee;margin-right:20px;color:#555;font-size:12px;padding:0 8px}
.signfile:hover,.signfile:focus{border-color:#999}
.signfiles{width:100px;height:38px;line-height:38px;background:#eee;text-align:center;position:absolute;top:2px;right:328px;color:#666;font-size:12px}
.signfiles input{width:100px;height:38px;opacity:0;position:absolute;top:0;right:0;cursor:pointer}
.signsub{border:0;background-color:#00A1E9;color:#fff;width:261px;height:40px;cursor:pointer}
.signsub:hover{border:0;background-color:#FBB01F;color:#fff;width:261px;height:40px}
.signupr{float:left;width:269px;height:238px;border-top:2px solid #00A1E9;background-color:#E8F2F7;overflow:hidden;zoom:1}
.signupr li{float:left;width:89px;height:119px;border-right:1px dashed #ccc;border-bottom:1px dashed #ccc}
.signupr li:nth-child(3n){border-right:0}
.signupr li img{width:49px;height:49px;margin:20px auto 0 auto}
.signupr li span{display:block;font-size:12px;color:#555;letter-spacing:1px;text-align:center;height:30px;line-height:40px}

.classify .mt{height:30px;overflow:hidden;zoom:1;margin-bottom:25px}
.classify .mt .title{float:left;width:500px;height:30px}
.classify .mt .title strong{display:block;height:30px;padding:0 15px 0 10px;border-left:5px solid #00A1E9;font-size:28px;color:#555;letter-spacing:1px;line-height:28px;float:left;font-weight:400}
.classify .mt .title span{display:block;height:28px;font-size:14px;line-height:28px;float:left;border:1px solid #00A1E9;padding:0 15px 0 13px;border-radius:18px 18px 18px 0;color:#333}
.classify .mt .attr{float:right;width:700px;height:30px;line-height:30px;font-size:14px;color:#808080;text-align:right}
.classify .mt .attr a{color:#808080;letter-spacing:1px;padding:0 10px}
.classify .mt .attr a:hover{color:#00A1E9}
.classify .mt .attr span{margin-left:30px}
.classify .mt .attr span a{padding:0}

.whole-house{padding:50px 0;width:100%;min-width:1200px}
.whole-house .mc{height:450px;overflow:hidden;zoom:1}
.whole-house .mc li{float:left;width:320px;height:220px;position:relative;overflow:hidden;zoom:1}
.whole-house .mc li.fore0{width:540px;height:450px;overflow:hidden;margin-right:10px}
.whole-house .mc li.fore1,.whole-house .mc li.fore3{margin-right:10px}
.whole-house .mc li.fore1,.whole-house .mc li.fore2{margin-bottom:10px}
.whole-house .mc li a{display:block}
.whole-house .mc li img{-o-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;width:100%;display:block}
.whole-house .mc li:hover img{-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);display:block}
.whole-house .mc li p{position:absolute;float:left;z-index:99;height:35px;line-height:35px;background:rgba(0,0,0,.3);color:#fff;font-size:14px;letter-spacing:1px;padding-left:10px;bottom:0;left:0;right:0}

.whole-wall{padding:50px 0;width:100%;min-width:1200px;background-color:#f2f2f2}
.whole-wall .mc{overflow:hidden;zoom:1;height:490px}
.whole-wall .mc li{float:left;width:260px;height:240px;overflow:hidden;zoom:1;position:relative;margin-bottom:10px;margin-right:10px}
.whole-wall .mc li.fore1,.whole-wall .mc li.fore7{width:390px;height:240px}
.whole-wall .mc li.fore3,.whole-wall .mc li.fore7{margin-right:0}
.whole-wall .mc li img{-o-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;width:100%;display:block}
.whole-wall .mc li:hover img{-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);display:block}
.whole-wall .mc li p{position:absolute;float:left;z-index:99;height:35px;line-height:35px;background:rgba(0,0,0,.3);color:#fff;font-size:14px;letter-spacing:1px;padding-left:10px;bottom:0;left:0;right:0}

.icooper{padding:50px 0;background-color:#f5f5f5;width:100%;min-width:1200px}
.icooper li{width:280px;padding:4px;border:1px solid #fff;height:220px;float:left;margin-right:12px;background:#fff}
.icooper li:nth-child(4n){margin-right:0}
.icooper li a{display:block;width:280px;height:180px;overflow:hidden}
.icooper li a img{-o-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-webkit-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;width:280px;height:180px}
.icooper li a:hover img{-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);display:block}
.icooper li p{height:40px;line-height:42px;text-align:center;color:#555;font-size:14px}

.inews{padding:50px 0;width:100%;min-width:1200px}
.inews h2{border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;height:30px}
.inews h2 strong{display:block;height:30px;padding:0 15px 0 10px;border-left:5px solid #00A1E9;font-size:26px;color:#666;letter-spacing:1px;line-height:26px;float:left;font-weight:400}
.inews h2 a{color:#999;letter-spacing:1px;float:right;font-size:12px;display:block;height:30px;line-height:30px}
.inews h2 a:hover{color:#00A1E9}
.inews ul{float:left;width:390px;margin-right:30px;overflow:hidden;zoom:1}
.inews ul:nth-child(3n){width:360px;margin-right:0}
.inews ul li{overflow:hidden;zoom:1;height:32px;line-height:32px;width:360px;padding-right:29px}
.inews ul li a{display:block;float:left;width:260px;overflow:hidden;zoom:1;color:#333;font-size:14px}
.inews ul li span{display:block;float:right;width:80px;overflow:hidden;zoom:1;color:#666;font-size:12px;text-align:right}
.inews ul li:hover a{color:#00A1E9}



