@charset "utf-8";
/* CSS Document */

.content { width: 1100px; margin: auto; color: #333; }
.column-left { width: 200px; height: 100%; padding: 40px 0 40px 20px; font-size: 16px; }
.column-left .title { padding-bottom: 15px; font-size: 20px; font-weight: normal; color: #418fde; }

.column-nav { margin-top: 15px; margin-bottom: 70px; }
.column-nav li { padding-left: 20px; border-bottom: 1px solid #e5e5e5; line-height: 50px; cursor: pointer; }
.column-nav li:hover { border-left: 3px solid #418fde; }
.column-nav li a { display: inline-block; width: 100%; height: 100%; color: #666; }
.column-nav li a:hover { color: #418fde; }
.column-check { border-left: 3px solid #418fde; color: #418fde; }

.column-contact li { color: #666; padding:5px 0; }
.column-icon1 { display: inline-block; width: 23px; height: 18px; margin-right: 10px; background: url(../image/column_icon.png) no-repeat 0 0; }
.column-icon2 { display: inline-block; width: 23px; height: 18px; margin-right: 10px; background: url(../image/column_icon.png) no-repeat 0 -36px; }

.column-btn { display: inline-block; padding: 10px 35px; margin: 20px 0 10px 0; background: #fff; border: 1px solid #418fde; color: #418fde; border-radius: 3px; cursor: pointer; }
.column-btn:hover { box-shadow: 0 0 8px rgba(65,143,222,0.5); }

.column-ewm { margin: 10px 0 0 30px; }
.column-ewm p { padding-left: 12px; font-size: 14px; color: #666; }


.content-r { width: 877px; border-left: 3px solid #418fde; }

/*云呼叫中心*/
.hjzx-banner { position: relative; width: 100%; height: 360px; background: url(../image/banner12.jpg) no-repeat center; }
.hjzx-banner-txt { position: absolute; bottom: 30px; width: 807px; height: 200px; padding: 30px 0 20px 70px; color: #fff; }
.hjzx-banner-txt .title { margin-bottom: 20px; font-size: 30px; font-weight: normal; }
.hjzx-banner-txt p { line-height: 30px; font-size: 16px; }
.hjzx-banner-txt .button { display: inline-block; padding: 7px 35px; margin: 40px 20px 10px 0; background: #fff; color: #418fde; border-radius: 3px; cursor: pointer; }
.hjzx-banner-txt .button:hover { box-shadow: 0 0 8px rgba(65,143,222,0.9); }

.hjzx-content1{ max-width: 100%; padding: 50px 0 30px 50px; background: url(../image/cloud_call_1.png) no-repeat bottom right #f6f6f6; }
.hjzx-content1 h2 { margin-bottom: 20px; font-size: 30px; font-weight: normal; }
.hjzx-content1 dl { width: 50%; margin: 40px 0; }
.hjzx-content1 dt { display: table; margin-bottom: 20px; font-size: 20px; }
.hjzx-content1 dt .title { display: table-cell; vertical-align: middle; padding-left: 15px; }
.hjzx-content1 dd { margin-bottom: 35px; color: #666; }


.hjzx-content2{ max-width: 100%; padding: 80px 50px 30px 0; background: url(../image/cloud_call_2.png) no-repeat center left #f6f6f6; }
.hjzx-content2 h2 { margin-bottom: 20px; font-size: 30px; font-weight: normal; }
.hjzx-content2 dl { margin: 40px 0; }
.hjzx-content2 dt { display: table; margin-bottom: 5px; font-size: 20px; }
.hjzx-content2 dt .title { display: table-cell; vertical-align: middle; padding-left: 15px; }
.hjzx-content2 dd { margin-bottom: 35px; color: #666; }
.hjzx-content2 dd td { padding:10px 15px 5px 0; vertical-align: top; }
.hjzx-content2 dd td span { line-height: 36px; color: #418fde; }

.hjzx-content3{ max-width: 100%; padding: 50px 0; background: #f6f6f6; }
.hjzx-content3 h2 { margin-bottom: 30px; font-size: 30px; font-weight: normal; color: #333;  }

/*改*/
.hjzx-banner1 { position: relative; width: 100%; height: 630px; background: url(../image/banner12.jpg) no-repeat center; }
.hjzx-banner1 .button { display: inline-block; padding: 7px 35px; margin: 40px 20px 10px 0; background: #fff; color: #418fde; border-radius: 3px; cursor: pointer; }
.hjzx-banner1 .button:hover { box-shadow: 0 0 8px rgba(65,143,222,0.9); }



/*短信能力*/
.msg-banner { position: relative; width: 100%; height: 360px; background: url(../image/banner13.jpg) no-repeat center; }

.y-yzm{ max-width: 100%; padding: 50px 0 30px 50px; background: url(../image/cloud_service_1.png) no-repeat bottom right #f6f6f6; }
.y-yzm h2 { margin-bottom: 20px; font-size: 30px; font-weight: normal; }
.y-yzm dl { width: 50%; margin: 40px 0; }
.y-yzm dt { display: table; margin-bottom: 20px; font-size: 20px; }
.y-yzm dt .title { display: table-cell; vertical-align: middle; padding-left: 15px; }
.y-yzm dd { margin-bottom: 35px; color: #666; }


.yzm-price { padding: 50px; background: #f6f6f6; }
.yzm-price table { width: 100%; background: #fff; text-align: center; line-height: 60px; box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.yzm-price span { color: #ffc72c; font-weight: bold; }
.yzm-price th { background: #73bee5; color: #fff; }

.y-tz{ max-width: 100%; padding: 50px 50px 0 0; background: url(../image/cloud_service_2.png) no-repeat center left #f6f6f6; }
.y-tz h2 { margin-bottom: 20px; font-size: 30px; font-weight: normal; }
.y-tz dl { margin: 40px 0; }
.y-tz dt { display: table; margin-bottom: 20px; font-size: 20px; }
.y-tz dt .title { display: table-cell; vertical-align: middle; padding-left: 15px; }
.y-tz dd { margin-bottom: 35px; color: #666; }


/*短信验证码*/
.m-yzm{ background: url(../image/cloud_service_5.png) no-repeat center left #f6f6f6 !important; }


/*语音营销*/
.y-yx-banner { position: relative; width: 100%; height: 360px; background: url(../image/banner11.jpg) no-repeat center; }

.y-yx{ background: url(../image/cloud_service_7.png) no-repeat bottom right #f6f6f6 !important; }

.y-yx2{ background: url(../image/voice_market_1.png) no-repeat center left #f6f6f6 !important; }

.y-yx2{ max-width: 100%; padding: 80px 50px 30px 0; background: url(../image/cloud_call_2.png) no-repeat center left #f6f6f6; }
.y-yx2 h2 { margin-bottom: 20px; font-size: 30px; font-weight: normal; }
.y-yx2 dl { margin: 40px 0; }
.y-yx2 dt { display: table; margin-bottom: 20px; font-size: 20px; }
.y-yx2 dt .title { display: table-cell; vertical-align: middle; padding-left: 15px; }
.y-yx2 dd { margin-bottom: 35px; color: #666; }
.y-yx2 dd td { padding:10px 15px 5px 0; vertical-align: top; }
.y-yx2 dd td span { line-height: 36px; color: #418fde; }



/*价格资费*/
.price { max-width: 100%; padding: 50px 0 30px 50px; background: #f6f6f6; }
.price h2 { margin-bottom: 20px; font-size: 30px; font-weight: normal; }

.price-btn { padding-top: 35px; border-top: 1px solid #e5e5e5; }
.price-btn li { display: inline-block; margin-bottom: 35px; padding: 0 20px; }
.price-btn img { width: 45px; margin-bottom: 15px; }
.price-btn h3 { font-size: 18px; font-weight: normal; color: #333; }
.price-btn p { font-size: 14px; color: #666; margin-top: 10px; }


.price-icon1 { width: 200px; height: 60px; margin: 10px auto; background:url(../image/price_icon.png) no-repeat; }
.price-icon2 { width: 200px; height: 60px; margin: 10px auto; background:url(../image/price_icon.png) no-repeat -200px 0; }

.price-ul { margin-left: 120px; margin-bottom: 50px; font-size: 16px; line-height: 20px; }


.price-box { width: 350px; padding: 30px 0; margin: auto; background: url(../image/price_3.png) no-repeat top; font-size: 18px; }
.price-box .title { margin: 90px 0 40px 0; padding-top: 50px; color: #953bbc; }
.price-box p span { display:inline-block; margin-bottom: 15px; font-size: 36px; color: #953bbc; }
.price-box .line { display:inline-block; padding: 15px 30px 30px 30px; border-top: 1px solid #333; }


/*关于我们*/
.about { max-width: 100%; padding: 50px;  }
.about h2 { margin-bottom: 30px; font-size: 30px; font-weight: bold; color: #52b355; }


.about p { margin-bottom: 15px; text-indent: 2em; line-height: 22px; color: #666; }
.about .title { margin: 35px 0 20px 0; font-size: 20px; color: #52b355; }

/*联系我们*/
.about div dl { padding: 20px 35px 0 0; line-height: 30px; }
.about div dt { margin-bottom: 30px; font-size: 20px; }

/*新闻报道
.about-news { margin: 0 30px; }
.about-news li { height: 50px; padding: 0 10px 0 18px; line-height: 50px; background:url(../image/news_icon.png) no-repeat center left; border-bottom: 1px dashed #ddd; }
.about-news li span { float: right; color: #999; }
.about-news a { color: #666; }
.about-news a:hover { color: #52b355; }*/

.about-news { padding: 0 30px; width: 100%; }
.about-news td { height: 50px; padding: 0 10px 0 18px; line-height: 50px; background:url(../image/news_icon.png) no-repeat center left; border-bottom: 1px dashed #ddd; }
.about-news span { float: right; color: #999; }
.about-news a { color: #666; }
.about-news a:hover { color: #52b355; }

.news-content { padding: 50px; max-width: 900px; margin: auto; }
.news-content p { margin-bottom: 10px; text-indent: 2em; color: #666; line-height: 26px; }
.news-content img { margin: 25px 0; }
.news-content a { text-decoration: underline; color: #418fde; }
.news-content .p-title { padding-top: 10px; font-weight: bold; color: #333; }
.news-content-title h2 { font-size: 20px; font-weight: normal; } 
.news-content-title span { display: block; margin: 15px 0 50px 0; font-size: 14px; color: #999; }

.news-page { color: #666; text-align: center; }
.news-page a { color: #52b355; }

#newsFrame { display: none; width: 100%; min-height: 700px; }


/*案例*/
.case { max-width: 100%; padding: 50px; }
.case h2 { margin-bottom: 35px; font-size: 24px; font-weight: normal; }


.case-cont h4 { font-size: 16px; color: #418fde; line-height: 36px; font-weight: normal; }
.case-cont ul { margin-bottom: 15px; line-height: 30px; }
.case-cont img { margin-bottom: 25px; }


/*注册*/
.register { width: 800px; height: 480px; margin: 75px auto; background: rgba(0,0,0,0.6); box-shadow: 0 0 30px rgba(0,0,0,0.6); border-radius: 15px; color: #fff; }

/*.reg-tab { margin: 50px 0 0 60px; }
.reg-tab li { padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.3); }
.reg-tab li:hover { border-left: 3px solid #52b355; }
.reg-tab a { display: block; width: 200px; height: 42px; line-height: 42px; font-size: 16px; text-align: center; cursor: pointer; }
.reg-tab-check { background-color: rgba(100,100,100,0.1); border-left: 3px solid #52b355; }*/
.reg-txt { margin: 60px 0 0 60px; font-size: 16px; text-align: center; }
.reg-txt h2 { margin-bottom: 15px; font-size: 32px; font-weight: normal; }
.reg-txt p { margin-bottom: 35px; line-height: 30px; }

 /*表单*/
.reg-form { height: 260px; margin: 50px 60px 0 0; padding-left: 65px; font-size: 16px; border-left: 1px solid #fff; }
.reg-form span { padding-right: 5px; color: #e83a37; }
.reg-form li { height: 55px; }

.reg-form .inputbox{ border-bottom: 1px solid rgba(255,255,255,0.3); }
.reg-form .error { display: none; text-align:right; font-size: 12px; color: #e83a37; }

.reg-form input { font-family: 'Microsoft Yahei'; }
.reg-form input[type=text],input[type=password] { width: 200px; height: 36px; padding: 0 5px; background: none; border: 0; outline:none; font-size: 14px; color: #fff; }
.reg-form textarea { width: 300px; height: 60px; margin-top: 5px; padding: 2px; background: rgba(255,255,255,0.8); font-size: 14px; font-family: 'Microsoft Yahei'; color: #333; border: 0; resize: none; }

.reg-form-btn{ width: 200px; height: 42px; margin: 25px 0; background: #52b355; font-size: 16px; color: #fff; border: 0; border-radius: 5px; cursor: pointer; }
.reg-yzm-btn { width: 80px; height: 30px; background: none; color: #52b355; border: 1px solid #52b355; border-radius: 3px; cursor: pointer; }


/*融合通信*/
.rhtx-banner { position: relative; width: 100%; height: 360px; background: url(../image/banner11.jpg) no-repeat center; }
.rhtx-content1 { background: url(../image/rhtx_cont1.png) no-repeat bottom right #f6f6f6 !important; }
.rhtx-content1 dd td { padding: 10px 15px 5px 0; vertical-align: top; }
.rhtx-content1 dd td span { font-size: 16px; line-height: 36px; color: #418fde; }

.rhtx-content2 { background: url(../image/rhtx_cont2.png) no-repeat center left #f6f6f6; !important; }
.rhtx-content2 dd td span { font-size: 16px; }

.rhtx-content3 { padding-top: 1px; background: url(../image/rhtx_cont3.png) no-repeat center right #f6f6f6; !important; }
.rhtx-content3 dd td { padding: 10px 15px 5px 0; vertical-align: top; }
.rhtx-content3 dd td span { font-size: 16px; line-height: 36px; color: #418fde; }

.rhtx-gs { margin-bottom: 60px; color: #666; }
.rhtx-gs p { margin-bottom: 10px; padding-right: 50px; line-height: 24px; }


/*行业方案*/
.hy-banner { position: relative; width: 100%; height: 360px; background: url(../image/banner14.jpg) no-repeat center; }

.hy-cont { max-width: 100%; padding: 50px; color: #666; line-height: 24px; }
.hy-cont h2 { margin-bottom: 25px; font-size: 24px; font-weight: normal; color: #333; }
.hy-cont p { margin-bottom: 10px; text-indent: 2em; }
.hy-cont-title { margin: 20px 0 10px 0; font-size: 16px; color: #418fde; text-indent: 0 !important; }

/*1-99人解决方案*/
.s-banner { position: relative; width: 100%; height: 360px; background: url(../image/banner15.jpg) no-repeat center; }

.solution-1 { margin: 50px; }
.solution-1 ul { padding-left: 20px; }
.solution-1 h2 { margin-bottom: 45px; font-size: 30px; font-weight: normal; }
.solution-1 li { margin-bottom: 30px; font-size: 12px; list-style-type: disc; color: #418fde; }
.solution-1 li span { font-size: 16px; color: #333; }

.s-dl1 { margin-bottom: 90px; background: url(../image/solution_1.jpg) no-repeat center right; }
.s-dl2 { margin-bottom: 90px; background: url(../image/solution_2.jpg) no-repeat center left; }
.s-dl3 { margin-bottom: 90px; background: url(../image/solution_3.jpg) no-repeat center right; }
.s-dl4 { background: url(../image/solution_4.jpg) no-repeat center left; }



.solution-cont { margin: 70px 0 70px 40px; width: 100%; }
.solution-cont li { display: block; float: left; width: 180px; height: 320px; padding: 30px; margin: 0 15px; background: #f5f5f5; text-align: center; border-top: 2px solid #418fde; }
.solution-cont h3 { margin: 10px 0; font-size: 18px; font-weight: normal; }
.solution-cont p { color: #666; }
.s-circle { width: 160px; height: 160px; margin: 30px auto; line-height: 160px; font-size: 45px; background: #fff; border-radius: 50%; }
.s-circle span { font-size: 16px; }


.solution2 { margin: 50px; }
.solution2 h2 { margin-bottom: 20px; font-size: 30px; font-weight: normal; }


/*云拨号*/
.dialer-banner { position: relative; width: 100%; height: 360px; background: url(../image/banner16.jpg) no-repeat center; }
.dialer-bg { background: url(../image/dialer.png) no-repeat bottom right #f6f6f6 !important; }


/*云总机*/
.yzj-banner { position: relative; width: 100%; height: 360px; background: url(../image/banner17.jpg) no-repeat center; }

.yzj-bg { background:  #f6f6f6 !important; }
.yzj-bg dl { width: 90%; margin-top: 30px; }

.yzj{ padding-top: 0; background: #f6f6f6 !important; }

.yzj-case { margin: 40px 50px 40px 0; line-height: 30px; color: #666; border: 1px solid #ccc; }
.yzj-case-title { float: left; width: 180px; height: 100%; text-align: center; font-size: 18px; }
.yzj-case-title a { display: block; width: 100%; padding: 16px 0; color: #333; border-bottom: 1px solid #ddd; cursor: pointer; }
.yzj-title-hover a { color: #418fde !important; }

.yzj-case-cont { display: none; float: right; width: 514px; padding: 35px 40px; border-left: 1px solid #ddd; }
.yzj-case-cont h4 { font-size: 16px; color: #418fde; line-height: 36px; font-weight: normal; }
.yzj-case-cont ul { margin-bottom: 15px; }
.yzj-case-cont img { margin-bottom: 25px; }

.yzj-price { width: 777px; margin: 35px 0; border-collapse:collapse; border-spacing:0; }
.yzj-price th { padding: 30px 0; background: #73bee5; color: #fff; }
.yzj-price td { background: #fff; padding: 30px 0; text-align: center; color: #666; }
.yzj-price span { color: #ff9933; font-weight: bold; }


/*icon*/
.icon-cont { display: inline-block; width: 40px; height: 40px; }

.icon-arrow { background: url(../image/cloud_call_icon.png) no-repeat -40px 0; }
.icon-call { background: url(../image/cloud_call_icon.png) no-repeat -160px 0; }
.icon-calulator { background: url(../image/cloud_call_icon.png) no-repeat; }
.icon-check { background: url(../image/cloud_call_icon2.png) no-repeat -120px 0; }
.icon-clock { background: url(../image/cloud_call_icon2.png) no-repeat; }
.icon-line { background: url(../image/cloud_call_icon.png) no-repeat -40px 0; }
.icon-link { background: url(../image/cloud_call_icon2.png) no-repeat -200px 0; }
.icon-lock { background: url(../image/cloud_call_icon2.png) no-repeat -80px 0; }
.icon-man { background: url(../image/cloud_call_icon2.png) no-repeat -40px 0; }
.icon-market { background: url(../image/cloud_call_icon.png) no-repeat -120px 0; }
.icon-message { background: url(../image/cloud_call_icon2.png) no-repeat -160px 0; }
.icon-mobile { background: url(../image/cloud_call_icon2.png) no-repeat -280px 0; }
.icon-time { background: url(../image/cloud_call_icon.png) no-repeat -80px 0; }
.icon-setup { background: url(../image/cloud_call_icon.png) no-repeat -200px 0; }


/*价格滚动图表*/
#playBox{ width: 777px; height: 330px; margin: 30px 0; background: #333; border: 1px solid #ddd; position: relative; overflow: hidden; }
#playBox .oUlplay { width: 99999px; position: absolute; left: 0; top: 0; }
#playBox .oUlplay li{ float: left; }
#playBox .pre{ display: none; cursor: pointer; width: 45px; height: 45px; background: url(../image/arrow_l.png) no-repeat; position: absolute; top: 190px; left: 10px; z-index: 10; }
#playBox .next{ display: none; cursor: pointer; width: 45px; height: 45px; background: url(../image/arrow_r.png) no-repeat; position: absolute; top: 190px; right: 10px; z-index: 10; }
#playBox .smalltitle { width: 777px; height: 10px; position: absolute; bottom: 15px; z-index: 10; }
#playBox .smalltitle ul { width: 120px; margin: 0 auto; }
#playBox .smalltitle ul li { width: 10px; height: 10px; margin: 0 5px; border-radius: 10px; background: #aaa; float: left; overflow: hidden; *display:inline; *zoom:1; cursor: pointer; border: 1px solid #fff; }
#playBox .smalltitle .thistitle{ background: #69aaec;}