@charset "utf-8";
body { min-width: 1300px; width: 100%; }
/*产品中心*/
.cp_bt { font-size:32px; 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:18px; color: #666; font-weight: normal; padding: 10px 0 0; }
.cp_tit { 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: 285px; 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: 89px; overflow: hidden; }
.cp_m ul li em { width: 372px; height: 258px; display: block; text-align:center; line-height: 0; position: relative; overflow: hidden; margin-bottom: 15px; -webkit-transition: all .3s; transition: all .3s; border: 1px solid #CCCCCC; }
.cp_m ul li em img { vertical-align: middle; max-width: 372px; max-height: 258px; _width: expression((this.offsetWidth > 372) ? "372px" : this.offsetWidth + "px" );
_height: expression((this.offsetHeight > 258) ? "258px" : this.offsetHeight + "px" );
 }
.cp_m ul li em i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
.pinz dl dd span img, .ys_pic img, .jz dl dt span img, .news dt img { width: 374px; height: 260px; -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, -0px); -webkit-transform: translate(0, -0px) }
/*品质*/
.pinz_bg { background: url(../images/pinz_gb.jpg) no-repeat center 0; height: 560px; overflow: hidden; }
.pinz .cp_bt { color: #fff; padding: 54px 0 0; height: 122px; }
.pinz .cp_bt span { color: #c6c6c6; }
.pinz dl { width: 250px; float: left; padding-right: 50px; padding-left: 50px; background: url(../images/pinz_line.gif) no-repeat 0 57px; padding-top: 57px; }
.pinz dl dt { overflow: hidden; font-size: 24px; color: #555; }
.pinz dl dt em { display: block; line-height: 0; text-align: center; }
.pinz dl dt em img { -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; font-size: 18px; color: #666666; text-align: center; }
.pinz dl dd p { color: #555; line-height: 20px; overflow: hidden; font-size: 16px; }
.pinz dl dd span { display: block; overflow: hidden; color: #000000; line-height: 40px; }
.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: 370px; 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: 854px; height: 420px; overflow: hidden; line-height: 0; }
.ys_pic { width: 854px; height: 420px; float: left; overflow: hidden; line-height: 0; }
.ys_pic img { width: 854px; height: 420px; }
/*荣誉资质*/
.honor_bgw { background: url(../images/honor_bgw.jpg) no-repeat center 0; }
.honor_bg { background: url(../images/honor_bg.png) 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: 620px; 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; overflow: hidden; padding: 10px 0 60px; }
.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: #e3e3e3; }
.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);
}
}
.pro_img_show img { max-width: 100%; }
.left_a { font-size: 18px; color: #ffffff; background: #0F5AAD; display: block; padding-left: 29px; height: 56px; line-height: 56px; }
.product_list_pic { position: relative; overflow: hidden; }
.product_list_pic_mp3 { position: absolute; left: 212px; bottom: 0px; width: 244px; height: 54px; }

.default_list_pic_mp3 { position: absolute; left: 342px; bottom: 0px; right: 41px; width: 370px; height: 54px; }
.default_list_pic_mp3 audio, .product_list_pic_mp3 audio { height: 100%; width: 100%; object-fit: fill; }

.product_show_pic_mp3 { margin: 30px 0px 0px 0px; }
.product_show_pic_mp3 strong { margin: 0px 0px 10px 0px; display: block; font-size: 18px; }
.product_show_pic_mp3 audio { width: 100%; object-fit: fill; vertical-align: middle; }