﻿/*ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¸ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â¢Ãƒâ€¹Ã…â€œÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚Â ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¡ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â¢Ãƒâ€¹Ã…â€œ*/

.sTit{ width: 100%;  text-align: center; overflow: hidden; margin-top: 50px;}

.sTit em{ display: block; font-size: 40px; color: #e0e0e0; text-transform: uppercase}

.sTit h2{ font-size: 40px; color: #333333}

.sTit h2 b{ color: #714345}

.sTit p{ font-size: 25px; color: #333333;  margin-top: 3px;}





/*ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦Ãƒâ€šÃ‚Â±-start-*/

/*about*/

.about { overflow:hidden; width:100%; padding:40px 0; background:url(../images/about_bg.png) repeat center; }

.about h2{ font-weight:normal; font-size:36px; text-align:center; padding-bottom:14px; background:url(../images/about_t.png) no-repeat center bottom; margin-bottom:60px;}

.about h2 a{ color:#353535;}

.about .abox{ overflow:hidden; width:1200px; margin:0 auto; height:304px;}

.about .abox img{ display:block; float:left}

.about .wen{ overflow:hidden; float:right; width:610px; padding-right:25px;}

.about .wen p{ font-size:14px; line-height:30px; color:#353535; text-align:justify; height:210px; overflow:hidden; margin-bottom:15px; margin-top:20px;}

.about .wen a{ display:block; width:123px; height:37px; text-align:center; line-height:37px; font-size:14px; color:#555; border:2px solid #bebebe;}



/*news*/

.news { overflow:hidden; width:1200px; margin:0 auto; margin-bottom:50px; height:375px;}

.news .newslist{ overflow:hidden; float:left; width:342px; height:375px; margin-right:73px;}

.news .last{ width:370px; margin-right:0}

.news .top{ overflow:hidden; width:100%; margin-bottom:20px;}

.news .top h2{ font-size:20px; float:left; padding-left:7px; border-left:4px solid #714345;}

.news .top h2 a{ color:#714345;}

.news .top .more{ float:right; font-size:14px; color:#9b9b9b; margin-top:5px;}

.news .newslist img{ display:block; margin-bottom:25px;}

.news .listbox{ overflow:hidden; width:100%;}

.news .listbox a{ display:block; width:325px; padding-left:17px; font-size:13px; line-height:30px; color:#151515; background:url(../images/news_s.png) no-repeat 6px center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.news .wenda{ overflow:hidden; width:100%; height:340px; position:relative}

.news .wenda ul{ overflow:hidden; width:100%; position:absolute}

.news .wenda li{ display:block; height:90px; margin-bottom:20px; border-bottom:1px solid #e8e8e8;}

.news .wenda h5{ padding-left:30px; background:url(../images/news_e01.png) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:normal; font-size:15px; color:#2b2b2b; margin-bottom:15px;}

.news .wenda h5 a{ color:#2b2b2b;}

.news .wenda p{ padding-left:30px; font-size:13px; line-height:22px; color:#767676; height:44px; overflow:hidden;}

.news .wenda li:hover a{ font-weight:bold; color:#714345;}

.news .wenda li:hover h5{ background:url(../images/news_e02.png) no-repeat left center;}

/*ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦Ãƒâ€šÃ‚Â±-end-*/



.s_metalBanner a{ width: 100%; background:url("../images/s_metalBanner.jpg") no-repeat center; height: 620px; display: block;}

.topadcs_ny{width:100%; margin-bottom:0px;overflow:hidden; text-align:center;}

.topadcs_ny a{display:block;margin:0 auto;height:620px;}



/*Metal.html*/



/*ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â */

.M_kk{ overflow: hidden; width: 100%; background: url("../images/m_kkBg.png") no-repeat center; height: 695px; }

.M_kk .m_kkBox{ margin-top: 55px; overflow: hidden; height: 405px; position: relative}

.M_kk dl{ width:450px;}

.M_kk dl dt{ width: 107px;height:107px; float: right;}

.M_kk img.img{ display: block;}





/*ÃƒÆ’Ã‚Â©ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¦Ãƒâ€¦Ã‚Â½Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â»Ãƒâ€šÃ‚Â¶*/

.m_sj{ overflow: hidden; width: 100%; background-color: #fff}

.m_sj .sTit{ margin-top: 30px;}

.m_sj .dl{ width: 920px; margin: 40px auto 15px;}

.m_sj .dl dt{ width: 288px; border: 5px solid #efefef; float: left;}

.m_sj .dl dd{ float: right; width: 583px; margin-top: 20px;}

.m_sj .dl dd p{ font-size:16px; color: #3d3c3c; line-height: 37px; background: url("../images/m_jj_lx.png") no-repeat left 35px;  padding:20px 0; padding-left: 20px; text-align: justify}

.m_sj .dl dd p:first-child{ border-bottom: 1px solid #b3b3b3}

.m_sj img{ display: block;}



/*ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚ÂºÃƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒâ€šÃ‚Â*/

.m-pro{ overflow: hidden; width: 100%; background: url("../images/m_proBg.jpg") repeat center;}

.m-pro .list{ overflow: hidden; margin-top: 50px; width: 100%;}

.m-pro .list li{ float: left; width: 380px; margin-right: 30px; margin-bottom: 10px;}

.m-pro .list li.last{ margin-right: 0}

.m-pro .list li a.pro_a{ display: block; line-height: 45px; font-size: 16px; color: #000000; text-align: center;}

.m-pro .pro_img{ width: 380px; height: 324px; position: relative}

.m-pro .pro_img  img.img01{ position: absolute; right: 5px; bottom: 5px; display: block}

.m-pro .pro_next{ width: 100%; height: 100%; background: url("../images/m_pro_hBg.png") repeat center; position: absolute; top:0; left:0; display: none}

.m-pro .pro_next p{ line-height: 26px ;color: #fff; text-align: center; margin: 60px 0 15px;}

.m-pro .pro_next a.pro_more{ display: block; width: 90px; height: 24px ;border: 1px  solid #fff; text-align: center; font-size: 13px; color: #fff; line-height: 24px; margin: 0 auto;}

.m-pro .list li:hover .pro_next{ display: block}

.m-pro .list li:hover img.img01{ display: none}

.m-pro a.more{display: block;border: 3px solid #714345;line-height: 45px;height: 45px;margin: 140px auto 60px;text-align: center;font-size: 18px;color: #333;width: 230px;font-weight: bold;background: #fff;}

.m-pro a.mores{display: block;border: 3px solid #714345;line-height: 45px;height: 45px;margin: 30px auto 60px;text-align: center;font-size: 18px;color: #333;width: 230px;font-weight: bold;background: #fff;}



/*Ã¨ÂÂ£Ã¨Âªâ€°*/

.S_ry{overflow: hidden;width: 100%;padding-bottom: 60px;}

.S_ry .alnav{width: 362px;margin: 70px auto 0;height: 54px;}

.S_ry .alnav li{width:173px;height: 50px;line-height:50px;text-align: center;font-size: 18px;border: 2px solid #714345;float: left;margin: 0 2px;position: relative;}

.S_ry .alnav li a{ color: #333333;}

.S_ry .alnav li i{  display: none; background: url("../images/sPro_xjx.png") no-repeat center; width: 19px; height: 7px; position: absolute; left:50%; margin-left: -9px;bottom:-8px;}

.S_ry .alnav li a{ color: #333333;}

.S_ry .alnav li:hover, .S_ry .alnav li.cur{ background-color: #714345}

.S_ry .alnav li:hover i,.S_ry .alnav li.cur i{  display: block}

.S_ry .alnav li:hover a,.S_ry .alnav li.cur a{  color: #fff; text-decoration: none;}

.S_ry .sRyBox{ overflow: hidden; width: 1200px; height: 300px; position: relative; margin-top: 50px;}

.S_ry .sKj{ position:absolute; top:0; left:0; width: 1200px; height: 300px; display: none}

.S_ry .sKj i{ display: block;  width: 36px; height: 32px; position: absolute; top:115px;}

.S_ry .sKj i.sRyLt{background: url("../images/s_rtLt.png") no-repeat center top; left:0;}

.S_ry .sKj i.sRyRt{background: url("../images/s_rtRt.png") no-repeat center top; right:0;}

.S_ry .ryBox{width: 1050px;margin: 0 auto;height: 300px;position: relative;overflow: hidden;}

.S_ry .list { position: absolute; top:0; left:0}

.S_ry .list li{ width: 190px; float: left; margin-right: 25px;}

.S_ry .list li img{ display: block; margin: 0 auto; border: 1px solid #ab9aa0;}

.S_ry .list li span{ display: block; text-align: center; line-height: 30px; font-size: 14px; color: #000; margin-top: 5px;}

.S_ry .sKj i:hover{ background-position: bottom; cursor: pointer}

.S_ry .sKj:first-child{ display: block}



/*ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â¥Ãƒâ€šÃ‚Â¢ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢--*/

.s_banner a{ width: 100%; background:url("../images/s_banner.jpg") no-repeat center; height: 620px; display: block;}



/*ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¼Ãƒâ€¹Ã…â€œÃƒÆ’Ã‚Â¥Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¿*/

.s_ys{ overflow: hidden; width: 100%;background-color: #fff; }

.s_ys .sYsBox{ overflow: hidden; margin-top: 40px; width: 100%;}

.s_ys .box1{ overflow: hidden; width: 100%;}

.s_ys .bg01{ background: url("../images/s_ys0_01.jpg") no-repeat center; height: 426px}

.s_ys .bg02{ background: url("../images/s_ys0_02.jpg") no-repeat center; height: 464px}

.s_ys .bg03{ background: url("../images/s_ys0_03.jpg") no-repeat center; height: 438px}

.s_ys .bg04{ background: url("../images/s_ys0_04.jpg") no-repeat center; height: 452px}

.s_ys .wen{ width: 430px;  margin-top:150px; margin-left: 135px; margin-right: 30px;}

.s_ys .wen h3{ font-size: 25px;color: #000; font-weight: normal; margin-bottom: 15px;}

.s_ys .wen h3 b{ font-size: 32px; color: #714345;}

.s_ys .wen p{font-size: 16px;color: #3d3c3c;line-height: 24px;margin-top: 5px;  text-align: justify}

.s_ys .ysPhone{ background: url("../images/sys_Bg.jpg") no-repeat center; width: 227px; height: 114px; padding-left:80px; font-size: 16px; color: #000; margin-top: 10px;}

.s_ys .ysPhone  b{ font-size: 25px; color: #714345; display: block; margin-top: 5px;}

.s_ys .yslast{ margin-top: 80px;}

.s_ys a.more{ display: block; width: 160px; margin-top:18px;}

.s_ys .ysone{ margin-top: 130px;}

.s_ys .ysThree{ margin-top: 110px;}





/*ÃƒÆ’Ã‚Â¨Ãƒâ€šÃ‚Â£ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â©Ãƒâ€šÃ‚Â¥Ãƒâ€šÃ‚Â°ÃƒÆ’Ã‚Â¦Ãƒâ€šÃ‚ÂÃƒâ€šÃ‚Â¿*/

.s_zs{overflow: hidden;width: 100%;background: url("../images/s_szBg.jpg") repeat-x center top;padding-bottom: 20px;}

.s_zs a.more{ width: 380px; margin: 0 auto; margin-top:30px; display: block}

.s_zs  img{ display: block}

.s_zs  .sTit p{ font-size: 16px; margin-top: 5px; line-height: 22px;}





/*ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚Â¼Ãƒâ€¹Ã…â€œÃƒÆ’Ã‚Â¥Ãƒâ€¦Ã‚Â Ãƒâ€šÃ‚Â¿*/

.s_ys_3d{ overflow: hidden; width: 100%; background: url("../images/m_proBg.jpg") repeat center; padding-bottom: 30px}

.s_ys_3d .sYsCon{ overflow: hidden; width: 1200px; margin-top: 40px;}

.s_ys_3d .sYsConLt{width: 857px;background: url("../images/sYs_Bg_bg.png") no-repeat center bottom;float: left;height: 692px;}

.s_ys_3d .ltBoxCon{background: #fff;width:827px;height: 670px;padding: 0 15px;overflow: hidden;display: none;}

.s_ys_3d .ltBoxCon dt{ margin: 15px 0}

.s_ys_3d .ltBoxCon dt img{ display: block}

.s_ys_3d .ltBoxCon dd{ width: 100%; position: relative}

.s_ys_3d .ltBoxCon dd h3{width: 100%;position: relative;font-size: 31px;margin-top: 18px;color: #714345;}

.s_ys_3d .ltBoxCon dd p{width: 570px;line-height: 25px;overflow: hidden;font-size: 16px;color: #3d3c3c;margin-top: 7px;}

.s_ys_3d .ltBoxCon dd a.more{ position: absolute; right: 20px; top:20px; width:160px; display: block;}

.s_ys_3d .listYs{ float: right; width: 326px;}

.s_ys_3d .listYs li{width: 320px;height: 200px;border: 3px solid #f0f0f0;margin-top: 26px;position: relative;}

.s_ys_3d .listYs li span{ display: block; width: 100%; background: url("../images/sYs_zheBg.png") repeat center; font-size: 20px; padding: 10px 0; text-align: center; color: #fff; position:absolute; left: 0; bottom: 0}

.s_ys_3d .listYs li:hover,.s_ys_3d .listYs li.cur{ border-color: #714345}

.s_ys_3d .listYs li:first-child{ margin-top: 0}

.s_ys_3d .ltBoxCon:first-child{ display: block}



/*ÃƒÆ’Ã‚Â¤Ãƒâ€šÃ‚ÂºÃƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¥ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒâ€šÃ‚Â*/

.s_pro{ background: #fff;}

.s_pro .proShowNav{ width: 260px; margin:25px auto 0; height: 54px;}/*width:520px*/

.s_pro .proShowNav li{width: 254px;height: 50px;line-height:50px;text-align: center;font-size: 18px;border: 2px solid #714345;float: left;margin: 0 1px; position: relative}

.s_pro .proShowNav li a{ color: #333333;}

.s_pro .proShowNav li i{  display: none; background: url("../images/sPro_xjx.png") no-repeat center; width: 19px; height: 7px; position: absolute; left:50%; margin-left: -9px;bottom:-8px;}

.s_pro .proShowNav li a{ color: #333333;}

.s_pro .proShowNav li:hover, .m-pro .proShowNav li.cur{ background-color: #714345}

.s_pro .proShowNav li:hover i, .m-pro .proShowNav li.cur i{  display: block}

.s_pro .proShowNav li:hover a, .m-pro .proShowNav li.cur a{  color: #fff; text-decoration: none;}

.s_pro .SPro{ width:1200px; height: 635px; position: relative; margin-top: 45px;}

.s_pro .SPro .sProList{ margin-top: 0; position:absolute; top:0; left:0; display: none}

.s_pro .SPro .sProList:first-child{ display: block}





/*pro*/

.SPvc{background: url("../images/m_proBg.jpg") repeat center; width: 100%; overflow: hidden}

.SPvc .sDivImg{ margin-top:50px; position: relative}

.SPvc .pvcPhone {background: url("../images/m_PhoneBg.jpg") no-repeat center;width: 408px;height: 100px;overflow: hidden;margin: 30px auto 50px;padding: 0 30px;padding-top: 50px;}

.SPvc .pvcPhone h4{background: url("../images/s_pvc_phone.png") no-repeat left center;padding-left: 49px;font-size: 16px;color: #fff;font-weight: normal;float: left;}

.SPvc .pvcPhone p{ font-size: 26px; font-weight: bold}

.SPvc .pvcPhone a.img-a{ display: block; width: 162px; float: right}



/*Ã¦Â¡Ë†Ã¤Â¾â€¹*/

.S_al{  overflow: hidden; width: 100%; background: #fff; padding-bottom: 60px;}

.S_al .alnav{width: 543px;margin:25px auto 0;height: 54px;}

.S_al .alnav li{width:173px;height: 50px;line-height:50px;text-align: center;font-size: 18px;border: 2px solid #714345;float: left;margin: 0 2px;position: relative;}

.S_al .alnav li a{ color: #333333;}

.S_al .alnav li i{  display: none; background: url("../images/sPro_xjx.png") no-repeat center; width: 19px; height: 7px; position: absolute; left:50%; margin-left: -9px;bottom:-8px;}

.S_al .alnav li a{ color: #333333;}

.S_al .alnav li:hover, .S_al .alnav li.cur{ background-color: #714345}

.S_al .alnav li:hover i,.S_al .alnav li.cur i{  display: block}

.S_al .alnav li:hover a,.S_al .alnav li.cur a{  color: #fff; text-decoration: none;}

.S_al .sAlBox{ overflow: hidden; width: 1200px; height: 601px; margin-top: 40px; position: relative}

.S_al .sAlCon{ width: 1200px; height: 601px; position: absolute; top:0; left:0}

.S_al .divBox{  width: 872px; height: 601px; position: relative; float: left;}

.S_al .alLtBox{width: 872px;height: 601px;float: left;position: relative;}

.S_al .ltBoxCon{  width: 872px; height: 601px; position: absolute; top:0; left:0;display: none;}

.S_al img.imgBtn{ display: block; position: absolute; top:225px; cursor: pointer}

.S_al img.imgAlLt{ left:10px;}

.S_al img.imgAlRt{ right:10px;}

.S_al img.alImg_top{ position: absolute; top:13px; right: 13px;border: 2px solid #fff;}

.S_al .wen{ width: 90%; padding:20px 5%; background: url("../images/sAl_zheBg.png") repeat center; position: absolute; left:0; bottom: 0;}

.S_al .wen h3{ font-size: 30px; color: #fff; margin-bottom: 10px;}

.S_al .wen h3 a{ color: #fff}

.S_al .wen p{ line-height: 24px; font-size: 16px; color: #fff;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}

.S_al .sAlRtBox{ float: right; background-color: #e9e9e9; width: 306px; height: 601px;}

.S_al .list{ margin-top: 25px; padding:0 19px;}

.S_al .list li{ float: left; border: 3px solid #e9e9e9; margin-right: 14px; margin-bottom: 13px}

.S_al .list li img{ display: block}

.S_al .list li.last{ margin-right: 0}

.S_al .sAlRtBox a.al_a{font-size: 18px;font-weight: bold;width: 228px;height: 45px;border: 2px solid #714345;text-align: center;line-height: 45px;display: block;margin: 0 auto;color: #333;background: #fff;}

.S_al .list li:hover, .S_al .list li.cur{ border-color: #ef9326}

.S_al .ltBoxCon:first-child{ display:block}





/*Ã§â€¢â„¢Ã¨Â¨â‚¬*/

.s-Ly {overflow:hidden;width:1300px;height:431px;margin:0 auto 50px;background:url(../images/S_LyBg.jpg) no-repeat center;position: relative;left: -15px;}

.s-Ly .wen{ overflow:hidden; float:right; margin-right:104px; margin-top:30px; width:480px;}

.s-Ly h2{ font-size:24px; color:#fff; margin-bottom:10px;}

.s-Ly input { border:none; outline:none; display:block; padding-left:55px; height:44px; width:425px; line-height:44px; font-size:13px; color:#313131; margin-bottom:4px;}

.s-Ly .name{ background:url(../images/ly01.png) no-repeat left center; background-color:#fff;}

.s-Ly .phone{ background:url(../images/ly02.png) no-repeat left center; background-color:#fff;}

.s-Ly .email{ background:url(../images/ly03.png) no-repeat left center; background-color:#fff;}

.s-Ly textarea{ border:none; outline:none; resize:none; display:block; padding:10px; padding-left:55px; height:107px; width:415px; font-size:13px; color:#313131; margin-bottom:4px; background:url(../images/ly05.png) no-repeat left center; background-color:#fff;}

.s-Ly span{ display:block; width:156px; height:54px; text-align:center; line-height:54px; font-size:18px; color:#8d4306; font-weight:bold; float:left; margin-right:4px; background-color:#e3e41c;}

.s-Ly span img{ margin-left:5px; position:relative; top:3px;}

.s-Ly a.more{position: absolute;display: block;width: 361px;height: 56px;left: 275px;top: 344px;}

.s-Ly  a.ly{ display: block;}

