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



@media screen and (max-width:800px) {


.moblie_nav_icon{display:none; position:absolute; top:16px; right:15px; width:23px; box-sizing:border-box; height:23px;}
.moblie_nav_icon span{ display:block; border-top:0;border-bottom:0; height:1px; background:#fff; width:23px; overflow:hidden;position:absolute; top:11px; left:0px;}
.moblie_nav_icon:before{ content:""; display:block; overflow:hidden;  height:1px; background:#fff;width:23px;position:absolute; top:4px; left:0px;}
.moblie_nav_icon:after{ content:""; display:block; overflow:hidden;  height:1px; background:#fff;width:23px;position:absolute; top:18px; left:0px;}

.moblie_nav_icon.show{border-top:0; display:block; position:absolute; top:17px; right:15px; width:23px; padding-top:8px; box-sizing:border-box; height:22px; z-index:99;}
.moblie_nav_icon.show span{ opacity:0;animation:mythird 1s;}
.moblie_nav_icon.show:before{ content:""; display:block; overflow:hidden;  height:1px; background:#fff;width:22px; transform:rotate(-225deg); position:absolute; top:10px; left:0px;animation:myfirst 1.2s;}
.moblie_nav_icon.show:after{ content:""; display:block; overflow:hidden;  height:1px; background:#fff;width:23px; transform:rotate(225deg); position:absolute; top:10px; left:0px;animation:mysecond 1.2s;}



@keyframes myfirst
{
	0%   {transform:rotate(0deg);top:4px;}
	25%   {transform:rotate(0deg);top:4px;}
	100% {transform:rotate(-225deg);top:10px;}
}

@keyframes mysecond
{
	0%   {transform:rotate(0deg);top:18px;}
	25%   {transform:rotate(0deg);top:18px;}
	100% {transform:rotate(225deg);top:10px;}
}

@keyframes mythird
{
	0%   {opacity:1; display:block;}
	50%   {opacity:0; display:none;}
}
@keyframes mynav
{
	0%   { height:0; }
	100%   {height:100%;}
}

*{font-family:Arial, 微软雅黑, "Microsoft YaHei", 黑体;margin:0; padding:0; font-weight:normal;}
blockquote, body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, li, p, pre, td, textarea, th, ul {margin: 0;padding: 0}
*:focus {outline: none; }
em {font-style: normal; }
p, ul, li, h1, h2, h3, h4, h5, h6 { margin: 0;list-style: none;padding: 0;}
a {cursor: pointer;text-decoration: none; }
a:active {opacity: .9; }
a:hover {transition: all .4s linear; }
.clear {clear: both; }
.moblie_nav_icon{ display:none;}
.red{ color:#e74c3c}
.blue{ color:#2c8ad3}
.green{ color:#5bbf25}
/*头部*/

.content{ max-width:1120px; margin:0 auto; position:relative; padding:0 20px;}
.content:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.content img{ max-width:100%;}
.top2 .content,
.top .content{ padding:0;}
.top{ height:58px;position:fixed; left:0; top:0; width:100%;  z-index:10;}
.top .logo{ display:block; float:left; margin-top:14px; font-size:28px; color:#fff;}
.top .logo .icon-xingyuan{ font-size:32px; color:#fff;   line-height:36px; float:left; margin-right:3px;}
.top .logo .icon-xingyuanX{font-size:120px; color:#fff;  line-height:44px;float:left;}
.top .logo img{height:26px;}
.top_right{ float:right;}
.top .top_right .telephone{ float:left; line-height:70px; margin-right:20px; color:#fff; }
.top .top_right .telephone .icon-dianhua{font-size:36px; font-weight:normal; color:#fff; margin-right:5px; float:left;}
.top .top_right .telephone span{ float:left;font-weight:normal; font-family: Arial, Helvetica;font-size:20px;}
.top_right .twobtn{ float:left; padding-top:18px;font-size:18px;}
.top_right .twobtn a{ display:inline-block; line-height:34px; width:110px; border-radius:4px; background:#008cf2; text-align:center; color:#fff;  font-size:16px; margin-right:10px;transition:0.5s;}
.top_right .twobtn a+a{ background:#1eb863;}
.top_right .twobtn a:hover{ background:#027bd3;}
.top_right .twobtn a+a:hover{background:#179550;}

.top_right .navbtn{ display:block; padding:20px 20px; height:58px;  box-sizing:border-box;float:left;}
.top_right .navbtn span{ display:block; border:2px solid #fff; border-left:0;border-right:0; height:16px; width:22px;}
.top_right .navbtn span:before{ display:block; content:""; border-bottom:2px solid #fff; padding-top:7px;}
.top_right .navbtn.show,
.top_right .navbtn:hover{ background:#008cf2;}
.top_right .navbtn.show span,
.top_right .navbtn.show span:before,
.top_right .navbtn:hover span,
.top_right .navbtn:hover span:before{ border-color:#fff;}

.top2{ height:58px; background:#fff; position:fixed; left:0; top:0; width:100%; border-bottom:1px solid #eee; z-index:10;}
.top2 .logo{ display:block; float:left; margin-top:14px; font-size:28px; color:#666;}
.top2 .logo .icon-xingyuan{ font-size:32px; color:#008cf2;  line-height:36px; float:left; margin-right:3px; }
.top2 .logo .icon-xingyuanX{font-size:120px;  line-height:44px;float:left;}

.top2 .top_right .telephone{ float:left; line-height:70px; margin-right:20px; }
.top2 .top_right .telephone .icon-dianhua{font-size:36px; font-weight:normal; color:#666; margin-right:5px; float:left;}
.top2 .top_right .telephone span{ float:left;font-weight:normal; font-family: Arial, Helvetica;font-size:20px;}
.top2 .top_right .navbtn span{  border:2px solid #333; border-left:0;border-right:0;  }
.top2 .top_right .navbtn span:before{border-bottom:2px solid #333;  }
.top2 .top_right .navbtn:hover span,
.top2 .top_right .navbtn:hover span:before{ border-color:#fff;}

.top .logo span,
.top2 .logo span{ float:left; font-size:26px; display:block;  line-height:34px; letter-spacing:2px;}

.top_right .twobtn,
.top_right .telephone{ display:none;}
.top .logo,
.top2 .logo{ margin-left:20px;}

.nav_box.show .content{ animation:mynav 0.5s; height:100%;}
.nav_box{ position: fixed; top:58px; left:0; background:rgba(0,0,0,0.3); width:100%; height:100%; padding-bottom:40px; box-sizing:border-box; display:none; z-index: 10;}
.nav_box.show{ display:block;}

.nav_box .content{ background:rgba(255,255,255,0.98);border:1px solid #eee;box-sizing:border-box; height:0px; overflow:hidden;}

@keyframes mynav
{
	0%   { height:0;}
	100% {height:100%;}
}

.nav_box .return_home{  margin:15px 10px; padding:0;}
.nav_box .return_home a{ line-height:20px; font-size:18px; color:#008cf2;}
.nav_box .nav{ margin-left:10px;}
.nav_box .nav:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0; line-height:0;}

.nav_box .nav dl{ float:none; width:100%; padding-right:0; box-sizing:border-box;  transition: 1s; border-bottom:1px solid #ddd; position:relative; margin-bottom:5px;}


.nav_box .nav dl dt:after{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e615"; position:absolute; right:0; top:10px; line-height:22px; color:#000;}



.nav_box .nav dl{ height:44px; overflow:hidden;}
.nav_box .nav dl.selected{ height:auto;}

.nav_box .nav dl.selected dt:after {content: "\e614" ;}



.nav_box .nav dl dt{ font-size:18px; line-height:22px; padding:10px 0; margin:0;border-top:0; font-weight:normal;}
.nav_box .nav dl:hover dt{border-top:0;  padding:10px 0;transition: 1s;}

.nav_box .nav dl dd{ float:none; width:100%; padding-right:0; box-sizing:border-box;}
.nav_box .nav dl dd a{ font-size:16px; line-height:44px; padding-left:22px; color:#666; display:block; border-bottom:1px solid transparent;}
.nav_box .nav dl dd a i{ vertical-align:middle;}
.nav_box .nav dl dt i{ vertical-align:middle; font-size:18px;}
.nav_box .nav dl dd a:hover{ color:#008cf2; border-bottom:1px solid #008cf2;}



.mobile-image{ height:420px; position: relative; overflow: hidden;}



/* main_image */
.main_image { height:420px;overflow: hidden; position: relative;}
.main_image ul {width: 100%;height:420px;overflow: hidden;position: absolute;top: 0;left: 0; }
.main_image li {float: left;width: 100%;height: 420px}
.main_image li.img_1 {background: url("../images/banner03.jpg") center center no-repeat; background-size:cover;}
.main_image li.img_2 {background: url("../images/banner04.jpg") center center no-repeat; background-size:cover;}
.main_image li.img_3 {background: url("../images/banner03.jpg") center center no-repeat; background-size:cover;}
.main_image li.img_4 {background: url("../images/banner03.jpg") center center no-repeat; background-size:cover;}

div.flicking_con {position: absolute;bottom: 10px;left: 0px;z-index:9;width: 100%;height: 20px;text-align: center; }
div.flicking_con a {display: inline-block;width:30px;height:10px;margin: 0;padding: 0;margin-right: 5px;margin-left: 5px; border-bottom:3px solid #fff; }
div.flicking_con a.on {border-bottom:6px solid #008cf2;}


.banner_info{ position:absolute; top:120px; z-index:1; color:#fff; padding-left:0px; padding-right:10px;}
.banner_info h1{ font-size:28px; line-height:1.5em;letter-spacing:2px; font-weight:normal; margin-bottom:10px;}
.banner_info p{  line-height:26px;font-weight:normal; font-size:16px;}
.banner_info p b{ color:#fee8ac;}
.banner_info  span.free{ float:left; line-height:40px; font-size:16px; padding-left:1px;}
.banner_info  span.free b{  color:#fee8ac;}

.banner_info .inputbox{ margin-top:20px;}
.banner_info .inputbox input{ width:45%; border:1px solid #fff; padding:0 10px; box-sizing:border-box; height:46px;float:left; display:block; font-size:16px;border-radius: 4px 0 0 4px; display:none;}
.banner_info .inputbox a{ display: block;line-height:40px; float:left; color:#fff; padding:0px; box-sizing:border-box;  margin-right:0;border-radius:4px; background:#1eb863; width:45%; font-size:16px; text-align:center; margin-left:0;}
.banner_info .inputbox a+a{border-radius:4px;background:#008cf2; margin-left:5%;}
.banner_info .inputbox a:hover{ background:#179550;}
.banner_info .inputbox a+a:hover{background:#027bd3;}


.index_welcome { padding:40px 0; background:#f7f7f7; border-bottom:1px solid #eee; padding-top:20px;}
.index_welcome h2{ font-size:24px; line-height:1.7em; margin:15px 0;  text-align:center; font-weight:normal; color:#333; }
.index_welcome h3{  }
.index_welcome h4{ margin:15px 0; line-height:1.7em; font-size:16px; text-align:center; font-weight:normal; color:#008cf2;}
.index_welcome h3 span{ display:block; text-align:center;}
.content img h5{ margin:15px 0; line-height:1.7em; font-size:15px; text-align:center; font-weight:normal; color:#62809e;}


.index_welcome .piter{ text-align:center;  margin-bottom:-43px; width:100%; overflow:hidden;}
.index_welcome .piter img{ width:110%; max-width:110%; margin-left:-5%; display:inline-block;}

.index_function h2,
.index_scene h2,
.index_customer h2,
.index_price h2,
.index_private h2,
.index_moblie h2{ font-size:20px; line-height:1.7em; margin:10px 0;  text-align: center; font-weight:600; color:#333; padding:0 0px;}
.index_welcome h3,
.index_function h3,
.index_scene h3,
.index_customer h3,
.index_price h3,
.index_private h3,
.index_moblie h3{ font-size:14px !important;line-height:1.7em; font-weight:normal; color:#666; text-align:center; }
.index_customer .content h3,
.index_customer .content h2{ color:#fff;}
.index_function h2 br{ display:none;}


.index_customer h3 span,
.index_welcome h3 span,
.index_function h3 span,
.index_scene h3 span,
.index_customer h3 span,
.index_price h3 span,
.index_private h3 span,
.index_moblie h3 span{ display:block;}

.index_function{ padding:10px 0;border-bottom:1px solid #eee; background:#f7f7f7; }
.index_function:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.index_function .content a{ width:50%; height:auto; float:left; text-align:center; box-sizing:border-box; padding:10px; display:block; cursor:default;}
.index_function .content a:last-child{ display: none;}
.index_function .content a span{ display:block;}
.index_function .content a .tit{ font-size:16px; line-height:30px; color:#333; font-weight: normal;}
.index_function .content a .text{ font-size:14px; color:#666; line-height:26px;transition:0.5s; display:none;}
.index_function .content a i{transition:0.5s; display:inline-block; border-radius:50px; width:60px; height:60px; line-height:60px; color:#008cf2; font-size:40px;}
/*.index_function .content a:hover .tit,
.index_function .content a:hover .text{ color:#008cf2;}*/
.index_function .content a:hover i{  }

.index_function .morebtn { padding:30px 0; text-align:center}
.index_function .morebtn a{ display:inline-block; border:1px solid #008cf2; color:#008cf2; line-height:40px; padding:0 30px; border-radius:4px; text-align:center; font-size:14px;transition:0.5s;}
.index_function .morebtn a:hover{ color:#fff; background:#008cf2; }

/*使用场景*/
.index_scene{ min-height:300px;padding:20px 0;border-bottom:1px solid #eee;}
.index_scene_list{overflow-x:auto; width:100%;}
.index_scene ul { margin-top:30px; width:250%;}
.index_scene ul:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.index_scene ul li{ float:left; padding:0px; box-sizing:border-box; width:100%; margin-bottom:10px; width:33.333%; padding-right:10px;}
.index_scene ul li a{ display:block; height:auto; position:relative; }
.index_scene ul li a img{ display:block;}
.index_scene ul li a span{ position:absolute; left:0; bottom:0;line-height:32px; height:52px; padding:10px; background:rgba(0,0,0,0.3); color:#fff; text-align:center; display:block; width:100%; box-sizing:border-box;transition:0.4s; overflow:hidden;}
.index_scene ul li.scene01 a{ background:url(../images/scene01.png) center no-repeat; background-size:cover;}
.index_scene ul li.scene02 a{ background:url(../images/scene02.png) center no-repeat; background-size:cover;}
.index_scene ul li.scene03 a{ background:url(../images/scene03.png) center no-repeat; background-size:cover;}
.index_scene ul li a span b{ display:block; line-height:40px; color:#008cf2; font-size:12px;transition:0.8s;}
.index_scene ul li a:hover span{ height:72px;}
.index_scene ul li a:hover span b{ display:block;line-height:20px;}

.index_scene .morebtn { padding:30px 0; text-align:center}
.index_scene .morebtn a{ display:inline-block; border:1px solid #008cf2; color:#008cf2; line-height:40px; padding:0 30px; border-radius:4px; text-align:center; font-size:14px;}
.index_scene .morebtn a:hover{ color:#fff; background:#008cf2;}


/*客户*/
.index_customer{ min-height:300px;padding:20px 0; background:#008cf2;}
.index_customer_list{ margin:40px 0;}
.index_customer_list:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.index_customer_list a{ display:block; float:left; width:100%; box-sizing:border-box; position:relative; padding-left:0px; padding:0 10px; color:#fff; font-size:14px;  cursor:default;}
.index_customer_list a+a{ }
.index_customer_list a span{ display:block; margin:10px 0;}
.index_customer_list a .customer_logo{ position: relative; left:0; top:0; text-align:center; width:100%;background:#fff; padding:0px; overflow:hidden; height:auto;}
.index_customer_list a .customer_logo img{ width:100%; display:block;}
.index_customer_list a .customer_talk{ font-size:14px;line-height:1.6em;}

.index_customer .morebtn { padding:20px 0; text-align:center}
.index_customer .morebtn a{ display:inline-block; border:1px solid #fff; color:#fff; line-height:40px; padding:0 30px; border-radius:4px; text-align:center; font-size:14px;}
.index_customer .morebtn a:hover{ color:#008cf2; background:#fff;}
.customer_text{ line-height:1.7em; font-size:14px; text-indent:2em;color:#fff; text-align:center;}




.index_customer_mobile_list{ margin:20px 0;}
.index_customer_mobile_list a{ display:block; height:140px; color:#fff; box-sizing:border-box; padding:20px;}
.index_customer_mobile_list a span{ display:block; color:#fff; line-height:20px;}
.index_customer_mobile_list a span.text1{ font-size:12px; margin-bottom:10px;}
.index_customer_mobile_list a span.text2{ font-size:18px; margin-bottom:10px;}
.index_customer_mobile_list a span.text3{ font-size:14px; border-top:1px solid rgba(255,255,255,0.5); width:100px; padding-top:5px;}

.index_customer_mobile_list a.dkn{background:url(../images/customer/dkn2.jpg) center no-repeat; background-size:cover;}
.index_customer_mobile_list a.edoctor{background:url(../images/customer/edoctor2.jpg) center no-repeat; background-size:cover;}
.index_customer_mobile_list a.ruilu{background:url(../images/customer/ruilu2.jpg) center no-repeat; background-size:cover;}
.index_customer_mobile_list a.yty{background:url(../images/customer/yty.jpg) center no-repeat; background-size:cover;}



/*价格*/
.index_price{ min-height:300px;padding:20px 0; background:#f7f7f7; border-bottom:1px solid #eee;}
.index_price_list{ padding:10px 0; margin-top:30px; width:100%; box-sizing:border-box; overflow-y:auto;}
.index_price_list table{ width:180%; font-size:14px; border-collapse:collapse;}
.index_price_list table tr th,
.index_price_list table tr td{ border:3px solid #f7f7f7; width:20%; padding:10px; box-sizing:border-box; text-align:center; background:#fff;line-height:1.7em; border-collapse:collapse;}
.index_price_list table tr th{ width:20%; text-align:left;font-weight:normal; font-size:12px;box-sizing:border-box;}
.index_price_list table tr td { color:#008cf2; }
.index_price_list table tr td .price{ display:block; color:#fff;}
.index_price_list table tr td:hover{}
.index_price_list table tr td:nth-child(2),
.index_price_list table tr td:nth-child(4){}
.index_price_list table tr td span{ display:block;}
.index_price_list table tr:first-child th,
.index_price_list table tr:first-child td{ font-size:14px;  background:#008cf2; color:#fff; border-bottom:0; border-top:0; border-radius:8px 8px 0 0;}
.index_price_list table tr td span.green,
.index_price_list table tr td span.red{font-weight:bold; font-size:16px;}

/*私有云*/
.index_private{min-height:330px;padding:20px 0;  border-bottom:1px solid #eee;}
.index_private .privatecloud{ text-align:center; padding:30px 0;}
.index_private .privatecloud img{ }
/*移动端*/
.index_moblie{min-height:380px;padding:20px 0; background:#f7f7f7; border-bottom:1px solid #eee;}
.index_moblie .privatecloud{ position:absolute; right:100px; top:00px; width:260px;}
.index_moblie .privatecloud img{ width:100%;}
.index_moblie .qrcode{ margin:20px 0; text-align:center;}
.index_moblie .qrcode:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.index_moblie .qrcode li{ width:30%; vertical-align:top; text-align:center; font-size:14px; margin:0 1%; display:inline-block;}
.index_moblie .qrcode li span{ display:inline-block; color:#666;}
.index_moblie .qrcode li img{ width:100%; display:inline-block; border:1px solid #ddd; background:#fff; padding:5px; box-sizing:border-box;}
.index_moblie .moblie_pic{ text-align:center;}
.index_moblie .moblie_pic img{width:680px; display:inline-block;}



/*底部*/
.footer{ background:#34495e;}
.footer .nav{ padding:10px 0; padding-right:0;}
.footer .nav:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.footer .nav dl{ float:left; width:100%; box-sizing:border-box; position:relative; border-bottom:1px solid rgba(255,255,255,0.2); margin-bottom:5px;}
.footer .nav dl dt:after{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e615"; position:absolute; right:0; top:10px; line-height:22px; color:#fff;}

.footer .nav dl{ height:44px; overflow:hidden;}
.footer .nav dl.selected{ height:auto;}

.footer .nav dl.selected dt:after {content: "\e614" ;}

.footer .nav dl dt{ font-size:18px; line-height:22px; padding:10px 0; color:#fff;}
.footer .nav dl dd{ float:none; width:100%; padding:10px; line-height:20px; padding-left:22px; box-sizing:border-box;}
.footer .nav dl dd a{ font-size:16px; line-height:28px;border-bottom:1px solid transparent; color:#aaa;color:rgba(255,255,255,0.5); display:inline-block;}
.footer .nav dl dd a:hover{ color:#fff; border-bottom:1px solid #fff;}

.footer_contact{ position: relative; right:0px; top:0; padding:10px; padding-bottom:20px; }
.footer_contact .phone{ color:#fff; border:1px solid #888; line-height:40px; padding:0 10px; border-radius:4px; max-width:160px;}
.footer_contact .phone span{ color:#fff;}
.footer_contact .phone .iconfont{ font-size:26px; vertical-align:middle; margin-right:5px;}
.footer_contact .icon{ margin-top:10px; display:none;}
.footer_contact .icon .iconfont{ color:#fff; font-size:42px; vertical-align:middle;}
.footer_contact .icon .icon-weixin{ font-size:48px; margin-right:5px;}
.footer_contact .icon a{opacity:0.5;}
.footer_contact .icon a:hover{opacity:1;}
.footer_bottom{ color:#aaa;color:rgba(255,255,255,0.5); text-align:center; padding:10px; font-size:12px; background:#223344; line-height:30px; }
.footer_contact .weixin_qrcode{ text-align:center;width:80px;  margin-top:20px;}
.footer_contact .weixin_qrcode img{ display: inline-block; width:80px; border:5px solid rgba(255,255,255,0.2);}
.footer_contact .weixin_qrcode span{ color:#aaa; color:rgba(255,255,255,0.5); display:block; font-size:12px; line-height:20px;}

.footer_bottom p span a{opacity:0.1;}
.footer_bottom p span a:hover{opacity:0.5;}
/*在线咨询*/
.online{ position:fixed; top:50%; margin-top:-228px; right:10px; width:160px; background:#fff; border-radius:4px; overflow:hidden;box-shadow: 0 0 5px #888; display:none;}

.onlinetop{ line-height:36px; color:#fff; padding:0 10px; font-size:14px; background:#008cf2;}
.onlinetop i{ font-weight:bold; margin-right:5px; vertical-align:middle;}
.onlinelist{}
.onlinelist a{ display:block; text-align:center; padding:10px 0; border-bottom:1px solid #eee;}
.onlinelist a i{ font-size:36px; color:#008cf2;}
.onlinelist a span{ display:block; color:#666; font-size:14px; margin-top:2px; line-height:20px;}
.onlinelist a span strong{ font-weight:bold; font-family:"Microsoft YaHei";}
.online .weixin_qrcode{ text-align:center; padding:10px 0;}
.online .weixin_qrcode span{ display:block; color:#666; font-size:14px; margin-top:2px; line-height:20px;}
.onlinelist a:hover{ background:#f7f7f7;}
.onlinelist a:hover span{ color:#008cf2}

.online .closebtn{ position:absolute; right:0; top:0; color:#fff; width:40px; text-align:center;}
.online .closebtn:hover{ background:rgba(255,255,255,0.3)}

.online_narrow{ position:fixed; right:10px; bottom:10px;width:160px;box-shadow: 0 0 5px #888;border-radius:4px; overflow:hidden; font-size:14px; display:none;}
.online_narrow a{ display:block;color:#fff; background:#008cf2;line-height:36px;padding:0 10px;}
.online_narrow a i{ font-weight:bold; margin-right:5px; vertical-align:middle;}

.online.shown{ display:block;}
.online_narrow.hidden{ display:none;}

/*二级页面*/
.page_banner{ height:220px;}
.page_banner h2{ float:left; margin-left:10px; margin-top:80px; color:#fff; font-size:24px; font-weight:normal; line-height:30px;}
.page_banner p{ float:left; margin-top:20px;margin-left:10px; padding-right:10px;  color:#fff;width:auto; font-size:16px; line-height:20px;}


.breadcrumbs{ color:#ccc; line-height:30px; padding:10px 0; font-size:12px;}
.breadcrumbs a{ color:#aaa; color:#008cf2;}
.breadcrumbs span{ color:#888;}
.page_content{ min-height:300px; padding-bottom:30px;}

.update_banner{ background:url(../images/update_banner.jpg) center no-repeat; background-size:cover;}
.about_banner{background:url(../images/about_banner.jpg) center no-repeat; background-size:cover;}
.management_banner{background:url(../images/management_banner.jpg) center no-repeat; background-size:cover;}
.news_banner{background:url(../images/news_banner.jpg) center no-repeat; background-size:cover;}
.story_banner{background:url(../images/story_banner.jpg) center no-repeat; background-size:cover;}


.update_year{border-left:2px solid #008cf2; height:50px; line-height:30px; position:relative;}
.update_year a{ display:block; position:absolute; left:-108px;width:90px; margin-top:20px; text-align:right; color:#008cf2; font-size:14px;}
.update_year a i{ font-style:normal; border-color:transparent transparent transparent #008cf2;  border-width:4px 0 4px 6px; border-style: dashed dashed dashed solid; width:0; height:0; overflow:hidden; line-height:0; font-size:0; display:inline-block; vertical-align:middle; margin-left:1px;}

.update_year a.selected i{border-color:#008cf2 transparent transparent transparent;  border-width:6px 4px 0 4px; border-style:solid dashed dashed dashed ;}


.update{margin-left:86px; margin-top:30px; margin-right:10px;}
.update_ul{}
.update_ul li{  display:block; line-height:20px; padding-top:30px;border-left:2px solid #008cf2;position:relative;}
.update_ul li:before{ content:""; width:10px; height:10px; background:#008cf2; border-radius:50%; display:block; border:3px solid #fff; position:absolute; left:-9px; top:37px;}
.update_ul li.last:before{ display:none;}
.update_ul li.last{ height:60px; }
.update_ul li div{}
.update_ul li div.date{ width:90px; text-align:right; position:absolute; left:-108px; top:34px; line-height:25px; font-size:12px; font-family:Arial, Helvetica;color:#888;}
.update_ul li div.text{ margin-left:23px; font-size:14px; padding-top:5px; width:auto;color:#888;}
.content_article .update_ul li .text{}
.update_ul li .text h2{ font-size:18px; text-indent:0; line-height:25px; margin-bottom:10px; position:relative; top:-2px; color:#008cf2; font-weight:normal;}
.update_ul li .text p{ text-indent:0; font-size:12px; line-height:normal;line-height:1.7em;}

.update .update_tit{ font-size:23px; color:#008cf2; padding-left:24px; line-height:40px; position:relative;font-weight:normal;}
.update .update_tit:before{ content:""; width:40px; height:40px;background:url(../images/time.png) no-repeat; position:absolute; left:-19px;}




.page_left_nav{ width:100%; left:0; bottom:0; border:0; margin:0; margin-bottom:0; padding-bottom:0; text-align: center; border-bottom:1px solid #fff; background:#fff; height:auto; border-radius:0;line-height:40px;}
.page_left_nav dl:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.page_left_nav dl dt{ font-size:18px;line-height:50px; padding:0 15px; border-bottom:1px solid #eee; margin-bottom:2px; display:none;}
.page_left_nav dl dd{ width:auto; margin:0 ; display:inline-block; float:left;  color:#333; margin-bottom:5px;}
.page_left_nav dl dd a{ color:#666; display:block; padding:0 20px; margin:0;border-radius:4px; }
.page_left_nav dl dd a.hovers{ background:#008cf2; color:#fff;}



.page_right{ padding:0 10px; padding-top:0px;}
.page_right h2{ font-size:24px; line-height:50px;font-weight:normal;}
.page_right p{ font-size:16px; line-height:2em; color:#666; margin:10px 0;}
.page_right .joinus_tit{ line-height:30px; color:#008cf2; margin-top:10px;font-weight:normal;}
.page_right .article_tit2{ line-height:30px; color:#008cf2; margin-top:10px;font-weight:normal;}


.download_left_nav{ border:1px solid #eee; width:100%; overflow:hidden; border-radius:4px; position: relative; left:0; top:0;}
.download_left_nav h2{ font-size:18px;line-height:50px; padding:0 15px; border-bottom:1px solid #eee; margin-bottom:2px; display:none;}
.download_left_nav a{ color:#666; display:block; padding:10px 15px;font-size:14px; line-height:20px;}
.download_left_nav a:hover{ background:#eee;}
.download_left_nav a.selected{ color:#fff; background:#008cf2;}

.download_page_right{ min-height:580px;padding-left:0; padding-top:20px; display:none; padding-bottom:20px;}
.download_page_right h2{ font-size:24px; line-height:50px; font-weight:normal;}
.download_page_right p{ font-size:16px; line-height:2em; color:#666; margin:10px 0;}
.download_page_right table{ border:1px solid #eee; border-collapse:collapse;}
.download_page_right table tr th,
.download_page_right table tr td{ padding:10px; font-size:14px; color:#666; line-height:1.7em;}
.download_page_right .article_tit{ font-size:32px; line-height:2em; text-align:center; font-weight:normal;}
.download_page_right.selected{ display:block;}

.download_page_right .download_btn{ text-align:center; padding:10px 0; margin:10px 0;}
.download_page_right .download_btn a{ display:inline-block; border:1px solid #008cf2; color:#008cf2; line-height:40px; padding:0 30px; border-radius:4px; text-align:center; font-size:14px;}
.download_page_right .download_btn a:hover{ color:#fff; background:#008cf2;}

/*案例*/
.case_list{ padding-bottom:30px;}
.case_list:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.case_list li{ float:left; width:100%; box-sizing:border-box; padding:15px;}
.case_list li a{ text-align:center;display:block;}
.case_list li a img{ max-width:100%;}
.case_list li a span{ color:#333; font-size:18px; display:block; line-height:20px; margin:10px;}

.case_details{ margin:10px; min-height:500px; padding-right:0; position:relative;}
.case_details .company_info{ border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.case_details .company_info h1{ font-size:24px; line-height:2em;margin:10px 0; }
.case_details .company_info h2{ font-size:18px; line-height:2em;margin:10px 0;  font-weight:normal;}
.case_details .company_info p{margin:10px 0; font-size:12px;line-height:1.7em; color:#666;}
.case_details .customer_msg{ padding:0; margin-bottom:30px;}
.case_details .customer_msg span{ display:block; margin:0;}
.case_details .customer_msg .customer_talk{ font-size:14px;line-height:1.7em; background:#eee; color:#000; border-radius:4px; padding:5px;  position:relative; margin-bottom:40px;}
.case_details .customer_msg .customer_talk:after{ display:block; content:""; width:0; height:0; border-color:#eee transparent transparent #eee; border-width:10px; border-style:solid; position:absolute; bottom:-20px; left:30px;}
.case_details .customer_msg .customer_name{ font-size:12px;}
.case_details .customer_msg .customer_position{ font-size:12px;}
.case_details .customer_msg .customer_talk p{ margin:10px; text-indent:2em;}

.case_details .right_info{ border:1px solid #ddd; box-sizing:border-box; width:100%; min-height:300px; position:relative; right:0; top:0; padding:20px;}
.case_details .right_info .customer_logo{ text-align:center; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.case_details .right_info .customer_logo img{ width:50%;}
.case_details .right_info .customer_intro dl{ margin:10px 0; font-size:14px; line-height:1.7em;}
.case_details .right_info .customer_intro dl dd{ color:#008cf2;}


.signing_details{ margin:10px; min-height:500px; padding-right:0; position:relative;}
.signing_details .company_info{ border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.signing_details .company_info h1{ font-size:24px; line-height:2em;margin:10px 0; }
.signing_details .company_info h2{ font-size:18px; line-height:2em;margin:10px 0;  font-weight:normal;}
.signing_details .company_info p{margin:10px 0; font-size:12px;line-height:1.7em; color:#666;}
.signing_details .customer_msg{ padding:0; margin-bottom:30px;}
.signing_details .customer_msg span{ display:block; margin:0;}
.signing_details .customer_msg .customer_talk{ font-size:14px;line-height:1.7em; background:#eee; color:#000; border-radius:4px; padding:5px;  position:relative; margin-bottom:40px;}
.signing_details .customer_msg .customer_talk:after{ display:block; content:""; width:0; height:0; border-color:#eee transparent transparent #eee; border-width:10px; border-style:solid; position:absolute; bottom:-20px; left:30px;}
.signing_details .customer_msg .customer_name{ font-size:12px;}
.signing_details .customer_msg .customer_position{ font-size:12px;}
.signing_details .customer_msg .customer_talk p{ margin:10px; text-indent:2em;}

.signing_details .right_info{ border:1px solid #ddd; box-sizing:border-box; width:100%; min-height:300px; position:relative; right:0; top:0; padding:20px;}
.signing_details .right_info .customer_logo{ text-align:center; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.signing_details .right_info .customer_logo img{ width:50%;}
.signing_details .right_info .customer_intro dl{ margin:10px 0; font-size:14px; line-height:1.7em;}
.signing_details .right_info .customer_intro dl dd{ color:#008cf2;}




/*行业新闻*/
.news_list{}
.news_list:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.news_list li{  box-sizing:border-box; border-bottom:1px solid #eee; margin:0 5px;}
.news_list li a{ display:block; color:#333;padding:10px 0;  display:block; position:relative;}
.news_list li a:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.news_list li a:hover{ background:#f7f7f7;}
.news_list li a h5{float:left;width:100px; max-height:60px; overflow:hidden;}
.news_list li a img{ width:100%; display:block;}
.news_list li a .text{margin-left:110px;}
.news_list li a h3{ font-size:18px; line-height:1.5em; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 1s; font-weight:normal;}
.news_list li a p{font-size:12px; color:#888; line-height:1.7em; margin-top:10px;}
.signing li a:hover{ background:#fff;}
.signing li a{ cursor:default;}

.page_tab{ border:1px solid #ddd; line-height:40px; margin:10px 0; margin-bottom:20px; font-size:0; border-radius:40px; overflow:hidden;}
.page_tab:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.page_tab a{ display:inline-block; width:33.3333%; text-align:center; font-size:16px; float:left; color:#333; box-sizing:border-box;}
.page_tab a+a{ border-left:1px solid #eee;}
.page_tab a:hover{ background:#f7f7f7;}
.page_tab a.selected{ background:#008cf2; color:#fff;}
.story_tab a{ width:50%;}

.page_tab{width:100%; left:0; bottom:0; border:0; margin:0; margin-bottom:10px; padding-bottom:10px; text-align: center; border-bottom:1px solid #eee; background:#fff; height:50px; border-radius:0;line-height:40px;}
.page_tab a{ width:auto; margin:0 ; padding:0 20px; margin:0; float:left; color:#333; border-radius:4px;}
.page_tab a:hover{ background:#ddd;}
.page_tab a.selected{ background:#008cf2; color:#fff; }
.page_tab a+a{ border:0;}



.content_article{ padding:0 5px; line-height:22px; color:#444; background:#fff; position:relative;  line-height:1.8em;}
.content_article p{ text-indent:2em; margin:5px 0;}
.content_article p a{  color:#666;}
.content_article p a:hover{  color:#008cf2;}
.content_article .article_tb{ border-collapse:collapse;}
.content_article .article_tb tr th{ background:#7eb4df; color:#fff; border:1px solid #fff; padding:2px 0;}
.content_article .article_tb tr td{padding:2px 10px; border:1px solid #ddd;}
.content_article h2{font-size:14px; font-weight:normal; text-indent:2em;}
.content_article h2.article_tit_m{ font-size:18px; margin:20px 0;text-indent:32px; color:#2378bd;}
.content_article h3.article_tit_n{ font-size:16px;margin:20px 0;text-indent:0; padding-left:0; font-weight:bold;}
.content_article img{ max-width:100%;}

.content_article .bb1{ font-size:20px; color:#008cf2; font-weight:400; line-height:40px;}
.content_article .article_tit{ font-size:24px; line-height:1.5em; font-weight:normal; padding-bottom:5px; padding-top:20px;  margin-bottom:10px; color:#333;}
.content_article h2.bb2{ border-bottom:1px dotted #ddd; padding-top:10px; font-size:18px;}
.content_article .bb2{border-bottom:1px dotted #ddd;}
.content_article .fhs{ color:#aaa; font-size:12px; font-weight:normal; padding-bottom:5px;text-align:center;}

.content_article .text_c{ text-align:center; text-indent:0; }
.content_article .upanddown{ line-height:1.7em; margin-bottom:30px;font-size:16px;}
.content_article .upanddown div{ margin:10px 0;}
.content_article .upanddown a{ color:#008cf2}
.content_article .upanddown a:hover{ text-decoration:underline;}




/*分页*/
.paging_wrap{ text-align:center;}
.paging{list-style: none;font-size:12px;line-height:20px;text-align:center;display:inline-block;margin-top:20px;}
.paging>li{float: left;padding: 5px;cursor: pointer;border-radius:4px; min-width:20px;}
.paging .pageItem{border: solid thin #DDDDDD;margin: 5px;}
.paging .pageItemActive{border: solid thin #008cf2;margin: 5px;background-color: #008cf2;color:white;}
.paging .pageItem:hover{border: solid thin #008cf2;background-color: #008cf2;color:white;}
.paging .pageItemDisable{border: solid thin #DDDDDD;margin: 5px;background-color: #DDDDDD;}


/*解决方案*/
.solution_er_banner{ background:url(../images/solution_er_banner.jpg) center no-repeat; background-size:cover; height:380px;}
.solution_crm_banner{ background:url(../images/solution_crm_banner.jpg) center no-repeat; background-size:cover; height:380px;}
.solution_tc_banner{ background:url(../images/solution_tc_banner.jpg) center no-repeat; background-size:cover; height:380px;}
.solution_integration_banner{ background:url(../images/solution_integration_banner.jpg) center no-repeat; background-size:cover; height:380px;}

.solution_banner_content{ text-align:center; padding-top:100px;}

.solution_banner_content .iconfont{ font-size:32px;color:#fff; display:inline-block; width:60px; height:60px; line-height:62px; border-radius:50%; background:#008cf2;}
.solution_banner_content h1{ color:#fff; font-size:24px; line-height:2em; font-weight:normal;}
.solution_banner_content p{ color:#fff; font-size:14px; margin:15px 0; padding:0 10px; line-height:1.7em;}
.solution_banner_content .download{ margin-top:35px; display:none;}
.solution_banner_content .download a{ display:inline-block; line-height:40px; padding:0 30px; border-radius:4px; background:; text-align:center; color:#fff;  font-size:15px; margin-right:10px;transition:0.5s; border:1px solid #fff;}
.solution_banner_content .download a:hover{ background:#fff; color:#008cf2;}

.page_solution{}
.solution_content{ padding-top:20px; overflow:hidden; }
.greybg{ background:#f7f7f7;}
.solution_content h2{ font-size:24px; line-height:1.7em; margin:10px 0;  text-align:center; font-weight:normal; color:#333; padding:0 10px;}
.solution_content p{ font-size:14px;line-height:1.7em; font-weight:normal; color:#666; text-align:center; }
.solution_content .pic{ position:relative; text-align:center; margin-top:30px; margin-bottom:0; min-height:20px;}
.solution_content .pic .solution_content_bg{ display:block; width:300px; margin:0 auto;}
.solution_content .pic .screenshots{ position:absolute; width:292px; top:11px; left:50%; margin-left:-146px;}
.solution_content .pic .screenshots img{display:block; width:292px; height:auto !important; margin:0 auto;}

.solution_content .pic .iphone7{ display: inline-block; width:202px; margin-bottom:20px; margin-left:-120px;}

.solution_content .pic_mobile{ display:none;}
.solution_content .pic_mobile.mobile_bage{ display: block;}

.solution_content .pic .mobile_bage_screenshots{ position:absolute; width:147px; height:261px; overflow:hidden; top:48px; left:50%; margin-left:-134px; border:1px solid #000;}
.solution_content .pic .mobile_bage_screenshots img{ width:147px; height:261px;float:left;}
.solution_content .pic .mobile_bage_screenshots .mobile_wrap{width: 441px; text-align:left;}

.solution_content .pic .mobile_bage_btn{ position:absolute;width:100px; top:30px; left:50%; margin-left:40px;}
.solution_content .pic .mobile_bage_btn a{ color:#666; font-size:18px; display:block; text-align:center; margin-bottom:20px;}
.solution_content .pic .mobile_bage_btn a i{ width:50px; height:50px; line-height:50px; background:#eee; border-radius:50%; display:inline-block; font-size:24px;}
.solution_content .pic .mobile_bage_btn a span{ display:block; line-height:40px;}

.solution_content .pic .mobile_bage_btn a.hovers,
.solution_content .pic .mobile_bage_btn a:hover{ color:#008cf2;}
.solution_content .pic .mobile_bage_btn a.hovers i,
.solution_content .pic .mobile_bage_btn a:hover i{ color:#fff;background:#008cf2;}

.solution_content_customer{ text-align:center; padding:20px 0;}
.solution_content_customer a{ display:inline-block; width:120px; border:1px solid #ddd; margin:10px; }
.solution_content_customer a img{ display:inline-block; width:100%;}
.solution_content .free_btn { text-align:center; margin:30px; margin-bottom:60px;}
.solution_content .free_btn  a{ display:inline-block; line-height:42px; width:180px; border-radius:4px; text-align:center; font-size:16px; border:1px solid #008cf2; color:#008cf2}
.solution_content .free_btn :hover{  background:#008cf2; color:#fff;}


.integration1{text-align:center; margin-top:40px; margin-bottom:30px;}
.integration1 img{ width:700px;}

.integration2{text-align:center; margin-top:40px; margin-bottom:60px;}
.integration2 img{ width:800px;}

.integration3{ min-height:400px; position:relative;}
.integration3_pic{ position:relative; left:0;  top:0; margin-left:0; text-align:center;}
.integration3_pic img{ width:80%; display:none;}
.integration3_pic img.hovers{ display: inline-block;}
.integration3_list{ position: relative; left:0; top:0; margin-left:0px; width:auto; padding:0 10px;}
.integration3_list a{ margin-bottom:20px; display:block;}
.integration3_list a h3{font-size:18px; line-height:1.7em; margin:10px 0;  text-align:center; font-weight:normal; color:#333;text-align:left;}
.integration3_list a p{ text-align:left; font-size:12px;}
.integration3_list a.hovers h3,
.integration3_list a.hovers p{ color:#008cf2}

.integration4 { padding-bottom:20px;}
.integration4 p{}
.integration4 p.text{ margin:40px 0; color:#008cf2;}
.integration4 p.text strong{ display:block; font-weight:normal; margin:10px 0; color:#666; }

.solution_tc1_phone { position:absolute; top:20px; left:50%; margin-left:180px; width:302px;}
.solution_tc1_phone img{ width:100%;}




.container{width:100%; margin:0 auto;}
.container{ padding:40px 0;min-height:340px; }
.container h2{ text-align:center; font-size:24px; font-weight:normal; line-height:50px;}
.container p{ text-align:center; font-size:16px; line-height:1.7em; padding:0 20px; color:#666;}
.container p strong{ font-weight:normal; font-size:20px; margin:0 2px;}

.content_01{background:#f7f7f7;}
.content_01 .container{  padding:50px 0; height:680px; background:url(../images/page_01.png) 180px 170px  no-repeat;}
.content_01 .container h1{ margin-top:30px; text-align:center; font-size:48px;}
.content_01 .peter_speak{ margin-top:450px;}
.content_01 .peter_speak p{ text-align:center; font-size:22px; padding:0;}
.content_01 .peter_speak p strong{ font-weight:normal; font-size:32px; margin:0 2px;}
.content_01 .peter_speak p.sign{ background:url(../images/peter.png)  right no-repeat; height:28px; margin-top:10px; margin-right:0px;}


.content_02{background:#f7f7f7;}
.content_02 .container{color:#333; background:url(../images/page_02.png) center 220px no-repeat; background-size:140% auto;}

.content_03{background:url(../images/page_03.png) center 190px no-repeat #fff; background-size:140% auto; position:relative;}
.content_03 .container{color:#333;}
.content_03 .download{ position:absolute; left:0; bottom:0; width:100%; height:100px; background:rgba(0,0,0,0.3); text-align:center; display:none;}
.content_03 .download span{ line-height:100px; color:#fff; font-size:30px;vertical-align:top;}
.content_03 .download .download_list{ display:inline;vertical-align:top; margin-left:50px;}
.content_03 .download .download_list li{ display:inline-block;vertical-align:top; padding:16px 30px;}
.content_03 .download .download_list li a{ display:inline-block; width:68px; height:68px; vertical-align:top;filter:alpha(opacity:80); opacity:0.8; -moz-opacity:0.8;-khtml-opacity: 0.8;}
.content_03 .download .download_list li a.icon_iphone{ background:url(../images/icon_iphone.png) no-repeat;}
.content_03 .download .download_list li a.icon_android{ background:url(../images/icon_android.png) no-repeat;}
.content_03 .download .download_list li a.icon_weixin{ background:url(../images/icon_weixin.png) no-repeat;}
.content_03 .download .download_list li:hover a{filter:alpha(opacity:100); opacity:1; -moz-opacity:1;-khtml-opacity:1;}


.content_04{background:url(../images/page_04.png) center 200px no-repeat #f7f7f7;background-size:140% auto; position:relative;}
.content_04 .container{ color:#333;}
.content_05{background:url(../images/page_05.png) center 200px no-repeat #fff;background-size:140% auto; position:relative;}
.content_05 .container{color:#333;}


.content_06{ background:url(../images/page6_bg.jpg) center no-repeat;background-size:100% 100%; min-height:480px;}
.content_06 .container{color:#fff; background:url(../images/page_06.png) center 300px no-repeat;background-size:90% auto; }
.content_06 .top_icon{ text-align:center; margin-top:20px;}
.content_06 span{ display:inline-block; padding-top:50px; line-height:30px; font-size:24px; margin:0 10px;}
.content_06 span.ico_01{ background:url(../images/page06_ico01.png) center 0 no-repeat;background-size:40px;}
.content_06 span.ico_02{ background:url(../images/page06_ico02.png) center 0 no-repeat;background-size:40px;}
.content_06 span.ico_03{ background:url(../images/page06_ico03.png) center 0 no-repeat;background-size:40px;}
.content_06 .text_01{ margin:10px 0; line-height:30px; font-size:18px; color:#333;}
.content_06 .text_02{ line-height:1.7em; font-size:14px;}

.content_07{ background:url(../images/page_07.png) center 170px no-repeat #eee;}
.content_07 .container{}
.content_07 .container .register{ border:2px solid #2c8ad3; border-radius:4px; height:50px; width:550px; margin:0 auto; margin-top:350px; background:#fff;}
.content_07 .container .register input[type=text]{ float:left; border:0; background:none; padding:0 10px; width:400px; height:50px; line-height:50px; font-size:18px;}
.content_07 .container .register a{ line-height:50px; background:#2c8ad3; text-align:center; width:130px; color:#fff; font-size:18px; float:left; display:block;}
.content_07 .container .register a:hover{ background:#2074b6;}
.content_07 .container .register a:active{ background:#2074b6; line-height:52px; height:50px;}


.section-nav {position: fixed;top: 50%;right: 15px;z-index: 100;margin-top: -100px;}
.section-nav li {margin: 4px 0px;width: 14px;}
.section-nav li a {position: relative;display: block;width: 20px;height: 20px;background-image: url('../images/index_icon.png'); background-position: center 3px;background-repeat: no-repeat;}
.section-nav li a i {display: none;position: absolute;top: 0px;right: 25px;padding: 1px 5px;font-style: normal;color: #333;white-space: nowrap;background-color:#fff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box; font-size:14px}
.section-nav .current a,
.section-nav li a:hover {background-image: url('../images/index_icon.png');background-position: center -14px;}
.section-nav li a:hover i{ display:block;}


.content_03 .download .download_list li{ position:relative;}
.content_03 .download .download_list li .qr_code{ position:absolute; bottom:100px; left:-40px; padding:20px; border:1px solid #ddd; background:#fff; display:none; box-sizing:border-box;}
.content_03 .download .download_list li .qr_code img{ width:160px;}
.content_03 .download .download_list li:hover .qr_code{ position:absolute; bottom:100px; left:-40px; padding:20px; border:1px solid #ddd; background:#fff; display: block;}

.content_article_qrcode { text-align:center;}
.content_article_qrcode img{ display: inline-block;}
.content_article_qrcode .qrcode_text{float:left; margin-left:0px; padding-top:0px; color:#666; font-size:14px;}
.content_article_qrcode .qrcode_text h5{ font-size:15px; color:#008cf2;}

.content_article_qrcode .qrcode_pic{ float:none; text-align:center; padding-top:10px;}
.content_article_qrcode .qrcode_text span{ display:block; font-size:12px;  line-height:30px;}


.popover-content{ background:#008cf2; width:98%; height:auto; border-radius:4px; margin:0 auto; text-align:center; position:relative; top:50%; margin-top:-150px; color:#fff; padding:20px; box-sizing:border-box;}
.popover-content h2{ font-size:13px; word-spacing:2px; line-height:30px; margin-top:12px;letter-spacing:1px;}
.popover-content h3{ font-size:20px; font-weight:bold; letter-spacing:1px;line-height:30px; margin-top:5px;}
.popover-content .btn a{ background:#fff; line-height:39px; width:100px; display:inline-block; margin:10px; margin-top:32px; color:#008cf2;border-radius:4px;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; letter-spacing:1px; font-size:14px;}
.popover-content .closebtn{ position:absolute; right:5px; top:5px; color:#fff; font-size:24px; font-weight: normal; line-height:30px; width:30px; text-align:center;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; }


.floating-button{ position:fixed; bottom:0; right:0;/* border-radius:4px 0 0 4px;*/ overflow:hidden;opacity:0.9; width:100%; height:42px;}
.floating-button a{ display:block; float:left; color:#FFF; background:#f39419; width:50%; height:42px; line-height:42px; text-align:center; font-size:14px;}
.floating-button a i{ font-size:18px; vertical-align:middle;}
.floating-button a+a{ background:#1eb863;}

.popover{ display:none !important;}

.breadcrumbs2{ margin-top:64px;}
.case_details2{ margin0; min-height:500px; padding-right:0px; position:relative;}
.case_details2 .company_info{padding-bottom:30px; }
.case_details2 .company_info h1{ font-size:24px; line-height:1.5em;margin-bottom:10px 0; padding:10px 0; font-weight:200;}
.case_details2 .company_info h2{ font-size:24px; line-height:2em;margin:10px 0;  font-weight:normal;}
.case_details2 .company_info p{margin:10px 0; font-size:16px;line-height:1.7em; color:#333; text-indent:2em;text-align:justify }
.case_details2 .customer_msg{ padding:20px 0; margin-bottom:20px; border-bottom:1px solid #eee;}
.case_details2 .customer_msg span{ display:block; margin:10px 0;}
.case_details2 .customer_msg .customer_talk{ font-size:18px;line-height:1.7em; color:#333; border-radius:4px; padding:  0;  position:relative;}

.case_details2 .customer_msg .customer_name{ font-size:14px; text-align: center; color:#008cf2;}
.case_details2 .customer_msg .customer_position{ font-size:14px;text-align:center; color:#888;}
.case_details2 .customer_msg .customer_talk p{ margin:10px; text-indent:2em; line-height:30px;}
.case_details2 .customer_msg .customer_talk p b{ font-size:48px;line-height:30px; height:30px; vertical-align:bottom;  color:#008cf2;}

.case_details2 .right_info{ border:1px solid #eee; border-left:0; border-right:0; box-sizing:border-box;padding:30px 20px;}
.case_details2 .right_info:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0; line-height:0;}
.case_details2 .right_info .customer_logo{ text-align:center; padding-bottom:10px; margin-bottom:10px; width:100%; float:none;}
.case_details2 .right_info .customer_logo img{ width:60%; margin-top:0px;}
.case_details2 .right_info .customer_intro{ width:100%; float:left; box-sizing:border-box; padding-right:10px;}
.case_details2 .right_info .customer_intro dl{ margin:10px 0; font-size:16px; line-height:1.7em; float:left; width:50%; color:#888;font-size:14px; text-align:center;}
.case_details2 .right_info .customer_intro dl dd{ color:#333;font-size:16px;}
.case_details2 .right_info .customer_intro dl dd a{ color:#008cf2;}
.fenxiang{ padding:10px 0;}
.text_c{ text-align:center;}
.company_video{ text-align:center; padding:30px 0; max-width:100%; overflow:hidden;}
.company_video iframe{ width:400px; height:240px;}
.customer_results{ margin-bottom:30px; padding:0; padding-right:0px;}
.customer_results dl{ padding-left:20px; border-left:2px solid #008cf2; margin:30px 0;}
.customer_results dl dt{ font-size:24px; margin:10px 0; color:#333;}
.customer_results dl dd{ font-size:14px; color:#888;margin:10px 0; line-height:1.7em;}

.customer_results_pic { position: relative; top:30px; width:100%;}
.customer_results_pic img{ margin-bottom:10px; width:100%;}

}