@charset "utf-8";

/*banner*/
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left: 0; font-size:0;bottom: 5%;width: 100%;text-align: center;outline: none;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 21px;height: 21px;border-radius: 21px;margin-right:12px; display: inline-block;background: #fff;outline: none;
}
.slick-dots .slick-active button {background: #fed200;}
.banner .slick-arrow{display: none!important;}


.til01{text-align: center;color: #313131;font-size:48px;line-height:66px;font-family: "Microsoft Yahei";clear: both;display: block;height:126px;white-space: nowrap;}
.til01 p{display: block;font-size:22px;line-height:38px;font-weight: normal;opacity: 0.8;}
.til01 a{color: #313131;}
.til02,.til02 a{color: #fff;}

/* 引子 */
.webox{font-family:"Microsoft Yahei";position: relative;font-size: 18px;line-height: 30px;padding: 98px 0 0;height:848px;}
.webox_c{height:546px;}
.webox_w{width:482px;}
.webox_w h3{font-size: 48px;font-weight: normal;color: #000;height:188px;border-bottom: 1px dotted #5e5e5e;line-height: 52px;margin-bottom:22px;}
.webox_w h3 b{color: #164b93;}
.webox_w h3 span{display: block;font-weight: normal;font-size: 22px;line-height: 46px;padding: 15px 0 0;}
.webox_wc{height: 232px;}
.webox_wc span{height: 90px;font-weight: bold;display: block;}
.webox_p,.webox_p img{width:600px;height:490px;display: block;overflow: hidden;}
.more01 a{display: block;width: 144px;line-height:47px;background: #0055a5;text-align: center;color: #fff;font-size: 16px;letter-spacing: 4px;}
.more01 a:hover{font-size: 18px;font-weight: bold;}

.webox_l{height: 218px;background: #fff;box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);font-size: 18px;line-height: 30px;color: #000;}
.webox_l li{float: left;padding:32px 0 0 50px;height:218px;width: 300px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;position: relative;z-index: 1;}
.webox_l li:nth-child(3){padding-left: 30px;}
.webox_l li:before{content: "";position: absolute;width:1px;height:146px;background: #ccc;top:37px;left:0;z-index: -1;}
.webox_l li:first-child:before{width: 0;height: 0;}
.webox_l li:after{content: "";position: absolute;width:100%;height:0;background:#0055a5;top:0;left:0;z-index: -1;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox_l li span{display: block;width: 60px;height: 66px;}
.webox_l li p b{display:block;font-size:26px;line-height: 38px;font-weight: normal;}
.webox_l li:hover span{background-position: 0 bottom!important;}
.webox_l li:hover{color: #fff;}
.webox_l li:hover span b{color: #00589c;}
.webox_l li:hover:after{height: 218px;}

/*加工基地*/
.guara{clear: both;font-size: 14px;line-height: 20px;font-family:"Microsoft Yahei";}
.guara_c dl{float: left;width: 24.625%;margin: 0 0.5% 0 0;position: relative;}
.guara_c dl:before{content: "";position: absolute;width:100%;height:100%;background: #0055a5;top:0;left:0;opacity: 0;}
.guara_c dl img{width: 100%;display: block;}
.guara_c dl:last-child{margin: 0;}
.guara_c dd.guara_ct{position: absolute;left:7.63%;width: 40.6%;max-width: 200px;top: 1.65rem;display: block;}
.guara_c dd.guara_cz{position: absolute;left:3.5%;width:93%;bottom: 1rem;display: none;color: #fff;}
.guara_c dd.guara_cz .guara_w{height: 214px;padding: 0 1rem;}
.guara_c dd.guara_cz .guara_w h3{height:52px;font-size: 24px;line-height: 52px;font-weight: normal;white-space: nowrap;}
.guara_c dd.guara_cz .guara_w li{position: relative;padding: 0 0 0.7rem 24px;opacity: 0.6;}
.guara_c dd.guara_cz .guara_w li:before{content: "";position: absolute;width:4px;height:4px;top:7px;left:0;border: solid 3px #fff;border-radius: 100%;}
.guara_c dl:hover:before{opacity: 1;}
.guara_c dl:hover dd.guara_cz{display: block;}

@media screen and (max-width: 1440px) {
.guara_c dd.guara_ct{width:39%;top:0.9rem;display: block;}
.guara_c dd.guara_cz .guara_w li{padding-bottom: 0.3rem;}.guara_c dd.guara_cz .guara_w h3{height:48px;font-size: 22px;line-height: 48px;}
}

/*产品中心*/
.probox{clear: both;padding:92px 0;line-height:24px;font-family:"Microsoft Yahei";position: relative;z-index: 1;color: #1a1a1a;font-size: 18px;}
.prod1_c{background:url(/css/../images/pro_gg1.jpg) no-repeat center 0;padding-top: 337px;}
.prod2_c{background:url(/css/../images/pro_gg2.jpg) no-repeat center 0;padding-top: 337px;}
.pro_til,.new_t{height:68px;overflow: hidden;text-align: center;font-size: 22px;line-height: 46px;color: #fff;}
.pro_til li,.new_t span{float: left;width: 181px;height: 46px;background: #131820;margin-left:6px;}
.pro_til li a,.new_t span a{color: #fff;display: block;}
.pro_til li.cur,.pro_til li:hover,.new_t span.cur,.new_t span:hover{background: #0055a5;}
.pro_til li:first-child,.new_t span:first-child{margin-left: 416px;}
.prod_wc{background: #fff;box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.05);padding: 44px 98px 0;height: 504px;}
.prod_wz{height: 254px;}
.prod_wz p{height: 100px;position: relative;}
.prod_wz p:before{content: "";position: absolute;width:38px;height:2px;background: #0055a5;top:74px;left:0;}
.prod_wz span{display: block;font-size: 16px;line-height: 28px;}
.prod_wz b{display: block;color: #0055a5;line-height: 32px;}
.prod_wz li{float: left;padding-left:22px;width:294px;position: relative;font-size: 14px;white-space: nowrap;}
.prod_wz li:before{content: "";position: absolute;width:4px;height:4px;top:10px;left:0;border: solid 2px #0055a5;border-radius: 100%;}

.prod_wl{clear:both;}
.prod_wl li{width:237px;height:177px;float: left;margin:0 16px 0 0;position: relative;}
.prod_wl li:last-child{margin: 0;}
.prod_wl li p,.prod_wl li p img{width:237px;height:177px;display: block;overflow: hidden;}
.prod_wl li span{display: block;width:237px;line-height:47px;height:47px;font-size: 18px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;position: absolute;left: 0;top: 146px;background: #f1f1f1;text-align: center;}
.prod_wl li:hover span,.prod_wl li:hover span a,.prod_wl li span a:hover{background: #0055a5;color:#fff;}

/* 定制碳钢管 */
.cust{font-family:"Microsoft Yahei";line-height:26px;font-size: 16px;background:url(/css/../images/custbg.jpg) no-repeat center 127px;color: #4c401b;}
.cust_c{height: 796px;}
.cust_cr{width:700px;padding:47px 0 0;position: relative;}
.cust_cr:before{content: "";position: absolute;width:1px;height:632px;top:48px;left:298px;background: rgba(0, 0, 0, 0.1);z-index: 1;}
.cust_cr dl{padding:25px 62px 0 75px;width:700px;height:170px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border-radius: 0 90px 90px 0;position: relative;}
.cust_cr dl:before{content: "";position: absolute;width:4px;height:10px;top:25px;left:298px;background:#0156a5;}
.cust_cr dt p,.cust_cr dt p img{width:283px;height: 90px;display: block;overflow: hidden;}
.cust_cr dd{display: block;float: left;width: 220px;}
.cust_cr dd span,.case_t li span{width: 123px;height: 123px;display: block;position: relative;overflow: hidden;}
.cust_cr dd span i,.case_t li span i{width:123px;height: 123px;position: absolute;display: block;top:0;left:0;}
.cust_cr dd span i.default,.case_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.cust_cr dd span i.hover,.case_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.cust_cr dl:hover{color: #e53100;}
.cust_cr dl:hover dd span .default,.cust_cr dl.cur dd span .default,.case_t li:hover span .default,.case_t li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.cust_cr dl:hover dd span .hover,.cust_cr dl.cur dd span .hover,.case_t li:hover span .hover,.case_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.cust_cr dt{width:283px;float: right;}
.cust_cr dt span{font-size:20px;line-height: 20px;color: #282828;}
.cust_cr dl:hover,.cust_cr dl.cur{background: #0055a5;}
.cust_cr dl:hover:before,.cust_cr dl.cur:before{background: #fff;}
.cust_cr dl:hover dt span,.cust_cr dl.cur dt span{color: #fff;}
.cust_cr dl:hover dt img,.cust_cr dl.cur dt img{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border: solid 2px #fff;}
.cust_cl{width: 500px;padding: 580px 0 0;}
.cust_wz{background: #fff;width: 376px;height: 128px;box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);padding: 28px 38px 0 62px;position: relative;}
.cust_wz:before{content: "";position: absolute;width:3px;height:88px;top:36px;left:32px;background:#0055a5;}

.cust_l{clear: both;padding: 74px 0 0;height: 347px;}
.cust_l h3{font-size: 48px;height: 92px;line-height: 92px;position: relative;background:url(/css/../images/ico01.png) no-repeat right 39px;}
.cust_l h3 span{float: right;font-weight: normal;font-size: 32px;line-height: 36px;padding-right: 54px;color:#4c401b;display:block;}
.cust_l h3:before{content: "";position: absolute;width:794px;height:1px;top:63px;left:204px;background:#929292;}
.cust_l h3 a,.cust_lc li span a{color:#282828;}
.cust_lc li{width: 186px;float: left;margin: 0 16px 0 0;text-align: center;}
.cust_lc li:last-child{margin: 0;}
.cust_lc li p,.cust_lc li p img{width: 186px;height: 140px;display: block;overflow: hidden;}
.cust_lc li span{font-size: 20px;line-height: 50px;display: block;}

/* 案例 */
.casebox{font-family:"Microsoft Yahei";padding:97px 0 0;line-height: 24px;color: #333;background:url(/css/../images/casebg.jpg) no-repeat center bottom #f1f1f1;height:870px;}
.case_t{height:212px;line-height: 48px;}
.case_t h2{float: left;font-size: 48px;line-height: 58px;color: #000;}
.case_t h2 a{color: #000;}
.case_t h2 p{display: block;font-weight: normal;position: relative;padding-left:20px;line-height: 66px;font-size: 22px;}
.case_t h2 p:before{content: "";position: absolute;width:6px;height:24px;top:22px;left:0;background:#0055a5;}
.case_t ul{float: right;height: 107px;border-bottom: 1px solid #bbb;}
.case_t li{height:87px;float: left;width: 120px;text-align: center;padding: 20px 0 0;line-height: 50px;}
.case_t li span,.case_t li span i{width: 50px;height: 38px;margin: 0 auto;}
.case_t li a{color: #000;}
.case_t li.cur{background: #0055a5;color: #fff;}
.case_t li.cur a{color: #fff;}

.case_cl{height: 588px;}
.case_ct{height: 115px;text-align: center;clear: both;}
.case_ct em{width: 7px;height: 7px;border-radius: 7px;background: #666;border: solid 4px #f1f1f1;margin: 0 0 0 28px;display: inline-block;}
.case_ct em:first-child{margin: 0;}
.case_ct em.cur{background:#0055a5;border-color: #0055a5;}
.case_c dl{position: relative;z-index:2;width:1200px;height: 515px;z-index: 1;}
.case_c dt,.case_c dt img{width:740px;display: block;overflow: hidden;float: right;height: 521px;}
.case_c dd{width:410px;float: left;}
.case_cw p{padding: 0 0 40px;}
.case_cw span{display: block;font-weight: bold;line-height: 26px;}
.case_c dd h3{display: block;font-size:22px;line-height:22px;height:58px;}
.case_c dd h3 a{color: #000;}
.more02 a{width: 181px;line-height: 52px;font-size: 14px;}


/*合作流程*/
.tec_p{clear: both;line-height:26px;padding:81px 0 0;font-size: 16px;color: #9a9fa4;font-family:"Microsoft Yahei";background:#0055a5;height:322px;}
.tec_p h2{float: left;background:url(/css/../images/ico02.png) no-repeat 0 0;padding:66px 0 0;font-size: 48px;line-height: 58px;color: #fff;width: 300px;}
.tec_p h2 a{color: #fff;}
.tec_p h2 p{font-weight: normal;display: block;font-size: 22px;line-height: 35px;}
.tec_pc{width:900px;position: relative;}
.tec_pc:before,.tec_pc:after{content: "";position: absolute;width:400px;height:1px;top:235px;right:0;background:rgba(255, 255, 255, 0.4);}
.tec_pc:before{left: 0;}
.tec_pl{background: #fff;height: 200px;}
.tec_pl li{float: left;position: relative;padding: 48px 27px 0;height: 152px;min-width: 150px;white-space: nowrap;}
.tec_pl li:last-child{padding-right: 0;}
.tec_pl li span{display: block;font-size: 48px;height: 49px;color: #9a9fa4;}
.tec_pl li p b{display: block;font-size:24px;color: #000;line-height: 33px;font-weight: normal;}
.tec_pl li:before{content: "";position: absolute;width:1px;height:106px;top:48px;left:0;background:#cacaca;}
.tec_pl li:first-child:before{width: 0;height: 0;}

.prev1,.next1{width:26px;height:26px;cursor: pointer;z-index: 11;top:222px;right:414px;}
.prev1{left:414px;}

/*资讯*/
.newbox{line-height:24px;padding:84px 0 0;height:953px;color: #666;overflow:hidden;}
/*.new_t{height:80px;text-align: center;font-size: 24px;color: #252525;line-height: 46px;}*/
/*.new_t span{display: inline-block;padding: 0 28px;}*/
/*.new_t span a{color: #252525;}*/
/*.new_t span.cur a{border-bottom: 2px solid #164b93;color: #164b93;}*/

.new_g{width: 551px;height: 600px;}
.new_g dl{width:551px;height: 430px;}
.new_g dd{position: relative;padding:12px 0 0;}
.new_g dt,.new_g dt img{width:551px;height:278px;overflow: hidden;}
.new_g dd h4{font-size: 22px;line-height: 63px;}
.new_g dd h4 a{display: block;color: #2a2a2a;}
.new_g dd h4 em{display: block;color: #164b93;width: 55px;text-align: center;font-size: 16px;font-weight: normal;border: solid 1px #164b93;float: left;margin: 18px 13px 0 0;line-height: 24px;}
.new_g li{height: 30px;line-height: 30px;padding: 0 0 0 22px;position:relative;}
.new_g li:before{content: ">";position: absolute;width:19px;height:30px;top:0;left:0;color:#666;line-height:30px;font-size:16px;}
.new_g li a{color: #666;}
.new_g li span{float: right;}
.new_l{width: 547px;height:560px;overflow: hidden;padding-left: 50px;border-left: 1px solid #e0e0e0;height: 550px;}
.new_l li{height:110px;border-bottom: 2px solid #f0f0f0;margin-bottom: 32px;}
.new_l li b{width: 66px;float: right;padding: 8px 0 0;font-size: 24px;color: #a4a4a4;line-height: 58px;text-align:right;}
.new_l li p{width: 408px;padding-left: 37px;position: relative;}
.new_l li p:before{content: "";position: absolute;width:19px;height:3px;top:9px;left:0;background:#666;}
.new_l li p span{display: block;height: 32px;line-height: 26px;font-weight: bold;font-size: 18px;}
.new_l li p span a{color: #222;}
.new_l li:hover p:before{background: #164b93;}
.new_l li:hover a{color: #164b93;}
.new_c .more01{text-align:center;}
.new_c .more01 a{margin: 0 auto;font-size: 18px;}
.new_c1{height: 680px;}

/*关于*/
.about{position: relative;z-index: 1;color: #3b3b3b;text-align: center;background:url(/css/../images/about_pic.jpg) no-repeat center 0;height: 634px;}
.about h2{height:250px;padding:189px 0 0;position: relative;}

/*友情链接*/
.link{height:78px;line-height:78px;position: relative;z-index: 9;width:100%;font-size: 16px;border-top: 1px solid rgba(255, 255, 255, 0.4);color: #fff;background: url(/css/../images/footbg.jpg) no-repeat center bottom;}
.link_c{width:1200px;overflow: hidden;opacity: 0.8;margin: 0 auto;white-space: nowrap;}
.link_c a{color: #fff;padding: 0 36px 0 0;}



.prod_wl li p img, .cust_lc li p img, .case_c dt img, .new_c1 dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prod_wl li:hover p img, .cust_lc li:hover p img, .case_c dl:hover dt img, .new_c1 dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}