.sj_banner img{ max-width:100%; display:block;}
.why_box{ height:900px; background:#f7f7f7; width:100%; overflow:hidden;}
.why_con h3{ font-weight:normal; font-size:30px; color:#333; padding:35px 0; }
.why_con p{ font-size:16px; color:#515151; line-height:30px;}
.img_box{ position:relative;}
.why_img{ position:absolute; top:0; left:660px;}
.why_con{ width:580px; padding-top:100px;}
.red_box{ padding:30px 30px; background:#ff4c4c; position:absolute; margin-top:70px; overflow:hidden;}
.red_box li{ float:left; color:#fff; font-size:16px; padding:0 50px; text-align:center;}
.red_box li p{ padding-top:6px;}
.why_con span{ width:100px; height:5px; display:block; background:#ff4c4c; margin-top:35px; margin-bottom:25px;}
@media (max-width:991px){
	.red_box li{ padding:0 35px;}
	.why_img{ left:535px;}
}
@media (max-width:767px){
	.why_img{ display:none;}
	.why_con{ width:auto; padding-top:30px; background:none;}
	.why_con h3{ font-size:20px; padding:15px 0;}
	.why_con p{ font-size:14px;}
	.why_con span{ margin:15px 0;}
	.red_box li{ width:49%; padding:0; background:#ff4c4c; margin-right:1px; margin-bottom:1px; padding:20px 0;}
	.red_box{ position:inherit; margin-top:25px; padding:20px 0;}
	.red_box{ background:none; padding:0;}
	.why_box{ height:auto; padding-bottom:40px;}
}
.move_box{ width:100%; height:960px; background:#ff4c4c;margin-bottom:110px; position:relative; overflow:hidden;}
.move_con{ width:520px; color:#fff; float:right; padding-top:170px; }
.move_con h3{ font-weight:normal; font-size:44px; padding-bottom:20px;}
.move_con h4{ font-weight:normal; font-size:20px; line-height:35px; padding-bottom:25px; padding-top:25px;}
.move_con p{ font-size:16px; line-height:30px;}
.move_con a{ font-size:16px; color:#ff4c4c; background:#fff; padding:10px 30px; display:inline-block; border-radius:5px; margin-top:80px; position:absolute; z-index:99;}
.ipad_box{ position:absolute; left:100px; top:70px;}
@media (max-width:1668px){
	.ipad_box{ left:20px;}
}
@media (max-width:1500px){
	.ipad_box{ left:200px; top:160px;}
	.ipad_box img{ width:1000px;}
	.move_box{ height:800px;}
}
@media (max-width:1320px){
	.ipad_box{ left:100px;}
	.move_box{ padding-bottom:300px; height:auto;}
}
@media (max-width:1230px){
	.ipad_box{ left:20px;}
	.ipad_box img{ width:810px;}
}
@media (max-width:991px){
	.ipad_box img{ display:none;}
	.move_con{ width:auto; padding-top:0;}
	.move_box{ height:auto; padding:50px 0;text-align:center;}
	.move_con h3{ font-size:30px; padding-bottom:20px;}
	.move_con a{ margin-top:40px; position:inherit;}
}
@media (max-width:767px){
	.move_con h3{ font-size:20px; padding-bottom:20px;}
	.move_con h4{ font-size:16px;}
	.move_con a{ margin-top:40px;}
	.move_con p{ font-size:14px;}
}
.title{ text-align:center; margin-bottom:105px;}
.title h3{ font-weight:normal; font-size:44px; color:#333; margin-bottom:5px;}
.title p{ line-height:28px; padding-top:10px; width:70%; margin:0 auto; color:#8f8f8f;}
@media (max-width:991px){
	.title p{ width:auto;}
}
.dingzhi{ margin-bottom:135px; overflow:hidden;display:block;padding:0;}
.dingzhi li{ background:#f5f5f5; width:50%; float:left; margin-bottom:1px;}
.dingzhi li div{ padding:25px 0; padding-left:30px; position:relative;}
.dingzhi li img{ float:left; margin-left:0; margin-right:15px; display:block; max-width:80px; margin-top:30px; display:block;}
.dingzhi h3{ font-weight: normal; font-size:20px; padding-bottom:7px; margin-top:0;}
.dingzhi p{ font-size:14px; line-height:24px; padding-right:30px; color:#545454;}
.dz_con{ margin-left:100px; border-right:1px solid #fff;}
@media (max-width:767px){
	.dingzhi li img{ display:none;}
	.dingzhi li div{ margin:0; padding:15px; padding-right:0; height:auto;}
	.dingzhi h3{ font-size:16px;}
	.title h3{ font-size:20px;}
	.move_box{ margin-bottom:30px;}
	.title p{ font-size:14px;}
	.title{ margin-bottom:30px;}
	.dingzhi li{ height:160px;}
}
@media (max-width:550px){
	.dingzhi li div{ height:auto; padding:10px;}
	.dingzhi li{ width:100%;}
	.dz_con{ border-right:0;}
	.dingzhi li{ height:auto;}
}
.present{ background:url(../images/bk.jpg) no-repeat; width:100%; overflow:hidden;}
.present .title{ margin-top:100px;}
.present .title h3{ color:#f6f6f6;}
.present .title p{ color:#e1e1e3;}
.consultation{ display:inline-block; background:#ff4c4c; color:#fff; padding:10px 35px; border-radius:5px; margin-top:55px; margin-bottom:20px;}
.pc_box{ text-align:center;}
.pc_box img{ max-width:100%;}
@media (max-width:767px){
	.dingzhi{ margin-bottom:50px;}
	.present .title{ margin-top:50px;}
	.consultation{ margin-top:30px;}
}
.process{ background:url(../images/lc.png) no-repeat; width:100%; height:700px;}
.left_con{ width:400px; float:left; height:490px; background:#ff4c4c; margin-bottom:70px; padding:0 45px; padding-top:50px; padding-bottom:40px;}
.left_con H2{ color:#FFF; font-weight:normal; font-size:30px;}
.left_con H3{ color:#FFF; font-weight:normal; font-size:16px; margin-bottom:20px;}
.left_con input{ border:none; border-bottom:1px solid #f79e9e; background:none; width:100%; height:40px;}
.left_con textarea{ resize : none; width:100%; border:none; border-bottom:1px solid #f79e9e; background:none; height:89px; padding-top:15px;}
.left_con button{ width:90px; float:right; margin-top:25px; display:block;background: #ff4c4c;border:1px solid #f79e9e; text-align:center; line-height:37px; color:#fff;}
.right_con{ height:490px; background:#faf8f6; padding-top:50px; padding-bottom:40px; margin-left:400px;}
.tit_con{ text-align:center;}
.tit_con h3{ font-weight:normal; font-size:30px; color:#ff4c4c; padding-bottom:10PX;}
.tit_con P{ font-weight:normal; font-size:16PX; color:#565554;}
.left_con .code{position:relative;}
.left_con .captcha{display:block;position:absolute;right:0;top:2px;width:90px;height:36px;}
input::-webkit-input-placeholder { /* WebKit browsers */ color: #ffe3e3; } 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffe3e3; } 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffe3e3; } 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ffe3e3; } 
textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ffe3e3; } 
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffe3e3; } 
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffe3e3; } 
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ffe3e3; } 
.telephone{ margin:0 auto; margin-top:70px; width:600px; overflow:hidden;}
.telephone div{ height:40px; margin-bottom:20px;}
.telephone li{ float:left; width:33%; font-size:14px; color:#6c6b6b; text-align:center; line-height:22px;}
.telephone li p{ padding:0 10px;}
@media (max-width:1230px){
	.telephone{ width:auto; margin-top:130px;}
}
@media (max-width:991px){
	.left_con{ width:auto; float:none; margin-bottom:0; padding:20px;}
	.right_con{ margin-left:0; height:auto; padding-top:30px;}
	.telephone{ margin-top:30px;}
	.telephone li{ font-size:12px;}
	.left_con input{ height:40px;}
	.tit_con h3{ font-size:20px;}
	.tit_con P{ font-size:14px;}
	.dingzhi li{ height:200px;}
}
.process{ overflow:hidden; height:auto; margin-bottom:50px; padding-bottom:150px;}
.process .title{ margin-top:60px;}
.process_box img{ max-width:100%;}
.dingzhi li .xian2{ margin:0; position: absolute; left:0; top:30px;}
@media (max-width:767px){
	.process{ padding-bottom:80px;}
	.left_con H2{ font-size:18px; margin-top:0;}
	.left_con H3{ margin-top:0;}
	.left_con{ height:auto; padding-bottom:95px;}
	.dingzhi li{ height:auto;}
}
@media (max-width:388px){
	.telephone li{ float:none; margin:0 auto; width:auto; margin-bottom:25px;}
	.telephone div{ margin-bottom:10px;}
	.right_con{ padding-bottom:10px;}
}
.con_qq{ width:590px; margin:0 auto; margin-top:70px; background:url(../images/conx.png) repeat-x center;}
.con_qq li{ float:left; margin:0 7px; text-align:center;}
.qq_box img{ max-width:100%;}
.con_qq ul{ width:86px; height:20px; margin:0 auto; background:#faf8f6; padding:0 5px;}
.con_qq li{ position:relative;}
.qq_box{ width:22px; height:19px; margin:0 auto; background:url(../images/qq.png) no-repeat;}
.wx_box{ width:24px; height:19px; margin:0 auto; background:url(../images/wx.png) no-repeat;}
.qq_box:hover{ background:url(../images/qq2.png) no-repeat;}
.wx_box:hover{ background:url(../images/wx2.png) no-repeat;}
.qq_con{ position:absolute; width:100px; top:30px; left:-20px; background:#ff4c4c; padding:10px; display:none;}
.qq_con p{ font-size:12px; text-align:left; line-height:20px; color:#fff; margin-bottom:0;}
.con_qq li:hover .qq_con{ display:block;}
.con_wx{ position:absolute; width:80px; left:-58px; top:30px; padding:10px; background:#ff4c4c; display:none;}
.con_wx img{ max-width:100%; display:block;}
.con_qq li:hover .con_wx{ display:block;}
@media (max-width:1230px){
	.con_qq{ display:none;}
}