@charset "utf-8";

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

/**/
.four{ padding:50px 0 0;font-size: 0;height: 100px;}
.four dl{width: 245px;float: left; background:url(../images/t_line.gif) no-repeat right 0;}
.four dl dt{width: 24px;float: left; padding:0 15px 0 0;}
.four dl dt img{width: 24px;height: 24px;}
.four dl dd{width: 200px;float: left;}
.four dl dd h5{font-size: 22px;color: #333;}
.four dl dd h5:hover{color:#004482;}
.four dl dd p{font-size: 14px;color: #666; padding:5px 0 0;}
.four .four_dl02{width: 365px; padding:0 0 0 60px; background:url(../images/t_line.gif) no-repeat 375px 0;}
.four .four_dl02 dd{width: 240px;}
.four .four_dl03{width: 285px;}
.four .four_dl04{ background:none; padding:0 0 0 60px;width: 185px;}
.four .four_dl04 dd{width: 145px;}

/*钢丝绳产品中心*/
.cp_bg{ background:url(../images/cp_bg.jpg) no-repeat center 0;height: auto; padding:62px 0 0;font-size: 0;overflow: hidden;background-size:100% 100%;padding-bottom:20px; }
.cp h2,.ys h2,.case h2,.about h2,.news_bg h2{ text-align: center;height: 100px; padding:16px 0 0; background:url(../images/cp_line01.gif) no-repeat center 0;}
.cp h2 a,.ys h2 a,.case h2 a,.about h2 a,.news_bg h2 a{font-size: 30px;color: #333;}
.cp h2 i,.ys h2 i,.case h2 i{display: block;font-size: 14px;color: #666;font-weight: normal; padding:12px 0 0;}
.cp_l{width: 280px;float:left;}
.cp_l h3{ background:url(../images/cp_ltbg.gif) no-repeat;width: 280px;height: 95px;text-align: center;line-height:95px;}
.cp_l h3 a{font-size: 30px;color: #fff;display: block;}
.cp_lm{width: 250px;background: #fff; border-bottom:#004482 2px solid; border-left:#004482 2px solid; border-right:#004482 2px solid; padding:25px 13px 0;}
.cp_ul01 li a{display: block;font-size: 14px;color: #fff;font-weight: bold;width: 235px;height: 40px;line-height: 40px; background:#0072bf url(../images/cp_ico03.gif) no-repeat 222px 17px; padding:0 0 0 15px;}
.cp_ul02{ padding:0 0 20px;}
.cp_ul01 .cp_ul02 li a{display: block;font-size: 16px;color: #333;font-weight: normal; border-bottom:#e6e6e6 1px solid; background:url(../images/cp_ico01.gif) no-repeat 15px 17px;padding: 0 0 0 30px;width: 220px;overflow: hidden;}
.cp_ul01 .cp_ul02 li a:hover{ background:url(../images/cp_ico02.gif) no-repeat 15px 17px;font-weight: bold;}
.cp_r{width: 894px;}
.cp_r01{ background:url(../images/cp_rbg.jpg) no-repeat 13px 0;width: 880px;height: 367px; padding:0 0 0 14px;}
.cp_r01 dl{ display:inline-block;width: 880px;background: #fff;height: 335px;}
.cp_r01 dl dt{width: 420px;float: left; padding:50px 15px 35px;}
.cp_r01 dl dt img{width: 420px;height: 240px;}
.cp_r01 dl dd{width: 400px;float: left;height: 295px; padding:40px 0 0 30px;background: #f8f8f8;}
.cp_r01 dl dd h5,.case_m dl dd h5{width:380px;font-size:20px;height: 70px;line-height: 70px; background:url(../images/cp_line02.gif) no-repeat 0 68px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_r01 dl dd h5 a{font-size: 24px;color: #2c2c2e;}
.cp_r01 dl dd h5 a:hover,.case_m dl dd h5 a:hover{color: #004482;}
.cp_r01 .cp_desc{width: 385px;font-size: 14px;color: #666;line-height: 28px;height: 84px;overflow: hidden; padding:16px 0 0;}
.cp_r01 .cp_btn{ display:inline-block; padding:25px 0 0;width: 385px;}
.cp_r01 .cp_btn a,.ys dl dd span a,.case_m dl dd span a,.about dl dd span a,.news dd span a{display: block;font-size: 16px;color: #333; background:url(../images/btn01.png) no-repeat;width: 115px;text-align: center;height: 40px;line-height: 40px;overflow: hidden; margin:0 15px 0 0;float: left;}
.cp_r01 .cp_btn a:hover,.ys dl dd span a:hover,.case_m dl dd span a:hover,.about dl dd span a:hover,.news dd span a:hover{ background:url(../images/btn02.png) no-repeat;color: #fff;animation:shake .5s linear;-webkit-animation:shake .5s linear;}
.cp_rm .prev{position: absolute;top: 303px;left: 210px;z-index: 10;}
.cp_rm .next{position: absolute;top: 303px;left: 252px;z-index: 10;}
.cp_rm .prev img,.cp_rm .next img{width: 42px;height: 30px; border:#f4f4f4 1px solid;}
.cp_r02{width: 880px; margin:0 0 0 14px;overflow: hidden;}
.cp_r02 ul li { float:left;width: 280px; padding:20px 0 0 18px;line-height: 0;}
.cp_r02 .item{display:block;width:280px;float:left;position:relative;}
.cp_r02 .pic{display:block;width:280px;height:219px;-webkit-transition:all .3s;transition:all .3s; box-shadow:2px 2px 2px #bbb;}
.cp_r02 .pic img{width:280px;height:160px;}
.cp_r02 .item:hover .pic{box-shadow:0 10px 15px 0 #aaa;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
.cp_r02 .item em{display: block;font-size: 16px;color: #2c2c2e;height: 58px;width: 260px;padding: 0 10px; margin:1px 0 0;
background: #fff;text-align: center;line-height: 58px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_r02 .item:hover em{background: #004482;color: #fff;}

/**/
.ys_bg{ background:url(../images/ys_bg.gif) no-repeat center 300px; padding:80px 0 0;}
.ys h2{height: 120px;}
.ys dl{ display:inline-block;width: 1200px;}
.ys dl dt{width: 580px;float: left;}

.ys dl dd{width: 545px;float: left; padding-top:25px;}
.ys dl dd h5{ display:inline-block;width: 545px; padding:0 0 15px;}
.ys dl dd h5 em{width: 78px;height: 78px;display: block;float: left;}
.ys dl dd h5 b{display: block;float: left;width: 450px; padding:0 0 0 15px;font-size: 26px;color: #333;height: 75px; line-height:65px; background:url(../images/ys_line.gif) no-repeat 15px 73px;}
.ys dl dd h5 i{display: block;font-size: 12px;color: #aaa;font-weight: normal;text-transform: uppercase; padding:8px 0 0;}
.ys dl dd h5:hover b{color: #004482;}
.ys dl dd p{font-size: 16px;color: #666;line-height: 32px; background:url(../images/ys_ico.gif) no-repeat 0 14px; padding:0 0 0 18px;}
.ys dl dd span,.case_m dl dd span{display: block;width: 115px; padding:15px 0 0 15px;}
.ys01,.ys03{height: 360px;}
.ys .ys01 dl dt,.ys .ys03 dl dt{float: right;}
.ys02{height: 390px;}
.ys .ys02 dl dd,.ys .ys04 dl dd{ padding-left:70px;}
.ys04{height: 380px;}

/**/
.case_bg{background: #f0f1f3; padding:80px 0 75px;font-size: 0;}

.case_t{height: 170px;}
.case_t ul li{width: 90px;height: 170px;float: left; padding:0 130px 0 0;}
.case_t ul li a,.case_t span a{font-size: 14px;color: #333;display: block;float: left;width: 90px;text-align: center;height: 170px;line-height: 226px;overflow: hidden; background-repeat:no-repeat;}
.case_t .case_li01 a{ background-image:url(../images/case_tbg01.png);}
.case_t .case_li02 a{ background-image:url(../images/case_tbg01.png); background-position:-220px 0;}
.case_t .case_li03 a{ background-image:url(../images/case_tbg01.png); background-position:-440px 0;font-size: 14px;}
.case_t .case_li04 a{ background-image:url(../images/case_tbg01.png); background-position:-660px 0;}
.case_t .case_li05 a{ background-image:url(../images/case_tbg01.png); background-position:-880px 0;}
.case_t ul li.on a,.case_t ul li a:hover,.case_t span a:hover{ background-image:url(../images/case_tbg02.png);}
.case_t span{display: block;float: right;width: 90px;height: 170px; margin-right:10px;}
.case_t span a{ background-image:url(../images/case_tbg01.png); background-position:-1100px 0;}

.case_m dl{ display:inline-block;width: 1130px;height: 282px;overflow: hidden;padding: 35px;background: #fff;}
.case_m dl dt{width: 564px;height: 282px;float: left;overflow: hidden;}
.case_m dl dt img,.about dl dt img,.news_pic img{width: 564px;height: 282px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_m dl dt img:hover,.about dl dt img:hover,.news_pic img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_m dl dd{width: 525px;float: left; padding:0 0 0 40px;}
.case_m dl dd h5 a{font-size: 20px;color: #333;}
.case_m dl dd .case_desc{font-size: 14px;color: #666;line-height: 30px;height: 90px;overflow: hidden; padding:20px 0 0;}
.case_m dl dd span{ padding:25px 0 0;}

/*走进华东钢绳*/
.ab_bg{ background:url(../images/ab_bg.gif) no-repeat center 0; height:563px; padding:80px 0 0; overflow:hidden;}
.about h2{height: 72px;}
.about dl{ width:1200px; display:inline-block; overflow:hidden;}
.about dl dt{ width:700px; height:365px; float:left;overflow: hidden;}
.about dl dt img{ width:700px; height:365px;}
.about dl dd{ width:460px; float:left; padding:50px 0 0 30px;}
.about dl dd h5{ background:url(../images/cp_line02.gif) no-repeat 0 68px; font-weight:normal; height:70px;line-height: 70px;}
.about dl dd h5 a{ font-size:20px; color:#333;}
.about dl dd h5 a:hover,.news_t a:hover{color: #004482;font-weight: bold;}
.about dl dd p{width: 420px; font-size:14px; color:#666; height:90px; line-height:30px; padding:20px 0 0; overflow:hidden;}
.about dl dd span{ display:inline-block;width: 460px; padding:20px 0 0;}
.about dl dd span a{ background:url(../images/ab_btn01.gif) no-repeat;}

/*华东钢绳资讯中心*/
/*.news_bg{background: #f0f1f3;font-size: 0; padding:80px 0 60px;}
.news_bg h2{height: 64px;}
.news{ width:600px;}
.news_t{ height:68px;}
.news_t a{ font-size:22px; color:#333;}
.news_t span{display: block;font-size: 14px;color: #b4b5b6;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.news_pic{ width:596px; height:164px;overflow: hidden;}
.news_pic img{ width:596px; height:164px;}
.news dl{ width:600px;}
.news dt{ padding:12px 0 0;display: block;font-size: 14px;color: #bbb; font-family:Arial, Helvetica, sans-serif;}
.news dd{ width:596px;}
.news dd h5{ height:40px; line-height:40px; overflow:hidden;}
.news dd h5 a{ font-size:16px; color:#004482;}
.news dd p{ font-size:14px; color:#666; height:50px; line-height:25px;overflow: hidden;}
.news dd span{ display:block; padding:20px 0 0;}*/

/*常见问题*/
.wd{ width:380px;}
.wd dl{ width:380px; height:100px; border-top:#ccc 1px solid; padding:18px 0 0;}
.wd dt{ height:25px; line-height:25px; overflow:hidden;}
.wd dt a{ font-size:16px; color:#004482;}
.wd dt a:hover{ font-weight:bold;}
.wd dd{ font-size:14px; color:#666; padding:10px 0 0; line-height:24px; height:48px; overflow:hidden;}

/*友情链接*/
.links_bg{ background:url(../images/link_line.gif) repeat-x 0 85px; padding:30px 0 0;}
.link_t{font-size: 14px;color: #333;height: 55px;line-height: 55px;}
.link_t i{font-size: 16px;font-weight: bold; padding:0 0 0 15px;text-transform: uppercase;}
.lk_c{  line-height:40px; overflow:hidden;}
.lk_c a{ font-size:14px; color:#333; display:inline-block; padding:0 20px 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);}
}


.news {
	margin-top: 20px;
}
.newtit {
	background: url(../images/bor.jpg) no-repeat bottom left;
	height: 45px;
}
.newtit p {
	font-size: 26px;
	color: #404040;
}
.newtit a {
	color: #000;
	margin-top: 15px;
}
.newtit a:hover {
	color: #048bcf;
}
.newtit a span {
	font-size: 10px;
	margin-left: 5px;
}
.newsimg {
	margin-top:10px;
	width:100%;
	height:auto;
}
.newsimg img{
	margin-top:0px;
	width:100%;
	height:auto;
}
.new1, .new2 {
	width: 560px;
	margin-top: 0px;
}
.news_bg ul {
	margin-top: 20px;
}
.news_bg li {
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	font-size: 15px;
	border-bottom: 1px dashed #ccc;
}
.news_bg li a {
	color: #333436;
}
.news_bg li a:hover {
	color: #048bcf;
}
.news_bg li span {
	float: right;
	color: #7e7e80;
}