@charset "utf-8";

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

/*产品中心*/
.cp_bt{font-size: 40px;color: #333;text-align: center;line-height: 36px;padding: 60px 0 0;height: 80px;overflow: hidden;}
.cp_bt a{font-size: 40px;color: #333;}
.cp_bt span{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 10px 0 0;}
.cp_tit{ background:url(../images/cp_bg.jpg) no-repeat;height:150px;padding: 55px 0 0; overflow:hidden;}
.cp_ul01 li{float: left;padding: 0 0 0 25px;width: 540px;}
.cp_ul01 li a{display: block;font-size: 20px;color: #fff;font-weight: bold;width: 540px;height: 54px;line-height: 54px; background:url(../images/cp_ico01.png) no-repeat 0 17px; padding:0 0 0 40px;}
.cp_ul01 .cp_ul02 li{width: 108px;padding: 0;}
.cp_ul01 .cp_ul02 li a{font-size: 14px;color: #bcc5cf;font-weight: normal; background:url(../images/cp_ico02.png) no-repeat 0 15px;padding: 0 0 0 18px;width: 90px;height: 38px;line-height: 38px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_ul01 .cp_ul02 li a:hover{ background:url(../images/cp_ico03.png) no-repeat 0 15px;color: #fff;}
.cp_ul01 li.nobor{width: 324px;padding: 0 0 0 60px;}
.cp_more{position: absolute;top: 70px;right: 0;width: 225px;}
.cp_more b{display: block;font-size: 16px;color: #fff;width: 70px;height: 80px;}
.cp_more em{display: block; width: 86px; height: 24px; text-align: center; line-height: 24px; font-size: 14px; color: #0f5aad; background: #fff; overflow: hidden;border-radius: 20px;-webkit-transition:all .3s;transition:all .3s;}
.cp_more a:hover em{box-shadow:0 2px 3px 0 #bcc5cf;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

.cp_m{padding: 35px 0;position: relative;}
.cp_m p{width: 80px; height: 80px; position: absolute; top: 235px; cursor: pointer;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;z-index: 30;} 
.cp_lico{left: -100px;}
.cp_rico{right: -100px;}
.cp_m ul{float: left;}
.cp_m ul li{width: 374px;margin-right: 40px;}
.cp_m ul li em{width: 374px;height: 210px;display: block;line-height: 0;overflow: hidden;margin-bottom:15px;-webkit-transition:all .3s;transition:all .3s;}
.cp_m ul li em img{width: 374px;height: 210px;}
.pinz dl dd span img,.ys_pic img,.jz dl dt span img,.news dt img{width: 374px;height: 210px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pinz dl dd span img:hover,.ys_pic img:hover,.jz dl dt span 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);}
.cp_m ul li span{ width:374px; display:block; text-align:center; height:40px; line-height:25px;font-size: 14px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_m ul li a:hover span{color: #0f5aad;}
.cp_m ul li a:hover em,.cp_m p:hover{box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

/*品质*/
.pinz_bg{ background:url(../images/pinz_gb.jpg) no-repeat center 0;height: 660px;overflow: hidden;}
.pinz .cp_bt{color: #fff;padding: 54px 0 0;height: 122px;}
.pinz .cp_bt span{color: #c6c6c6;}
.pinz dl{width: 222px;float: left;padding-right: 50px;padding-left: 50px; background:url(../images/pinz_line.gif) no-repeat 0 57px;padding-top: 57px;}
.pinz dl dt{height: 92px;line-height: 92px;overflow: hidden;font-size: 24px;color: #555;}
.pinz dl dt em{width: 114px;height: 92px;display: block;float: left;line-height: 0;}
.pinz dl dt em img{width: 92px;height: 92px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.pinz dl dt:hover img {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.pinz dl dd{padding: 35px 0 0;}
.pinz dl dd p{font-size: 16px;color: #555;line-height: 24px;height: 48px;overflow: hidden;}
.pinz dl dd span{width: 222px;height: 120px;display: block;overflow: hidden;margin-top: 22px;}
.pinz dl dd span img{width: 222px;height: 120px;}
.pinz .nobor01{padding-left: 0;background: none;}
.pinz .nobor02{padding-right: 0;}

/*优势*/
.ys{padding: 0 0 40px;position: relative;}
.ys .cp_bt{padding: 30px 0 0;height: 154px;}
.ys dl{width: 337px;height: 370px;float: left;background: #f7f7f7;position: relative;padding: 50px 0 0 40px;-webkit-transition:all .3s;transition:all .3s;position: relative;margin-right: 34px;margin-bottom: 30px;}
.ys dl dt{font-size: 24px;color: #333;line-height: 36px;}
.ys dl dt em{display: block;height: 70px;}
.ys dl dt em img{width: 60px;height: 60px;}
.ys dl dt span{display: block;font-size: 20px;color: #0f5aad;}
.ys dl dd{width: 275px;padding: 25px 0 0;}
.ys dl dd p{font-size: 14px;color: #666;line-height: 24px;padding: 5px 0 0;}
.ys dl dd span{font-family: Georgia;font-size: 52px;color: #e3e3e3;position: absolute;bottom: 40px;right: 30px;}
.ys dl.on,.jz dl dd span a:hover{box-shadow:0 8px 10px 0 #ccc;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
.ys_t dl:first-child{margin-right: 820px;}
.ys .nobor{margin-right: 0;}
.ys_m{position: absolute;top: 184px;right: 0;width: 789px;height: 420px;overflow: hidden;line-height: 0;}
.ys_pic{width: 789px;height: 420px;float: left;overflow: hidden;line-height: 0;}
.ys_pic img{width: 789px;height: 420px;}

/*荣誉资质*/
.honor_bg{ background:url(../images/honor_bg.jpg) no-repeat center 0;height: 641px;overflow: hidden;}
.honor .cp_bt,.about .cp_bt{padding: 54px 0 0;height: 120px;}
.honor .cp_bt a,.about .cp_bt a{color: #fff;}
.honor .cp_bt span,.about .cp_bt span{color: #d3d3d3;}
.honor_c{width: 215px;float: right;height: 360px;padding: 20px 60px 0 40px;}
.honor_c ul li{height: 55px;line-height: 55px;overflow: hidden;}
.honor_c ul li a{font-size: 14px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 215px;}
.honor_c ul li a:hover{color: #0f5aad;}
.honor_c ul li b{font-size: 18px;padding: 0 10px 0 0;}

/*客户见证*/
.jz{padding: 0 0 60px;position: relative;}
.jz .cp_bt,.news_bg .cp_bt{padding: 57px 0 0;height: 120px;}
.jz dl dt{position: relative;width: 690px;float: left;}
.jz dl dt em{width: 240px;height: 450px;display: block;position: absolute;top: 0;left: 0;z-index: 20;}
.jz dl dt em img{width: 240px;height: 450px;}
.jz dl dt span{width: 600px;height: 450px;display: block;overflow: hidden;margin-left: 90px;}
.jz dl dt span img{width: 600px;height: 450px;}
.jz dl dd{width: 410px;float: right;padding: 40px 0 0;}
.jz dl dd h5{font-weight: normal;line-height: 52px;height: 130px; background:url(../images/jz_line.gif) no-repeat 5px 128px;}
.jz dl dd h5 a{color: #1f1715;font-size: 34px;display: block;}
.jz dl dd h5 a:hover{color: #0f5aad;}
.jz .jz_desc{font-size: 14px;color: #9e9e9e;line-height: 28px;height: 112px;overflow: hidden;padding: 35px 0 0;}
.jz dl dd span{display: block;width: 140px;padding: 60px 0 0;}
.jz dl dd span a{display: block; font-size: 14px; color: #fff; width: 140px; text-align: center; height: 40px; line-height: 40px; background: #0f5aad; overflow: hidden;border-radius: 20px;-webkit-transition:all .3s;transition:all .3s;}
.jz b{width: 50px;height: 50px;position: absolute;top: 577px;display: block;z-index: 50;}
.jz b a{ width:50px; height:50px; display:block;}
.jz_l a{ background:url(../images/case_lico01.gif) no-repeat;}
.jz_l a:hover{ background:url(../images/case_lico02.gif) no-repeat;}
.jz_r a{ background:url(../images/case_rico01.gif) no-repeat;}
.jz_r a:hover{ background:url(../images/case_rico02.gif) no-repeat;}
.jz_l{left: 640px;}
.jz_r{left: 691px;}

/*新闻中心*/
.news_bg{padding: 0 0 60px;background: #f7f7f7;overflow: hidden;}
.news{ width:580px;height: 400px;background: #fff;box-shadow: 0 3px 10px 3px #ddd;}
.news_t{ height:60px;line-height: 60px;overflow: hidden;border-bottom: #ebebeb 1px solid;}
.news_t em{float: left;width: 100px;height: 60px;display: block;line-height: 0;}
.news_t em img{width: 80px;height: 60px;}
.news_t a{font-size: 22px;color: #333;}
.news_t a:hover,.news_t a:hover i{color: #0f5bad;}
.news_t span{float: right;width: 85px;height: 60px;display: block;line-height: 16px;padding: 15px 0 0 15px; background:url(../images/news_line.gif) no-repeat 0 20px;}
.news_t span a{font-size: 12px;color: #2e2e2e;}
.news_t span i{color: #666;display: block;}
.news dl{ width:520px; padding:30px 0 20px;margin:0 auto;height: 126px;}
.news dt{ width:224px; height:126px;overflow: hidden;float: left;}
.news dt img{ width:224px; height:126px;}
.news dd{width:260px;float: left; padding:0 0 0 30px;}
.news dd span{display: block;font-size: 36px;color: #0f5bad;font-weight: bold; font-family:"Times New Roman", Times, serif;line-height: 40px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news dd h3 a{ font-size:14px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news dd h3 a:hover,.news ul li a:hover{color: #0f5bad;}
.news .news_desc{ font-size:14px; color:#757373; height:40px; line-height:20px;overflow: hidden;}
.news_c{ width:520px;margin:0 auto;display: block;}
.news ul li{ height:45px; line-height:45px; overflow:hidden;border-top: #c2c2c2 1px dotted;}
.news ul li a{ font-size:14px; color:#666;display: block;float: left;width: 420px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news ul li span{display: block;float: right;font-size: 14px;color: #909090;width: 100px; text-align:right;}
.news ul li b{padding: 0 10px 0 0;}

/*关于斯泰克*/
.about{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 500px;overflow: hidden;padding: 13px 0 0;}
.ab_desc{font-size: 14px;color: #fff;height: 56px;line-height: 28px;overflow: hidden;width: 960px;text-align: center;margin:0 auto;}
.about h4{font-size: 24px;color: #fff;font-weight: normal;height: 44px;line-height: 44px;text-align: center;overflow: hidden;padding: 25px 0 0;}
.about em{display: block;width: 135px;margin:0 auto;padding: 60px 0 0;}
.about em a{display: block; font-size: 14px; color: #0a4eb2; width: 135px; text-align: center; height: 34px; line-height: 34px; overflow: hidden;background: #fff;border-radius: 20px;}
.about em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*友情链接*/
.f_link{height: 62px;line-height: 62px;overflow: hidden; background:#f6f6f6;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;font-weight: normal;}
.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);}
}