@charset "utf-8";
:root{--color:#0259AB}
#portfolio .container-fluid{width:1170px}
#portfolio .portfolio-box{padding:5px}
.parallax-image{background-image:url(/Content/File_Img/tytsteelpipes.com/201812121044389824921.jpg)!important}
.navbar-brand.page-scroll{height:100%;box-sizing:border-box}
.navbar-brand.page-scroll img{height:100%}
.folef p{font-size:17px;margin-bottom:5px}
img.foqrcode{margin:10px 0 25px}
.foot .foot-box li:nth-of-type(4) .foshare img{width:auto}
.nav>li>ul{top:100%}
.navbar-nav{margin-top:45px}
.navbar-default .navbar-header .navbar-brand{padding:10px 0 0}
.main{overflow:hidden;padding:0;padding-left:30px}
@media screen and (min-width:769px){.contact-item{width:33.3%}}
.bannervideo video{display:block;width:100%}
.adv-item article{word-break:initial}
@media(max-width:1441px){.news-img img{height:330px}}
.about-con{position:relative;background:#fff;color:#000}
.about article{color:#000}
div.application,div.customer{width:100%}
.customer .cus-swiper{margin-top:50px}
.customer{padding:50px 0}
.customer .swiper-container ul li{display:block}
.customer ul li img{width:100%}
.customer .swiper-container ul li p{padding:15px;text-align:center;font-size:20px}
.customer .swiper-button-next,.customer .swiper-button-prev{background:rgba(0,0,0,.5)}
@media(max-width:768px){.customer{padding:20px 0}}
.head-top .top-left{margin-left:auto}
.slogen{line-height:44px;margin-left:-60px}
@media(max-width:1365px){.slogen{margin-left:0}}
.news-item:first-of-type,.news-item:nth-of-type(2),.news-item:nth-of-type(3){width:31%;height:auto;flex-direction:column}
.news-list{height:auto;display:flex;justify-content:space-between;flex-direction:row}
.news-img{padding-bottom:100%;height:0;position:relative}
.news-img a{position:absolute;height:100%;width:100%;display:flex;left:0;top:0;align-items:center;justify-content:center}
@media(max-width:768px){.news-item:first-of-type .news-img,.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{width:100%}
.news-item{height:auto!important}}
.adv-item article,.adv-t{color:#000}
iframe{max-width:100%}
.about .about-img iframe{width:100%;height:100%;display:block;max-height:inherit}
.about .about-con{padding:50px 90px}
.about ul li{position:relative;padding-left:40px;line-height:1.7}
.about .about-sel{position:absolute;left:0;top:-2px}
@media screen and (max-width:1500px) and (min-width:1151px){.about .about-con,.about .about-img{width:50%}
.about .about-con{padding:40px 60px}}
@media screen and (max-width:1500px){.about .about-img{max-height:100%}}
@media screen and (max-width:1150px){.about .about-img iframe{height:590px}}
@media screen and (max-width:768px){.about .about-img iframe{height:100%}
.about .about-con{padding:66vw 4vw 4vw}
.about .about-img{max-height:inherit;width:100%;left:0;padding:0 4vw;box-sizing:border-box;height:62vw}}
@media(max-width:1500px){.about .about-img{max-height:unset}
.about .about-con,.about .about-img{width:50%}
.about .about-con{padding:30px}
.about-tip{margin-bottom:10px}
.about .about-con .about-title{font-size:30px;line-height:1.2}
.about article{margin:10px 0;line-height:1.5}
.about .more-btn{height:auto;margin-top:0;line-height:40px}}
@media(max-width:1200px){.about .about-con,.about .about-img{width:100%}
.about .about-img{max-height:500px}}
.bottom-wrap{margin-bottom:20px}
.prolist-top{display:none}
.about{margin-top:50px}
.about .about-con{padding-top:0}
.chose{width:100%!important;padding:50px 0 0}
.chose ul{margin:0 auto;max-width:1000px;margin-top:30px}
.chose ul li{background:0 0}
.contact-welcome{background:#000;color:#fff;width:100%;height:200px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600}
.contact-container{display:flex;margin-top:30px}
.contact-container>div{width:50%}
.contact-container .left{font-weight:500;padding-left:5%;box-sizing:border-box}
.contact-map{margin-top:30px}
.contact-container .right .inquiry-form input{border:1px solid #ddd}
.contact-container .right .inquiry-form textarea{border:1px solid #ddd}
.contact-container h3{font-size:24px;margin-bottom:20px}
.contact-container #in-title,.contact-container .right #in-company,.contact-container .right #in-phone{display:none}
.contact-container .right #feedbackForm .send-btn{width:100%;margin-left:0;transform:none}
@media(max-width:768px){.contact-container{display:block}
.contact-container>div{width:100%}
.contact-container .left{padding-left:0}}
.btn-list .LayImAhrefNode{background:#f47923}
.contact-container .left{margin-right:5%;position:relative}
.bosspic{position:absolute;width:120px;right:0;top:100px}
.contact-welcome{height:auto;background:url(/js/10131/welcomebg.jpg);padding:100px 15px;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}
.contact-welcome p:nth-child(1){font-size:36px;font-weight:700;margin-bottom:0}
.contact-welcome p:nth-child(2){font-size:18px;text-align:center}
.top-text{font-size:24px;color:#000;font-weight:700}
@media(max-width:768px){.contact-welcome p:nth-child(1){font-size:24px}
.contact-welcome p:nth-child(2){font-size:16px}
.bosspic{position:static;width:100%}}
.chose{background:url(/js/10131/chosebg.jpg) no-repeat;background-size:cover;margin-top:50px;position:relative}
.chose:before{background:rgba(0,0,0,.6);position:absolute;content:'';top:0;left:0;width:100%;height:100%}
.chose,.chose p{color:#fff;position:relative}
.chose .chose-list{max-width:1600px;margin:50px auto;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}
.chose .chose-list .list-items{width:30%;padding:0 15px;box-sizing:border-box}
.chose{padding:100px 0}
.chose .chose-list svg{fill:#fff;width:40px}
.chose .chose-list .list-items>.icon{width:80px;height:80px;margin:0 auto;background:#0078d7;border-radius:50%;display:flex;align-items:center;justify-content:center}
.chose .chose-list .list-items h3{font-size:20px;margin:15px auto;text-align:center}
.chose .chose-list .list-items p{text-align:center;line-height:1.6}
@media(max-width:768px){.chose .chose-list .list-items{width:100%;margin-bottom:15px}
.chose{padding:7.6666666667vw 0}
.chose .chose-list{margin:0}}
.tcont{display:none}
.foot-letter .send-letter .eput{height:36px;padding:0 10px;margin:0 0 10px;display:block}
.foot-letter .send-letter .fottxt{height:90px;background:#20232c;color:#fff;border:1px solid #505050;box-sizing:border-box;width:280px;padding:8px 10px;resize:none;outline:0;transition:border .3s ease}
.foot-letter .send-letter textarea:focus{border:1px solid #0078d7}
.foot-letter .send-letter .ebtn{border:none}
@media(max-width:1380px){.foot-letter .send-letter .fottxt{width:240px}}
@media(max-width:768px){.foot-l .foot-letter{display:block}
.foot-letter .send-letter .eput,.foot-letter .send-letter .fottxt{width:100%}
.tcont{display:block;margin:0 auto 0 20px}
.tcont p:first-child{margin-bottom:5px}
.head-logo{margin:0;width:auto;min-width:inherit}}
@media(max-width:500px){.head-logo img{height:37px}
.tcont{font-size:14px;margin-left:14px}}
@media(max-width:300px){.tcont{display:none}}
.common-main article p{margin-bottom:2px}
.head-nav>ul .submenu{display:block}
.pro-btn{background:#f17b1a}
.banner img{display:none}
.banner{min-height:inherit;background:#eee;height:auto}
.banner-wrap{position:static;padding:25px 15px;box-sizing:border-box}
.banner-title{color:#0078d7}
.bPosition a,.bPosition span{color:#222}
@media (max-width:560px){.banner-title{margin-bottom:8px}
.banner-wrap{padding:15px}}