/*定制*/
.CustomPost { width: 100%; height: 570px; background: url(../images/Interactive/CustomPostBg.jpg) center 0px no-repeat; position: relative; }
.custompostbox { width: 1280px; margin: auto; padding-top: 1px; }
.custompostboxmain { width: 480px; height: 360px; background: #323136; margin: 110px 0 0 160px; padding-top: 1px; text-align: center; color: #fff; }
    .custompostboxmain h3 { font-size: 32px; font-weight: normal; margin: 40px auto 20px; }
    .custompostboxmain h4 { font-size: 18px; font-weight: normal; }
    .custompostboxmain .line { margin: 10px auto 20px; }
    .custompostboxmain .desc { font-size: 14px; margin: 10px auto 14px; }
    .custompostboxmain a { display: block; width: 102px; height: 29px; margin: auto; background: #edb578; line-height: 29px; font-size: 14px; color: #fff; }
        .custompostboxmain a img { vertical-align: middle; padding-bottom: 3px; padding-left: 8px; }
        .custompostboxmain a:hover { background: #000; color: #cd7d28; }
.CustomPostWord { width: 300px; height: 310px; margin: 0 150px; color: #fff; float: left; }
    .CustomPostWord h1 { text-align: center; font-size: 32px; line-height: 48px; }
    .CustomPostWord h2 { text-align: center; font-size: 18px; line-height: 32px; }
    .CustomPostWord .line { width: 65px; height: 2px; margin: 30px auto 15px auto; background: #fff; }
.CustomPostImg { display: block; margin: auto; }
.CustomPostWord p { text-align: center; font-size: 14px; line-height: 24px; margin: 20px auto; }
.CustomPostWord .more { width: 102px; height: 30px; margin: 0 auto; font-size: 14px; line-height: 30px; color: #fff; background: #edb578; text-align: center; }
    .CustomPostWord .more img { vertical-align: middle; margin-left: 4px; margin-top: -3px; }
.Custom_Img1 { float: left; margin-top: 34px; }

/*精华库*/
.CustomIdea { width: 100%; position: relative; overflow: hidden; text-align:center; }
.CustomIdea h1{ margin-bottom:20px;}
.CustomIdea h2{ margin:40px auto;}
.CustomIdea h3{ margin-bottom:20px;}
.CustomIdea h4{ margin-bottom:50px;}
.CustomIdeacontent { width: 1000px; margin: auto; }
.CustomIdeaMain { width: 1000px; margin: auto; }
.TCCmainContainer { width: 100%; margin: auto; text-align:center; }
.CustomIdea1 { width: 1000px; margin: 0 auto ;}
	.customIdea1_con{ position:relative; height:400px;}
    .CustomIdea1 h1 { text-align: center; font-size: 36px; line-height: 48px; padding-top: 35px; margin-bottom:30px; }
    .CustomIdea1 h2 { text-align: center;  }
	.customIdea1_con h3, .customIdea1_con h4, .customIdea1_con h5, .customIdea1_con h6{ position:absolute; left:0; top:0;}
	
    .CustomIdea1 p { text-align: center; font-size: 14px; line-height: 30px; margin-top: 25px; }
	
	
.CustomIdea2 { width: 1000px; margin: 0px auto; margin-bottom:50px;}
    .CustomIdea2 h1 { text-align: center;  }
    .CustomIdea2 h2 { text-align: center; font-size: 18px; line-height: 32px; }
    .CustomIdea2 .line { width: 65px; height: 2px; margin: 40px 0 35px; background: #000; float: right; }
    .CustomIdea2 p { text-align: right; font-size: 14px; line-height: 30px; padding-top: 35px; }
    
.CustomIdea3 { width:500px;float:left;height:500px;}
.penMainContainer { width:100%;position:relative;}
.maskMain { position:absolute;width:500px;z-index:1;height:600px;background:#fff;}
.pen { position:absolute;top:540px;left:0;z-index:2;}
.penMain { position:absolute;height:500px;width:445px;background:url(../images/Interactive/penbg.jpg) no-repeat top center;top:40px;left:30px;}
    .penMain img { margin:320px auto;}
.CustomIdeaImg1 { position: absolute; right: -30px; top: 200px; width: 600px; }

/*定制合作*/
.CustomRange { width: 100%;  overflow: hidden; }
.CustomRangeMain{ width:1000px; margin:0 auto;position: relative; }
	 .CustomRange h1{ margin:30px auto; text-align: center; }
    .CustomRange h2 { font-size: 36px; line-height: 72px; text-align: center; }
    .CustomRange .c2_img { width: 157px; float:left;}
	.CustomRange .CustomRangedesc{ width:800px; margin-left:180px; margin-bottom:50px;}
    .CustomRange p { font-size: 16px; line-height: 30px; text-align: center; }
    .CustomRange .more { width: 160px; height: 42px; margin: 60px auto 0; font-size: 16px; line-height: 42px; color: #fff; background: #3a3b3c; text-align: center; }
        .CustomRange .more img { vertical-align: middle; margin-left: 8px; margin-top: -3px; }
        .CustomRange .more a { color: #fff; }
            .CustomRange .more a:hover { color: #cd7d28; }

.CustomCase { width: 100%; position: relative; text-align:center; }
.CustomCaseImg1 { margin-top:60px;}

.CustomCaseMain { margin: 90px auto 60px; background: url(../images/Interactive/custom_1.png) center top no-repeat; }
    .CustomCaseMain h1 { width: 420px; height: 65px; float: left; border-right: 2px solid #000; font-size: 48px; line-height: 65px; text-align: center; }
    .CustomCaseMain p { width: 343px; height: 62px; float: left; padding-left: 75px; padding-top: 2px; font-size: 14px; line-height: 30px; text-align: left; }
.CustomMoreCase { width: 160px; height: 42px; text-align: center; color: #fff; font-size: 14px; line-height: 42px; margin: 0px auto 80px; background: #3a3b3c; }

/*合作客户*/
.ExProductMain{ text-align:center;}
.ExProductMainPartner{ position:relative; width:1000px; margin:0 auto; text-align:center;}


.CaseProductDiv { width: 100%; position: relative; z-index: 3; }
.CaseProduct { width: 1360px; margin: auto; overflow: hidden; }
    .CaseProduct ul li { width: 453px; float: left; }
        .CaseProduct ul li img { max-width: 100%; display: block; margin: auto; }
        .CaseProduct ul li p { width: 100%; color: #000; text-align: center; font-size: 14px; line-height: 30px; margin-bottom: 20px;position:relative; }
.CPpre, .CPnext { position: absolute; top: 50%; margin-top: -39px; cursor: pointer; }
.CPpre { left: 0; }
.CPnext { right: 0; }

.ExProductDiv { width: 100%; position: relative; z-index: 3;margin-bottom:40px; }
.ExProduct { width: 1360px; margin: auto; overflow: hidden; }
    .ExProduct ul li { width: 453px; float: left; }
        .ExProduct ul li img { max-width: 100%; display: block; margin: auto; }
        .ExProduct ul li p { width: 100%; color: #000; text-align: center; font-size: 14px; line-height: 30px; margin-bottom: 20px;position:relative;top:-20px; }
.Expre, .Exnext { position: absolute; top: 50%; margin-top: -39px; cursor: pointer; }
.Expre { left: 0; }
.Exnext { right: 0; }

.CustomClaim { width: 100%; position: relative;  position: relative; }
.CustomClaimBg { width: 100%; height: 800px; position: absolute; left: 0; bottom: 0; z-index: 1; }
.CustomClaimMain { position: relative; z-index: 2; }
    .CustomClaimMain h1 { text-align: center; font-size: 36px; line-height: 72px; margin: 140px auto 60px; }
    .CustomClaimMain img { display: block; margin: 0 auto 70px; }
    .CustomClaimMain p { text-align: center; font-size: 14px; line-height: 32px; margin-bottom: 30px; }
.CustomMoreClaim { text-align:center;}
    .CustomMoreClaim:hover { color: #cd7d28; }
	
.CustomApply { width: 100%; height: 500px; background: #fff; text-align:center; position:relative;}
    .CustomApply h1 {  margin: 0 auto; margin-bottom:40px;}
.CustomLApply { width: 353px; height: 500px; float: left; }
    .CustomLApply p { font-size: 14px; line-height: 30px; margin-bottom: 60px; }
    .CustomLApply img { display: block; width: 100%; }
.CustomRApply { width: 487px; float: left; margin-left: 110px; }
    .CustomRApply ul { text-align:left; }
        .CustomRApply ul li { width: 424px; height: 40px; margin: 5px 0; line-height: 40px; font-size: 16px; color: #757272; float: left; }
            .CustomRApply ul li span {  line-height: 40px; float: left; }
            .CustomRApply ul li .ApplyForm1 { width: 207px; float: left; background: #ffffff; height: 40px; }
                .CustomRApply ul li .ApplyForm1 input { width: 110px; height: 18px; font-size: 14px; padding: 6px; margin-left: 5px; border: none; background:#f7f7f7;}
            .CustomRApply ul li .text { width: 310px; height: 18px; font-size: 14px; padding: 6px; margin-left: 5px; border: none; background:#f7f7f7;}
            .CustomRApply ul li .checkbox {  width: 20px; height: 40px; border: none; float: left; margin-left: 5px; }
            .CustomRApply ul li p { margin-left: 5px; line-height: 36px; float: left; font-size: 14px; margin-right: 70px; }
            .CustomRApply ul li .bottom { width: 171px; height: 45px; margin-left: 5px; color: #e5e1de; background: #b27a10; border: none; cursor: pointer; }


.CustomMoveTo{position:absolute;width:100%;height:1px;top:-70px;left:0;}
.CustomNav{position:fixed;width:128px;height:520px;background:url(../images/Share_NavBg.png) center center no-repeat;top:50%;margin-top:-255px;right:120px;z-index:99;font-size:14px;line-height:24px;}
.CustomNav a:hover,.CustomNav a{color:#747474;}
.Leaves{width:22px;height:37px;position:absolute;}
.LocLeaves1{top:0;left:0px;}
.LocLeaves2{top:97px;left:74px;}
.LocLeaves3{top:277px;left:85px; display:none;}
.LocLeaves4{top:423px;left:65px;}
.LocLeaves5{top:485px;left:-10px;}
.Custom_nav1{width:120px;height:30px;position:absolute;top:0;left:0;text-align:right;line-height:30px;}
.Custom_nav2{width:100px;height:50px;position:absolute;top:100px;left:72px;text-align:center;line-height:25px;}
.Custom_nav3{width:70px;height:30px;position:absolute;top:280px;left:50px;text-align:left;line-height:30px; display:none;}
.Custom_nav4{width:80px;height:30px;position:absolute;top:425px;left:65px;text-align:right;line-height:30px;}
.Custom_nav5{width:80px;height:50px;position:absolute;top:490px;left:15px;text-align:left;line-height:25px;}


@media screen and (max-width:1280px) {
    .custompostbox { width: 1000px; margin: auto; padding-top: 1px; }
    .custompostboxmain { width: 480px; height: 360px; background: #323136; margin: 110px 0 0 60px; padding-top: 1px; text-align: center; color: #fff; }
}

@media screen and (min-width: 980px) {
    .CustomPostWord { margin: 0 80px; }
    .CustomIdeaMain { width: 1000px; margin: auto; text-align: center; }
    .CustomIdeaImg1 { position: absolute; right: -250px; top: 30px; width: 800px; }
    .CustomCaseImg1 { }
    .CustomCaseImg2 { margin-left: 10px; width: 573px; }
    .CustomCaseImg3 { margin-left: 347px; margin-top: 10px; width: 273px; }
    .CustomCaseImg4 { width: 114px; position: absolute; top: 216px; left: 223px; }
    .CaseProduct { width: 980px; overflow: hidden; }
    .CustomLApply { width:353px; height: 500px; float: left; }
    .CustomRApply { width: 398px; height: 600px; float: left; margin-left: 60px; }
        .CustomRApply ul li { width: 368px; }
            .CustomRApply ul li .ApplyForm1 { width: 179px; }
                .CustomRApply ul li .ApplyForm1 input { width: 90px; }
            .CustomRApply ul li .text { width: 255px; }
            .CustomRApply ul li p { margin-right: 45px; }
    .CustomLApply h1 { margin: 90px 0 30px 30px; }
    .CustomLApply p { margin-left: 30px; }
    .CustomIdeacontent { width: 980px; margin: auto; }
    .TCCmainContainer { width: 100%; margin: auto; }
    .CustomIdea3 { width:480px;float:left;height:500px;}

}

@media screen and (min-width: 1280px) {

    .CustomPostWord { margin: 0 150px; }
    .CustomIdeaMain { width: 1000px; margin: auto; text-align: center; }
    .CustomIdeaImg1 { position: absolute; right: -120px; top: 0px; width: 910px; }
    .CustomCaseImg1 {}
    .CustomCaseImg2 { margin-left: 10px; width: 749px; }
    .CustomCaseImg3 { margin-left: 492px; margin-top: 10px; width: 357px; }
    .CustomCaseImg4 { width: 152px; position: absolute; top: 276px; left: 329px; }
    .CaseProduct { width: 1280px; overflow: hidden; }
    .CustomLApply { width: 353px; height: 500px; float: left; }
    .CustomRApply { width: 487px; height: 600px; float: left; margin-left: 110px; }
        .CustomRApply ul li { width: 424px; }
            .CustomRApply ul li .ApplyForm1 { width: 207px; }
                .CustomRApply ul li .ApplyForm1 input { width: 110px; }
            .CustomRApply ul li .text { width: 310px; }
            .CustomRApply ul li p { margin-right: 70px; }
    .CustomLApply h1 { margin: 90px 0 30px; }
    .CustomLApply p { margin-left: 0; }
    /*.CustomRApply ul{margin-top:190px;}*/
}

@media screen and (min-width: 1360px) {
    .CaseProduct { width: 1360px; overflow: hidden; }
}

.sanhe-productsinside-bg1 a:hover { color: #cd7d28; }



.Culturecontent{width:1280px;margin:0 auto;position:relative;}
.CultureNav{width:100%;height:40px;background:#efefef;}
.CultureNav a{color:#797979;}
.CultureNav a:hover{color:#cd7e26;text-decoration:underline;}
.CultureNav p{height:40px;font-size:14px;line-height:40px;color:#797979;}
.CultureNav p span{color:#cd7e26;}

.share_footer {
    margin:9px; float:left;
}
@media screen and (min-width: 768px) {
}
@media screen and (min-width: 980px) {
    .Culturecontent{width:980px;}
}
@media screen and (min-width: 1024px) {
}
@media screen and (min-width: 1280px) {
    .Culturecontent{width:1280px;}
}
@media screen and (min-width: 1480px) {
}
@media screen and (min-width: 1680px) {
}