@charset "utf-8";

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

/**/
.six{ padding:55px 0 0;}
.six_t{-webkit-transition:transform .3s;transition:transform .3s; background:url(../images/index/four_line.png) no-repeat center bottom;height: 55px;text-align: center;}
.six_t:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.six_m{ padding:50px 0 0;}
.six_m p{ background:url(../images/index/six_bg01.gif) no-repeat;width: 398px;height: 301px;float: left;color: #333;text-align: center; padding:0 3px 0 0;}
.six_m p b{display: block;font-size: 20px; padding:25px 0 20px;}
.six_m p span{display: block;font-size: 14px;line-height: 26px;width: 245px; margin:0 auto;}
.six_m p i{display: block; padding:75px 0 0;}
.six_m p:hover,.six_m p.cur{ background:url(../images/index/six_bg02.gif) no-repeat;color: #fff;}
.six_m .nobor{padding: 0;}

/*产品中心*/
.cp_bg{ background:url(../images/index/cp_bg.jpg) no-repeat center 0;height: 956px; padding:55px 0 0;font-size: 0;outline-color: #000;}
.chanpin .six_t{height: 80px; margin:0 0 39px;}

.cp_l{width: 273px; background:url(../images/index/cp_lmbg.gif) repeat-y;}
.cp_l h3{ background:url(../images/index/cp_ltbg.jpg) no-repeat;width: 273px;height: 59px;text-align: center;line-height: 59px;overflow: hidden;}
.cp_l h3 a{font-size: 20px;color: #fff;}
.cp_ul01 li{ padding:0 0 1px;}
.cp_ul01 li a{display: block;font-size: 16px;color: #fff;width: 253px;height: 44px;line-height: 44px;
 background:url(../images/index/cp_libg01.gif) no-repeat; padding:0 0 0 20px;}
.cp_ul01 li a:hover{background:url(../images/index/cp_libg02.gif) no-repeat;}
.cp_ul02{width: 273px; padding:2px 0;}
.cp_ul01 .cp_ul02 li a{display: block;width: 116px;float: left;font-size: 14px;color: #333; border-bottom:#e1e1e1 1px solid; 
background:none;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;height: 52px;line-height: 52px;}
.cp_ul01 .cp_ul02 li a:hover{color: #fe5732; background:url(../images/index/cp_bor.gif) no-repeat;}

.cp_r{ width:907px;}
.cp_rt{width: 131px;height: 511px;position: absolute;top: 0;right: 0; background:url(../images/index/cp_picbg01.png) repeat; padding:20px 0 0;z-index: 20;}
.cp_rt ul li{ float:left;width: 131px; padding:0 0 14px; margin:0 0 0 9px;}
.cp_rt ul li a{ font-size:14px; color:#fff; background:url(../images/index/cp_rtbg01.png) no-repeat right 0;width: 131px;height: 68px;line-height: 68px;text-align: center; display:block;}
.cp_rt ul li.on a,.cp_rt ul li a:hover{ background:url(../images/index/cp_rtbg02.png) no-repeat right 0;}

.cp01{width: 907px;height: 511px;}
.cp01 img{width: 907px;height: 511px;}
.cp02{ padding:20px 0 0;}
.cp02 ul li{ width:450px;float: left; padding:0 7px 0 0;}
.cp02 ul li img{ width:450px; height:255px;display:block;border:#ccc 1px solid;box-sizing:border-box;}
.cp02 ul li span{ display:block; width:450px; text-align:center; height:44px; line-height:44px; font-size:14px; color:#fff;
background:rgba(0,102,179,1); margin:5px 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp02 .nobor{padding: 0;}

/*广告条*/
.ban01{ background:url(../images/index/ban01.jpg) no-repeat center 0; height:150px; overflow:hidden;}
.ban01 p{position: absolute;top: 20px;right: 0;width: 380px;text-align: center;}
.ban01 p span{ display:block;  font-size:16px; color:#fff;line-height: 30px;}
.ban01 p span b{font-size: 30px;display: block; font-family:"Times New Roman", Times, serif;}
.ban01 p em{ display:block;width: 135px; margin:0 auto; padding:10px 0 0;}
.ban01 p em a,.about dl dd span a{ background:url(../images/index/ban_btn01.png) no-repeat; width:135px; height:38px;text-align: center;line-height: 38px;display: block;font-size: 14px;color: #333;}
.ban01 p em a:hover,.about dl dd span a:hover{ background:url(../images/index/ban_btn02.png) no-repeat;color: #fff;animation:shake .5s linear;-webkit-animation:shake .5s linear;}

.ban02{ background:url(../images/index/ban02.jpg) no-repeat center 0;}

/*优势*/
.ys_bg{ background:url(../images/index/ys_bg.jpg) no-repeat center top;height: 650px; padding:55px 0 0;font-size: 0;overflow: hidden;}
.ys{height: 650px;}
.ys .six_t{height: 80px; margin:0 0 45px;}
.ys dl{width: 1200px;height: 506px; overflow: hidden;}
.ys dl dt{width: 900px;height: 506px;float: left;overflow: hidden;}
.ys dl dt img{width: 900px;height: 506px;}
.ys dl dd{width: 260px;height: 430px;background: #0066b3;float: left; padding:76px 20px 0;}
.ys dl dd h5{font-size: 18px;color: #fff;height: 40px;}
.ys dl dd p{font-size: 14px;color: #fff;line-height: 24px; padding:15px 0 0;}
.ys_bot{width: 760px;position: absolute;bottom: 0;left: 100px; display:inline-block;}
.ys_bot ul li{font-size: 16px;color: #fff;font-weight: bold; background:url(../images/index/ys_tbg01.png) no-repeat;width: 130px; padding:0 0 0 30px;height: 46px;line-height: 44px;float: left;overflow: hidden; margin:0 30px 0 0;}
.ys_bot ul li:hover,.ys_bot ul li.on{ background:url(../images/index/ys_tbg02.png) no-repeat;}

/*客户见证*/
.jz{ padding:45px 0 25px;font-size: 0;}
.jz .six_t{height: 80px; margin:0 0 16px;}
.jz_m{ padding:15px 0 0;}
.jz dl{width: 1200px; background:url(../images/index/jz_bg.gif) no-repeat;height: 300px;}
.jz dl dt{width: 270px;height: 270px;float: left;overflow: hidden;padding: 15px;}
.jz dl dt img{width: 270px;height: 270px;border-radius:50%;
-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;}
.jz dl dt img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.jz dl dd{width: 720px;float: left; padding:60px 0 0 70px;}
.jz dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.jz dl dd h5 a{font-size: 16px;color: #333;}
.jz dl dd h5 a:hover{color: #0066b3;}
.jz .jz_desc{font-size: 14px;color: #333;line-height: 24px;height: 48px;overflow: hidden; padding:10px 0 0;}
.jz_bot{width: 775px; display:inline-block;position: absolute;top: 325px;left: 370px;z-index: 20;}
.jz_bot ul li{width: 140px;height: 46px;float: left; padding:0 15px 0 0;}
.jz_bot ul li a{font-size: 14px;color: #333; background:url(../images/index/jz_btn01.png) no-repeat;display: block;float: left;width: 140px;height: 46px;text-align: center;line-height: 46px;overflow: hidden;}
.jz_bot ul li a:hover,.jz_bot ul li.on a{color: #fff; background:url(../images/index/jz_btn02.png) no-repeat;}

/*合作客户*/
.hz{font-size: 0; padding:0 0 40px;}
.hz_l a{ background:url(../images/index/hz_lico01.gif) no-repeat; width:55px; height:55px; display:block;}
.hz_l a:hover{ background:url(../images/index/hz_lico02.gif) no-repeat;}
.hz_r a{ background:url(../images/index/hz_rico01.gif) no-repeat; width:55px; height:55px; display:block;}
.hz_r a:hover{ background:url(../images/index/hz_rico02.gif) no-repeat;}
.hz_l{ position:absolute; top:35px; left:-65px;}
.hz_r { position:absolute; top:35px; right:-60px;}
.hz_c{width: 1200px;overflow: hidden;}
.hz_c ul li { width:220px; float:left;overflow: hidden; margin:0 21px 20px 0;box-shadow: 0 3px 10px 3px #f3f3f3; border:#f3f3f3 1px solid;
border-radius:20px;               
-webkit- border-radius:20px;
-moz-border-radius:20px;
-o-border-radius:20px;}
.hz_c ul li img{ width:220px; height:124px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.hz_c ul li:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}

/*新闻中心*/
.news_bt{ padding:75px 0 0; margin:0 0 35px;text-align: center;}
.news_bt a{-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;width: 100%; background:url(../images/index/four_line.png) no-repeat center bottom;height: 45px;}
.news_bt a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}

.news,.wd{ width:750px;font-size: 0; padding:0 0 50px;}
.news_t,.wd_t{ background:url(../images/index/news_tbg.gif) no-repeat;height: 62px;line-height: 62px;overflow: hidden;}
.news_t ul li{width: 130px;height: 62px;float: left; background:url(../images/index/news_bor.gif) no-repeat right 24px;}
.news_t ul li a{font-size: 16px;color: #fff;display: block;float: left;width: 130px;height: 62px;text-align: center;line-height: 62px;overflow: hidden;}
.news_t ul li.on a,.news_t ul li a:hover{font-weight: bold;}
.wd_t span,.news_t span{float: right; padding:0 20px 0 0;}
.wd_t span a,.news_t span a{font-size: 14px;color: #fff;font-weight: normal;}
.news_t .nobor{ background:none;}

.news dl{ width:750px; padding:20px 0 30px; display:inline-block; overflow:hidden;}
.news dt{ width:200px;height: 150px;overflow: hidden; float:left;}
.news dt img,.about dl dt img{ width:200px; height:150px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news 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);}
.news dd{ float:left; overflow:hidden; width:495px; padding:0 0 0 35px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news dd h3 a{ font-size:18px; color:#333;font-weight: normal;}
.news dd h3 a:hover,.news_m ul li span a:hover{color: #0066b3;}
.news .news_desc{ font-size:14px; color:#797979; height:48px; line-height:24px;overflow: hidden; padding:10px 0 0;}
.news dd span{ display:block;width: 102px; padding:15px 0 0;}
.news dd span a{display: block;font-size: 14px;color: #333;width: 100px;height: 30px; border:#d6d6d6 1px solid;text-align: center;line-height: 30px;}
.news dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}

.news_m ul{ width:750px; display:inline-block; overflow:hidden;}
.news_m ul li{ height:56px; padding:20px 0 5px; border-top:#d6d6d6 1px solid; overflow:hidden; width:330px; float:left; margin:0 45px 0 0;overflow: hidden;}
.news_m ul li b{display: block;float: right;width: 11px;}
.news_m ul li b img{width: 11px;height: 21px;}
.news_m ul li em{display: block;font-size: 12px;color: #fff;float: left;width: 15px;height: 15px;text-align: center;line-height: 15px;overflow: hidden;background: #333; margin:5px 0 0;}
.news_m ul li span{display: block;float: left; padding:0 0 0 12px;width: 270px;}
.news_m ul li span a{font-size: 14px;color: #333;width: 270px;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m ul li span i{display: block;font-size: 14px;color: #858585;}

/*答疑解惑*/
.wd{ width:400px;}
.wd_t a{font-size: 16px;color: #fff; padding:0 0 0 20px;}
.wd_m{ padding:15px 0 0;}
.wd dl{ width:400px; height:118px; border-bottom:#ddd 1px solid; padding:15px 0 0;}
.wd dt{ background:url(../images/index/wen.gif) no-repeat; padding-left:35px; height:30px; line-height:25px; overflow:hidden;}
.wd dt a{ font-size:16px; color:#333;}
.wd dt a:hover{color: #fe5732;}
.wd dd{ background:url(../images/index/da.gif) no-repeat 0 5px;font-size: 14px;color: #666; padding:5px 0 0 35px; line-height:22px; height:66px; overflow:hidden;}

/*走进美诚铝业*/
.ab_bg{ background:url(../images/index/ab_bg.jpg) no-repeat center top; height:728px;font-size: 0; padding:0 0 60px; overflow:hidden;}
.about .news_bt{ padding:22px 0 0; margin:0 0 40px;}
.about dl{ width:1200px; overflow:hidden; padding:0 0 8px;}
.about dl dt{width: 797px;height: 513px;float: left;overflow: hidden;}
.about dl dt img{width: 797px;height: 513px;}
.about dl dd{ width:360px;height: 483px; float:right; padding:30px 20px 0;}
.about dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dd h5 a{ font-size:18px; color:#fff;}
.about .ab_desc{font-size: 14px;color: #fff;line-height: 28px;}
.about .ab_desc p{ padding:10px 0; text-indent:2em;}
.about dl dd span{display: block;width: 135px; margin:0 auto; padding:20px 0 0;}
.ab_bot{ display:inline-block;width: 1200px;}
.ab_bot ul li{width: 400px;height: 95px;float: left;}
.ab_bot ul li a{font-size: 18px;color: #333;width: 200px;height: 95px;float: left;display: block;line-height: 95px; padding:0 0 0 200px;}
.ab_bot .ab_li01 a{ background-image:url(../images/index/ab_k01.gif);}
.ab_bot .ab_li02 a{ background-image:url(../images/index/ab_k01.gif); background-position:-400px 0;}
.ab_bot .ab_li03 a{ background-image:url(../images/index/ab_k01.gif); background-position:-800px 0;}
.ab_bot ul li a:hover,.ab_bot ul li.cur a{ background-image:url(../images/index/ab_k02.gif);color: #fe5732;}

/*友情链接*/
.links_bg{ height:60px; background:#0066b3;line-height: 60px;overflow: hidden; width:100%;}
.links_l{font-size: 14px;color: #fff;font-weight: bold;width: 75px;}
.links_c{ width:1025px;}
.links_c a{ padding:0 15px; display:inline-block;font-size: 14px; color:#fff;}

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