#mk-web-bar{
    /*width: 100%;*/
    min-height: 100vh;
    min-width: 1080px;
    background-color: #f2f2f2;
    overflow: hidden;
}
.offdisplay{
    display: none !important;
}
.p-0{
    padding: 0 !important
}
.m-0{
    margin: 0 !important;
}
.sp-m li{
    margin: 0 !important;
}
.transition-3{
    transition: all 0.3s;
}
.float-left-item{
    float: left;
}
.container{
    min-width: 1140px;
}
.d-flex{
    display: flex;
}
.d-justify-between{
    justify-content: space-between;
}
.d-justify-center{
    justify-content: center;
}
.d-algin-center{
    align-items: center;
}
.text-16{
    font-size: 16px;
}
.getTop{
    width: 45px;
    height: 45px;
    overflow: hidden;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background-color: #ea5350;
    border: 2px solid #db2d2a;
    opacity: 0;
    cursor: pointer;
    position: fixed;
    bottom: 0em;
    right: 4.5em;
    z-index: 99;
    color: #ffffff;
}
.getTop.in{
    opacity: 0.6;
    bottom: 3em;
}
.getTop:hover{
    opacity: 1;
}
.mk-nav-header{
    min-width: 1080px;
    background-color: #ffffff;
    text-align: center;
    /*overflow: hidden;*/
    font-size: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    /*border-bottom: 1px solid #dddddd;*/
    box-shadow: 0 0 7px 0 rgba(51, 51, 51, 0.6);
}
.mk-nav-header.bar-light{
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 0 #00aae9;
    -moz-box-shadow: 0 0 0 0 #00aae9;
    box-shadow: 0 0 0 0 #00aae9;
}
.mk-nav-menu-group{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    /*overflow: hidden;*/
    height: 60px;
    font-size: 14px;
    line-height: 60px;
}
.mk-nav-menu-item{
    float: left;
    margin: 0 2.3em;
    position: relative;
}
.mk-nav-menu-item a{
    text-align: center;
    /*letter-spacing: 3px;*/
    color: #333333;
    font-size: 1em;
    padding: 0 5px;
    position: relative;
    font-weight: 300;
    min-width: 120px;
    text-transform: uppercase;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    text-decoration: none;
    cursor: pointer;
}
 .mk-nav-menu-item a:after{
    /*-webkit-backface-visibility: hidden;*/
    /*-moz-backface-visibility: hidden;*/
    /*backface-visibility: hidden;*/
    border: 1px solid #333333;
    bottom: -5px;
    content: " ";
    display: block;
    margin: 0 auto;
    position: absolute;
    /*width: 100%;*/
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -ms-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    opacity: 0;
    width: 0;
}
.mk-nav-menu-item a:hover:after{
    opacity: 1;
    width: 100%;
}
.mk-nav-menu-item a.active:after{
    border-color: #00aae9;
    width: 100%;
    opacity: 1;
}
.mk-nav-menu-item a:hover{
    font-weight: 700;
}
.mk-nav-menu-item a.active{
    color: #00aae9;
    font-weight: bold;
}
.mk-nav-header.bar-light a{
    color: #ffffff;
}
.mk-nav-header.bar-light a:hover:after{
    border-color: #ffffff;
}
.mk-m-banner-bar{
    height: 250px;
    background-color: #dddddd;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.crum-part{
    width: 100%;
    height: 48px;
    line-height: 48px;
}
.crum-part-group{
    padding: 0;
    margin: 0;
    list-style: none;
}
.crum-part-group li{
    float: left;
    margin: 0 0.5em;
}
.mk-banner-bar{
    height: 580px;
    background-color: #dddddd;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.bg-banner{
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 120%;
    background-size: 120%;
}
.mk-banner-title{
    width: 28%;
    margin: 0 36%;
    position: absolute;
    top: 35%;
}
.mk-banner-logo{
    margin-bottom: 1em;
}
.mk-btn-light-o{
    padding: 0.8em 2em;
    font-size: 1em;
    color: #ffffff;
    border: 2px solid #ffffff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.mk-btn-light-o:hover{
    background-color: #ffffff;
    color: #333333;
}
.mk-btn-light-o:hover:active{
    background-color: #999999;
}
.welcome-part{
    padding: 5em 0;
}
.about-part{
    padding: 8em 0;
}
.product-part{
    padding: 5em 0;
}
.factory-part{
    padding: 5em 0;
}
.factory-part-cnc{
    padding: 3.5em 0 5em;
}
.contact-part{
    padding: 2em 0;
    margin-top: 1em;
}
.contact-part .part-title{

}
.decortion{
    display: none;
    position: absolute;
    top: 0px;
    background-color: #fff;
    left: 100%;
    padding: 0;
}
.decortion li{
    text-align: left;
    padding: 0 15px;
}
.dec{
    position: relative;
}
.dec:hover .decortion{
    display: block;
}
.foot-part{
    padding: 3em 0;
}
.foot-menu-group{
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0 0 1.5em;
    display: inline-block;
}
.foot-menu-item{
    float: left;
    margin: 0 15px;
    color: #aaaaaa;
    font-size: 12px;
    cursor: pointer;
}
.foot-menu-item a{
    color: #aaaaaa;
    font-weight: lighter;
}
.contact-part .part-title{
    color: #ffffff;
}
.contact-part .part-title:after{
    border-color: #f2f2f2;
}
.contact-part-img{
    height: 168px;
    padding-right: 2em;
    border-right: 1px solid #ffffff;
    display: inline-block;
}
.contact-part-img img{
    height: 100%;
    min-width: 200px;
    display: inline-block;
}
.part-title{
    font-size: 2.2em;
    font-weight: bold;
    margin-bottom: 1em;
    display: inline-block;
    position: relative;
}
.fact-title{
    font-size: 2.625em;
    font-weight: bold;
    margin-bottom: 1em;
    display: inline-block;
    position: relative;
}
.powder-title{
    font-size: 2.625em;
    font-weight: bold;
    margin-bottom: 1em;
    /* display: inline-block; */
    /* position: relative; */
}
.part-title:after, .fact-title:after{
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -0.5em;
    width: 45px;
    border: 1px solid #2B82AD;
    margin: 0 calc((100% - 45px)/2);
    left: 0;
    background-color: #2B82AD;
}
.img-word{
    height: 360px;
    width: 100%;
    padding: 0 4.5em;
    text-align: left;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}
.img-word .Casement{
    padding: 40px 0px;
    text-align: center;
}
.datamod{
    height: 360px;
    width: 100%;
    text-align: center;
}
.datamod [class*='col-xs']{
    height: 50%;
}
.part-m-title{
    font-size: 1.8em;
    font-weight: normal;
    margin-bottom: 1.8em;
    display: inline-block;
    position: relative;
}
.part-m-title:after{
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -0.5em;
    width: 88px;
    border: 1px solid;
    left: 0;
}
.img-word-text{
    color: #c7c7c7;
    font-size: 14px;
    font-weight: normal;
}
.img-word-in-text{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 15px;
    text-align: center;
    background-color: rgba(0,0,0,0.6);
    font-size: 16px;
    color: #ffffff;
}
.text-word{
    color: #666666;
    font-size: 1em;
    margin: 0;
    line-height: 1.5em;
}
.bg-bl{
    background-color: #f2f2f2;
    color: #333333;
}
.bg-wh{
    background-color: #ffffff;
    color: #333333;
}
.bg-gray{
    background-color: #f1f1f1;
}
.bg-b-bl{
    background-color: #01415D;
    color: #ffffff;
}
.bg-l-bl{
    background-color: #2B82AD;
    color: #ffffff;
}
.bg-ls-bl{
    background-color: #3E9ECE;
    color: #ffffff;
}
.bg-l-ye{
    background-color: #FFC945;
    color: #ffffff;
}
.bg-bbl{
    background-color: #333333;
    color: #ffffff;
}
.text-def{
    color: #666666;
}
.mb-1{
    margin-bottom: 1em !important;
}
.mb-2{
    margin-bottom: 2em !important;
}
.mb-3{
    margin-bottom: 3em !important;
}
.mb-4{
    margin-bottom: 4em !important;
}
.mt-4{
    margin-top: 4em !important;
}
.mt-5{
    margin-top: 5em !important;
}
.mt-3{
    margin-top: 3em !important;
}
.mt-2{
    margin-top: 2em !important;
}
.mt-1{
    margin-top: 1em !important;
}
.p-o{
    margin: 40px 51px;
}
.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-2 {
    border-bottom: 2px solid #dee2e6 !important;
}
.text-white{
    color: #ffffff;
}
.imghover{
    width: 100%;
    /*height: 360px;*/
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    transition: all 0.1s;
    background-color: #ececec;
}
.imghover:hover{
    background-size: 125% 125%;
}
.bg-img-cover{
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.h-100{
    height: 100px;
}
.h-162{
    height: 162px !important;
    line-height: 162px !important;
}
.w-100{
    width: 100px;
}
.h-51{
    height: 51px !important;
}
.h-73{
    height: 73px !important;
}
.h-116{
    height: 116px !important;
}
.h-233{
    height: 233px !important;
}
.h-240{
    height: 240px !important;
}
.h-207{
    height: 207px !important;
}
.h-274{
    height: 274px !important;
}
.h-278{
    height: 278px !important;
}
.h-298{
    height: 298px !important;
}
.h-219{
    height: 219px !important;
}
.h-374{
    height: 374px !important;
}
.h-394{
    height: 394px !important;
}
.h-260{
    height: 260px !important;
}
.h-360{
    height: 360px !important;
}
.h-364{
    height: 364px !important;
}
.h-300{
    height: 300px !important;
}
.h-440{
    height: 440px !important;
}
.h-460{
    height: 460px !important;
}
.h-490{
    height: 490px !important;
}
.h-200{
    height: 200px !important;
}
.h-327{
    height: 327px !important;
}
.h-299{
    height: 299px !important;
}
.h-267{
    height: 267px !important;
}
.h-276{
    height: 276px !important;
}
.h-614{
    height: 614px !important;
}
.w-145{
    width: 145px !important;
}
.w-223{
    width: 223px !important;
}
.w-227{
    width: 227px !important;
}
.w-246{
    width: 246px !important;
}
.w-248{
    width: 248px !important;
}
.w-256{
    width: 256px !important;
}
.w-292{
    width: 292px !important;
}
.w-305{
    width: 305px !important;
}
.w-334{
    width: 334px !important;
}
.w-261{
    width: 261px !important;
}
.w-240{
    width: 240px !important;
}
.w-550{
    width: 550px !important;
}
.w-556{
    width: 556px !important;
}
.w-305{
    width: 305px !important;
}
.w-329{
    width: 329px !important;
}
.w-508{
    width: 508px !important;
}
.w-549{
    width: 549px !important;
}
.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}
.layloadicon{
    position: relative;
}
.layloadicon:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0.6;
    background-color: #ffffff;
    background-image: url("../image/imgload.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35%;
}
.factory-img-1{
    margin-bottom: 2em;
    height: 250px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
}
.factory-img-1:hover{
    -webkit-background-size: 125% 125%;
    background-size: 125% 125%;
}
.factory-img-1 img{
    height: 100%;
    /*width: 100%;*/
}
.factory-img-2{
    height: 528px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    overflow: hidden;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    cursor: pointer;
}
.factory-img-2:hover{
    -webkit-background-size: 125% 125%;
    background-size: 125% 125%;
}
.factory-img-2 img{
    width: 100%;
    /*height: 100%;*/
}
.ullist{
    sding: 0 0 0 12px;
}
.table-style01{
    color: #ffffff;
}
.table-style01 a{
    color: inherit;
}
.godetailbtn{
    text-decoration: none !important;
    cursor: pointer;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid;
    font-size: 12px;
    padding: 8px 14px;
    border-radius: 4px;
    display: inline-block;
}
.godetailbtn:hover{
    background-color: #ffffff;
    color: #333333;
}
.icondata{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
}
.icondata p{
    margin: 0;
}
.drop{
    background-color: #ffffff;
    margin-top: 0.3em;
    width: auto;
    position: absolute;
    min-width: 180px;
    left: 0;
    margin-left: 0;
    padding: 0;
    list-style: none;
    box-shadow: 0 0 8px 0px #a2a2a2;
}
.drop a{
    color: #333333 !important;
    font-size: 12px;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.drop li{
    text-align: left;
    padding: 0 15px;
}
.drop a:hover{
    font-weight: normal;
    transition: 0s;
}
.drop li:hover{
    background-color: #dddddd;
    cursor: pointer;
}
.drop a:after{
    display: none;
}
.offdisplay{
    display: none;
}
li{
    list-style: none;
}
.ullist li{
    list-style-type: disc;
}
span,p,h1,h2,h3,h4,h5{
    cursor: pointer;
}
#cnc h3{
    font-weight: bold;
}
.d-in-block{
    display: inline-block;
}
.cl-666{
    color: #666666;
}
.w-695{
    width: 695px !important;
    /* display: inline-block; */
}
.p-l-0{
    padding-left: 0 !important;
}
.p-r-0{
    padding-right: 0 !important;
}
.ptb-1{
    padding: 1em 0px !important;
}
.ptb-3{
    padding-top: 3em !important;
    padding-bottom: 3em !important;
}
.w-281{
    width: 281px !important;
    /* display: inline-block; */
}
.w-71{
    width: 71%;
}
.w-29{
    width: 29%;
}
.wb-45{
    width: 45%;
}
.pl-21{
    padding-left: 1.5em !important;
}
.pr-21{
    padding-right: 1.5em !important;
}
.ml-10{
    margin-left: 10px;
}
.mr-10{
    margin-right: 10px;
}
.ml-21{
    margin-left: 1.5em !important;
}
.pl-108{
    padding-left: 108px !important;
}
.p-37{
    padding: 0 37px;
}
.p-54{
    padding: 0 4em;
}
.mtb-1{
    margin: 1em 0;
}
.m-40{
    margin: 40px 0 40px 14px;
}
.machine-part{
    padding:  0.5em 0;
}
.machine li{
    height: 28px;
    line-height: 28px;
    /* font-size: 12px; */
}
.mlr-28{
    margin: 0 2em;
    overflow: hidden;
}
.mlr-22{
    margin: 0 22px;
    overflow: hidden;
}
.mlr-13{
    margin: 0 13px;
    overflow: hidden;
}
.mlr-14{
    margin: 0 1em;
}
.mlr-21{
    margin: 0 1.5em;
}
.mt-46{
    margin-top: 46px;
}
.mt-52{
    margin-top: 52px;
}
.mlr-52{
    margin: 0 52px;
    overflow: hidden;
}
.mlr-64{
    margin: 0 64px;
    overflow: hidden;
}
.fs-16{
    font-size: 16px;
}
.fs-28{
    font-size: 28px;
}
.fw-bold{
    font-weight: bold;
}
.tit{
    padding-left: 26px;
    height: 108px;
    line-height: 108px;
}
.mr{
    margin-left: 2.5px;
}
.p-17{
    padding: 17px;
}
.f-r{
    float: right;
}
.f-l{
    float: left;
}
.txt{
    text-align: center;
    /* height: 26px;
    line-height: 26px; */
    margin-top: 26px;
}
.ep-tet{
    margin: 0;
    padding: 0 0 28px 52px;
}
.u{
    float: left;
}
.u1-weight{
    padding-left: 52px;
}
.u li , .cw li{
    line-height: 26px;
}
.u li{
    font-size: 15px;
}
.u li:before{
    /* list-style: disc;   */
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 50%;
    margin-right: 10px;
}
.cw li:before{
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
    margin-right: 10px;
}
.color li:before{
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #000;
    border-radius: 50%;
    margin-right: 1em;
    margin-bottom: 2px;
}
.vertical-center{
    display: flex;
    justify-content: center;
    flex-flow: column nowrap;
}
.m-trbl{
    margin: 40px 26px 40px 75px;
}
.lgth span{
    /* display: inline-block; */
    font-weight: 700;
    font-size: 18px;
    
}
.lgth i{
    position: relative;
    top: 2px;
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(../image/process/icon.png);
    margin-right: 5px;
}
.circle{
    padding: 23px 0 23px 50px;
}
.circle p{
    margin-bottom: 7px;
}
.circle h4{
    padding-bottom: 26px;
}
.img-word-in-text-2{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding:20px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    font-size: 16px;
    color: #ffffff;
}
.Single-line{
    padding: 29.5px;
}
.img-word-in-text-cnc{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 18px 0px;
    text-align: center;
    background-color: rgba(0,0,0,0.6);
    font-size: 16px;
    color: #ffffff;
}
.img-word-in-text-gray{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding:15px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    /* background-color: #5f5f5f; */
    font-size: 16px;
    color: #ffffff;
}
.img-word-in-text-pro{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding:13px;
    text-align: center;
    background-color: rgba(0,0,0,0.4);
    font-size: 1em;
    color: #ffffff;
}
.img-word-powder-text{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding:17px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    /* background-color: #5f5f5f; */
    font-size: 16px;
    color: #ffffff;
}
.anodize-tit{
    color: #4e97b8;
}
.anodize-tit i{
    font-size: 1.6em;
    margin-right: 10px;
    padding-top: 0.2em;
    transform:rotate(-90deg);
    -ms-transform:rotate(-90deg); 
    -moz-transform:rotate(-90deg); 
    -webkit-transform:rotate(-90deg); 
    -o-transform:rotate(-90deg);
}
.anodize-tit h3{
    display: inline-block;
}
.anodize-tit p{
    color: #333;
}
.h3-process{
    padding-top: 56px;
    font-weight: 700;
}
.tet-process{
    padding: 1.5em 0 ;
    /* font-size: 1.5em; */
}
.tet-process span{
    font-size: 1.2em;
    /* font-weight: 500; */
}
.tet-process i{
    font-size: 1.2em;
    padding: 0 0.75em;
}
.flex-center-nowrap{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column nowrap;
}
.head-all{
    background: #2b82ad;
    color: #fff;
}
.head-all .bg-bu{
    background: #01415d;
    color: #fff;
}
.bg-gr{
    background: #2b82ad;
    color: #fff;
}
.bg-bu{
    background: #01415d;
    color: #fff;
}
.cl-gr{
    color: #2b82ad;
}
.con-tet span{
    display: inline-block;
    background-color: #2B82AD;
    color: #ffffff;
    padding: 1.1em 2.5em;
}
.con-tet-2 span{
    padding: 1.1em 4em;
}
.box-shadow{
    border-radius: 10px;
    box-shadow: 0 0 3px 3px #c8c8c8;
}
.cnc-title{
    font-size: 2.2em;
    font-weight: bold;
}
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.powder-l{
    padding: 0 8px 0 0;
}
.powder-r{
    padding: 0 0 0 8px;
}
.prev{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 43%;
    left: 5%;
    border-radius: 50%;
    /* background-color: rgba(0,0,0,0.6); */
    background-color: #fff;
    text-align: center;
}
.prev i{
    font-size: 65px;
    position: relative;
    left: -4px;
    top: -4px;
}
.prev:hover, .next:hover{
    /* background-color: #e7e6e9; */
    background-color: rgba(255, 255, 255, 0.5);
}
.next{
    width: 60px;
    height: 60px;
    position: absolute;
    top: 43%;
    right: 5%;
    border-radius: 50%;
    /* background-color: rgba(0,0,0,0.4); */
    background-color: #fff;
    text-align: center;
}
.next i{
    font-size: 65px;
    position: relative;
    right: -4px;
    top: -4px;
}
.carousel-text{
    position: absolute;
    top: 5%;
    padding: 18px  28px;
    background-color: rgba(255,255,255,0.5);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 1;
}
.carousel-text-pre{
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 30px;
    padding: 15px 40px;
    font-size: 16px;
    color: #fff;
    background-color: rgba(0,0,0,0.6);
    z-index: 1000;
}
.powde p{
    margin: 0 0 6px;
}

