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

body,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,form,input,textarea,span,table,tr,td { margin: 0; padding: 0; }
body { font-size: 14px; font-family: 'Microsoft Yahei'; color: #333; }

a { text-decoration: none; }
li { list-style-type: none; }

.container { width: 1000px; margin: auto; }
.clear { clear: both; }
.f-lelt { float: left; }
.f-right { float: right; }
.fon-w { font-weight: bold; } 
.txt-center{ text-align: center; }
 

/*head*/
.head { width: 100%; min-width: 1100px; height: 100px; padding-top: 5px; /*box-shadow:inset 0 -3px 5px rgba(0,0,0,0.1);*/ color: #666; }
.logo { float: left; width: 240px; height: 100px; background: url(../image/logo.png) no-repeat left center; }
.logo a { display: block; width: 100%; height: 100%; }
.head li { display: inline-block; }
.head-tel{ margin-right: 15px; font-size: 20px; color: #52b355; }

.head-ewm { display: none; position: absolute; top: 0; left: 232px; z-index: 101; }

.head-btn { display: inline-block; width: 130px; line-height: 30px; text-align: center; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.4); cursor: pointer; font-size: 14px; }
.head-btn span { display: inline-block; }
.head-btn-list { display: none; z-index: 99; position: absolute; top: 30; right: 134px; width: 130px; padding-top: 5px; background: #545454; }
.head-btn-list p { margin: 0 10px; font-size: 12px; line-height: 40px; text-align: center; border-bottom: 1px solid #666;  }
.head-btn-list p a { color: #fff; }
.head-btn-list p a:hover { color: #52b355; }


.head-btn-green { background: #49a34b; background: -webkit-gradient(linear, left top, left bottom, from(#58bc5b), to(#49a34b) ); background: -moz-linear-gradient(-90deg, #58bc5b, #49a34b); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#58bc5b', EndColorStr='#49a34b'); }
.head-btn-green:hover { background: #52b355; background: -webkit-gradient(linear, left top, left bottom, from(#49a34b), to(#70c973) ); background: -moz-linear-gradient(-90deg, #49a34b, #70c973); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#49a34b', EndColorStr='#70c973'); }
/*.head-btn-green:hover { background: #96b432; background: -webkit-gradient(linear, left top, left bottom, from(#b4da4a), to(#64891f) ); background: -moz-linear-gradient(-90deg, #b4da4a, #64891f); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='b4da4a', EndColorStr='#64891f'); }*/
.head-btn-green:active { background: #49a34b; }


.head-btn-grey { background: #545454; background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#545454) ); background: -moz-linear-gradient(-90deg, #888, #545454); /*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#888', EndColorStr='#545454');*/ }
.head-btn-grey:hover { background: #545454; background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#545454) ); background: -moz-linear-gradient(-90deg, #999, #545454); /*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#999', EndColorStr='#545454'); */}
.head-btn-grey:active { background: #545454; }


.head-nav { position: relative; margin-top: 5px; font-size: 16px; }
.head-nav li { margin-left: 10px; }
.head-nav li a { display: block; padding: 10px 20px; color: #666; border-radius: 3px; border: 1px solid rgba(255,255,255,0); }
.head-nav li a:hover { border: 1px solid #52b355; color: #52b355; }

.subnav { display: none; z-index: 99; position: absolute; top: 90; left: 98px; width: 122px; padding-top: 20px; background: #fff; -moz-opacity: 0.9; opacity: 0.9;}
.subnav p { font-size: 14px; line-height: 40px; text-align: center; }
.li-last { border-bottom: 2px solid #52b355; padding-bottom: 10px !important;}

.subnav2 { display: none; z-index: 199; position: absolute; top: 90; right: 0; padding-top: 20px; background: #fff; -moz-opacity: 0.9; opacity: 0.9;}
.subnav2 p { font-size: 14px; line-height: 40px; text-align: center;  padding:0 13px;  }

.subnav3 { display: none; width: 122px; z-index: 99; position: absolute; top: 90; left: 237px; padding-top: 20px; background: #fff; -moz-opacity: 0.9; opacity: 0.9;}
.subnav3 p { font-size: 14px; line-height: 40px; text-align: center;  padding:0 13px;  }

/*banner*/
.banner { position: relative; width: 100%; min-width: 1100px; height: 480px; box-shadow: 0 3px 5px rgba(0,0,0,0.1);}

.banner-img1 { width: 100%; height: 100%; background: url(../image/banner1.jpg) no-repeat center;}
.banner-img2 { display: none; width: 100%; height: 100%; background: url(../image/banner2.jpg) no-repeat center;}
.banner-img3 { display: none; width: 100%; height: 100%; background: url(../image/banner3.jpg) no-repeat center;}
.banner-img4 { display: none; width: 100%; height: 100%; background: url(../image/banner4.jpg) no-repeat center;}
.banner-img5 { display: none; width: 100%; height: 100%; background: url(../image/banner5.jpg) no-repeat center;}
.banner-img6 { display: none; width: 100%; height: 100%; background: url(../image/banner6.jpg) no-repeat center;}

.banner-txt { position: absolute; top: 80px; left: 50%; width: 500px; height: 400px; font-size: 16px; color: #fff; }
.banner-txt h1 { margin-bottom: 30px; font-size: 42px; font-weight: normal; }
.banner-txt p { line-height: 36px; font-size: 17px; }

/*云呼叫*/
.banner-txt-yhj { margin-left: -80px;  padding-top: 30px; }
.banner-txt-yhj h1 { text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.banner-txt-yhj p { margin-top: 20px; }

/*融合通信*/
.banner-txt-rh { display: none; margin-top: 20px; margin-left: -35px; }
.banner-txt-rh h1 , .banner-txt2 p { text-shadow: 0 1px 3px rgba(0,0,0,0.8); }

/*云拨号*/
.banner-txt-bh {display: none; margin-left: 50px; }
.banner-txt-bh h1 { text-shadow: 0 1px 3px rgba(0,0,0,1); }
.banner-txt-bh p { text-shadow: 0 1px 1px rgba(0,0,0,1); }

/*企业*/
.banner-txt-qy {display: none; width: 480px; margin-left: 40px; padding-top: 20px; text-align:center; }
.banner-txt-qy h1 { text-shadow: 0 1px 3px rgba(0,0,0,0.5); }
.banner-txt-qy p { text-shadow: 0 1px 1px rgba(0,0,0,0.5); }

/*云总机*/
.banner-txt-msg {display: none; padding-top: 30px; }

.banner-txt-hy { display: none; width: 350px; margin-left: 130px; padding-top: 30px; text-align:center; }
.banner-txt-hy h1 { text-shadow: 0 1px 3px rgba(0,0,0,1); }
.banner-txt-hy p { text-shadow: 0 1px 1px rgba(0,0,0,1); }


.banner-btn-w{ display: inline-block; padding: 10px 35px; margin-right: 20px; background: #fff; color: #52b355; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.5); cursor: pointer; }
.banner-btn-g{ display: inline-block; padding: 10px 35px; background: #52b355; color: #fff; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.5); }

.sidebar{ position: absolute; right: 50%; margin-right: 355px; width: 230px; height: 480px; background: #fff; -moz-opacity: 0.95; opacity: 0.95; }
.sidebar ul { margin: 25px 15px 0 35px; }
.sidebar li { margin-bottom: 45px; }
.sidebar a { color: #555; cursor: pointer; }
.sidebar a:hover { color: #52b355; }

.sidebar-line { display: table; }
.sidebar-txt { display: table-cell; height: 35px; vertical-align: middle; padding-left: 10px; font-size: 16px; }
.sidebar-icon1 { display: inline-block; width: 35px; height: 35px; background: url(../image/nav_icon.png) no-repeat 0 0; }
.sidebar-icon2 { display: inline-block; width: 35px; height: 35px; background: url(../image/nav_icon.png) no-repeat -35px 0; }
.sidebar-icon3 { display: inline-block; width: 35px; height: 35px; background: url(../image/nav_icon.png) no-repeat -70px 0; }
.sidebar-icon4 { display: inline-block; width: 35px; height: 35px; background: url(../image/nav_icon.png) no-repeat -105px 0; }
.sidebar-icon5 { display: inline-block; width: 35px; height: 35px; background: url(../image/nav_icon.png) no-repeat -140px 0; }
.sidebar-icon6 { display: inline-block; width: 35px; height: 35px; background: url(../image/nav_icon.png) no-repeat -175px 0; }


/*试听*/
.st { width: 100%; min-width: 1100px; padding: 60px 0; background: #f2f6f9; }
.st-title { margin: 10px 0 45px 0; font-size: 32px; text-align: center; color: #333; }
.st-box{ width: 400px; color: #666; margin: 0 70px; }
.st-box h3 { margin: 5px 0 30px 0; font-weight: normal; font-size: 20px; text-align: center; }
.st-box p { margin-bottom: 35px; }

.st-box input[type=text] { width: 100%; height: 36px; border: 1px solid #ddd; border-radius: 3px; }
.st-box textarea { width: 100%; height: 36px; margin: 10px 0; border: 1px solid #ddd; border-radius: 3px; resize: none; }
.st-box select { width: 100%; height: 36px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 3px; color: #666; }
.st-box a { color: #418fde; }
.st-box a:hover { color: #2d73bb; }

.form-active { border: 1px solid #52b355 !important; }
.form-error { border: 1px solid #f57977 !important; box-shadow: 0 0 6px rgba(243,87,85,0.7); }

.st-btn { width: 100%; height: 40px; margin: 20px 0; background: #52b355; font-size: 16px; font-family: 'Microsoft Yahei'; color: #fff; border: 0; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.3); cursor: pointer; }
.st-btn-yzm { width: 92px; height: 37px; margin: 0; font-size: 14px; }

.st-content { padding: 20px 60px; height: 430px; background: #fff; }


/*客户*/
.kh { width: 100%; min-width: 1100px; padding: 50px 0;  }
.kh h2 { margin: 10px 0 50px 0; font-size: 32px; text-align: center; color: #333; font-weight: normal;  }

/*新闻*/
.news { margin-top: 50px; }
.news dl { margin-bottom: 30px; }
.news dt { margin-bottom: 10px; font-size: 16px; color: #333; }
.news dt span { font-size: 14px; }
.news dt a { color: #333; }
.news dt a:hover { color: #52b355; }
.news dd { color: #888; }
.news dd span { margin-left: 15px; font-size: 12px; color: #52b355; }


/*融合办公*/
.contrast { padding: 40px 0; }
.rhbg-txt p { margin-bottom: 8px; line-height: 24px; text-indent: 2em; color: #666; }

.rhbg-ys { margin-bottom: 70px; text-align: center; }
.rhbg-ys td { width: 20%; padding: 0 20px; vertical-align: top; color: #666; }
.rhbg-ys h3 { margin: 25px 0 15px 0; font-size: 16px; color: #333; }

/*客户评价*/
.customer { display: table; width: 100%; text-align: center; }
.customer li { display: table-cell; width: 25%; }
.customer li div { display: none; height: 24px; margin-bottom: -2px; }
.customer a { display: block; cursor: pointer; }
.customer a p { margin: 25px 0; font-size: 16px; }
.customer-cont { display: none; margin-bottom: 50px; padding: 25px 40px; border: 2px solid #a8d9aa; border-radius: 10px; line-height: 26px; color: #666; }

.customer-hover div { display: block !important; }

/*foot*/
.foot{width:100%; min-width:1100px; background-color: #313644;}

.foot-content{ display: flex; justify-content: space-between; }
.foot-list{ margin-top: 30px; }
.foot-list li { color:#cacbcc; font-size:12px; line-height: 20px; }
.foot-list li span { font-weight: bold; color: #52b355; font-size: 14px; line-height: 60px; }
.foot-nav { width:600px; margin: 25px auto; text-align: center; display: flex; justify-content: space-between; }
.foot-nav li a{ color: #cacbcc; font-size: 12px; }

.foot-ewm { text-align: center; }
.foot-ewm p { margin-top: 4px; color: #cacbcc; font-size: 12px; text-align: center; }

.foot-bottom { width: 100%; padding: 25px 0; background: #313644; font-size: 12px; color: #cacbcc; text-align: center; border-top: 1px solid #434755; }

.foot-iframe { width: 100%; min-width: 1100px; height: 361px; overflow: hidden; }
.head-iframe { width: 100%; min-width: 1100px; height: 355px; overflow: hidden; }


/*返回顶部*/
.backup { position: fixed; left: 10px; bottom: 10px; z-index: 101; }
.backup a { display: none; width: 45px; height: 45px; background: url(../image/top_icon.jpg); border-radius: 50%; border: 1px solid #ddd; }
.backup a:hover { background: url(../image/top_icon.jpg) -45px 0; }


/*QQ咨询开始*/
.kf-fixed { display: block; position: fixed; width: 210px; height: 140px; top:150px; right: 20px; color: #333; font-size: 14px; line-height: 40px; text-align: center; z-index: 109; }
.kf-fixed iframe { overflow: hidden;  height: 140px; }

.qq-close-r { display: none; position: fixed; top: 160px; right: 110px; width: 25px; height: 55px; background: url(../image/fix_qq.jpg) no-repeat -25px -155px; cursor:pointer; }


 /*视频*/
.y-video { display: none; position: absolute; top: 50px; right: 50%; margin-right: -390px; width: 778px; height: 498px; background: url(../image/video_bg.png) no-repeat; }
.y-video iframe { overflow: hidden; width: 100%; height: 100%; }
.y-video a { display: block; width: 100%; height: 75px; cursor: pointer; }
.y-video object { margin-left: 36px; }
.y-video-mask { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }