@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/*正文开始*/
.banner a { height:560px; display:block;}

/*金锐赢领墙体保温节能风尚*/
.jie{ padding:55px 0;font-size: 0;}
.jie h2,.zhi h2,.case h2,.chang h2{height: 65px;text-align: center;overflow: hidden; margin:0 0 30px;}
.jie h2 a,.zhi h2 a,.case h2 a,.chang h2 a{font-size: 28px;color: #333;}
.jie h2 span,.zhi h2 span,.case h2 span,.chang h2 span{display: block;font-size: 16px;color: #333;font-weight: normal; padding:5px 0 0;}
.jie h2 a:hover,.zhi h2 a:hover,.case h2 a:hover,.chang h2 a:hover{color: #2087ed; text-decoration:none;}
.jie dl{width: 350px;height: 165px;float: left; box-shadow:2px 3px 4px #f6f6f6; border:#f6f6f6 1px solid; padding:35px 0 0 30px; margin:30px 9px 0;overflow: hidden;}
.jie dl dt{width: 133px;height: 133px;overflow: hidden;float: left;}
.jie dl dt img{width: 133px;height: 133px;}
.jie dl dt a{ background:url(Img/Index/jie_k01.gif) no-repeat;display: block;width: 133px;height: 133px; transition: all 1s ease-in-out 0s;}
.jie dl dt a:hover{ background:url(Img/Index/jie_k02.gif) no-repeat; transform: rotateY(360deg);}
.jie dl dd{ padding:40px 0 0 20px;float: left;width: 190px;}
.jie dl dd b{display: block;font-size: 20px;color: #333;}
.jie dl dd b i{color: #2087ed;}
.jie dl dd span{display: block;font-size: 14px;color: #adadad; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0;}

/*产品中心*/
/*
.cp_bg{ padding:44px 0 55px;font-size: 0;background: #f6f4f5; margin:0 0 66px;}
.pro_l{ width:220px;background: #fff;}
.pro_l h3{ height:50px;width: 220px;}
.pro_l h3 a{ font-size:20px; color:#fff;background: #2087ed;width: 220px;height: 50px;line-height: 50px;text-align: center;display: block;}
.pro_l h3.cur a,.pro_l h3 a:hover{background: #fd7b02; text-decoration:none;}
.pro_l ul li{ height:43px;width: 220px; border-bottom:#d2d3d3 1px dashed; overflow:hidden;}
.pro_l ul li a{display: block; font-size:14px; color:#222; padding:0 0 0 32px;width: 188px;height: 43px;line-height: 43px;overflow: hidden;}
.pro_l ul li.cur a,.pro_l ul li a:hover{ color:#2087ed; text-decoration:none; background:url(Img/Index/cp_ico01.gif) no-repeat;}
.pro_r{ width:975px;}
.pro_t{width: 960px;height: 428px;overflow: hidden; margin:0 0 0 15px;}
.pro_t a{ position:relative;}
.pro_t img,.pro_rm ul li img,.case_r img,.about dl dt img,.news dt img{width: 960px;height: 428px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro_t img:hover,.pro_rm ul li img:hover,.case_r img:hover,.about dl dt img:hover,.news dt img:hover,.fc ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pro_t em{ width:960px; display:block; text-align:center; height:45px; line-height:45px;font-size: 14px;color: #333; background:url(Img/Index/cp_picbg.png) repeat;position: absolute;bottom: 0;right: 0; overflow:hidden;z-index: 5; font-size:0;}
.pro_t span,.case_r span{ display:inline-block;width: 78px;height: 10px;position: absolute;right: 50%; margin-right: -39px; bottom: 16px;z-index: 10;}
.pro_t span a,.case_r span a{ background:url(Img/Index/cp_ico02.png) no-repeat;display: block;float: left;width: 10px;height: 10px; margin:0 12px 0 0;}
.pro_t span a.cur,.pro_t span a:hover,.case_r span a.cur,.case_r span a:hover{ background:url(Img/Index/cp_ico03.png) no-repeat;}
.pro_rm{ padding:25px 0 0;}
.pro_rt{height: 48px;line-height: 48px;width: 922px; border:#d1d0d0 1px solid; padding:0 18px;overflow: hidden; margin:0 0 0 15px;}
.pro_rt a{font-size: 18px;color: #2087ed;}
.pro_rt span{float: right;}
.pro_rt span a{font-size: 14px;color: #333;font-weight: normal;text-transform: uppercase;}
.pro_rm ul li { float:left; width:310px; height:239px;position: relative; padding:20px 0 0 15px;overflow: hidden;}
.pro_rm ul li em{ width:310px; height:239px;display: block;overflow: hidden; position:relative;}
.pro_rm ul li em:after{content:'';background: radial-gradient(circle at center, transparent, transparent, #dedede);-webkit-background: radial-gradient(circle at center, transparent, transparent, #dedede);-moz-background: radial-gradient(circle at center, transparent, transparent, #dedede);-ms-background: radial-gradient(circle at center, transparent, transparent, #dedede); width:310px; height:239px; left:0; top:0; position:absolute; z-index:9;}
.pro_rm ul li img{ width:310px; height:239px; }
.pro_rm ul li span{ display:none; width:310px; text-align:center; height:40px; line-height:40px;background: #e3e3e3; overflow:hidden;font-size: 14px;color: #333;position: absolute;bottom: 0;right: 0;}
.pro_rm ul li:hover span{display: block;}
*/

/*产品中心20150505*/
.cp_bg{ padding:44px 0 55px;font-size: 0;background: #f6f4f5; margin:0 0 66px;}
.pro_l{ width:220px;background: #fff;}
.pro_l h3{ height:50px;width: 220px;}
.pro_l h3 a{ font-size:20px; color:#fff;background: #2087ed;width: 220px;height: 50px;line-height: 50px;text-align: center;display: block;}
.pro_l h3.cur a,.pro_l h3 a:hover{background: #fd7b02; text-decoration:none;}
.pro_l ul li{ height:43px;width: 220px; border-bottom:#d2d3d3 1px dashed; overflow:hidden;}
.pro_rm ul li:after{content:'';background: radial-gradient(circle at center, transparent, transparent, #dedede);-webkit-background: radial-gradient(circle at center, transparent, transparent, #dedede);-moz-background: radial-gradient(circle at center, transparent, transparent, #dedede);-ms-background: radial-gradient(circle at center, transparent, transparent, #dedede); width:310px; height:239px; left:15px; top:0; position:absolute; z-index:9;}
.pro_l ul li a{display: block; font-size:14px; color:#222; padding:0 0 0 32px;width: 188px;height: 43px;line-height: 43px;overflow: hidden;}
.pro_l ul li.cur a,.pro_l ul li a:hover{ color:#2087ed; text-decoration:none; background:url(Img/Index/cp_ico01.gif) no-repeat;}
.case_r img,.about dl dt img,.news dt img{width: 960px;height: 428px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_r img:hover,.about dl dt img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_r span{ display:inline-block;width: 78px;height: 10px;position: absolute;right: 0;bottom: 16px;z-index: 10;}
.case_r span a{ background:url(Img/Index/cp_ico02.png) no-repeat;display: block;float: left;width: 10px;height: 10px; margin:0 12px 0 0;}
.case_r span a.cur,.case_r span a:hover{ background:url(Img/Index/cp_ico03.png) no-repeat;}
.pro_r{ width:975px;}
.pro_r ul li { float:left; width:310px; height:239px;position: relative; padding:0 0 23px 15px;overflow: hidden;}
.pro_r ul li:after{content:'';background: radial-gradient(circle at center, transparent, transparent, #dedede);-webkit-background: radial-gradient(circle at center, transparent, transparent, #dedede);-moz-background: radial-gradient(circle at center, transparent, transparent, #dedede);-ms-background: radial-gradient(circle at center, transparent, transparent, #dedede); width:310px; height:239px; left:15px; top:0; position:absolute; z-index:9;}

.pro_r ul li img{ width:310px; height:239px;}
.pro_r ul li span{display: block;width:310px; text-align:center; height:40px; line-height:40px;background: #e3e3e3; overflow:hidden;font-size: 14px;color: #333;position: absolute;bottom: 20px;right: 0;}
.pro_r ul li p{ display:none; background:url(Img/Index/cp_picbg02.png) no-repeat;width: 310px;height: 239px;position: absolute;top: 0;right: 0; z-index:99;}
.pro_r ul li p em{display: block; padding:133px 0 0;width: 220px; margin:0 auto;}
.pro_r ul li p a{font-size: 14px;color: #fff;display: block;float: left; background:url(Img/Index/cp_btn02.png) no-repeat;width: 89px;height: 29px;text-align: center;line-height: 29px;overflow: hidden; margin:0 10px;}
.pro_r ul li p a:hover{ background:url(Img/Index/cp_btn01.png) no-repeat;color: #333; text-decoration:none;}


/*广告条*/
.ban01{ background:url(Img/Index/ban01.jpg) no-repeat center 0; height:192px; overflow:hidden;}
.ban01 .ban_a{display: block;width: 1200px;height: 192px;position: absolute;top: 0;left: 0;}
.ban01 p{position: absolute;top: 68px;right: 0;width: 400px;}
.ban01 p span{ display:block; font-size:14px; color:#fff;float: left;width: 180px;}
.ban01 p span i{display: block; background:url(Img/Index/ban_tel.png) no-repeat; padding:0 0 0 56px;height: 30px;line-height: 26px;}
.ban01 p span b{font-size: 22px;display: block;}
.ban01 p em{ display:block;float: left; padding:10px 0 0;}
.ban01 p em img{ width:87px; height:30px;}
.ban01 p em a{display: block; width:87px; height:30px;}
.ban01 p em a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}

.ban02{ background:url(Img/Index/ban02.jpg) no-repeat center 0; height:220px; overflow:hidden;}
.ban02 .ban_a{height: 220px;}
.ban02 p{top: 95px;}

/**/
.zhi_bg{ background:url(Img/Index/zhi_bg.jpg) no-repeat center 0;height: 725px; padding:72px 0 0;font-size: 0;overflow: hidden;}
.zhi h2 a,.zhi h2 span{color: #fff;}
.zhi dl{ display:inline-block;width: 580px; padding:0 10px 20px;float: left;}
.zhi dl dt{width: 170px;height: 210px;float: left;}
.zhi dl dt img{width: 170px;height: 210px;}
.zhi dl dd{width: 390px;height: 165px;float: left; padding:45px 0 0 20px; background:url(Img/Index/zhi_picbg.png) repeat;}
.zhi dl dd h5{height: 35px;}
.zhi dl dd h5 a{font-size: 20px;color: #fff; text-decoration:none;}
.zhi dl dd p{font-size: 14px;color: #fff;line-height: 24px;}
.zhi_bot{font-size: 18px;color: #fff; background:url(Img/Index/zhi_line.png) no-repeat 0 94px;width: 415px;text-align: center; margin:0 auto; padding:45px 0 0;}
.zhi_bot b{display: block;font-size: 26px; padding:0 0 10px;}

/**/
.case{ padding:60px 0 40px;font-size: 0;}
.case_l{ background:url(Img/Index/case_lbg.gif) no-repeat;width: 200px;height: 414px; padding:50px 0 0;}
.case_l ul li{width: 200px;height: 60px; padding:0 0 1px;}
.case_l ul li a{font-size: 14px;color: #fff;display: block;width: 200px;height: 60px;text-align: center;line-height: 60px;overflow: hidden; background:url(Img/Index/case_lbg01.gif) no-repeat;}
.case_l ul li.cur a,.case_l ul li a:hover{background: #fd7b02; text-decoration:none;}
.case_l span{display: block;width: 200px;height: 60px;background: #3c93e8;text-align: center;line-height: 60px;overflow: hidden;}
.case_l span a{font-size: 14px;color: #fff;}
.case_r{width: 1000px;height: 464px;overflow: hidden;}
.case_r img{width: 1000px;height: 464px;}
.case_r a{ position:relative;}
.case_r span{ right:6%; bottom:50px;}
.case_r p{width: 800px;height: 110px;position: absolute;bottom: 0;left: 0; padding:0 140px 0 60px; background:rgba(0,0,0,0.6);z-index: 5;}
.case_r a p b{display: block;font-size: 16px;color: #fff; padding:10px 0 0;line-height: 30px;}
.case_r a p em{display: block;font-size: 14px;color: #fff;height: 44px;line-height: 22px;overflow: hidden; padding:5px 0 0;}

/*金锐客户*/
.hz{ padding:0 0 20px;font-size: 0;}
.hz_t{height: 30px;line-height: 24px;overflow: hidden; border-bottom:#e5e5e5 1px solid; margin:0 0 20px; text-align:right;}
.hz_t a{font-size: 14px;color: #333;text-transform: uppercase;}
.hz_t a:hover{color: #2087ed; text-decoration:none;}
.hz_l{width: 215px;height: 126px;background: #2087ed;text-align: center;line-height: 124px;overflow: hidden;}
.hz_l a{font-size: 24px;color: #fff;}
.hz_r{width:980px;}
.hz_r ul li{width: 213px;height: 124px;position: relative;overflow: hidden; box-shadow:2px 3px 4px #f5f5f5; border:#f5f5f5 1px solid; margin:0 0 0 30px;float: left;}
.hz_r ul li img{width: 213px;height: 124px;}
.hz_r ul li span{display: none;width: 213px;height: 124px;text-align: center;line-height: 124px; font-size:14px; color:#fff;z-index: 4; text-decoration:none;position: absolute;left: 0; bottom:0;}
.hz_r ul li:hover span{display: block; background:url(Img/Index/chang_picbg.png) repeat;}

/*铝单板资深生产厂家*/
.chang{ padding:35px 0 60px;font-size: 0;}
.chang dl{width: 280px;float: left; padding:0 10px;overflow: hidden;}
.chang dl dt{width: 280px;height: 160px;position: relative;}
.chang dl dt img{width: 280px;height: 160px;}
.chang dl dt b{display: block;font-size: 22px;color: #fff; background:url(Img/Index/chang_picbg.png) repeat;position: absolute;top: 0;left: 0;width: 280px;height: 160px;text-align: center;line-height: 160px;}
.chang dl dt:hover b{ display:none;}
.chang dl dd{width: 234px;height: 190px; border-bottom:#e3e3e3 1px solid; border-left:#e3e3e3 1px solid; border-right:#e3e3e3 1px solid; padding:20px 22px 0;}
.chang dl dd h5{height: 40px;text-align: center;overflow: hidden; background:url(Img/Index/chang_line.gif) no-repeat center 39px;}
.chang dl dd h5 a{font-size: 18px;color: #333;}
.chang dl dd h5 a:hover{color: #2087ed; text-decoration:none;}
.chang dl dd p{font-size: 14px;color: #222;line-height: 25px;height: 100px;overflow: hidden; padding:15px 0 0;text-align: center;}

/*走进金锐*/
.ab_bg{ background:#f6f4f5; padding:45px 0;font-size: 0;}
.about dl dt{ width:600px; height:484px;float: left;overflow: hidden;}
.about dl dt img{ width:600px; height:484px;}
.about dl dd{ float:left; background:url(Img/Index/ab_ddbg.gif) no-repeat;width: 530px;height: 436px; padding:48px 25px 0 45px;}
.about dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dd h5 a{ font-size:18px; color:#333;}
.about dl dd h5 a:hover{color: #2087ed; text-decoration:none;}
.about dl dd p{ font-size:14px; color:#333; height:150px; line-height:25px; padding:10px 0 0; overflow:hidden;}
.about dl dd em{display: block;width: 106px;height: 36px; padding:25px 0 0;}
.about dl dd em a{display: block;width: 106px;height: 36px;text-align: center;line-height: 36px;background: #fd7b02;font-size: 14px;color: #fff;overflow: hidden;}
.about dl dd em a:hover{background: #2087ed; text-decoration:none;}
.about dl dd span{ display:inline-block;width: 476px; border-left:#2087ed 1px solid;height: 50px; margin:40px 0 0;}
.about dl dd span a{font-size: 14px;color: #2087ed;display: block;float: left;width: 118px;text-align: center;height: 48px;line-height: 48px;overflow: hidden; border-bottom:#2087ed 1px solid; border-top:#2087ed 1px solid; border-right:#2087ed 1px solid;}
.about dl dd span a.cur,.about dl dd span a:hover{background: #2087ed;color: #fff; text-decoration:none;}

/*荣誉证书*/
.honor_bg{ background:#f6f4f5; font-size: 0; padding:0 0 40px;}
.honor_t{width: 1128px;height: 38px;line-height: 38px; border:#dbdbdb 1px solid; background:url(Img/Index/photo_ico.png) no-repeat 15px 9px; padding:0 20px 0 50px;
border-radius:5px;               
-webkit- border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;}
.honor_t a{font-size: 16px;color: #4b4b4b;}
.honor_t a:hover,.news dd h3 a:hover,.wd ul li.cur a,.wd ul li a:hover{color: #2087ed;text-decoration:none;}
.honor_t span{float: right;}
.honor_t span a{font-size: 14px;color: #666;text-transform: uppercase;}
.honor_l a{ background:url(Img/Index/photo_lico01.gif) no-repeat; width:53px; height:53px; display:block;}
.honor_l a:hover{ background:url(Img/Index/photo_lico02.gif) no-repeat;}
.honor_r a{ background:url(Img/Index/photo_rico01.gif) no-repeat; width:53px; height:53px; display:block;}
.honor_r a:hover{ background:url(Img/Index/photo_rico02.gif) no-repeat;}
.honor_l{ position:absolute; top:130px; left:-65px;}
.honor_r { position:absolute; top:130px; right:-60px;}
.honor_c{width: 1196px;height: 238px; border-left:#e0e0e0 1px solid; margin:20px 0 0;}
.honor_c ul li { width:268px; height:210px;position: relative;float: left; border-top:#e0e0e0 2px solid; border-bottom:#e0e0e0 2px solid; border-right:#e0e0e0 1px solid;overflow: hidden; padding-left:15px; padding-right:15px; padding-top:0px; padding-bottom:24px;}
.honor_c ul li img{ width:268px; height:210px;}
.honor_c ul li span{ display:block; width:298px; text-align:center; height:40px; line-height:40px;font-size: 14px;color: #222; overflow:hidden;position: absolute;bottom: 0;left: 0;background: #f2f2f2;overflow: hidden;}
.honor_c ul li:hover span{background: #2087ed; color:#fff;}

/*企业风采*/
.honor_bg{ background:#f6f4f5; font-size: 0; padding:0 0 40px;}
.honor_t{width: 1128px;height: 38px;line-height: 38px; border:#dbdbdb 1px solid; background:url(Img/ldb_index/photo_ico.png) no-repeat 15px 9px; padding:0 20px 0 50px;
border-radius:5px;               
-webkit- border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;}
.honor_t a{font-size: 16px;color: #4b4b4b;}
.honor_t a:hover,.news dd h3 a:hover,.wd ul li.cur a,.wd ul li a:hover{color: #2087ed;text-decoration:none;}
.honor_t span{float: right;}
.honor_t span a{font-size: 14px;color: #666;text-transform: uppercase;}
.honor_l a{ background:url(Img/ldb_index/photo_lico01.gif) no-repeat; width:53px; height:53px; display:block;}
.honor_l a:hover{ background:url(Img/ldb_index/photo_lico02.gif) no-repeat;}
.honor_r a{ background:url(Img/ldb_index/photo_rico01.gif) no-repeat; width:53px; height:53px; display:block;}
.honor_r a:hover{ background:url(Img/ldb_index/photo_rico02.gif) no-repeat;}
.honor_l{ position:absolute; top:120px; left:-65px;}
.honor_r { position:absolute; top:120px; right:-60px;}
.fc{ border:none; margin-top:0; height:auto;}
.fc ul li { width:265px;float: left;overflow: hidden; padding:20px 17px 0; height:auto; border:none;}
.fc ul li em{width: 245px;height: 151px;display: block;overflow: hidden; border:#e9e8e9 10px solid;}
.fc ul li img{ width:245px; height:151px; transition:all ease 0.8s; -webkit-transition:all ease 0.8s;}

/*企业动态*/
.news,.wd{ width:800px; padding:40px 0; font-size:0;}
.news .honor_t{width: 730px;}
.news dl{ width:404px; padding:40px 0 0;float: left; overflow:hidden;}
.news dt{ width:404px; height:274px;overflow: hidden;}
.news dt img{ width:404px; height:274px;}
.news dd{ overflow:hidden; width:404px; padding:10px 0 0;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news dd h3 a{ font-size:18px; color:#333;font-weight: normal;}
.news dd p{ font-size:14px; color:#828282; height:48px; line-height:24px;overflow: hidden; padding:5px 0 0;}
.news_m ul{ width:375px;float: right; overflow:hidden; padding:25px 0 0;}
.news_m ul li,.wd ul li{ height:60px;width: 375px; padding:15px 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m ul li i{font-size: 30px;display: block;float: left; padding:0 5px 0 0;}
.news_m ul li a{ font-size:14px; color:#4b4b4b; padding:0 0 0 15px;width: 360px;height: 60px;line-height: 60px;background: #f1f1f1;display: block;overflow: hidden;}
.news_m ul li.cur a,.news_m ul li a:hover{background: #2087ed;color: #fff; text-decoration:none;}

/*保温一体板百科*/
.wd{ width:370px;}
.wd .honor_t{width: 300px;}
.wd ul{ padding:20px 0 0;}
.wd ul li{ border-bottom:#d5d5d5 1px dashed;line-height: 60px;}
.wd ul li a{font-size: 14px;color: #4b4b4b;}
.wd ul li span{font-size: 14px;color: #4b4b4b;float: right;}

/**/

@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}