/* 智旦官网业务介绍样式 */
* { margin: 0;padding: 0; border:none; text-decoration:none;zoom: 1;outline: none; font-family: Microsoft YaHei ;}
body {margin: 0 auto;width: 1680px;height:100%;background-color: #222222;}
/* 头部 */
#header {width: 100%;height: auto;background-color: #ebebeb;}
#header .banner {width: 100%;height: 650px;background: url('../images/business/banner.jpg') 0 0 no-repeat;}
#header .banner .logo {position: absolute;margin-top: 42px;margin-left: 774px;width: 121px;}
#header .head2 {margin: 0 auto;width: 550px;height: 90px;background:url('../images/business/topline.jpg') 0 28px repeat-x;}
.head2 .top1 {position:absolute;margin-left: 0;margin-top: 27px;width: 60px;height: 19px;background:url('../images/business/numBtn.png') 0 0 no-repeat;-moz-transition:background .5s;-webkit-transition:background .5s;-ms-transition:background .5s;transition:background .5s; }
.head2 .top1:hover {background:url('../images/business/numBtn.png') -71px 0 no-repeat;}
.head2 .top2 {position:absolute;margin-left: 250px;margin-top: 27px;width:60px;height:19px;background:url('../images/business/numBtn.png') 0 -30px no-repeat;-moz-transition:background .5s;-webkit-transition:background .5s;-ms-transition:background .5s;transition:background .5s; }
.head2 .top2:hover {background:url('../images/business/numBtn.png') -71px -30px no-repeat;}
.head2 .top3 {position:absolute;margin-left: 490px;margin-top: 27px;width:60px;height:19px;background:url('../images/business/numBtn.png') 0 -60px no-repeat;-moz-transition:background .5s;-webkit-transition:background .5s;-ms-transition:background .5s;transition:background .5s; }
.head2 .top3:hover {background:url('../images/business/numBtn.png') -71px -60px no-repeat;}
.head2 a span {display: block;position:absolute;margin-top: 26px;font-family: 'microsoft yahei';font-size: 18px;color: #282828;letter-spacing: 8px;opacity: 1;-moz-transition:opacity .5s ease-in;-webkit-transition:opacity .5s ease-in;-ms-transition:opacity .5s ease-in;transition:opacity .5s ease-in;}
.head2 a .top1_text {margin-left: 8px;}
.head2 a .top2_text {margin-left: 8px;}
.head2 a .top3_text {margin-left: 8px;}
.top1:hover .top1_text {opacity: 1;}
.top2:hover .top2_text {opacity: 1;}
.top3:hover .top3_text {opacity: 1;}
/* 内容 */
#content-solutions,#content-platforms,#content-partners,#content-message {width: 100%;height: auto;background-color: #ebebeb;}
.info-item {margin: 0 auto;width: 900px;}
/* 业务 */
#content-solutions {padding-top: 20px;padding-bottom: 60px;}
#content-solutions .title-box {width: 100%;height: 47px;background: url('../images/business/line2.jpg') 0 20px repeat-x;text-align: center;}
.title-box .title1 {display: inline-block;}
.title-box .title2 {display: none;}

#content-platforms .yw{width:490px; height:130px; margin:0 auto; color: #999;}
#content-platforms .yw a.cl{color:#999; letter-spacing:1px; text-align:center; height:32px; line-height:32px;}

#content-platforms .yw .jjfa{position:absolute; margin-left:0; width:132px; height:32px; font-size:18px; color:#999999; text-align:center;}
#content-platforms .yw .jjfa a:hover{background:url(../images/business/back.jpg) no-repeat; width:132px; position:absolute; color:#ebebeb; padding-top:1px; margin-left:-66px; margin-top:0px;height:32px; line-height:32px;}

#content-platforms .yw .khal{position:absolute; margin-left:180px; width:132px; font-size:18px; height:33px; color:#999999; text-align:center;}
#content-platforms .yw .khal a{background:url(../images/business/back.jpg) no-repeat; width:132px; height:33px; position:absolute; color:#ebebeb;  margin-left:-66px; padding-top:0px; line-height:33px;}

#content-platforms .yw .hzhb{position:absolute; margin-left:360px;width:132px; height:33px; font-size:18px; color:#999999; text-align:center; }
#content-platforms .yw .hzhb a:hover{background:url(../images/business/back.jpg) no-repeat; width:132px; height:33px; position:absolute; color:#ebebeb; margin-left:-66px; padding-top:0px;}
/*内容一智部落*/
#content-partners .part_one{height:590px; width:100%;margin:0 auto;}
#content-partners .part_k1{width:80%; height:263px; border:1px dashed #000000; margin:0 auto; background:url(../images/business/c_line.jpg) 0 170px repeat-x; }
#content-partners .part_one .part_k1 div{  position:absolute; width:14px; height:90px; background:url(../images/business/sline.jpg) 0 0 repeat-y; margin-top:38px;}
#content-partners .part_one .part_k1 div p{ background:url(../images/business/01.jpg) no-repeat; position:absolute; margin-left:49px; width:58px; height:62px; margin-top:-11px;}
#content-partners .part_one .part_k1 span{ margin-top:45px; margin-left:50px; position:absolute; width:65px;font-size:20px; letter-spacing:1.5px; color:#222222;}
#content-partners .part_one .part_k1 img{margin-top:80px; margin-right:50px;width:680px;height: 508px; float:right;}
#content-partners .part_one .part_k1 ul{width:366px; height:102px; font-size:11px; color:#333333; line-height:25px; margin-top:276px; margin-left:110px;}
#content-partners .part_one .part_k1 ul li{ letter-spacing: 1.2px; font-size:14px;}
#content-partners .part_one .part_k1 .write{color:#333333; margin-top:42px; margin-left:110px; font-size:20px;}
#content-partners .b_line{ width:100%; height:10px; background:url(../images/business/b_line1328.jpg) no-repeat; padding-bottom:0;}

/*内容二智OA*/
#content-partners .part_two{height:590px; width:100%;margin:0 auto; margin-top:100px;}
#content-partners .part_k2{width:80%; height:263px; border:1px dashed #000000; margin:0 auto; background:url(../images/business/c_line.jpg) 0 170px repeat-x; }
#content-partners .part_two .part_k2 div{  float:right; width:14px; height:90px; background:url(../images/business/sline.jpg) 0 0 repeat-y; margin-top:38px;}
#content-partners .part_two .part_k2 div p{ background:url(../images/business/02.jpg) no-repeat;position:absolute; margin-left:-97px;  margin-top:-11px;  width:58px; height:62px; }
#content-partners .part_two .part_k2 span{ margin-top:45px; margin-left:-90px; position:absolute; width:62px;font-size:20px; letter-spacing:2.5px; color:#222222; }
#content-partners .part_two .part_k2 img{margin-top:80px; margin-left:50px;width: 680px;height: 507px; float:left;}
#content-partners .part_two .part_k2 ul{width:510px; height:165px; font-size:11px; color:#333333; line-height:25px; margin-top:175px; margin-left:100px; float:right;}
#content-partners .part_two .part_k2 ul li{ letter-spacing: 1.2px; font-size:14px;}
#content-partners .part_two .part_k2 .write{color:#333333; margin-top:20px; margin-right:180px; float:right;line-height: 26px; font-size:20px;}
#content-partners .b_line{ width:100%; height:10px; background:url(../images/business/b_line1328.jpg) no-repeat; padding-bottom:0;}

/*内容三送酒郎*/
#content-partners .part_three{height:590px; width:100%;margin:0 auto; margin-top:100px;}
#content-partners .part_k3{width:80%; height:263px; border:1px dashed #000000; margin:0 auto; background:url(../images/business/c_line.jpg) 0 170px repeat-x; }
#content-partners .part_three .part_k3 div{  position:absolute; width:14px; height:90px; background:url(../images/business/sline.jpg) 0 0 repeat-y; margin-top:38px;}
#content-partners .part_three .part_k3 div p{ background:url(../images/business/03.jpg) no-repeat;position:absolute; margin-left:49px;  margin-top:-11px; width:58px; height:62px; }
#content-partners .part_three .part_k3 .sjl{ margin-top:45px; margin-left:50px; position:absolute; width:65px;font-size:20px; letter-spacing:1.5px; color:#222222;}
#content-partners .part_three .part_k3 img{margin-top:80px; margin-right:50px;width: 685px;height: 510px; float:right;}
#content-partners .part_three .part_k3 ul{width:400px; height:110px; font-size:11px; color:#333333; line-height:25px; margin-top:276px; margin-left:108px;}
#content-partners .part_three .part_k3 ul li{ letter-spacing: 1.2px; font-size:14px;}

#content-partners .part_three .part_k3 .write{color:#333333; margin-top:25px; margin-left:110px; line-height:30px; font-size:20px;}
#content-partners .part_three .part_k3 .write .db{margin-left:60px; width:100px;}
#content-partners .b_line{ width:79%; height:10px; background:url(../images/business/b_line1328.jpg) no-repeat; padding-bottom:0; margin:0 auto;}

#content-partners .numb{height:200px; margin-top:90px; text-align:center;}
#content-partners a{font-size:24px; color:#666;}
#content-partners .nu{margin-left:65px; margin-right:65px;}
#content-partners a:hover{color:black;}



/*解决方案 客户留言*/
#content-solutions .content-select{width:100%; height:170px; position:absolute; margin-top:60px; margin-left:120px;}

#content-message {height: 460px;background-color: #333333;}

#main {position:absolute;width: 840px;height: 230px;margin: 140px 420px 0;}
.company-box .company {display: inline-block;position: absolute;margin-top: 26px;width: 40px;height: 26px;background: url('../images/business/icon.png') 0 0 no-repeat;}
.tel-box .tel {display: inline-block;position: absolute;margin-top: 28px;width: 40px;height: 29px;background: url('../images/business/icon.png') 0 -32px no-repeat;}
.mail-box .mail {display: inline-block;position: absolute;margin-top: 28px;width: 40px;height: 27px;background: url('../images/business/icon.png') 0 -68px no-repeat;}
.web-box .web {display: inline-block;position: absolute;margin-top: 28px;width: 40px;height: 29px;background: url('../images/business/icon.png') 0 -102px no-repeat;}
.message-box .message {display: inline-block;position: absolute;margin-top: -220px;margin-left: 440px;width: 40px;height: 28px;background: url('../images/business/icon.png') 0 -137px no-repeat;}
.company-box #company-text,.tel-box #tel-text,.mail-box #mail-text,.web-box #web-text,.message-box #message-text {margin-top: 20px;margin-left: 50px;padding: 0 16px;width: 320px;height: 40px;background-color: #333333;border: 1px dashed #ebebeb;font-family: 'microsoft yahei';font-size: 14px;letter-spacing: 2.8px;line-height: 40px;color: #999999;}
.message-box #message-text {position: absolute;margin-top: -228px;margin-left: 486px;padding: 6px 16px;width: 320px;height: 134px;resize: none;overflow: hidden;background-color: #333333;border: 1px dashed #ebebeb;font-family: 'microsoft yahei';font-size: 14px;letter-spacing: 2.8px;line-height: 24px;color: #999999;}
.submit-box .submitBtn {position: absolute;margin-top: -40px;margin-left: 660px;width: 180px;height: 40px;font-family: 'microsoft yahei';font-size: 14px;letter-spacing: 2.8px;line-height: 40px;color: #333333;z-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;background-color: #ebebeb;cursor: pointer;}
.submit-box .submitBtn:hover {background-color: #bbbbbb;}
.line {background: url('../images/business/line4.jpg') 0 0 no-repeat;  width:100%;height:10px;}
/* 尾部 */
.web_footer{display: flex;}
.mobile_footer{display: none;}
footer {
    display: flex;
    width: 100%;
    height: 150px;
    background-color: #ebebeb;
    line-height: normal;
    align-items: center;
    justify-content: center;
}
/* footer .copyright {width: 906px;height: 60px;margin: 0 auto;display: block;padding-top: 55px;}  */
.footer_main{
    display: flex;
    justify-content: space-between; 
    align-items: center;
    line-height: normal;
    width:70%;
}
.footer_main .left{
    font-size:24px;
    color:#282828;
    letter-spacing: 15px;
    height: 60px;
    line-height: 60px;
    border-right: solid 2px #282828;
    margin-right:30px;
}
.footer_main .right{

}
.footer_main .right h2{
    font-size:13px;
    color:#282828;
    line-height: normal;
    letter-spacing: 3px;
}
.footer_main .right p{
    height:auto;
}
.footer_main .right .copyright{
    font-size: 10px;
    color: #282828;
    letter-spacing: 1px;
    line-height: 18px;
    text-align: left;
    padding-top: 5px;
}
.footer_main .right a{
    font-size:10px;
    color:#282828;    
    letter-spacing: 1px;
}
.footer_main .right img{
    vertical-align: text-bottom;
}
.footer_main .footer_contain{
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer_main .contact_box{
    margin-left:20px;
}
.footer_main .contact_box span{
    display: block;
}
.footer_main .contact_box .mail{
    padding:2px 7px;
    background:#999999;
    font-size:14px;
    color:#fff;
    text-align: center;
    letter-spacing: 1px;
}
.footer_main .contact_box .tele{
    font-size:17px;
    color:#282828;
    letter-spacing: 2px;
}

/* 屏幕分辨率为1680以下 */
@media screen and (max-width: 1679px) {
    body {width: 1200px;}
    #header .banner {background: url('../images/business/banner.jpg') -236px 0 no-repeat;}
    #header .banner .logo {margin-left: 538px;}
	#content-partners .b_line{ width:81%; height:10px; background:url(../images/business/b_line1200.jpg) no-repeat; padding-bottom:0; margin:0 auto;}
	
	#content-partners .part_one .part_k1 ul{width:295px; height:100px; font-size:11px; color:#333333; line-height:25px; margin-top:276px; margin-left:40px; }
	#content-partners .part_one .part_k1 img{margin-top:80px; margin-right:50px;width: 547px;height: 421px; float:right; margin-left:0px;}
    #content-partners .part_one .part_k1 .write { margin-top: 65px;margin-left: 39px}
	#content-partners .part_two .part_k2 img{margin-top:80px; margin-left:50px;width: 547px;height: 421px; float:left;}
#content-partners .part_two .part_k2 ul{width:295px; height:100px; font-size:11px; color:#333333; line-height:25px; margin-top:276px; margin-left:40px; float:right; }
	
	#content-partners .part_two {height: 630px;}
	#content-partners .part_two .part_k2 .write{color:#333333; margin-top:167px; margin-right:20px; float:right;line-height: 26px;}
	#content-partners .part_three .part_k3 .write{color:#333333; margin-top:95px; margin-left:40px; line-height:30px; font-size:20px;}
	
	#content-partners .part_three .part_k3 img{margin-top:80px; margin-right:50px;width: 547px;height: 421px; float:right;}
#content-partners .part_three .part_k3 ul{width:295px; height:100px; font-size:11px; color:#333333; line-height:25px; margin-top:276px; margin-left:40px;}
    #content-message p {margin-left: 220px;}
    #main {margin: 140px 150px 0;}
     .line {background: url('../images/business/line4.jpg') -235px 0 no-repeat;}
}

/* 屏幕分辨率为1100以下 */
@media screen and (max-width: 1100px) {
    body {width: 640px;}
    /* 头部 */
    #header .banner {height: 287px;background: url('../images/business/banner640.jpg') 0 0 no-repeat;}
    #header .banner .logo {margin-top: 18px;margin-left: 281px;width: 77px;}
    #header .head2 {margin: 0 auto;width: 356px;height: 90px;background:url('../images/business/topline.jpg') 0 28px repeat-x;}
    .head2 .top1 {position:absolute;margin-left: 0;margin-top: 29px;width: 60px;height: 19px;background:url('../images/business/numBtn.png') 0 0 no-repeat;}
    .head2 .top1:hover {background:url('../images/business/numBtn.png') -71px 0 no-repeat;}
    .head2 .top2 {position:absolute;margin-left: 156px;margin-top: 29px;width: 60px;height: 19px;background:url('../images/business/numBtn.png') 0 -30px no-repeat;}
    .head2 .top2:hover {background:url('../images/business/numBtn.png') -71px -30px no-repeat;}
    .head2 .top3 {position:absolute;margin-left: 316px;margin-top: 29px;width: 60px;height: 19px;background:url('../images/business/numBtn.png') 0 -60px no-repeat;}
    .head2 .top3:hover {background:url('../images/business/numBtn.png') -71px -60px no-repeat;}
    .head2 a span {margin-top: 30px;font-size: 16px;letter-spacing: 2.4px;}
    .head2 a .top1_text {margin-left: 8px;opacity: 1;}
    .head2 a .top2_text {margin-left: 8px;opacity: 1;}
    .head2 a .top3_text {margin-left: 8px;opacity: 1;}
	
    /* 解决方案 */
    #content-solutions{padding-top: 20px;}
    #content-solutions .title-box{height: 25px;background: url('../images/business/line2.jpg') 0 10px repeat-x;}
    .title-box .title1 {display: none;}
    .title-box .title2 {display: inline-block;}
    #content-solutions .item {width: 520px;}
    #content-solutions .a {margin: 80px auto 0;width: 90px;}
    #content-solutions .solution {margin: 80px auto 0;height: 70px;background: url('../images/business/numBtn.png') center no-repeat;}
    
    /* 内容三部分 */
    #content-partners {padding-bottom: 44px;}
	#content-partners .part_one {height: 600px;}
	#content-partners .part_one .part_k1 img{width: 360px;height: 280px;margin-right: 20px;}
	#content-partners .part_one .part_k1 ul{width:490px; height:100px; margin-top:370px; margin-left:42px;}
	#content-partners .part_one .part_k1 ul li{ letter-spacing: 1.2px;font-size: 16px;line-height: 30px;}
	#content-partners .part_one .part_k1 .write{; margin-top:30px; text-align:center; margin-left:0px;}
	#content-partners .part_two{ height:672px;}
	
	#content-partners .part_two {height: 650px;}
	#content-partners .part_two .part_k2 img{width: 360px;height: 280px;margin-left: 20px;}
	#content-partners .part_two .part_k2 ul{width:490px; height:100px; margin-left:6px; margin-top:0px;}
	#content-partners .part_two .part_k2 ul li{ letter-spacing: 1.2px;font-size: 16px;line-height: 30px;}
	#content-partners .part_two .part_k2 .write{color:#333333; margin-top:94px; margin-right:70px;}
	
	#content-partners .part_three {height: 650px;}
	#content-partners .part_three .part_k3 img{width: 360px;height: 280px;margin-right: 20px;}
	#content-partners .part_three .part_k3 ul{width:490px; height:100px; margin-top:370px; margin-left:42px;}
	#content-partners .part_three .part_k3 ul li{ letter-spacing: 1.2px;font-size: 16px;line-height: 30px;}
	#content-partners .part_three.part_k3 .write{ margin-top:30px; text-align:center; margin-left:0px;}
	#content-partners .part_three .part_k3 .write{color:#333333; margin-top:30px; margin-left:100px; line-height:30px; font-size:20px;}
	#content-partners .part_three .part_k3 .write .db{margin-left:60px; width:100px; margin-top:35px;}

    /* 留言 */
    #content-message {height: 620px;}
    #content-message p{margin-top: 18px;margin-left:122px;width: 460px;font-size: 16px;letter-spacing: 4px;}
    #main {width: 432px;height: 466px;margin: 80px 104px 0;}
    .company-box .company {margin-top: 26px;}
    .tel-box .tel {margin-top: 28px;}
    .mail-box .mail {margin-top: 28px;}
    .web-box .web {margin-top: 28px;}
    .message-box .message {margin-top: 28px;margin-left: 0;}
    .company-box #company-text,.tel-box #tel-text,.mail-box #mail-text,.web-box #web-text,.message-box #message-text {margin-top: 20px;margin-left: 50px;padding: 0 16px;width: 348px;height: 40px;font-size: 18px;letter-spacing: 3.2px;line-height: 40px;}
    .message-box #message-text {margin-top: 20px;margin-left: 50px;padding: 10px 16px;width: 348px;height: 126px;letter-spacing: 3.2px;line-height: 24px;}
    .submit-box .submitBtn {margin-top: 210px;margin-left: 140px;width: 180px;height: 40px;font-size: 18px;letter-spacing: 3.2px;line-height: 40px;}
    .submit-box .submitBtn:hover {background-color: #ebebeb;}
    #content-message .line {display: none;}
	/*内容一*/
	#content-partners .b_line{ width:100%; height:10px; background:url(../images/business/b_line640.jpg) no-repeat; padding-bottom:0;}
	#content-partners .part_two .imgs{ background:url(../images/business/box_1200_01.jpg) no-repeat; width:506px; height:680px; margin-top:-180px; margin-left:150px;}
     .line {background: url('../images/business/line4.jpg') -500px 0 no-repeat;}
     .web_footer{display: none;}
     .mobile_footer{display: flex;}
     .mobile_footer .footer_main{
         width:100%;
         justify-content: center;
     }
       #content-partners .numb {height: 80px;}
}