.table-powder .sp-1{
    /* display: inline-block; */
    background: #2ba0a3;
    color: #fff;
    padding: 40px 20px;

}
.table-powder .sp-2{
    /* display: inline-block; */
    background: #2ba0a3;
    color: #fff;
    padding: 40px 20px;
    border-bottom: 1 dashed #666;
}
.w-35{
    width: 35% !important;
    border-right: 1px dashed #666;
    border-bottom: 1px dashed #666;
}
.w-30{
    width: 30% !important;
    border-bottom: 1px dashed #666;
}
.table-powder{
    border: 1px dashed #666;
    border-bottom: none;
    overflow: hidden;
}
/* .table-powder div{
    box-sizing: border-box;
} */
.table-powder span{
    display: inline-block;
    float: left;
    padding: 20px 20px;
}
.chosen{
    padding-left: 95px;
}
.chosen p{
    padding-left: 20px;
    font-size: 16px;
}
.imported{
    margin: 0 95px;
}
.contact-picture-area{
    padding: 0px 25px;
}
.contact-picture-area .text{
    text-align: center;
    color: #fff;
}
.contact-information{
    padding: 10px 25px;
   /* display: flex;
    flex-flow: row wrap;
    justify-content: center;*/
}
.contact-information .contact-information-item{
    border:1px solid #f3f3f3;padding-top:15px;border-bottom: 6px solid #2b82ad;padding-bottom: 15px;
}
.contact-information .mail-btn{
    padding-top: 5px;
    font-size: 14px;
    text-decoration: none;
    color: #999999;
    padding-left: 33px;
}
.contact-information h4{
    color: #e9e9e9;
}
.information-border{
    border-right: 1px dashed #2ba0a3;
}
.off-yellow{
    color: #fabe70 !important;
}
.location{
    padding: 14px 25px;
}
.shower{
    position: absolute;
    top: 10%;
    padding: 20px 30px;
    background-color: #fff;
}
.profiles h4{
    padding-left: 2em;
    padding-top: 52px;
}
.profiles p{
    padding: 4.3em 4em;
    line-height: 1.5em;
    font-size: 16px;
}
.walls{
    position: relative;
    bottom: 0;
    width: 100%;
}
.walls div:nth-child(1){
    display: inline-block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 263px;
    text-align: center;
    padding:15px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    font-size: 12px;
    color: #ffffff;
}
.walls div:nth-child(2){
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 263px;
    text-align: center;
    padding:15px;
    text-align: center;
    background-color: rgba(0,0,0,0.5);
    font-size: 12px;
    color: #ffffff;
}
.prev-profiles{
    width: 58px;
    height: 58px;
    position: absolute;
    top: 40%;
    left: 4%;
    border-radius: 50%;
    /* background-color: rgba(0,0,0,0.6); */
    background-color: #fff;
    text-align: center;
}
.next-profiles{
    width: 58px;
    height: 58px;
    position: absolute;
    top: 40%;
    right: 4%;
    border-radius: 50%;
    /* background-color: rgba(0,0,0,0.4); */
    background-color: #fff;
    text-align: center;
}
.prev-profiles i{
    font-size: 60px;
    position: relative;
    left: -4px;
    top: -2px;
}
.next-profiles i{
    font-size: 60px;
    position: relative;
    right: -4px;
    top: -2px;
}

