@charset "utf-8";
/* CSS Document */
.content { width: 1000px; margin: auto; }
.content h2 { margin-bottom: 50px; font-size: 32px; font-weight: normal; text-align: center; }

/*云呼叫中心*/
.banner-yhj { width: 100%; min-width: 1100px; height: 480px; background: url(../image/banner_yhj.jpg) no-repeat center; }
.banner-yhj .txt { width: 1100px; margin: auto; padding-top: 80px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.3); }
.banner-yhj p { margin-bottom: 10px; font-size: 16px; }
.banner-yhj span { font-size: 20px; }
.banner-yhj h2 { margin-bottom: 45px; font-size: 36px; font-weight: normal; }
.banner-yhj a { display: inline-block; padding: 10px 35px; margin: 50px 20px 0 0; background: #fff; font-size: 16px; color: #418fde; border-radius: 3px; cursor: pointer; text-shadow: none; }
.banner-yhj a:hover { box-shadow: 0 0 8px rgba(65,143,222,0.9); }


.yhj-cont1 { min-width: 1000px; padding: 60px 0; background: #f6f9fc; }
.yhj-cont1 dl { width: 50%; padding: 90px 0; }
.yhj-cont1 dt { display: table; margin-bottom: 20px; font-size: 22px; color: #333; line-height: 35px; }
.yhj-cont1 dd { padding-left: 53px; color: #666; line-height: 25px; }
.yhj-cont1 dt .title { display: table-cell; vertical-align: middle; padding-left: 15px; }

.yhj-cont1 .num { display: inline-block; width: 36px; height: 36px; text-align: center; line-height: 36px; border-radius: 50%; font-size: 18px; }
.yhj-cont1 .num1 { color: #418FDE; border: 1px solid #418FDE; }
.yhj-cont1 .num2 { color: #f8b500; border: 1px solid #f8b500; }
.yhj-cont1 .num3 { color: #52B355; border: 1px solid #52B355; }
.yhj-cont1 .num4 { color: #00B2A9; border: 1px solid #00B2A9; }
.yhj-cont1 .num5 { color: #963CBD; border: 1px solid #963CBD; }

.yhj-cont1 .part1 { background: url(../image/cloud_call2_1.png) no-repeat right center; }
.yhj-cont1 .part2 { background: url(../image/cloud_call2_2.png) no-repeat left center; }
.yhj-cont1 .part3 { background: url(../image/cloud_call2_3.png) no-repeat right center; }
.yhj-cont1 .part4 { background: url(../image/cloud_call2_4.png) no-repeat left center; }
.yhj-cont1 .part5 { background: url(../image/cloud_call2_5.png) no-repeat right center; }


.yhj-cont2 { min-width: 1000px; padding: 60px 0; }
.yhj-cont2 h2 { margin-bottom: 50px; font-size: 32px; font-weight: normal; text-align: center; }
.yhj-cont2 dl { width: 52%; padding: 75px 0; }
.yhj-cont2 dt { margin-bottom: 20px; font-size: 22px; color: #333; line-height: 35px; }
.yhj-cont2 dd { color: #666; line-height: 25px; }

.yhj-cont2 .part1 { margin-right: 50px; background: url(../image/cloud_call1_1.png) no-repeat right center; }
.yhj-cont2 .part2 { margin-left: 50px; background: url(../image/cloud_call1_2.png) no-repeat left center; }
.yhj-cont2 .part3 { margin-right: 50px; background: url(../image/cloud_call1_3.png) no-repeat right center; }
.yhj-cont2 .part4 { margin-left: 50px; background: url(../image/cloud_call1_4.png) no-repeat left center; }
.yhj-cont2 .part5 { margin-right: 50px; background: url(../image/cloud_call1_5.png) no-repeat right center; }


.yhj-cont3 { padding: 60px 0 20px 0; }


.yhj-case li {  }
.yhj-case li div { float: left; width: 180px; height: 270px; margin-right: 40px; padding: 40px 20px; background: #ededed; text-align: center; }
.yhj-case li img { border-radius: 15px; }
.yhj-case li h3 { margin: 25px 0 20px 0; font-size: 16px; font-weight: normal; }
.yhj-case li p { text-align: left; color: #666; }
.yhj-case li a { display: inline-block; margin-top: 20px; padding: 6px 20px; font-size: 12px; color: #fc9941; border: 1px solid #fc9941; }



/*云总机*/
.banner-yzj { width: 100%; min-width: 1100px; height: 480px; background: url(../image/banner_yzj.jpg) no-repeat center; }
.banner-yzj1 { width: 100%; min-width: 1100px; height: 520px; background: url(../image/banner.jpg) no-repeat center; }
.banner-yzj .txt { width: 1100px; margin: auto; padding-top: 110px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.3); }
.banner-yzj p { margin-bottom: 15px; font-size: 16px; }
.banner-yzj h2 { margin-bottom: 45px; font-size: 36px; font-weight: normal; }
.banner-yzj a { display: inline-block; padding: 10px 35px; margin: 50px 20px 0 0; background: #fff; font-size: 16px; color: #418fde; border-radius: 3px; cursor: pointer; text-shadow: none; }
.banner-yzj a:hover { box-shadow: 0 0 8px rgba(65,143,222,0.9); }


.yzj-cont-cj { width: 100%; margin-bottom: 60px; text-align: center; }
.yzj-cont-cj li { display: inline-block; position: relative; top: 0; width: 253px; height: 305px; margin-right: 25px; padding: 40px 25px; background: #fafbfc; vertical-align: top; color: #666; box-sizing: border-box; transition: 0.3s; }
.yzj-cont-cj li:hover { top: -8px; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.1); transition: 0.3s; }
.yzj-cont-cj h3 { margin: 25px 0 20px 0; font-size: 20px; color: #303d58; font-weight: normal; }
.yzj-cont-cj p { text-align: left; color: #5c646f; }



.yzj-cont-gn { min-width: 1100px; padding: 50px 0; background: #f7f8fc; }
.yzj-cont-gn h2 { margin-bottom: 35px; }
.yzj-cont-gn h2 span { display: inline-block; width: 50px; height: 34px; margin: 0 10px; line-height: 34px; color: #52b355; background: url(../image/yzj_gn_icon1.png) no-repeat left top, url(../image/yzj_gn_icon2.png) no-repeat bottom right; background-size: 12px; }

.yzj-gn { margin: auto; height: 460px; line-height: 30px; color: #666; background: #fff; border-radius: 5px; }
.yzj-gn-title { float: left; width: 260px; height: 100%; font-size: 16px; background: #fdfdfd; }
.yzj-gn-title a { display: block; width: 100%; padding: 8px 0 8px 70px; color: #303d58; border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; box-sizing: border-box; vertical-align: middle; cursor: pointer; }
.yzj-gn-title a span { vertical-align: middle; }
.yzj-gn-title a i { transform: scale(0.6); vertical-align: middle; }
.yzj-gn-title .yzj-title-hover a { font-size: 17px; color: #418fde !important; background: #fff; border-right: 1px solid #fff; }

.yzj-gn-cont { position: relative; display: none; float: right; padding: 35px 40px; margin-right: 35px; width: 800px; height: 100%; background: url(../image/yzj_gn1.png) no-repeat center right; background-size: auto 300px; box-sizing: border-box; }
.yzj-gn-cont h3 { margin: 10px 0; font-size: 22px; font-weight: normal; color: #303d58; }
.yzj-gn-cont h4 { font-size: 16px; color: #418fde; line-height: 36px; font-weight: normal; }
.yzj-gn-cont p { margin-top: 30px; padding-top: 30px; width: 50%; border-top: 1px solid #d3e0e7; }
.yzj-gn-cont a { display: inline-block; padding: 2px 30px; margin-right: 10px; font-size: 14px; color: #52b355; border: 1px solid #52b355; border-radius: 3px; }
.yzj-gn-cont a:hover { box-shadow: 0 0 5px rgba(80,180,85,.5); }
.yzj-gn-cont .btn { position: absolute; bottom: 70px; }

#tabgn_cont_2 { background-image: url(../image/yzj_gn2.png); }
#tabgn_cont_3 { background-image: url(../image/yzj_gn3.png); }
#tabgn_cont_4 { background-image: url(../image/yzj_gn4.png); }
#tabgn_cont_5 { background-image: url(../image/yzj_gn5.png); }
#tabgn_cont_6 { background-image: url(../image/yzj_gn6.png); }
#tabgn_cont_7 { background-image: url(../image/yzj_gn7.png); }
#tabgn_cont_8 { background-image: url(../image/yzj_gn8.png); }

/*
.yzj-cont-gn .table-gn { margin: auto; background: url(../image/yzj_gn.png) no-repeat center bottom; }
.yzj-cont-gn .table-gn tr td:first-child { text-align: right; }
.yzj-cont-gn .table-gn tr td:nth-child(2) { padding-left: 30px; }
.yzj-cont-gn .table-gn tr td:nth-child(3) { padding-right: 30px; text-align: right; }
.yzj-cont-gn .table-gn td { padding: 13px 0; }
.yzj-cont-gn .table-gn td h3 { color: #52b355; }
.yzj-cont-gn .table-gn td h4 { margin-bottom: 8px; }
.yzj-cont-gn .table-gn td p { color: #666; }
*/

.yzj-cont-ys { width: 100%; text-align: center; background: none; }
.yzj-cont-ys td { width: 25%; vertical-align: top; color: #5c646f; }
.yzj-cont-ys td h3 { margin: 15px 0; font-size: 20px; font-weight: normal; color: #303d58; }

.yzj-case { margin: auto; line-height: 30px; color: #666; border: 3px solid #eee; border-radius: 15px; }
.yzj-case-title { float: left; width: 253px; height: 100%; padding-top: 10px; text-align: center; font-size: 16px; }
.yzj-case-title a { display: block; width: 100%; padding: 17px 0; color: #333; border-bottom: 1px solid #eee; cursor: pointer; }
.yzj-title-hover a { color: #418fde !important; }
.yzj-case-cont { display: none; float: right; width: 660px; min-height: 470px; padding: 35px 40px; border-left: 1px solid #eee; }
.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; }



/*融合办公*/
.banner-rhbg { width: 100%; min-width: 1100px; height: 480px; background: url(../image/banner_rhbg.jpg) no-repeat center; }
.banner-rhbg .txt { width: 1100px; margin: auto; padding-top: 90px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.3); }
.banner-rhbg p { margin-bottom: 15px; font-size: 16px; }
.banner-rhbg h2 { margin-bottom: 40px; font-size: 36px; font-weight: normal; line-height: 46px; }
.banner-rhbg a { display: inline-block; padding: 10px 35px; margin: 50px 20px 0 0; background: #fff; font-size: 16px; color: #418fde; border-radius: 3px; cursor: pointer; text-shadow: none; }
.banner-rhbg a:hover { box-shadow: 0 0 8px rgba(65,143,222,0.9); }

.rhbg-cont { width: 1000px; margin: 0 auto; padding: 50px 0; }
.rhbg-cont h2 { margin-bottom: 35px; font-size: 32px; font-weight: normal; text-align: center; }
.rhbg-cont dl { width: 50%; padding: 30px 0; }
.rhbg-cont dt { margin-bottom: 15px; font-size: 22px; color: #2871d5; line-height: 35px; }
.rhbg-cont dd { color: #666; line-height: 25px; }

.rhbg-cont .bg-img1 { background: url(../image/rhbg_cont1.png) no-repeat center right; }
.rhbg-cont .bg-img2 { background: url(../image/rhbg_cont2.png) no-repeat center left; }
.rhbg-cont .bg-img3 { background: url(../image/rhbg_cont3.png) no-repeat center right; }



/*价格资费*/
.price { max-width: 100%; margin: 50px 0; }
.price-box { position: relative; width: 350px; padding: 30px 0; margin: auto; font-size: 18px; background-color: #fafafa;  }

.price-box .icon { position: absolute; width: 350px; height: 122px; top: -60px; background: url(../image/price_4.png) no-repeat; }
.price-box .title { margin: 35px 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; }

.price-btn { padding-top: 35px; border-top: 1px solid #e5e5e5; }
.price-btn li { display: inline-block; margin-bottom: 10px; 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; }



/*行业方案*/
.banner-ind { width: 100%; min-width: 1100px; height: 480px; background: url(../image/banner_ind.jpg) no-repeat center; }
.banner-ind .txt { width: 1100px; margin: auto; padding-top: 110px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,.3); }
.banner-ind p { margin-bottom: 15px; font-size: 16px; }
.banner-ind h2 { margin-bottom: 50px; font-size: 36px; font-weight: normal; line-height: 46px; }
.banner-ind a { display: inline-block; padding: 10px 35px; margin: 50px 20px 0 0; background: #fff; font-size: 16px; color: #418fde; border-radius: 3px; cursor: pointer; text-shadow: none; }
.banner-ind a:hover { box-shadow: 0 0 8px rgba(65,143,222,0.9); }

.ind-cont1 { width: 100%; margin: auto; }
.ind-cont1 h3 { margin-bottom: 20px; padding-left: 15px; font-size: 22px; font-weight: normal; color: #2871d5; }
.ind-cont1 td { vertical-align: top; color: #666; }
.ind-cont1 td p { margin-bottom: 7px; font-size: 14px; }
.ind-cont1 td span { color: #418fde; }

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

.ind-cont3 { width: 100%; height: 415px; background: url(../image/rhtx_cont4.jpg) no-repeat center; }


/*服务模式*/
.ms-cont { padding: 50px 0; }
.ms-cont h2 { margin-bottom: 30px; }
.ms-cont p { text-indent: 2em; font-size: 16px; color: #666; line-height: 26px; }



/*客户案例*/
.banner-case { width: 100%; min-width: 1000px; height: 360px; background: url(../image/banner_case.jpg) no-repeat center; }
.banner-case .txt { width: 1000px; margin: auto; padding-top: 110px; color: #2c5ab1; }
.banner-case h2 { margin-bottom: 50px; font-size: 36px; font-weight: normal; line-height: 60px; }
.yzj-case { margin: auto; line-height: 30px; color: #666; border: 3px solid #eee; border-radius: 15px; }

.case { margin-bottom: 70px; line-height: 30px; color: #666; border: 3px solid #eee; border-radius: 15px; }
.case-title { float: left; width: 193px; height: 100%; padding-top: 10px; text-align: center; font-size: 16px; }
.case-title a { display: block; width: 100%; padding: 17px 0; color: #333; border-bottom: 1px solid #eee; cursor: pointer; }
.title-hover a { color: #418fde !important; }
.case-cont { display: none; float: right; width: 770px; min-height: 470px; padding: 35px 40px; border-left: 1px solid #eee; }
.case-cont h4 { margin-bottom: 10px; font-size: 16px; color: #418fde; line-height: 36px; }
.case-cont ul { margin-bottom: 20px; }
.case-cont img { margin-bottom: 30px; }


.case-detail { padding-bottom: 70px; color: #374552; text-align: center; }
.case-detail li { display: inline-block; width: 240px; padding: 35px 25px; margin-right: 20px; background: #fff; box-sizing: border-box; }
.case-detail li:hover { box-shadow: 0 5px 15px rgba(150,150,150,.1); }
.case-detail li h3 { font-size: 18px; font-weight: normal; margin: 25px 0 15px 0; }
.case-detail li p { color: #747c88; }
.case-detail li i { display: block;  margin: auto; }
.case-detail li a { display: block; margin: auto; margin-top: 25px; width: 100px; height: 34px; line-height: 32px; color: #374552; border: 1px solid #d6d6d6; border-radius: 20px; }
.case-detail li a:hover { background: #52b355; border-color: #52b355; color: #fff; }

.case-cont2 { width: 1000px; margin: auto; margin-bottom: 50px; }
.case-cont2 h3 { padding-left: 30px; margin: 40px 0 25px 0; font-size: 22px; font-weight: normal; color: #289ef3; }
.case-cont2 p { margin-bottom: 10px; line-height: 22px; }
.case-cont2 b { color: #374552; }
.case-cont2 ol { padding-left: 15px; }
.case-cont2 ol li { list-style-type: decimal; margin: 25px 0; }
.case-cont2 .p-title { padding-top: 15px; font-weight: bold; font-size: 15px; }

.case-icon2 { background: url(../image/case_icon2.png) no-repeat center left; }
.case-icon3 { background: url(../image/case_icon3.png) no-repeat center left; }


/*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; }
.icon-telphone { background: url(../image/cloud_call_icon2.png) no-repeat 0 -40px; }
.icon-im { background: url(../image/cloud_call_icon2.png) no-repeat -40px -40px; }
.icon-calendar { background: url(../image/cloud_call_icon2.png) no-repeat -80px -40px; }
.icon-voice { background: url(../image/cloud_call_icon2.png) no-repeat -120px -40px; }
.icon-headset { background: url(../image/cloud_call_icon2.png) no-repeat -160px -40px; }
.icon-maillist { background: url(../image/cloud_call_icon2.png) no-repeat -200px -40px; }