.callUs { width:171px; height:53px; line-height:45px !important; text-align:center; background:url(./n.png) -53px 0 no-repeat; color:#FFF !important; font-size:24px; font-weight:700; }
.callUs:hover { background-position:-53px -63px !important; }

.tel400-view { width:100%; height:490px; overflow:hidden; position:relative; background:url(./0-0.png) center bottom no-repeat; }
.tel400-view:before { content:""; width:100%; height:50px; background:url(./0-1.png) center bottom no-repeat; position:absolute; left:0; bottom:0; z-index:6; }
.tel400-view .kf { width:516px; height:490px; position:absolute; left:50%; top:0; margin-left:40px; opacity:0; opacity:1\9\0; -webkit-animation:flyInRight 0.5s ease-out forwards; -moz-animation:flyInRight 0.5s ease-out forwards; -ms-animation:flyInRight 0.5s ease-out forwards; animation:flyInRight 0.5s ease-out forwards; }
.tel400-view .kf img { width:516px; height:490px; /*-webkit-animation:flap 3s linear infinite; -moz-animation:flap 3s linear infinite; -ms-animation:flap 3s linear infinite; animation:flap 3s linear infinite;*/ }
.tel400-view .clock { position:absolute; width:115px; height:62px; left:50%; top:35px; margin:0 0 0 -564px; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease forwards; -moz-animation:flyInUp 0.8s ease forwards; -ms-animation:flyInUp 0.8s ease forwards; animation:flyInUp 0.8s ease forwards; }
.tel400-view .word { position:absolute; width:640px; left:50%; top:110px; margin:0 0 0 -542px; }
.tel400-view h2 { font-size:60px; color:#504f4f; font-weight:400; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease 0.2s forwards; -moz-animation:flyInUp 0.8s ease 0.2s forwards; -ms-animation:flyInUp 0.8s ease 0.2s forwards; animation:flyInUp 0.8s ease 0.2s forwards; }
.tel400-view .word span { color:#0b9ceb; margin-right:30px; }
.tel400-view .p1 { line-height:45px; font-size:25px; color:#666; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease 0.4s forwards; -moz-animation:flyInUp 0.8s ease 0.4s forwards; -ms-animation:flyInUp 0.8s ease 0.4s forwards; animation:flyInUp 0.8s ease 0.4s forwards; }
.tel400-view .p2 { line-height:45px; font-size:25px; padding:20px 0 10px; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease 0.6s forwards; -moz-animation:flyInUp 0.8s ease 0.6s forwards; -ms-animation:flyInUp 0.8s ease 0.6s forwards; animation:flyInUp 0.8s ease 0.6s forwards;}
.tel400-view .line, .tel400-view .line2 { height:1px; background:#d0d0d0; }
.tel400-view .line { margin-bottom:10px; opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease 0.3s forwards; -moz-animation:flyInUp 0.8s ease 0.3s forwards; -ms-animation:flyInUp 0.8s ease 0.3s forwards; animation:flyInUp 0.8s ease 0.3s forwards; }
.tel400-view .line2 { opacity:0; opacity:1\9\0; -webkit-animation:flyInUp 0.8s ease 0.7s forwards; -moz-animation:flyInUp 0.8s ease 0.7s forwards; -ms-animation:flyInUp 0.8s ease 0.7s forwards; animation:flyInUp 0.8s ease 0.7s forwards; }
.tel400-view .warm { position:absolute; width:132px; height:132px; right:50px; bottom:-50px; opacity:0; opacity:1\9\0; -webkit-animation:bounceIn 0.8s ease 1s forwards; -moz-animation:bounceIn 0.8s ease 1s forwards; -ms-animation:bounceIn 0.8s ease 1s forwards; animation:bounceIn 0.8s ease 1s forwards; }



/* 企业营销推广难题 */
.tel400-adv_problem { width:100%; height:540px; overflow:hidden; position:relative; }
.tel400-adv_problem img.img { position:relative; left:50%; margin-left:-960px; width:1920px; height:540px; }
.tel400-adv_problem img.img_1 { position:absolute; left:50%; margin-left:-500px; top:280px; }
.tel400-adv_problem img.img_2 { position:absolute; left:50%; margin-left:-330px; top:50px; }
.tel400-adv_problem img.img_3 { position:absolute; left:50%; margin-left:160px; top:50px; }
.tel400-adv_problem img.img_4 { position:absolute; left:50%; margin-left:270px; top:280px; }
.tel400-adv_problem img.img_1, .tel400-adv_problem img.img_2, .tel400-adv_problem img.img_3, .tel400-adv_problem img.img_4 { -webkit-animation:star 2s infinite ease-in-out; -moz-animation:star 2s infinite ease-in-out; -ms-animation:star 2s infinite ease-in-out; -o-animation:star 2s infinite ease-in-out; animation:star 2s infinite ease-in-out; }

/* 400问题 */
.tel400-problem { margin-bottom:100px; }
.tel400-problem .head { width:100%; height:70px; line-height:70px; background:#d50000; text-align:center; color:#FFF; font-size:38px; position:relative; }
.tel400-problem .head:before, .tel400-problem .head:after { content:""; width:8px; height:5px; font-size:0; line-height:0; position:absolute; bottom:-5px; background:url(./tip2.gif) 0 0 no-repeat; left:0; }
.tel400-problem .head:after { background-position:0 -8px; left:auto; right:0; }
.tel400-problem .head strong { font-size:50px; color:#fcff28; margin:0 10px; }
.tel400-problem .main { width:1122px; height:auto; background:#f7f7f7; border:1px solid #ddd; margin:0 auto 70px; border-top:0; padding:20px 30px 30px; position:relative; }
.tel400-problem .main img { float:left; width:222px; height:112px; }
.tel400-problem .main p { font-size:16px; color:#444; line-height:35px; padding-top:10px; margin-bottom:30px; }
.tel400-problem .mo { display:block; width:350px; height:40px; line-height:40px; margin:0 auto; text-align:center; font-size:20px; color:#e6221a; text-decoration:underline; border:1px solid transparent; border-radius:40px; }
.tel400-problem .mo:hover { background:#e6221a; color:#FFF; text-decoration:none; box-shadow:0 0 0 4px rgba(230, 34, 26, 0.2); -webkit-animation:pudding 1.5s ease forwards; -moz-animation:pudding 1.5s ease forwards; -ms-animation:pudding 1.5s ease forwards; animation:pudding 1.5s ease forwards; }
.tel400-problem .callUs { position:absolute; right:20px; bottom:20px; }

/* 400电话理解误区 */
.tel400-wrong { width:1196px; height:519px; border:2px solid #e6221a; border-radius:3px; position:relative; margin-bottom:80px; }
.tel400-wrong .head { width:500px; height:64px; line-height:64px; background:#e6221a; text-align:center; color:#FFF; font-size:40px; border-radius:3px; position:absolute; top:-32px; left:50%; margin-left:-250px; }
.tel400-wrong .head strong { color:#fcff28; }
.tel400-wrong .bg { width:100%; height:519px; display:block; }
.tel400-wrong .tag { position:absolute; left:0; bottom:0; width:100%; height:100px; padding:10px 0; line-height:50px; }
.tel400-wrong .tag h2 { font-size:35px; font-weight:700; padding-left:50px; }
.tel400-wrong .tag span { color:#d50000; }
.tel400-wrong .tag p { font-size:25px; padding-left:50px; }
.tel400-wrong .callUs { position:absolute; right:33px; bottom:30px; }
.tel400-wrong .flash { width:100%; height:397px; overflow:hidden; position:absolute; left:0; top:0; }
.tel400-wrong .ap_1 { position:absolute; right:55px; top:37px; z-index:5; }
.tel400-wrong .ap_2 { position:absolute; left:50px; top:120px; z-index:4; }
.tel400-wrong .ap_4 { position:absolute; left:250px; top:60px; z-index:4; }
.tel400-wrong .ap_3 { position:absolute; left:450px; top:110px; z-index:4; }
.tel400-wrong .ap_5 { position:absolute; left:255px; top:300px; z-index:3; }


/* 智能400电话的作用 */
.tel400-effect { margin-bottom:100px; padding-top:100px; }
.tel400-effect .head { height:110px; line-height:60px; color:#e6221a; text-align:center; font-size:40px; font-weight:700; }
.tel400-effect .list { float:left; width:100%; margin-bottom:25px; }
.tel400-effect .list li { width:370px; height:360px; border:2px solid #ddd; float:left; margin-right:39px; border-radius:3px; background:#fbfbfb; }
.tel400-effect .list li.ei { float:right; margin-right:0; }
.tel400-effect .list h3 { width:290px; height:60px; line-height:60px; background:#e6221a; color:#FFF; text-align:center; font-size:21px; border-radius:3px; margin:0 auto; position:relative; top:-30px; }
.tel400-effect .list img { width:314px; height:160px; position:relative; display:block; top:-5px; margin:0 auto; }
.tel400-effect .list dl { padding:0 15px; }
.tel400-effect .list dd { font-size:16px; line-height:24px; color:#e6221a; margin-bottom:10px; }
.tel400-effect .mo { clear:both; height:50px; line-height:50px; text-align:center; font-size:22px; }
.tel400-effect .callUs { display:inline-block; vertical-align:middle; margin-left:20px; }

/* 智能400电话的功能 */
.tel400-function { padding-bottom:100px; padding-top:100px; }
.tel400-function .head { height:110px; line-height:60px; color:#e6221a; text-align:center; font-size:40px; font-weight:700; }
.tel400-function .tab { height:51px; }
.tel400-function .tab dd { float:right; width:590px; height:50px; line-height:50px; text-align:center; font-size:30px; color:#777; border:1px solid #ddd; border-bottom:0; border-radius:3px 3px 0 0; background:#fbfbfb; background:-webkit-linear-gradient(top, #fff, #F9F9F9); background:-moz-linear-gradient(top, #fff, #F9F9F9); background:-ms-linear-gradient(top, #fff, #F9F9F9); background:-o-linear-gradient(top, #fff, #F9F9F9); background:linear-gradient(top, #fff, #F9F9F9); cursor:pointer; }
.tel400-function .tab dd:first-child { float:left; }
.tel400-function .tab .hover { position:relative; top:1px; border-color:#e6221a; }
.tel400-function .con { height:481px; border:1px solid #e6221a; border-radius:0 0 3px 3px; background:#fbfbfb; margin-bottom:20px; }
.tel400-function .con ul { width:1140px; overflow:hidden; margin:0 auto; padding:35px 0; }
.tel400-function .con li { float:left; height:190px; text-align:center; }
.tel400-function .con img { width:120px; height:120px; display:block; margin:0 auto; }
.tel400-function .con img:hover { -webkit-animation:pudding 1.5s ease forwards; -moz-animation:pudding 1.5s ease forwards; -ms-animation:pudding 1.5s ease forwards; animation:pudding 1.5s ease forwards; }
.tel400-function .con h3 { font-size:20px; color:#000; line-height:30px; }
.tel400-function .con p { font-size:15px; color:#666; line-height:20px; overflow:hidden; }
.tel400-function li.u1 { border-right:1px dashed #ddd; border-bottom:1px dashed #ddd; }
.tel400-function li.u2 { border-bottom:1px dashed #ddd; }
.tel400-function li.u3 { border-right:1px dashed #ddd;}
.tel400-function .list_6 li { width:33%; }
.tel400-function .list_8 li { width:24%; }
.tel400-function .p1 { padding-bottom:20px; }
.tel400-function .p2 { padding-top:10px; }
.tel400-function .mo { clear:both; height:50px; line-height:50px; text-align:center; font-size:22px; }
.tel400-function .callUs { display:inline-block; vertical-align:middle; margin-left:20px; }

/* 合作流程 */
.tel400-process { padding-bottom:150px; }
.tel400-process .head { height:90px; line-height:60px; color:#e6221a; text-align:center; font-size:40px; font-weight:700; }
.tel400-process .list { width:100%; height:165px; overflow:hidden; margin:0 auto; }
.tel400-process .list li { float:left; width:130px; padding-right:84px; height:166px; background:url(./process.gif) 0 0 no-repeat; text-align:center; color:#FFF; font-size:20px; font-weight:700; position:relative; }
.tel400-process .list strong { display:block; height:40px; line-height:40px; font-size:40px; color:#23bfff; padding-top:20px; margin-bottom:5px; }
.tel400-process .list span { font-weight:400; font-size:12px; position:relative; top:-12px; }
.tel400-process .last-child { padding-right:0 !important; }