.prev-profiles:hover, .next-profiles:hover{
    background-color: #e7e6e9;
}
.sample img{
    padding: 0px 20px;
}
.h-224{
    height: 224px !important;
}
.lb-area{
    padding-left: 10px;
    padding-right: 0px;
}
.mail-area{
    /* height: 50px; */
    /* line-height: 50px; */
    background-color: #2b82ad;
    padding: 0px 2em;
}
.mail-area span:first-child{
    padding: 15px ;
    float: left;
    color: #fff;
}
.mail-area span:nth-child(2) a{
    float: right;
    display: inline-block;
    background-color: #f8b551;
    padding: 4px 40px;
    border-radius: 10px;
    margin-top: 11px;
}
.mail-area a{
    color: #000;
}
.carousel-inner{
    /*border-radius: 18px;*/
    transform: translateZ(0)
}
.model-l{
    background-color: #f2f2f2;
    padding: 0 0 0 1px;
}
.model-r{
    background-color: #f2f2f2;
    padding: 0px 1px 0px 0px;
}

.model-l h3, .model-r h3{
    padding-left: 3em;
    margin-bottom: 30px;
}
.h-116{
    height: 116px !important;
}
.it-area img{
    width: 100%;
}
.carousel .fact{
    background-color: transparent;
    color: #1a84ff;
}
.carousel .fact:hover{
    background-color: rgba(0,0,0,0.1);
    color: #a3cbff;
}
.factory-tit{
    display: none;
    font-size: 14px;
    /* background-color: #1d343a; */
    background-color: rgba(29, 52, 58,0.6);
    padding: 1em;
}
.txthover{
    transition: 0.2s;
    -webkit-transition: 0.2s;
}
.txthover:hover{
    position: absolute;
    width: 100%;
    padding-top: 237px;
    text-align: center;
}
.txthover:hover div{
    display: block;
    margin-bottom: 40px;
    margin-top: 20px;
}
.tb-all div span{
    font-size: 23px;
}
.tb th, .tb td{
    text-align: center;
}
.br-0{
    border-right: none !important;
}
.bt-2{
    border-top: 2px solid #000;
}
.table .thead{
    border: 3px solid #000;
    overflow: hidden;
    padding-bottom: 1em;
}
.table .thead.tempers{
    border-bottom: 1px solid #000;
    padding-bottom: 0px;
}
.table .thead .th, .table .tbody .th{
    width: 1114px;
    height: 64px;
    line-height: 64px;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 2px solid #000;
}
.table .thead .th,.table .thead .td,
.table .tbody .th, .table .tbody .td{
    text-align: center;
}
.table .thead .tr, .table .tbody .tr{
    border-bottom: 2px solid #000;
}
.table .thead .tr .td{
    height: 54px;
    line-height: 54px;
    font-size: 18px;
    font-weight: 700;
    border-right: 2px solid #000;
}
.table .thead.tempers .tr .td{
    font-weight: 500;
}
.table .thead .tr div:nth-child(11){
    border-right: none;
}
.table .thead .tr .others{
    height: 54px;
}
.table .thead .tr .others div{
    height: 27px;
    line-height: 27px;
    text-align: center;
}
.table .thead .tr .others div{
    border-right: 2px solid #000;
}
.table .thead .tr .others div:nth-child(1){
    border-bottom: 2px solid #000;
}
.table .thead .data{
    border-bottom: 2px solid #000;
}
.table .thead .data div:nth-child(11){
    border-right: none;
}
.table .thead .data .td{
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    font-weight: 500;
    border-right: 2px solid #000;
}
.table .thead .data .others div{
    height: 48px;
    line-height: 48px;
    text-align: center;
}
.table .thead .data .others div{
    border-right: 2px solid #000;
}
.table .tbody{
    overflow: hidden;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    border-bottom: 1px solid #000;
}
.table .tbody .tr .td{
    height: 108px;
    line-height: 106px;
    font-size: 18px;
    border-right: 2px solid #000;
}
.table .tbody .tr .Tensile{
    height: 108px;
    border-right: 2px solid #000;   
}
.table .tbody .tr .Tensile .th1,
.table .tbody .tr .Tensile .th3,
.table .tbody .tr .Hardness .th1,
.table .tbody .tr .Hardness .th3{
    height: 29px;
    line-height: 29px;
    font-size: 18px;
    text-align: center;
}
.table .tbody .tr .Tensile .th2,
.table .tbody .tr .Hardness .th2{
    height: 50px;
    font-size: 18px;
    text-align: center;
}
.table .tbody .tr .Tensile .th2 div:nth-child(1),
.table .tbody .tr .Tensile .th2 div:nth-child(2),
.table .tbody .tr .Hardness .th2 div:nth-child(2),
.table .tbody .tr .Hardness .th2 div:nth-child(3){
    line-height: 50px;
}

.table .tbody .tr .Tensile .th1,
.table .tbody .tr .Tensile .th2,
.table .tbody .tr .Hardness .th1,
.table .tbody .tr .Hardness .th2{
    border-bottom: 2px solid #000;
}
.table .tbody .tr .Tensile .th2 div:nth-child(1),
.table .tbody .tr .Tensile .th2 div:nth-child(2),
.table .tbody .tr .Hardness .th2 div:nth-child(1),
.table .tbody .tr .Hardness .th2 div:nth-child(2){
    border-right: 2px solid #000;
}
.table .tbody .data{
    border-bottom: 2px solid #000;

}
.table .tbody .data .td{
    height: 92px;
    font-size: 18px;
    text-align: center;
    border-right: 2px solid #000;
}
.table .tbody .data .td.hw{
    border-right: none !important;
}
.table .tbody .data .td.alloy{
    line-height: 92px;
}
.table .tbody .data .td div{
    height: 46px;
    line-height: 46px;
}
.table .tbody .data .td div:nth-child(1){
    border-bottom: 2px solid #000;
}
.table .tbody .data.line .td{
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    text-align: center;
    border-right: 2px solid #000;
}
.ct-area{
    display: none;
}
.Product-area{
    position: absolute;
    width: 500px;
    height: 400px;
    right: 0px;
    top: 1140px;
    z-index: 1000;
    /* background-color:#fff; */
    /* border: 2px solid #00aae9; */
}
.Product-area .figure{
    display: none;
    z-index: 1000;
}

.image_contact_icon{
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background-color: #dddddd;
        overflow:hidden;
        position: relative;
    }
    .image_contact_icon img{
        border-radius:50%;
        position: relative;
        z-index: 2;
    }
    .left-icon{
        position: relative;
    }
    .left-icon .fa{
        position: absolute;
        left: 30px;
        top: 0;
        color: #dddddd;
    }

                           .moveinfo{
                                padding:0 18px;
                                position: relative;
                                z-index: 0;
                            }
                            .moveinfo-item{
                                display: flex;
                                justify-content:center;
                                align-items:center;
                                width: 100%;
                            }
                            .moveinfo .image_contact_icon{
                                display: inline-block;
                                width: 45px;
                                height: 45px;
                            }
                            .moveinfo .mail-btn{
                                color: #ffffff;
                            }
@media screen and (max-width: 998px) {
    .factory-img-1{
        height: 200px;
    }
    .factory-img-2{
        height: 428px;
    }
}