@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.yin{background: url(../images/yin_bg.jpg) no-repeat center 0;height: 415px;overflow: hidden;padding: 75px 0 0;}
.yin_t{font-size: 36px;color: #333;text-align: center;font-weight: normal;height: 90px;line-height: 44px;}
.yin_t a{color: #333;}
.yin_t i{color: #4877bd;}
.yin_t span{font-size: 16px;color: #666;display: block;}
.yin p{font-size: 14px;color: #666;text-align: center;line-height: 24px;height: 90px;}
.yin p b,.plan_t b{display: block;color: #333;}
.yin ul li{width: 300px;text-align: center;float: left;line-height: 0;}
.yin ul li img{width: 200px;height: 150px;}
.yin ul li b{display: block;font-size: 18px;color: #333;width: 200px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;margin: 0 auto;padding: 10px 0 0;}

/*解决方案*/
.plan{background: url(../images/plan_tbg.gif) no-repeat center 200px;padding: 80px 0 55px;}
.plan .yin_t{height: 120px;}
.plan_t{font-size: 14px;color: #666;text-align: center;line-height: 30px;height: 80px;width: 720px;margin: 0 auto;padding: 26px 0 0;}
.plan_t b{font-size: 16px;}
.plan dl{width: 340px;height: 392px;background: #f3f3f3;padding: 14px;margin-top: 40px;margin-right: 48px;float: left;}
.plan dl dt{width: 339px;height: 190px;overflow: hidden;line-height: 0;}
.plan dl dt img,.hz ul li img,.ys dl dt img,.cp_r ul li img,.news01 dl dt img,.about dl dt img{width: 339px;height: 190px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.plan dl dt img:hover,.hz ul li img:hover,.ys dl dt img:hover,.cp_r ul li img:hover,.news01 dl dt img:hover
,.about dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.plan dl dd{width: 340px;height: 202px;background: url(../images/plan_ddbg.gif) no-repeat center 50px;}
.plan dl dd h5{font-size: 24px;color: #333;text-align: center;padding: 30px 0 0;height: 40px;line-height: 40px;overflow: hidden;}
.plan dl dd h5 i{color: #4877bd;}
.plan dl dd p{font-size: 14px;color: #666;line-height: 24px;height: 72px;overflow: hidden;width: 290px;margin: 0 auto;padding: 15px 0 0;}
.plan .nobor{margin-right: 0;}

/*定制流程*/
.liuc{padding: 0 0 80px;}
.liuc_l{width: 300px;height: 162px;font-size: 24px;color: #333;padding: 40px 0 0 32px;background: url(../images/liuc_tbg.gif) no-repeat;overflow: hidden;line-height: 26px;}
.liuc_l i{display: block;letter-spacing: 5px;padding: 10px 0 0;}
.liuc_l span{display: block;font-size: 12px;color: #999;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.liuc_l em{width: 100px;display: block;padding: 14px 0 0;}
.liuc_l em a{display: block;font-size: 14px;color: #fff;width: 100px;text-align: center;height: 36px;line-height: 36px;background: #4877bd;overflow: hidden;border-radius:10px;}
.liuc_l em a:hover,.ban01_r em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.liuc_r{width: 868px;padding: 40px 0 0;background: url(../images/liuc_line.gif) no-repeat center 175px;}
.liuc li{ width:124px; float:left; font:14px "Microsoft YaHei"; color: #666;text-align: center;height: 150px;background: url(../images/liuc_y01.gif) no-repeat center 121px;}
.liuc li span{ display:block; width:70px; height:70px; position:relative; overflow:hidden; margin:0 auto 20px;}
.liuc li span img{display:block; width:70px; height:70px;}
.liuc li em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out 0.1s;transition: all 0.35s ease-out 0.1s;}
.liuc li i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.liuc li:hover em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.liuc li:hover i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.liuc li:hover{background: url(../images/liuc_y02.gif) no-repeat center 121px;color: #333;}

/*案例展示*/
.case{background: #f6f6f6;padding: 70px 0 0;}
.case_t{padding: 30px 0 0;height: 120px;}
.case_t ul li{width: 240px;float: left;text-align: center;background: url(../images/case_bor.gif) no-repeat 0 20px;}
.case_t ul li em{display: block;width: 50px;height: 42px;line-height: 0;overflow: hidden;margin:0 auto 15px;}
.case_t ul li em img{width: 50px;height: 84px;-webkit-transition:all .5s;transition:all .5s;}
.case_t ul li:hover em img{margin-top: -42px;}
.case_t ul li a{font-size: 16px;color: #333;}
.case_t ul li a:hover{color: #4877bd;}
.case_t ul li:first-child{background: none;}
.case01{width: 384px;height: 288px;position: relative;float: left;margin-bottom: 40px;margin-right: 24px;}
.case01_t{width: 384px;height: 288px;}
.case01_t img{width: 384px;height: 288px;}
.case01_t span,.cp01_t span{ width:384px; height:40px; line-height:40px;font-size: 14px;color: #fff;background: rgba(0,0,0,0.6);bottom: 0;position: absolute;left: 0;display: block;overflow: hidden;text-align: center;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.case01 dl,.cp01 dl{width: 300px;height: 0;position: absolute;bottom: 0;left: 0;background: url(../images/case_picbg.png) no-repeat;overflow: hidden;text-align: center;padding: 0 42px;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.case01 dl dt{height: 50px;line-height: 40px;background: url(../images/case_line.gif) no-repeat center 49px;margin-top: 75px;}
.case01 dl dt a{font-size: 18px;color: #fff;display: block;}
.case01 dl dd{font-size: 14px;color: #fff;padding: 15px 0 0;line-height: 30px;height: 90px;overflow: hidden;}
.case01:hover dl{height: 288px;}
.case01:hover span{height: 0;}
.case .nobor,.cp_bot .nobor{margin-right: 0;}

/*合作客户*/
.hz_bg{background: #4877bd;padding: 40px 0 0;height: 145px;}
.hz p{position: absolute;top: 33px;width: 17px;height: 29px;cursor: pointer;}
.hz p img{width: 17px;height: 29px;}
.hz .hz_l{left: -30px;}
.hz .hz_r{right: -30px;}
.hz_m{width: 1200px;overflow: hidden;}
.hz ul li{width: 200px;height: 100px;line-height: 0;float: left;margin-right: 50px;overflow: hidden;}
.hz ul li img{width: 200px;height: 100px;}

/*优势*/
.ys_bg{background: url(../images/ys_bg.jpg) no-repeat center 0;height: 822px;overflow: hidden;padding: 95px 0 0;}
.ys_m{padding: 35px 0 0;}
.ys dl dt{width: 750px;height: 505px;line-height: 0;overflow: hidden;float: left;}
.ys dl dt img{width: 750px;height: 505px;}
.ys dl dd{width: 315px;height: 455px;float: left;background: #fff;padding: 50px 65px 0 70px;}
.ys dl dd span{display: block;font-size: 24px;color: #333;line-height: 60px;height: 85px;}
.ys dl dd span b{color: #4877bd;font-size: 60px;}
.ys dl dd h5{font-size: 28px;color: #4877bd;line-height: 36px;height: 72px;overflow: hidden;}
.ys dl dd h5 i{display: block;color: #333;font-weight: normal;}
.ys dl dd p{font-size: 16px;color: #666;line-height: 24px;background: url(../images/ys_ico01.gif) no-repeat 0 30px;padding: 20px 0 0 15px;}
.ys_tel{font-size: 16px;color: #4877bd;width: 300px;background: url(../images/ys_line02.gif) no-repeat 0 30px;padding: 45px 0 0;line-height: 34px;}
.ys_tel b{display: block;font-size: 30px;}
.ys_bot{width: 900px;}
.ys_bot ul li{font-size: 18px;color: #fff;width: 185px;float: left;height: 93px;line-height: 30px;padding: 20px 0 0 40px;}
.ys_bot ul li b{display: block;background: url(../images/ys_line03.gif) no-repeat 0 39px;height: 40px;}
.ys_bot ul li.ys_li01{background: url(../images/ys_timg04.jpg) no-repeat;}
.ys_bot ul li.ys_li02{background: url(../images/ys_timg01.jpg) no-repeat;}
.ys_bot ul li.ys_li03{background: url(../images/ys_timg02.jpg) no-repeat;}
.ys_bot ul li.ys_li04{background: url(../images/ys_timg03.jpg) no-repeat;}
.ys_bot ul li:hover,.ys_bot ul li.on{background: #4877bd none;}

/*产品中心*/
.chanp{padding: 75px 0 60px;}
.chanp .yin_t{height: 125px;}
.cp_l{width: 250px;}
.cp_l h3{ background:#4877bd;width: 250px;height: 80px;text-align: center;line-height: 30px;padding: 30px 0 0;font-weight: normal;}
.cp_l h3 a{font-size: 26px;color: #fff;display: block;}
.cp_l h3 i{display: block;font-size: 14px;text-transform: uppercase;}
.cp_ul01 li{width: 205px;height: 48px;line-height: 48px;padding-left: 45px;border-bottom: #ddd 1px solid;background: #eee url(../images/cp_ico06.png) no-repeat right 18px;}
.cp_ul01 li a{font-size: 16px;color: #333;font-weight: bold;}
.cp_ul02{width: 248px;border-left: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid; padding:10px 0;}
.cp_ul01 .cp_ul02 li{overflow: hidden;border-bottom:none; background:none; height: 33px;line-height: 33px; width:203px;}
.cp_ul01 .cp_ul02 li a{display: block;font-size: 14px;color: #666;font-weight: normal;background: url(../images/cp_ico01.gif) no-repeat 0 12px; padding:0 0 0 15px;}
.cp_ul01 .cp_ul02 li a:hover{background: url(../images/cp_ico02.gif) no-repeat 0 12px;}
.cp_l ul li a:hover,.cp_l ul li.on a{color: #4877bd;}
.cp_l ul li.on{background:#eee url(../images/cp_ico07.png) no-repeat right 18px;}

.cp_r{width: 940px;}
.cp_rt ul li{width: 428px;height: 428px;float: left;line-height: 0;overflow: hidden;margin-left: 40px;position: relative;border: #c6c6c7 1px solid;}
.cp_r .cp_rt ul li img{width: 428px;height: 428px;}
.cp_rt ul li span{display: block;font-size: 20px;color: #333;width: 428px;text-align: center;height: 60px;line-height: 60px;overflow: hidden;position: absolute;bottom: 0;left: 0;}
.cp_rm{width: 900px;overflow: hidden;padding-top: 20px;margin-left: 40px;}
.cp_rm ul li{width: 280px;float: left;margin-right: 28px;}
.cp_r .cp_rm ul li em{width: 280px;height: 210px;display:block;overflow:hidden;line-height: 0;}
.cp_r .cp_rm ul li img{width: 280px;height: 210px;}
.cp_rm ul li span{display: block;font-size: 14px;color: #333;width: 280px;text-align: center;height: 40px;line-height: 40px;overflow: hidden;
border-bottom: #4877bd 2px solid;z-index: 20;}

/**/
.cp_bot{background: #eee;padding: 50px 0 80px;}
.cp01{width: 344px;height: 193px;position: relative;float: left;margin-right: 84px;overflow: hidden;}
.cp01_t{width: 344px;height: 193px;}
.cp01_t img{width: 344px;height: 193px;}
.cp01_t span{ width:344px;background: rgba(72,119,189,0.8);}
.cp01 dl{width: 244px;background: url(../images/cp_picbg.png) no-repeat;padding: 0 50px;}
.cp01 dl dt{width: 60px;height: 60px;margin: 0 auto;padding: 30px 0 0;}
.cp01 dl dt img{width: 60px;height: 60px;}
.cp01 dl dd h5{ height:40px; line-height:40px;}
.cp01 dl dd h5 a{font-size: 18px;color: #fff;font-weight: normal;}
.cp01 dl dd em{ height:30px; line-height:30px;display: block;}
.cp01 dl dd em a{font-size: 14px;color: #fff;text-decoration: underline;}
.cp01:hover dl{height: 193px;}
.cp01:hover span{height: 0;}

/*广告条*/
.ban01{background: url(../images/ban01.jpg) no-repeat center 0;height: 150px;overflow: hidden;}
.ban01_l{width: 800px;padding: 25px 0 0;}
.ban01_l p{font-size: 36px;color: #fff;height: 60px;line-height: 50px;overflow: hidden;}
.ban01_l span{display: block;font-size: 24px;color: #4877bd;width: 435px;text-align: center;height: 40px;line-height: 40px;overflow: hidden;background: #eee;}
.ban01_r{width: 220px;padding: 30px 0 0;}
.ban01_r em{display: block;width: 100px;}
.ban01_r em a{display: block;font-size: 14px;color: #fff;width: 98px;text-align: center;height: 28px;line-height: 28px;overflow: hidden;border: #fff 1px solid;}
.ban01_r span{display: block;font-size: 14px;color: #fff;padding: 10px 0 0;line-height: 26px;}
.ban01_r b{display: block;font-size: 24px;}

/*建大动态*/
.news{padding: 80px 0;}
.news .yin_t,.about .yin_t{height: 120px;}
.news_t{height: 64px;line-height: 64px;overflow: hidden;}
.news_t a{font-size: 20px;color: #333;}
.news_t span{float: right;}
.news_t span a{font-size: 14px;color: #737373;text-transform: uppercase;}
.news_t a:hover,.news01 dl dd h5 a:hover,.news03 ul li a:hover,.wd dt a:hover{color: #4877bd;}
.news_l{width: 750px;}
.news01{width: 750px;height: 185px;padding: 0 0 30px;}
.news01 dl{width: 750px;height: 185px;}
.news01 dl dt{width: 328px;height: 185px;float: left;overflow: hidden;line-height: 0;}
.news01 dl dt img{width: 328px;height: 185px;}
.news01 dl dd{width: 400px;float: left;padding: 0 0 0 20px;}
.news01 dl dd h5{height: 35px;line-height: 35px;overflow: hidden;font-weight: normal;}
.news01 dl dd h5 a{font-size: 16px;color: #333;}
.news_desc01{font-size: 14px; color: #858585; line-height: 26px; height: 78px; overflow: hidden;padding: 5px 0 0;} 
.news01 dl dd span{display: block;padding: 20px 0 0;width: 105px;}
.news01 dl dd span a{font-size: 14px;color: #858585;display: block;height: 30px;line-height: 30px;width: 102px;text-align: center;background: #f8f8f8;overflow: hidden;border: #a4a4a4 1px solid;border-radius: 20px;}
.news01 dl dd span a:hover{background: #4877bd;color: #fff;border: #4877bd 1px solid;}
.news03{width: 750px;}
.news03 ul li{height: 36px;line-height: 36px;overflow: hidden;}
.news03 ul li a{font-size: 14px;color: #434343;display: block;float: left;width: 600px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news03 ul li b{padding-right: 5px;}
.news03 ul li span{display: block;float: right;font-size: 14px;color: #666;width: 100px;text-align: right;}

/*常见问答*/
.wd{ width:380px;height: 380px;background: #f6f6f6;padding: 0 20px;}
.wd_m{overflow: hidden;}
.wd dl{ width:380px; height:85px;border-bottom:#ccc 1px dashed; padding:10px 0 0;}
.wd dt{ height:30px; line-height:20px; overflow:hidden; background:url(../images/wen.gif) no-repeat 0 3px; padding:0 0 0 25px;}
.wd dt a{ font-size:14px; color:#333;}
.wd dd{font-size:14px; color:#858585; line-height:22px; height:44px; overflow:hidden; padding:0 0 0 25px; background:url(../images/da.gif) no-repeat 0 3px;}

/*走进建大新材*/
.ab_bg{background: #f6f6f6;padding: 60px 0 80px;}
.about .yin_t span{font-size: 24px; font-family:Arial, Helvetica, sans-serif;}

.ibrand-num{overflow:hidden;display: block;width: 1200px;height: 180px;background: #fbfbfb;}
.ibrand-num li{float:left;width:240px;height:140px;padding-top:40px;text-align:center;color:#4877bd;font-size:20px;font-weight: bold; background:url(../images/ab_line.gif) no-repeat 0 60px;}
.ibrand-num li span{font-size:50px;line-height: 50px;font-family: "Impact";}
.ibrand-num li b{display:block;font-size: 24px;color: #333;font-weight: normal; padding:15px 0 0;}
.about ul li:first-child{background: none;}
.about dl{width: 1200px;height: 454px;position: relative;}
.about dl dt{width: 1200px;height: 454px;line-height: 0;overflow: hidden;}
.about dl dt img{width: 1200px;height: 454px;}
.about dl dd{width: 390px;height: 300px;background:rgba(72,119,189,0.9);padding: 40px 30px 0;position: absolute;top: 75px;right: 0;}
.about dl dd h5{height: 35px;line-height: 35px;overflow: hidden;}
.about dl dd h5 a{font-size: 18px;color: #fff;font-weight: normal;}
.about .ab_desc{font-size: 14px;color: #fff;line-height: 30px;height: 240px;overflow: hidden;padding: 10px 0 0;}
.about dl dd span{display: block;line-height: 30px;margin-top: -30px;margin-left: 110px;}
.about dl dd span a{font-size: 14px;color: #fff;font-weight: bold;}
.about .ab_ul02{width: 390px;padding: 30px 0 0;}
.about .ab_ul02 li{width: 97px;float: left;text-align: center; background:url(../images/ab_line02.gif) no-repeat 0 20px;}
.about .ab_ul02 li em{width: 38px;height: 30px;line-height: 0;margin:0 auto 5px;overflow: hidden;display: block;}
.about .ab_ul02 li em img{width: 38px;height: 30px;}
.about .ab_ul02 li a{font-size: 16px;color: #fff;}

/*友情链接*/
.f_link{height: 40px;line-height: 40px;overflow: hidden; }
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #333; padding:0 10px 0 0;}

/**/
@-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);}
}