@charset "UTF-8";
/* 公共 style  s */
.width_1200{width:1200px;margin:0 auto;}
.border{border:1px solid #f1f1f1;}
/* 公共 style  e */

.seam_banner{min-width:1200px;filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";overflow: hidden;position:relative;}
.seam_banner>img{width:100%;}


.seam_content{color:#777777;overflow: hidden;}
.orderSeamCon{overflow:hidden;}
.orderSeamInfo{margin:30px auto 80px;}
.orderSeamInfo>.brandUl{padding:15px 100px 30px;width:440px;}
.orderSeamInfo>.brandUl>li{text-align:center;margin:40px 20px 0;float:left;}
.orderSeamInfo>.brandUl>li>.brandPic{width:180px;height:180px;display:inline-block;overflow:hidden;}
.orderSeamInfo>.brandUl>li>.brandPic>img{width:100%;}
.orderSeamInfo>.brandUl>li>.brandName{color:#272727;font-size:18px;}
.orderSeamInfo>.brandUl>li>.brandPrix{color:#029210;font-size:22px;}
.orderSeamInfo>.brandUl>li>.qualityAssurance{color:#a4a4a4;font-size:16px;}
/* .brandUl{display:flex;} */
.orderSeamInfo>.brandUl>li>p{margin:18px 0 0 0;}
.orderSeamInfo>.subscribeUl{width:650px;border-bottom:none;margin:0 auto;}
.subscribeUl>li{padding:0 40px;margin:30px 0 0 0;}
.subscribeUl>li:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
.subscribeUl>li>span{font-size:16px;line-height:40px;margin:0 10px 0 0;float:left;}
.subscribeUl>li input[type="text"],.subscribeUl>li textarea,.subscribeUl>li select{border:1px solid #ececec;border-radius:4px;padding:10px;font-size:16px;width:485px;box-sizing:border-box;}
.subscribeUl>li textarea{height:100px;resize:none;}
.subscribeUl>li select{outline:none;height:42px;}
.subscribeUl>li input[type="radio"]{vertical-align:middle;margin-right:3px;width:16px;height:16px;}
.subscribeUl>li.typeLi{align-items:center;}
.subscribeUl>li.typeLi>div{line-height:40px;}
.subscribeUl>li.typeLi input:last-of-type{margin-left:20px;}
.subscribeUl>li:last-of-type{padding:0;}
.subscribeUl>li button{background:#2196f3;color:#fff;font-size:22px;width:100%;height:65px;}


.cr_serviceLp{width: 1200px;margin: 35px auto 0;}
.building_wap{margin-top: 20px;padding:0px 0;overflow: hidden;}
.yanF_building{/* width:1125px; */margin: 0 auto;}
.yanF_building>a:hover{color:#2196f3;}
.yanF_building{margin:0 auto ;position: relative;overflow: hidden;}
.yanF_building .prev,.yanF_building .next{display:inline-block;position:absolute;top:50%;font-size:24px;cursor:pointer;width:80px;height:80px;line-height:80px;background:#8b8b8b;text-align:center;color:#fff;margin-top:-40px;}
.yanF_building .prev{left: 0px;}
.yanF_building .next{right:0px;}
.containerWrap{width:920px;margin:0px auto 0;overflow:hidden;}
.building_con{display:flex;}
.building_con li{margin:0 5px;position:relative;}

.building_con .buildingItemImgBox1{float:left;width:220px;height:290px;overflow:hidden;}
.building_con li img{z-index:4;width:100%;transition:all 0.25s ease-in-out;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;}
.building_con li:hover img{opacity:1;transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);}
.building_con li>.caption{cursor:pointer;position:absolute;opacity:0;-webkit-transition:all 0.45s ease-in-out;transition:all 0.45s ease-in-out;}
.building_con li .caption-text h1{text-transform:uppercase;font-size:24px;}
.building_con li:hover .caption{opacity: 1;}
.building_con .caption-text{z-index: 10;color: #fff;position:absolute;width:220px;height:290px;text-align: center;top:0;background-color:rgba(33,150,243,0.88);padding-top:60px;box-sizing:border-box;}
.building_con .caption-text h1{text-transform:uppercase;font-size:24px;margin-bottom:20px;}
.building_con .caption-text p{line-height:30px;}		
.building_con .caption-text p>span{color:#fff661;}
.building_con>li:last-of-type{margin-right:0;}

/* 美缝品牌 */
.seam_brandWrap{margin:30px auto;}
.seam_brandUl{width:910px;}
.seam_brandUl>li{margin:0 50px 40px 50px;text-align:center;}
.seam_brandUl>li>span{color:#7a7a7a;width:850px;display:inline-block;overflow:hidden;}
.seam_brandUl>li>span>img{width:100%;}
.seam_brandUl>li>p{text-align:center;font-size:16px;}

/* 美缝步骤 */
.seam_process{background:#f6f6f6;overflow:hidden;}
.seam_processUl{width:910px;margin:20px auto 60px;}
.seam_processUl>li{margin:0 60px 20px 0;float:left;}
.seam_processUl>li:nth-child(3n){margin-right:0;}
.seam_stepPic{width:260px;height:175px;display:inline-block;overflow:hidden;}
.seam_stepPic>img{width:100%;}
.seam_stepText{padding:0 30px;margin:15px 0;position:relative;transform:skewX(-20deg);overflow:hidden;}

/* .seam_stepText::before{content:"";position:absolute;transform:skewX(-20deg);left:0;width:240px;height:40px;background:#fff;z-index:-1;outline:1px solid red;}
 */
.seam_stepText>p{background:#fff;width:160px;text-align:center;line-height:40px;font-size:16px;float:left;}
.seam_stepText>span{width:40px;height:40px;background:#2196f3;text-align:center;line-height:40px;color:#fff;display:inline-block;float:left;}

.col{
    width: 600px;
    height: 290px;
    margin: 0 auto;
    margin-top: 150px;
    margin-bottom: 60px;
    position: relative;
    transform: scale(1.5);
    color: white;
    font-size: 28px;
}
.col_window{
    height: 220px;
    /* background-color: #11212F;
    box-shadow: 0 0 8px black; */
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.col_con{
    position: absolute;
    left: 0;
    display: flex;
    flex-direction: row;
    height: 290px;
    transition: left .4s ease;
}
.col_con>li {
    position: relative;
    margin-right: 10px;
}
.col_con>img{
    position: absolute;
    top: 0%;
    width:170px;
    height: 220px;
    margin-right: 10px;
    float: left;
}
.imga {
    display: inline-block;
    width:170px;
    height: 220px;
}
.caption1 {
    position: absolute;
    top: 0;
    width: 170px;
    height: 220px;
    color: #000;
    background-color: rgba(33,150,243,0.88);
    opacity: 0;
    padding-top: 50px;
}
.caption-text1{
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.caption-text1>p{
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 50px;
}
.col_con>li:hover .caption1{
    opacity: 1;
}
.arrows_Lcon{
    width: 45px;
    height: 108px;
    background: rgba(0, 0, 0, 0.52);
    position: absolute;
    top: 35%;
    left: 0;
    cursor: pointer;
}
.arrows_Rcon{
    width: 45px;
    height: 108px;
    background: rgba(0, 0, 0, 0.52);
    position: absolute;
    top: 35%;
    right: 0;
    cursor: pointer;
}
.arrows_Lcon:hover{
    background: linear-gradient(to right,rgba( 171, 218, 244, 0.3) 5%,rgba( 171, 218, 244, 0) 95%);
}
.arrows_Rcon:hover{
    background: linear-gradient(to left,rgba( 171, 218, 244, 0.3) 5%,rgba( 171, 218, 244, 0) 95%);
}
.arrows_left,.arrows_right{font-family: "宋体";}
.arrows_left{
    width: 23px;
    height: 36px;
    margin: 0 auto;
    margin-top: 35px;
    
}
.arrows_right{
    width: 23px;
    height: 36px;
    margin: 0 auto;
    margin-top: 35px;
}
.dots{
    width: 600px;
    height: 9px;
    margin: 0 auto;
    margin-top: 20px;
    transform: scale(1.5);
    position: absolute;
    bottom: 25px;
}
.dots div{
    width: 72px;
    margin: 0 auto;
}
.dots span{
    width: 16px;
    height: 9px;
    /* background-color: #496274; */
    float: left;
    margin-left: 5px;
    border-radius: 2px;
    cursor: pointer;
    color: transparent;
}
.dots span:hover{
    /* background-color: #768895 !important; */
}