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


*{font-family:/* FZLanTingKanHei-R-GBK, 方正兰亭刊黑,*/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;font-weight:200;}
*: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 10px;}
.content:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}

.top{ height:64px;position:fixed; left:0; top:0; width:100%;  z-index:10; background:rgba(0,0,0,0.2)}
.top .logo{ display:block; float:left; margin-top:16px; font-size:28px; color:#fff; }
.top .logo .icon-xingyuan{ font-size:36px; 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:64px; 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:14px;font-size:16px;}
.top_right .twobtn a{ display:inline-block; line-height:38px; width:120px; border-radius:4px; background:#1eb863; text-align:center; color:#fff; margin-right:8px;transition:0.5s; cursor:pointer;}
.top_right .twobtn a+a{ background:#f39419;}
.top_right .twobtn a:hover{ background:#179550;}
.top_right .twobtn a+a:hover{background:#d78112;}

.top_right .navbtn{ display:block; padding:23px 20px; height:65px;  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:64px; 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:16px; font-size:28px; color:#666;}
.top2 .logo .icon-xingyuan{ font-size:36px; color:#008cf2;  line-height:36px; float:left; margin-right:3px; }
.top2 .logo .icon-xingyuanX{font-size:120px;  line-height:44px;float:left;}

.top2 .logo img{height:26px;}
.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;}

.top .logo span,
.top2 .logo span{ float:left; font-size:28px; display:block;  line-height:34px; letter-spacing:2px; font-weight:normal; font-family:FZLanTingHei-R-GBK;}



.nav_box{ position: fixed; top:64px; 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.9);border:1px solid #eee;box-sizing:border-box; height:0px; overflow:hidden;}

.nav_box.show .content{ animation:mynav 0.5s; height:280px;}

.top2 .top_right .navbtn.show span:before,
.top2 .top_right .navbtn:hover span:before,
.top2 .top_right .navbtn.show span,
.top2 .top_right .navbtn:hover span{ border-color:#fff;}


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

.nav_box .return_home{  margin:0 30px; padding:10px 0;}
.nav_box .return_home a{ line-height:30px; font-size:18px; color:#008cf2;}
.nav_box .nav{ margin-left:30px;}
.nav_box .nav:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.nav_box .nav dl{ float:left; width:20%; padding-right:30px; box-sizing:border-box;}
.nav_box .nav dl dt{ font-size:18px; line-height:35px; padding:10px 0;border-top:1px solid #ddd;}
.nav_box .nav dl:hover dt{border-top:2px solid #008cf2; padding-top:9px;transition: 1s; color:#008cf2;}
.nav_box .nav dl dd a{ font-size:14px; line-height:28px; color:#666; display:inline-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:700px; position: relative; overflow: hidden;}
/* main_image */
.main_image { height: 700px;overflow: hidden; position: relative;}
.main_image ul {width: 100%;height:700px;overflow: hidden;position: absolute;top: 0;left: 0; }
.main_image li {float: left;width: 100%;height: 700px;}
.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/banner04.jpg") center center no-repeat; background-size:cover;}

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


.banner_info{ position:absolute; top:210px; z-index:1; color:#fff; padding-left: 0px;}
.banner_info h1{ font-size:52px; line-height:2em;font-weight: normal; letter-spacing:2px;}
.banner_info p{  line-height:30px;font-weight:200; font-size:18px;}
.banner_info p b{ color:#fee8ac;}
.banner_info .inputbox{ margin-top:20px; height:48px;}
.banner_info .inputbox input{ width:220px; border:1px solid #fff; padding:0 15px; height:46px;float:left; display:block; font-size:18px;border-radius:4px;}
.banner_info .inputbox a{ display: block; display:block; line-height:48px; float:left; color:#fff; padding:0 30px;  margin-right:10px;border-radius:4px; background:#1eb863; margin-left:8px;}
.banner_info .inputbox a+a{border-radius:4px;background:#008cf2; }
.banner_info .inputbox a:hover{ background:#179550;}
.banner_info .inputbox a+a:hover{background:#027bd3;}
.banner_info  span.free{ float:left; line-height:48px; font-size:16px; padding-left:3px;}
.banner_info  span.free b{  color:#fee8ac;}


.index_welcome { padding:40px 0; background:#f7f7f7; border-bottom:1px solid #eee;}
.index_welcome h2{ font-size:34px; 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:18px; text-align:center; font-weight:normal; color:#008cf2;}
.index_welcome h3 span{ display:block; text-align:center;}
.index_welcome 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;}
.index_welcome .piter img{ width:770px; display:inline-block;}

.index_function h2,
.index_scene h2,
.index_customer h2,
.index_price h2,
.index_private h2,
.index_moblie h2{ font-size:32px; line-height:1.7em; margin:15px 0;  text-align:center; font-weight:normal; color:#333; padding:0 20px;}
.index_welcome h3,
.index_function h3,
.index_scene h3,
.index_customer h3,
.index_price h3,
.index_private h3,
.index_moblie h3{ font-size:16px !important;line-height:1.7em; font-weight:200; color:#888; text-align:center; }
.index_customer .content h3,
.index_customer .content h2{ color:#fff;}

.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:40px 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:33.333333%; height:220px; float:left; text-align:center; box-sizing:border-box; padding: 20px; display:block; cursor:default;}
.index_function .content a span{ display:block;}
.index_function .content a .tit{ font-size:20px; line-height:50px; color:#333; font-weight: normal;}
.index_function .content a .text{ font-size:15px; color:#666; line-height:26px;transition:0.5s; }
.index_function .content a i{transition:0.5s; display:inline-block; border-radius:50px; width:90px; height:90px; line-height:90px; color:#008cf2; font-size:48px;}
/*.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:40px 0;border-bottom:1px solid #eee;}
.index_scene ul { margin-top:30px;}
.index_scene ul li{ float:left; padding:15px; box-sizing:border-box; width:33.333333%;}
.index_scene ul li a{ display:block; height:200px; position:relative; overflow:hidden;}
.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 ul li a img{ width:100%;}


.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:40px 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:50%; box-sizing:border-box; position:relative; padding-left:200px; padding-right:10px; color:#fff; font-size:14px; cursor:default; border:1px solid rgba(255,255,255,0.3); min-height:200px; margin:0%;}
.index_customer_list a+a{ border-left:1px solid rgba(255,255,255,0.5); border-left:0;}
.index_customer_list a:hover{background:rgba(255,255,255,0.1);}

.index_customer_list a span{ display:block; margin:10px 0;}
.index_customer_list a .customer_logo{ position:absolute; left:10px; top:0; text-align:center;  width:180px; height:180px; background:#fff; padding:0px; overflow:hidden;}
.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:40px 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:15px;}
.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_price{ min-height:300px;padding:40px 0; background:#f7f7f7; border-bottom:1px solid #eee;}
.index_price_list{ margin:10px 0; margin-top:30px;}
.index_price_list table{ width:100%; font-size:15px; border-collapse:collapse;}
.index_price_list table tr th,
.index_price_list table tr td{ border:3px solid #f7f7f7; width:20%; padding:15px 20px; 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:15px;}
.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:18px;  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:40px 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:40px 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:120px; text-align:center; font-size:14px; margin:0 20px; 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:20px 0; padding-right:200px;}
.footer .nav:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.footer .nav dl{ float:left; width:20%; box-sizing:border-box;}
.footer .nav dl dt{ font-size:16px; line-height:35px; padding:10px 0; color:#fff;}
.footer .nav dl dd a{ font-size:12px; 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:absolute; right:0px; top:30px;}
.footer_contact .phone{ color:#fff; border:1px solid #888; line-height:40px; padding:0 20px; border-radius:4px;}
.footer_contact .phone .iconfont{ font-size:26px; vertical-align:middle; margin-right:5px;}
.footer_contact .phone span{ color:#fff;}
.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 0; font-size:12px; background:#223344; line-height:30px; }
.footer_contact .weixin_qrcode{ text-align:center; width: ; 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:-210px; 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:15px 0;  border-bottom:1px solid #eee;}
.onlinelist a i{ font-size:18px; color:#008cf2; vertical-align:top; line-height:20px;}
.onlinelist a span{ display: inline-block; color:#666; font-size:14px; margin-top:2px; line-height:20px; vertical-align:top;margin-top:-1px;}
.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}
.onlinelist a.mail span{ font-size:12px; }


.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;}
.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:360px; text-align:left;}
.page_banner h2{ float:left; margin-top:160px; color:#fff; width:100%; font-size:36px; font-weight:normal; line-height:30px;}
.page_banner p{ float:left; margin-top:20px; color:#fff;width:100%; font-size:16px; line-height:30px;}


.breadcrumbs{ color:#ccc; line-height:30px; padding:20px 0; font-size:14px;}
.breadcrumbs a{ color:#aaa; color:#008cf2;}
.breadcrumbs span{ color:#888;}
.page_content{ min-height:400px; 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; height:360px;}
.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:-220px;width:190px; margin-top:20px; text-align:right; color:#008cf2; font-size:18px;}
.update_year a i{ font-style:normal; border-color:transparent transparent transparent #008cf2;  border-width:6px 0 6px 10px; 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:5px;}

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



.update{margin-left:32%; margin-top:30px;}
.update_ul{ display:none;}
.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:190px; text-align:right; position:absolute; left:-220px; top:34px; line-height:25px; font-size:14px; font-family:Arial, Helvetica;color:#888;}
.update_ul li div.text{ margin-left:34px; font-size:14px; padding-top:5px; width:500px;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:14px; line-height:normal;line-height:1.7em;}

.update .update_tit{ font-size:32px; color:#008cf2; padding-left:36px; 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{ border:1px solid #eee; width:180px; overflow:hidden; border-radius:4px; position:absolute; left:0; top:0;}
.page_left_nav dl dt{ font-size:18px;line-height:50px; padding:0 15px; border-bottom:1px solid #eee; margin-bottom:2px;}
.page_left_nav dl dd{ font-size:14px; line-height:40px;}
.page_left_nav dl dd a{ color:#666; display:block; padding:0 15px;}
.page_left_nav dl dd a.hovers{ color:#fff; background:#008cf2;}*/


.page_left_nav{ 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:46px;}
.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;  color:#333; }
.page_left_nav dl dd a{ color:#666; display:block; padding:0 15px; padding:0 40px; margin:0 10px;border-radius:4px; }
.page_left_nav dl dd a.hovers{ background:#008cf2; color:#fff;}



.page_right{ padding-left:0px; min-height:450px;}
.page_right h2{ font-size:30px; line-height:70px;font-weight:normal; text-align:center;   margin-top:20px; margin-bottom:20px;}
.page_right p{ font-size:16px; line-height:2em; color:#666; margin:10px 0;}
.page_right p strong{ font-weight:normal;}
.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:220px; overflow:hidden; border-radius:4px; position:absolute; 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;}
.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:250px; 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_classify{ margin:10px 0;}
.case_classify a{ display:inline-block; text-align:center; width:120px; border:1px solid #ddd; line-height:40px; font-size:16px; color:#333; border-radius:4px; margin-left:10px; float:left; margin-bottom:15px;}
.case_classify a.selected{ 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:25%; box-sizing:border-box; padding:15px;}
.case_list li a{text-align:center;display:block; text-align:center;}
.case_list li a img{ max-width:100%; border:1px solid #eee; box-sizing:border-box; padding:10px;}
.case_list li a span{ color:#333; font-size:16px; display:block; line-height:20px; margin:10px 0;}

.case_list li a:hover img{ border-color:#008cf2;}
.case_list li a:hover span{ color:#008cf2}
*/

.case_classify{ padding:10px 0; border-bottom:1px solid #eee;}
.case_classify:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.case_classify a{ display:inline-block; text-align:center; width:120px; line-height:40px; font-size:16px; color:#333; border-radius:4px; margin-right:10px; float:left; margin-bottom:15px;}
.case_classify a.selected{ color:#fff; background:#008cf2;}

.case_list{ padding-bottom:30px; padding-top:10px;}
.case_list:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.case_list li{ float:left; width:33.333%; box-sizing:border-box;}
.case_list li a{text-align:center;display:block; text-align:center; background:#fff;border:1px solid #eee; margin-right:-1px;margin-top:-1px; padding:15px;}
.case_list li a img{width:100%;  box-sizing:border-box; padding:10px;}
.case_list li a span{ color:#333; font-size:16px; display:block; line-height:20px; margin:10px 0;}

.case_list li a:hover{ box-shadow:0 0 10px #ccc; position:relative; z-index:1;}
.case_list li a:hover span{ color:#008cf2}

.case_list_wrap{ background:#f7f7f7; margin-bottom:-30px;}








.case_details{ margin:10px 0; min-height:500px; padding-right:400px; position:relative;}
.case_details .company_info{ border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.case_details .company_info h1{ font-size:36px; line-height:2em;margin:10px 0; font-weight:normal;}
.case_details .company_info h2{ font-size:24px; line-height:2em;margin:10px 0;  font-weight:normal;}
.case_details .company_info p{margin:10px 0; font-size:14px;line-height:1.7em; color:#666; text-indent:2em;text-align:justify }
.case_details .customer_msg{ padding:10px 0; margin-bottom:30px;}
.case_details .customer_msg span{ display:block; margin:10px 0;}
.case_details .customer_msg .customer_talk{ font-size:16px;line-height:1.7em; background:#eee; color:#000; border-radius:4px; padding:10px;  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:14px;}
.case_details .customer_msg .customer_position{ font-size:14px;}
.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:260px; min-height:300px; position:absolute; 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:100%;}
.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 0; min-height:500px; padding-right:380px; position:relative;}
.signing_details .company_info{ border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px;}
.signing_details .company_info h1{ font-size:36px; line-height:1.5em;margin:15px 0; font-weight:normal;}
.signing_details .company_info .date{ font-size:12px; font-weight:normal; border-bottom:1px solid #eee; line-height:40px; color:#aaa;}
.signing_details .company_info h2{ font-size:24px; line-height:2em;margin:10px 0;  font-weight:normal;}
.signing_details .company_info p{margin:10px 0; font-size:14px;line-height:1.7em; color:#666; text-indent:2em;text-align:justify }
.signing_details .customer_msg{ padding:10px 0; margin-bottom:30px;}
.signing_details .customer_msg span{ display:block; margin:10px 0;}
.signing_details .customer_msg .customer_talk{ font-size:16px;line-height:1.7em; background:#eee; color:#000; border-radius:4px; padding:10px;  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:14px;}
.signing_details .customer_msg .customer_position{ font-size:14px;}
.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:260px; min-height:300px; position:absolute; 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:100%;}
.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; }
.news_list li a{ display:block; color:#333;padding:20px;    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:200px; max-height:120px; overflow:hidden;}
.news_list li a img{ width:100%; display:block;}
.news_list li a .text{margin-left:220px;}
.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 20%; 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:18px; 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:46px;}
.page_tab a{ width:auto; margin:0 ; padding:0 40px; margin:0 10px; float:none; 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;}


.news-home-list{ padding:10px 0;  padding-bottom:30px; display:none;}
.news-home-list:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.news-home-list ul li{ float:left; width:33.33333%; padding:10px;box-sizing:border-box;}
.news-home-list ul li a{display:block; background:#fff; border:1px solid transparence; padding-bottom:1px;}
.news-home-list ul li a img{ width:100%;}
.news-home-list ul li a h3{ font-size:16px; color:#666; margin:15px; font-weight:normal;}
.news-home-list ul li a .date{ font-size:12px; color:#888;margin:15px;}
.news-home-list ul li a:hover{ box-shadow:0 0 10px #ccc; border:1px solid eee;}

.content_article{ padding:10px 20px; 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:20px; 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:32px; font-weight:bold;}
.content_article img{ max-width:100%;}

.content_article .bb1{ font-size:20px; color:#008cf2; font-weight:normal; line-height:40px;}
.content_article .article_tit{ font-size:32px; line-height:30px; 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:14px;line-height:20px;text-align:center;display:inline-block;margin-top:20px;}
.paging>li{float: left;padding: 5px 10px;cursor: pointer;border-radius:4px;}
.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:520px;}
.solution_crm_banner{ background:url(../images/solution_crm_banner.jpg) center no-repeat; background-size:cover; height:520px;}
.solution_tc_banner{ background:url(../images/solution_tc_banner.jpg) center no-repeat; background-size:cover; height:520px;}
.solution_integration_banner{ background:url(../images/solution_integration_banner.jpg) center no-repeat; background-size:cover; height:520px;}

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

.solution_banner_content .iconfont{ font-size:42px;color:#fff; display:inline-block; width:80px; height:80px; line-height:82px; border-radius:50%; background:#008cf2;}
.solution_banner_content h1{ color:#fff; font-size:42px; line-height:2em; font-weight:normal;}
.solution_banner_content p{ color:#fff; font-size:20px; width:auto; margin:15px 0; padding:0 200px; line-height:1.7em;}
.solution_banner_content .download{ margin-top:35px;}
.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:40px; overflow:hidden; }
.greybg{ background:#f7f7f7;}
.solution_content h2{ font-size:36px; line-height:1.7em; margin:15px 0;  text-align:center; font-weight:normal; color:#333; padding:0 20px;}
.solution_content p{ font-size:20px;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:300px;}
.solution_content .pic .solution_content_bg{ display:block; width:962px; margin:0 auto;}
.solution_content .pic .screenshots{ position:absolute; width:940px; top:36px; left:50%; margin-left:-470px;}
.solution_content .pic .screenshots img{display:block; width:940px; height:400px !important; margin:0 auto;}

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

.solution_content .pic .iphone7{ display: inline-block; width:280px; margin-bottom:20px; margin-left:-300px;}
.solution_content .pic .mobile_screenshots{ position:absolute; width:202px; height:359px; overflow:hidden; top:68px; left:50%; margin-left:-250px;}
.solution_content .pic .mobile_screenshots img{ width:202px; float:left;}
.solution_content .pic .mobile_screenshots .mobile_wrap{width: 606px; text-align:left;}
.solution_content .pic .mobile_btn{ position:absolute;width:100px; top:30px; left:50%; margin-left:120px;}
.solution_content .pic .mobile_btn a{ color:#666; font-size:18px; display:block; text-align:center; margin-bottom:30px;}
.solution_content .pic .mobile_btn a i{ width:80px; height:80px; line-height:80px; background:#eee; border-radius:50%; display:inline-block; font-size:36px;}
.solution_content .pic .mobile_btn a span{ display:block; line-height:40px;}

.solution_content .pic .mobile_btn a.hovers,
.solution_content .pic .mobile_btn a:hover{ color:#008cf2;}
.solution_content .pic .mobile_btn a.hovers i,
.solution_content .pic .mobile_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:172px; 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:60px;}
.integration1 img{ width:700px;}

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

.integration3{ min-height:440px; position:relative;}
.integration3_pic{ position:absolute; left:50%;  top:30px; margin-left:-450px;}
.integration3_pic img{ width:420px; display:none;}
.integration3_pic img.hovers{ display:block;}
.integration3_list{ position:absolute; left:50%; top:30px; margin-left:0px; width:480px; }
.integration3_list a{ margin-bottom:20px; display:block;}
.integration3_list a h3{font-size:24px; 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:14px;}
.integration3_list a.hovers h3,
.integration3_list a.hovers p{ color:#008cf2}

.integration4 { padding-bottom:40px;}
.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:1000px; margin:0 auto;}
.container{ padding:40px 0;min-height:560px; }
.container h2{ text-align:center; font-size:36px; font-weight:normal; line-height:80px;}
.container p{ text-align:center; font-size:20px; line-height:1.7em; padding: 0 60px; color:#666;}
.container p strong{ font-weight:normal; font-size:28px; 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 260px no-repeat;}

.content_03{background:url(../images/page_03.png) center 220px no-repeat #fff; 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 220px no-repeat #f7f7f7; position:relative;}
.content_04 .container{ color:#333;}
.content_05{background:url(../images/page_05.png) center 220px no-repeat #fff; position:relative;}
.content_05 .container{color:#333;}


.content_06{ background:url(../images/page6_bg.jpg) center no-repeat; min-height:690px;}
.content_06 .container{color:#fff; background:url(../images/page_06.png) center 340px no-repeat;}
.content_06 .top_icon{ text-align:center; margin-top:20px;}
.content_06 span{ display:inline-block; padding-top:70px; line-height:30px; font-size:36px; margin:0 55px;}
.content_06 span.ico_01{ background:url(../images/page06_ico01.png) center 0 no-repeat;}
.content_06 span.ico_02{ background:url(../images/page06_ico02.png) center 0 no-repeat;}
.content_06 span.ico_03{ background:url(../images/page06_ico03.png) center 0 no-repeat;}
.content_06 .text_01{ margin:30px 0; line-height:30px; font-size:30px; color:#333;}
.content_06 .text_02{ line-height:30px;}

.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;}


.invoice{ position:fixed; bottom:10px; left:10px; width:120px; text-align:center; background:#fff; border:4px solid #DDD; padding:10px 0; border-radius:4px; overflow:hidden;}
.invoice img{ width:100px;}
.invoice span{ display:block; text-align:center; font-size:13px; line-height:20px;}



.content_article_qrcode{ border:1px solid #eee; background:#f7f7f7; padding:10px;}
.content_article_qrcode:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.content_article_qrcode img{ display: block; border:1px solid #eee;}
.content_article_qrcode .qrcode_text{float:left; margin-left:20px; padding-top:30px; color:#666; font-size:14px;}
.content_article_qrcode .qrcode_text h5{ font-size:20px; color:#008cf2;}

.content_article_qrcode .qrcode_pic{ float:left; text-align:center;}
.content_article_qrcode .qrcode_text span{ display:block; font-size:14px;  line-height:30px;}


.popover{ background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000; }
.popover-content{ background:#008cf2; width:560px; height:280px; border-radius:4px; margin:0 auto; text-align:left; position:relative; top:50%; margin-top:-150px; color:#fff; padding:28px; box-sizing:border-box; overflow:hidden; padding-left:210px;}
.popover-content h2{ font-size:15px; word-spacing:2px; line-height:30px; margin-top:8px;letter-spacing:1px;}
.popover-content h3{ font-size:24px; font-weight:bold; letter-spacing:1px;line-height:34px; margin-top:5px;}
.popover-content h3 strong{ font-weight:bold; color:#fee8ac;}
.popover-content .btn{ text-align:center;}
.popover-content .btn a{ background:#fff; line-height:39px; width:120px; 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; text-align:center; font-size:16px;}
.popover-content .btn a+a{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1; }
.popover-content .btn a:hover{ filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; }
.popover-content .closebtn{ position:absolute; right:10px; top:10px; color:#fff; font-size:24px; font-weight:300; line-height:30px; width:30px; text-align:center;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5; }
.popover-content .closebtn:hover{ filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; }

.friendly-link{ padding-bottom:20px; font-size:12px; position:relative; line-height:20px;}
.friendly-link:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.friendly-link span{ color:#fff; float:left; position:absolute; left:0; top:0;}
.friendly-link .links{ padding-left:60px;}
.friendly-link .links a{color:rgba(255,255,255,0.5); display:inline-block; margin-left:10px;}

.popover-content img{ position:absolute; left:-50px; top:20px; width:260px;}



.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:36px; 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:2px 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:20px;  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:2px 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:40%; float:left;}
.case_details2 .right_info .customer_logo img{ width:50%; border:5px solid #eee; margin-top:10px;}
.case_details2 .right_info .customer_intro{ width:60%; float:left; box-sizing:border-box; padding-right:200px;}
.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;}
.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;}
.company_video iframe{ width:800px; height:480px;}

.customer_results{ margin-bottom:30px; padding:10px 0; padding-right:400px; position:relative;}
.customer_results dl{ padding-left:50px; border-left:2px solid #008cf2;  margin-bottom:40px;}
.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:absolute; right:0; top:30px; width:360px;}
.customer_results_pic img{ margin-bottom:10px; width:100%;}


.blog-img img {
    width: 160px;
    border-radius:5px;
}
.index_scene_list img {
    border-radius:5px;
}
.blog-wrapper{
    width: 180px;
    float: left;
}