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



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


.moblie_nav_icon{display:block; position: fixed; z-index:101; top:0px; right:0px; width:50px; box-sizing:border-box; height:50px;}
.moblie_nav_icon.selected{ background:#389eec;}

.moblie_nav_icon span{ display:block; border-top:0;border-bottom:0; height:1px; background:#888; width:20px; overflow:hidden;position:absolute; top:18px; left:15px;}
.moblie_nav_icon:before{ content:""; display:block; overflow:hidden;  height:1px; background:#888;width:20px;position:absolute; top:26px; left:15px;}
.moblie_nav_icon:after{ content:""; display:block; overflow:hidden;  height:1px; background:#888;width:20px;position:absolute; top:34px; left:15px;}
.moblie_nav_icon.selected>span,
.moblie_nav_icon.selected:after,
.moblie_nav_icon.selected:before{background:#fff;}



.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:#888;width:22px; transform:rotate(-225deg); position:absolute; top:10px; left:0px; }
.moblie_nav_icon.show:after{ content:""; display:block; overflow:hidden;  height:1px; background:#888;width:23px; transform:rotate(225deg); position:absolute; top:10px; left:0px; }

/*头部*/

.content{ width:100%; margin:0 auto; position:relative; padding:0 10px; box-sizing: border-box;}
.content:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0; line-height:0; }
.wrap{ padding-top:51px;}
.top{ height:50px;position:fixed; left:0; top:0; width:100%;  z-index:100; border-bottom:1px solid #ddd; background:#fff;}
.top2{}
.top .logo{ display:block;color:#389eec; position:absolute; left:8px; top:6px; line-height:40px;}
.top .logo i{ font-size:32px;}
.top .telephone{ display:none;}

.top .nav{ margin:0 auto; width:100%; padding-top:0; position:absolute; background:#fff; left:0; top:51px;  box-shadow:0 4px 8px 0 rgba(82,94,102,.15); display:none;}
.top .nav>li{ float:none; line-height:48px; text-align:left; font-size:16px; margin:0 ; border-bottom:1px solid #eee; width:100%;position:relative;}

.top .nav>li+li:after{font-family:"iconfont" !important;font-size:16px;font-style:normal;content:'\e694'; line-height:22px; color:#aaa; z-index:1001; width:20px; height:20px; display:block; position:absolute; top:13px; right:10px;}
.top .nav>li+li+li:after{ display:none;}
.top .nav>li+li+li+li:after{ display: block;}
.top .nav>li a{ color:#333; display:block; position:relative; padding:0 20px;}
.top .nav>li a:hover,
.top .nav>li.cur>a{ color:#389eec;}
.top .nav>li>ul{ position:relative; left:0; top:0; background:#fff;border:none; box-shadow:none; width:100%; box-sizing:border-box; padding:10px; display:none;}
.top .nav>li:hover>ul{ display:block;}
.top .nav>li>ul li a{ font-size:14px; line-height:40px; text-align:left; padding:0 40px;}
.top .nav>li>ul li a:hover{ background:#eee; color:#389eec;}

.top .nav>li.cur>a:after{border-bottom:1px solid #389eec; content:""; width:100%; height:0; overflow:hidden; position:absolute; bottom:0; left:0; display:none;}
.top .nav>li>a:hover:after{border-bottom: none; content:""; width:100%; height:0; overflow:hidden; position:absolute; bottom:0; left:0; animation:mynav 0.5s;display:none;}

.top .top-btn{ position:absolute; right:0; top:12px; line-height:36px; display:none;}
.top .top-btn a{ color:#fff;  display:block; text-align:center; width:100px;background:#389eec;background:linear-gradient(-45deg,#38d0ec,#389eec); font-size:14px;}


@keyframes mynav
{
from {width:0; left:50%; }
to { width:100%; left:0;}
}


.index-hero{ padding:30px 0; text-align:center; height:auto;}
.index-hero h1{ font-size:36px; line-height:60px; margin-top:10px; font-weight:200;}
.index-hero p{ line-height:2em; margin:10px 0; color:#888; font-size:16px;}
.index-hero .btn{ text-align:center; margin-top:26px;}
.index-hero .btn a{ display:inline-block; margin:0 10px;  line-height:40px; width:124px; color:#fff; font-size:16px; background:#389eec;background:linear-gradient(-45deg,#38d0ec,#389eec); box-shadow:0 0 10px #e7e7e7;}
.index-hero .btn a+a{ color:#389eec; background:none; border:1px solid #389eec; line-height:38px; width:130px;}
.index-hero .btn a:hover{box-shadow:0 0 10px #aaa;}
.index-hero .picture{ position:relative; width:0px;  height:0px; margin:0 auto;margin-top:60px;height:260px;}
.index-hero .max-pic{ border:1px solid #eee; box-shadow:0 0 10px #e7e7e7;  margin:0 auto; width:320px; box-sizing:border-box;  background:#fff; padding:10px; position:absolute; left:-160px; top:0;animation:myone 1s;}
.index-hero .max-pic img{ width:100%;  height:100%; display:block;}
.index-hero .min-pic{ display:none;}

@keyframes myone
{
from {top:300px; width:280px;left:-140px;opacity: 0.5;   }
to {top:0px; width:320px;left:-160px;opacity:1;}
}

.index-section{padding:40px 0;}
.index-section h2{  text-align:center; font-size:30px; line-height:2em; margin:20px 0; margin-top:30px;}

.index-section .section1-list{ margin:40px 0;}
.index-section .section1-list:after{ content:''; font-size:0; line-height:0; display:block; clear:both; overflow:hidden; height:0;}
.index-section .section1-list li{ width:30%; float:left;}
.index-section .section1-list li+li{ margin-left:5%;}
.index-section .section1-list li a{ display:block;border:1px solid #eee; box-shadow:0 0 10px #e7e7e7; padding:10px; }
.index-section .section1-list li a:hover{box-shadow:0 0 10px #aaa;}
.index-section .section1-list li a div{ background:#389eec;background:linear-gradient(-45deg,#38d0ec,#389eec); text-align:center; color:#fff; padding:20px;}
.index-section .section1-list li a div img{ width:110px;}
.index-section .section1-list li a div h3{ line-height:20px; margin-top:10px; font-size:24px;}
.index-section .section1-list li a p{ color:#888; font-size:14px; margin:15px 5px 10px 5px;  line-height:20px;}
.index-section .more{ text-align:center;}
.index-section .more a{  color:#389eec; font-size:16px; line-height:2em; margin:20px 0;}

.index-section .section2-list{ padding:10px 0;}
.index-section .section2-list li{border:1px solid #eee; box-shadow:0 0 10px #e7e7e7; margin:20px 0; padding:10px;}
.index-section .section2-list a{ display:block; position:relative;}
.index-section .section2-list a:after{ content:''; font-size:0; line-height:0; display:block; clear:both; overflow:hidden; height:0;}
.index-section .section2-list .logo{ box-sizing:border-box; text-align:center; width:240px; height:86px; position:absolute; left:00px; top:-10px; display:block;}
.index-section .section2-list .logo img{ height:100%;}
.index-section .section2-list .text{ padding:5px 20px; padding-left:30px; border-left:1px solid #ddd; display:block; margin-left:250px; line-height:30px; color:#333;}
.index-section .section2-list .text b{ color:#389eec;}

.index-section .section3-left{ text-align:left; position:absolute; left:0; top:0;}
.index-section .section3-left h2{ text-align:left;}
.index-section .section3-left p{ color:#888; font-size:16px;}
.index-section .section3-left .more{ text-align:left; margin:20px 0; line-height:20px;}

.index-section .section3-right{ padding-left:500px;}
.index-section .section3-right li{ margin:20px 0;border:1px solid #eee; box-shadow:0 0 10px #e7e7e7; min-height:100px; padding:10px 20px; }
.index-section .section3-right li .info{ font-size:12px; line-height:30px;}
.index-section .section3-right li .info span{ }
.index-section .section3-right li .info .name{ display:inline-block; min-width:120px; color:#389eec;}
.index-section .section3-right li .info .star{ color:#ffa300;}
.index-section .section3-right li .info .score{ color:#fff6502; margin-right:30px;}
.index-section .section3-right li .info .time{ color:#aaa;}
.index-section .section3-right li .text{ font-size:16px; line-height:2em; margin-top:10px;}

.index-section .section-text{ color:#888; text-align:center; line-height:2em;}
.index-section.section-price{ background:#fafafa ;}

.section-price-list{padding:40px 10px; margin-top:20px;}
.section-price-list:after{ content:''; font-size:0; line-height:0; display:block; clear:both; overflow:hidden; height:0; }
.section-price-list li{ float:none;border:1px solid #eee; box-shadow:0 0 10px #e7e7e7; width:100%; min-height:600px; background:#fff; box-sizing:border-box;  overflow:hidden; margin-bottom:10px;}
.section-price-list li+li{ margin-left:0;}
.section-price-list li .price-top{ border-bottom:1px solid #eee; text-align:center;  padding:20px;}
.section-price-list li+li .price-top{background:#389eec;background:linear-gradient(-45deg,#38d0ec,#389eec); color:#fff;}
.section-price-list li .price-top h3{ font-size:20px; line-height:32px;}
.section-price-list li .price-top p{ font-size:14px; color:#888;line-height:20px;}
.section-price-list li+li .price-top p{ color:#fff;}
.section-price-list li .price-mid{ text-align:center; padding:20px; }
.section-price-list li .price-mid .num{ font-size:18px;line-height:68px; color:#888;}
.section-price-list li .price-mid .num b{ font-size:42px; vertical-align:top; font-weight:lighter; font-family:FZLanTingHeiS-Ul-GB;color:#333;}
.section-price-list li .price-mid .btn{ margin:10px 0 0 0;}
.section-price-list li .price-mid .btn a{ display:inline-block; margin:0 18px;  line-height:38px; width:132px; color:#389eec; font-size:16px; border:1px solid #389eec; box-shadow:0 0 10px #e7e7e7;}
.section-price-list li+li .price-mid .btn a{ color:#fff;background:#389eec;background:linear-gradient(-45deg,#38d0ec,#389eec);line-height:40px; border:0;}
.section-price-list li .price-mid .btn a:hover{box-shadow:0 0 10px #aaa;}
.section-price-list li .price-info{ padding:0 20px}
.section-price-list li .price-info dl{ font-size:14px; margin:10px 0; line-height:1.9em;}
.section-price-list li .price-info dl dt{ color:#aaa;}

.index-section .section-input{ margin:50px auto; width:100%; position:relative;}
.index-section .section-input:after{ content:''; font-size:0; line-height:0; display:block; clear:both; overflow:hidden; height:0; }
.index-section .section-input input{ width:100%; padding:0 20px; box-sizing:border-box; border:1px solid #ddd; line-height:40px; height:40px;  float:left; font-size:16px;}
.index-section .section-input input::-webkit-input-placeholder{ color:#ccc;}
.index-section .section-input a{ color:#fff; background:#389eec;background:linear-gradient(-45deg,#38d0ec,#389eec);line-height:40px; width:120px; text-align:center; display:block; float:none; position:absolute; right:0px;}


/*底部*/
.footer{  margin-top:20px;}
.footer .nav{ padding:40px 10px; margin-bottom:20px;}
.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 dd a{ font-size:14px; line-height:22px;border-bottom:1px solid transparent; color:#888;  display:inline-block;}
.footer .nav dl dd a:hover{ color:#389eec;}
.footer .nav dl dd.other{}
.footer .nav dl dd.other p{ font-size:12px; color:#888;}
.footer .nav dl dd.other p b{ font-size:14px; color:#333;}
.footer .nav dl dd.other p img{ display:block; width:60px; margin-top:20px;}

.footer .nav dl{ float:none; width:100%; box-sizing:border-box; position:relative; border-bottom:1px solid #eee; margin-bottom:5px; z-index:1;}
.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: "\e694"; position:absolute; right:0; top:10px; line-height:22px; color:#ccc;}

.footer .nav dl dt{ font-size:16px; line-height:22px; padding:10px 0;}
.footer .nav dl dd{ float:none; width:100%; padding:10px; line-height:20px; padding-left:22px; box-sizing:border-box; display:none;}

.footer_bottom{ color:#888; font-size:12px;line-height:30px; }
.footer_bottom .content{ border-top:1px solid #eee; padding:20px;position:relative;}
.footer_bottom p span a{opacity:0.1;}
.footer_bottom p span a:hover{opacity:0.5;}

.footer_bottom .sgs{ text-align:center;}
.footer_bottom_right{ position:absolute; top:20px; right:0;}
.footer_bottom_right a{ color:#888;}



.
/*app*/
.apps-list{ margin:40px 0;}
.apps-list:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.apps-list li{ width:100%; float:left; text-align:center; height:auto; padding:10px 0;}
.apps-list li:hover{ background:#fafafa;}
.apps-list li+li{ width:100%; box-sizing:border-box; border-left:1px solid #eee;}
.apps-list li h2{ font-size:24px;line-height:2em;}
.apps-list li .qr-code{  margin:20px 0;}
.apps-list li .qr-code img{ display: inline-block; width:120px;}
.apps-list li .qr-code span{ display:block;}
.apps-list li i{ font-size:90x; display:inline-block; line-height:1.5em;}
.apps-list li i.icon-anzhuo{ color:#98c13a;}
.apps-list li i.icon-ai-ios{ color:#aaa;}
.apps-list li i.icon-weixin1{ color:#44B549;}

.industry_content .content{ min-height:200px; margin-bottom:30px; border-bottom:1px dashed #ddd; padding-bottom:30px;}
.industry_content h1,
.industry_content h2{ font-size:24px; text-align:center; line-height:1.6em; margin:10px 0;}
.industry_content p{ font-size:14px; line-height:1.7em; margin:15px 0; color:#888; text-indent:2em;}

.pain_point{ width:100%; margin:10px auto; padding-top:240px; background:url(../images/touteng.png) center 0px no-repeat; background-size:auto 230px;}
.pain_point:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0; line-height:0;}
.pain_point dl{ margin:0 auto; margin-bottom:10px; padding-left:40px; padding-right:0; position:relative; float:none; width:100%; box-sizing:border-box;}
.pain_point dl dt{ font-size:18px; line-height:2em;}
.pain_point dl dd{ font-size:14px; line-height:1.7em; color:#888;}
.pain_point dl:before{ content:"1"; position:absolute; top:5px; left:0px; background:#008cf2; font-size:18px; width:30px; line-height:30px; text-align:center; border-radius:50%; color:#fff; font-style:italic; display:block;}
.pain_point dl:nth-child(2):before{content:"2"; }
.pain_point dl:nth-child(3):before{content:"3"; }
.pain_point dl:nth-child(4):before{content:"4"; }
.pain_point dl:nth-of-type(even){ padding-left:40px; padding-right: 0px; }
.pain_point dl:nth-child(2n+0):before{left:0;}

.advertising_list{ position:relative; margin:30px 0 0 0;}
.advertising_list .middle_img{ padding:40px; width:200px; height:200px; text-align:center; margin:0 auto; border:2px solid #ddd; border-radius:50%; display:none;}
.advertising_list .middle_img div{width:200px; height:200px; line-height:200px; border-radius:50%;background:#008cf2;color:#fff; display:block; font-size:32px;}
.advertising_list .middle_img div i{ font-size:40px; vertical-align:top;}
.advertising_list .middle_img div span{ vertical-align:top;}

.advertising_list ul{ position:relative; left:0; top:-20px;}
.advertising_list ul li{ position:relative;width:100%; box-sizing:border-box; float:none;}
.advertising_list ul li h3{font-size:18px; line-height:40px;}
.advertising_list ul li p{ text-indent:0; font-size:14px; line-height:24px; height: auto; color:#888; margin-bottom:10px;}
.advertising_list ul li i{background:#008cf2; width:40px; line-height:40px; text-align:center; border-radius:50%; color:#fff; display:block; position:absolute; top:10px; font-size:20px;  border:0;}
.advertising_list ul li:nth-of-type(odd){ padding-left:50px; padding-right:0; text-align:left;}
.advertising_list ul li:nth-of-type(even){ padding-left:50px;}

.advertising_list ul li:nth-child(1) i{ top:10px; left:0; background:#6a79b7;}
.advertising_list ul li:nth-child(2) i{ top:10px; left:0; background:#cc9f25;}
.advertising_list ul li:nth-child(3) {padding-right:0;}
.advertising_list ul li:nth-child(3) i{ top:10px;left:0; background:#15968c;}
.advertising_list ul li:nth-child(4) {padding-left:50px;}
.advertising_list ul li:nth-child(4) i{ top:10px; left:0; background:#cb0814;}
.advertising_list ul li:nth-child(5) i{ top:10px; left:0; background:#6c865c;}
.advertising_list ul li:nth-child(6) i{ top:10px; left:0; background:#df4d66;}

.industry_content_text{ text-align:center; font-size:16px; color:#888;}

.foryou_list{margin-top:30px;}
.foryou_list:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0; line-height:0;}
.foryou_list dl{ margin:0 auto; margin-bottom:30px; padding-left:50px; padding-right:20px; position:relative; float:none; width:100%; box-sizing:border-box; }
.foryou_list dl dt{ font-size:18px; line-height:2em;}
.foryou_list dl dd{ font-size:14px; line-height:1.7em; color:#888; height: auto;}
.foryou_list dl dd.foryou_list_ico{ position:absolute; left:0px; top:15px;}
.foryou_list dl dd.foryou_list_ico i{ font-size:36px; color:#008cf2;}


.industry_content_customer{ text-align:center; padding:20px 0;}
.industry_content_customer a{ display:inline-block; width:220px; border:1px solid #ddd; margin:10px; }
.industry_content_customer a img{ display:inline-block; width:100%;}
.industry_content .free_btn { text-align:center; margin:30px; margin-bottom:60px;}
.industry_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}
.industry_content .free_btn :hover{  background:#008cf2; color:#fff;}



.industry_content_customer{ text-align:center; padding:20px 0;}
.industry_content_customer a{ display:inline-block; width:220px; border:1px solid #ddd; margin:10px; }
.industry_content_customer a img{ display:inline-block; width:100%;}
.industry_content .free_btn { text-align:center; margin:30px; margin-bottom:60px;}
.industry_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}
.industry_content .free_btn :hover{  background:#008cf2; color:#fff;}


.breadcrumbs{ color:#ccc; line-height:30px; padding:20px 0; font-size:14px; }
.breadcrumbs a{ color:#aaa; color:#389eec;}
.breadcrumbs span{ color:#888;}

.page_banner{ height:420px;}
.advertising_industry_banner{ background:url(../images/guanggao.jpg) center 0  no-repeat;}
.solution_integration_banner{ background:url(../images/zhengti.jpg) center 0  no-repeat;}
.product_banner h1{ color:#fff;}

.page_banner h1,
.page_banner h2{ text-align:center; padding-top:120px; font-size:36px; line-height:1.5em; margin-bottom:20px;}
.page_banner p{ text-align:center; color:#888; font-size:16px; line-height:1.7em; margin:10px 10px;}
.management_banner h2,
.product_banner p{ color:#fff;}
.signing_banner{ background:url(../images/signing_banner.jpg) center no-repeat; background-size:cover; }
.video_banner{ background:url(../images/video_banner.jpg) center no-repeat; background-size:cover; }
.product_banner{ background:url(../images/banner04.jpg) center no-repeat; background-size:cover; }
.update_banner{ background:url(../images/update_banner.jpg) center no-repeat; background-size:cover;}
.about_banner{background:url(../images/aboutus_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;}






.page_solution{ position:relative;}
.solution_content{ padding-top:40px; overflow:hidden; position:relative; }
.greybg{ background:#f7f7f7;}

.titline {text-align:center;}
.titline  h2,.titline h1{display:inline-block; padding:0 60px; background:#fff;}
.solution_content h2{ font-size:30px; line-height:1.7em; margin:15px 0;  text-align:center; font-weight:300; color:#333; padding:0 30px; position:relative; }
.content.titline:after{ border-bottom:1px solid #eee; position:absolute; width:100%;  height:0; overflow:hidden; content:""; top:40px; z-index:-1; left:0;}
.solution_content p{ font-size:20px;line-height:1.7em; font-weight:300; color:#666; text-align:center; }
.page_solution .content.titline:after{ border-bottom:1px solid #eee; position:absolute; width:100%;  height:0; overflow:hidden; content:""; top:85px; z-index:-1; left:0;}

.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;  text-align:center; font-size:16px; border:1px solid #389eec; color:#389eec}
.solution_content .free_btn :hover{  background:#389eec; color:#fff;}


.integration1{text-align:center; margin-top:40px; margin-bottom:60px;}
.integration1 img{ width:100%;}

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

.integration3{ min-height:auto; position:relative; padding:0 20px;}
.integration3_pic{ position:relative; left:0;  top:30px; margin-left:0;}
.integration3_pic img{ width:100%; display:none; margin-bottom:40px;}
.integration3_pic img.hovers{ display:block;}
.integration3_list{ position:relative; left:0; top:0; margin-left:0px; width:100%; }
.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:300; 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:#389eec}

.integration4 { padding-bottom:40px;}
.integration4 h2{ font-size:24px;}
.integration4 p{}
.integration4 p.text{ margin:40px 0; color:#389eec;}
.integration4 p.text strong{ display:block; font-weight:300; margin:10px 0; color:#666; }

.product_tab{margin-bottom:100px; border-bottom:1px solid #eee; background:#fafafa;}
.product_tab a{ font-size:16px; display:block;  float:left; width:40%; color:#333; line-height:40px; height:40px; position:relative; padding:10px 0;}
.product_tab a+a+a{ width:20%;}
.product_tab a .pic{background:#389eec;background:linear-gradient(-45deg,#38d0ec,#389eec); width:30px; height:30px; display:block; padding:5px; border-radius:50%; position:absolute; left:20px; top:10px; overflow:hidden;}
.product_tab a span{ display:block;}
.product_tab a span.tit{ margin-left:70px;}
.product_tab a .pic img{ width:100%;}
.product_tab a:hover,
.product_tab a.cur{ color:#389eec;}
.product_tab a.cur:after{border-bottom:1px solid #389eec; content:""; width:150px; height:0; overflow:hidden; position:absolute; bottom:0; left:20px;}
.product_tab a:hover:after{border-bottom:1px solid #389eec; content:""; width:150px; height:0; overflow:hidden; position:absolute; bottom:0; left:20px;animation:mytab 0.5s;}
@keyframes mytab
{
from {width:0; left:95px; }
to { width:150px; left:20px;}
}

.product_content{ min-height:400px; padding:20px 0;}
.product_content .product_tit{ text-align:center; padding:20px 0; position: relative;}
.product_content .product_tit h2{ font-size:36px; line-height:2em; display:inline-block; padding:0 30px; background:#fff;}
.product_content .product_tit:after{ border-bottom:1px solid #eee; position:absolute; width:100%;  height:0; overflow:hidden; content:""; top:60px; z-index:-1; left:0;}
.product_banner{ background:url(../images/product.jpg) center 0  no-repeat;}
.product_banner_er{background:url(../images/solution_er_banner.jpg) center no-repeat}
.product_banner_crm{background:url(../images/solution_crm_banner.jpg) center no-repeat}
.product_banner_tc{background:url(../images/solution_tc_banner.jpg) center no-repeat}
.product_content_box .product_text{ font-size:16px; color:#888; text-align:center; margin:10px 0;}

.product-wrap{ padding-top:0;}
.product-wrap .top .nav li a,
.product-wrap .top .logo,
.product-wrap .top .telephone a{ color:#fff;}
.product-wrap .top .nav li ul li a{color:#333;}
.product-wrap .top2 .nav li a,
.product-wrap .top2 .telephone a{ color:#333;}
.product-wrap .top2 .logo,
.product-wrap .top2 .nav>li a:hover,
.product-wrap .top2 .nav>li.cur>a{ color:#389eec;}
.product-wrap .top .nav>li ul li a:hover{ color:#389eec;}
.product-wrap .product_banner h1{ padding-top:150px;}


.page-hero{ padding:30px 0; text-align:center;}
.page-hero h1{ font-size:36px; line-height:80px; margin-top:40px; font-weight:200;}
.page-hero p{ line-height:2em; margin:10px 0; color:#888; font-size:16px;}
.page-hero .btn{ text-align:center; margin-top:26px;}
.page-hero .btn a{ display:inline-block; margin:0 18px;  line-height:40px; width:132px; color:#fff; font-size:16px; background:#389eec;background:linear-gradient(-45deg,#38d0ec,#389eec); box-shadow:0 0 10px #e7e7e7;}
.page-hero .btn a:hover{box-shadow:0 0 10px #aaa;}

/*新闻列表*/
/*.news-list{ margin:60px 10px; text-align:center;}
.news-list li{  margin:0; margin-bottom:10px;width:100%; display:inline-block; vertical-align:top;}
.news-list li a{ padding:20px; display:block; text-align:left; height:auto;overflow:hidden; color:#333; box-shadow: 0 2px 5px 0 #ccc;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;  box-sizing:border-box; position:relative; top:0; }
.news-list li a:hover{box-shadow:0 2px 20px #ccc;top:-5px;}
.news-list li a h3{ margin:10px 0; font-size:18px; line-height:30px; max-height:60px; overflow:hidden;}
.news-list li a p{ font-size:12px; line-height:20px; overflow:hidden;}
.news-list li a .pic{width:100%; height:160px; overflow:hidden;}
.news-list li img{ width:100%;}*/


.news-list{ margin:60px auto; text-align:left;}
.news-list:after{ content: ""; display: block; overflow: hidden; clear: both; height: 0;}
.news-list li{  display:block; vertical-align:top; float: left; width:100%; box-sizing: border-box; padding:0 10px;}
.news-list li a{ padding:20px 0; padding-left: 140px; min-height:120px; display:block;border-bottom: 1px solid #ddd;  text-align:left;overflow:hidden; color:#333; box-sizing:border-box; position:relative;  }

.news-list li a h3{ margin:  0; font-size:18px; line-height:24px; max-height:90px; overflow:hidden;}
.news-list li a p{ font-size:12px; line-height:20px; overflow:hidden;}
.news-list li a .pic{width:120px; height:90px; overflow:hidden; position: absolute; left: 0px; top: 20px;}
.news-list li img{width:100%;}


.news-more a{ display:inline-block; font-size:16px; padding:0 40px;  line-height:40px; color:#389eec; border:1px solid #389eec;}
.news-more { padding:20px 0;}
.news-more a:hover{ background:#389eec;background:linear-gradient(-45deg,#38d0ec,#389eec); color:#fff; border-color:#fff;}

.page_content{padding:20px 0; }
.page_content .content{}
.page_content .content .content_article{ width:auto; margin:0 10px;}
.page_content h1{ font-size:30px; line-height:50px; padding:0; font-weight:400; text-align:center;}
.page_content .text_c{ text-indent:0; text-align:left;}
.page_content .fcenter{ font-size:14px; color:#aaa; text-align:center; margin:20px 0; margin-bottom:40px;}
.page_content .fcenter a{ color:inherit;}
.page_content p{ color:#888; margin:20px 0; text-indent:2em; line-height:1.8em;}
.page_content p img{ max-width:100%;}
.page_content .upanddown div{ margin:10px 0;}
.page_content .upanddown div a{ color:#389eec;}



/*私有云*/
.index_private h2{ font-size:30px; line-height:1.7em; margin:15px 0;  text-align:center; font-weight:300; color:#333; padding:0;}
.index_private h3{ font-size:16px !important;line-height:1.8em; font-weight:300; color:#888; text-align:center; }
.index_private .content{ width:100%; padding:0 20px;}
.index_private .content img{ width:100%;}
.private_text{}
.index_private{min-height:330px;padding:40px 0;}
.index_private .privatecloud{ text-align:center; padding:30px 0;}
.private_clouds_banner{ background:url(../images/private_clouds.jpg) center 0  no-repeat;}
.private_clouds_banner h1{ color:#fff;}
.private_clouds_banner p{ color:#fff;}

/*更新日志*/
.update_year{border-left:2px solid #389eec; 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:#389eec; font-size:18px;}
.update_year a i{ font-style:normal; border-color:transparent transparent transparent #389eec;  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:#389eec transparent transparent transparent;  border-width:10px 6px 0 6px; border-style:solid dashed dashed dashed ;}
.update{margin-left:32%; margin-top:60px;}
.update_ul{ display:none;}
.update_ul li{  display:block; line-height:20px; padding-top:30px;border-left:2px solid #389eec;position:relative; padding-bottom:1px;}
.update_ul li:before{ content:""; width:10px; height:10px; background:#389eec; 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:520px;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:#389eec; font-weight:300;}
.update_ul li .text p{ text-indent:0; font-size:14px; line-height:300;line-height:1.8em; margin:10px 0;}
.update .update_tit{ font-size:36px; color:#389eec;padding:0; padding-left:36px; line-height:40px; position:relative;font-weight:300; text-align:left; }
.update .update_tit:before{ content:""; width:40px; height:40px;background:url(../images/time.png) no-repeat; position:absolute; left:-19px;}

/*关于我们*/
.about_tab{ text-align:center; border-bottom:1px solid #eee;}
.about_tab a{ line-height:60px; display:inline-block; margin:0 60px; color:#333; position: relative;}
.about_tab a:hover,
.about_tab a.selected{ color:#389eec;}
.about_tab a.selected:after{border-bottom:1px solid #389eec; content:""; width:100%; height:0; overflow:hidden; position:absolute; bottom:0; left:0;}
.about_tab a:hover:after{border-bottom:1px solid #389eec; content:""; width:100%; height:0; overflow:hidden; position:absolute; bottom:0; left:0;animation:myabouttab 0.5s;}
@keyframes myabouttab
{
from {width:0; left:50%; }
to { width:100%; left:0;}
}

.about_content{ padding:40px 0; min-height:600px; display:none;}
.about_content.selected{ display:block;}

.team-list{ width:1200px; margin:30px auto; text-align:center; }
.team-list li{ display:inline-block;margin:40px;}
.team-list li .pic{ width:200px; height:200px; overflow:auto;}
.team-list li .pic img{ width:100%; display:block;}
.team-list li .name{ line-height:30px; margin:10px 0; font-size:14px; color:#aaa;}
.about_banner{ background:url(../images/about.jpg) center 0  no-repeat;}

.about_content .maxtit{ font-size:36px; line-height:1.7em; margin:30px 0;  text-align:center; font-weight:300; color:#333; position:relative; }
.about_content .maxtit span{background:#fff; display:inline-block; padding:0 30px;}
.about_content .maxtit:after{ border-bottom:1px solid #eee; position:absolute; width:100%;  height:0; overflow:hidden; content:""; top:40px; z-index:-1; left:0;}
.about_content_info{ width:1000px; margin:0 auto;}
.about_content_info p{ margin:20px 0; line-height:1.8em; color:#888;}

.about_content_join{ width:1000px; margin:0 auto;}
.about_content_join .joinus_tit{ line-height:30px; color:#389eec; margin-top:10px;font-weight:300;}
.about_content_join p{ line-height:1.8em; margin:20px 0; font-size:14px; color:#888;}


/*首页修改*/
.index-section { border-top:1px solid #eee;}
.index-section h2 b{ color:#389eec; display:block;}
.index-section-01{ text-align: center; padding:50px 0;}
.index-section-01 img{ width:100%; display:inline-block}

.index-section-column{ padding:20px 0; max-width:100%; margin:0 auto; }
.index-section-column:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.index-section-column .column-left{ float:none; margin-top:0px; width:100%; text-align:center;}
.index-section-column .column-left .column-left-content { margin:30px 0; margin-top:0;}
.index-section-column .column-left .column-left-content p{ line-height:2em; font-size:18px; color:#666;}
.index-section-column .column-left .more{ text-align:center; margin-bottom:20px;}
.index-section-column .column-right{ float:none; text-align:center; width:100%;}
.index-section-column .column-right img{ width:90%;}

.index-customer{ text-align:center; padding:50px; font-size:0;}
.index-customer ul{ height:140px; position:relative;}
.index-customer ul li{ }
.index-customer ul li a{ display:inline-block;display:inline-block; width:188px; padding:5px;  border:1px solid #ddd; margin:10px;}
.index-customer ul li img{ width:100%;}
.index-customer .main_image{ overflow:hidden;}
.index-customer-state { font-size:0; text-align:center;}
.index-customer-state a{ margin:5px; width:20px; height:3px; background:#ddd; overflow:hidden; display:inline-block; margin-top:30px;}
.index-customer-state a.on{ background:#389eec;}

.index-section-column .column-left .column-left-content .qidai{ margin-top:40px;}
.index-section-column .column-left .column-left-content .qidai p{ color:#389eec}

.page_product_text p{ font-size:18px; color:#888; margin:10px 0;}
.page_product_text p strong{ font-size:24px; color:#389eec}
.page_product_er01{ padding:30px 0; position:relative;}
.page_product_er01 .box{border:1px solid #eee; box-shadow:0 0 10px #e7e7e7; margin:0 auto; width:760px; background:#fff; padding:20px;}
.page_product_er01 .box img{ width:100%;}

.page_product_er01 .app-box{ background:#389eec; width:180px; height:80px; line-height:80px; color:#fff; font-size:14px; display:inline-block; margin-top:20px; position:absolute; top:80px; left:0px}
.page_product_er01 .app-box i{ font-size:32px; vertical-align:middle; margin-right:5px;}
.page_product_er01 .app-box.box2{ top:200px; left:30px;}
.page_product_er01 .app-box.box3{ top:320px; left:120px;}

.page_product_er01 .mac{margin:0 auto; width:100%; position:relative;}
.page_product_er01 .mac>img{ width:100%; display:none;}
.page_product_er01 .mac .face{ position: relative; left:10px; top:30px; width:90%; background:#fff; height:auto; border:1px solid #333; overflow:hidden; border-radius:3px; display:none;}
.page_product_er01 .mac .face img{ display:block;}
.product_tab_list{ line-height:40px; text-align:center; margin-bottom:40px;}
.product_tab_list a{ display:inline-block; padding:0 0px; margin:0 10px; display:inline-block; color:#888; border-bottom:2px solid transparent; font-size:15px;}
.product_tab_list a.selected{ border-bottom:2px solid #389eec; color:#389eec;}
.page_product_er01 .mac .face.selected{ display:block;}


.content_02{background:url(../images/page_02.png) center 260px no-repeat;padding-bottom:460px;}
.content_03{background:url(../images/page_03.png) center 220px no-repeat; position:relative; padding-bottom:460px;}
.content_04{background:url(../images/page_04.png) center 220px no-repeat; position:relative; padding-bottom:460px;}
.content_05{background:url(../images/page_05.png) center 220px no-repeat; position:relative; padding-bottom:460px;}


.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 320px no-repeat; padding-bottom:480px;}
.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 #389eec; 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:#389eec; 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;}




.case_classify{ padding:10px 0;}
.case_classify .content{  }
.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:100px; line-height:40px; font-size:16px; color:#333; border-radius:4px; margin-right:10px; float:left; margin-bottom:15px;}
.case_classify a.selected{ color:#389eec;}

.case_list{ padding-bottom:30px; padding-top:0; overflow:hidden;}
.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:10px;}
.case_list li a{text-align:center;display:block; text-align:center; background:#fff; padding:15px; border:1px solid #eee; box-shadow:0 0 10px #e7e7e7;}
.case_list li a img{width:90%;  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; top:-5px;animation:mycaselist 0.5s;}
@keyframes mycaselist
{
from { top:0; box-shadow:0 0 10px #e7e7e7;  }
to { top:-5px; box-shadow:0 0 10px #ccc; }
}

.case_list li a:hover span{ color:#389eec}

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


.case_details2{ margin:0; 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; padding:10px 0; font-weight: 300;}
.case_details2 .company_info h2{ font-size:24px; line-height:2em;margin:10px 0;  font-weight:300;}
.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:#389eec;}
.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:#389eec;}

.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:#389eec;}
.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 #389eec;  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; max-width:100%;}
.customer_results_tit{ text-align:center; padding:10px 0; margin-top:30px; font-size:32px; font-weight:300;}

.customer_results_text{}
.customer_results_text p{ margin:10px 0; font-size:16px; text-indent:2em; line-height:1.7em;}

/*关于我们 选项卡*/
.aboutus-tab{ background:#f5f5f5;}
.aboutus-tab ul:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.aboutus-tab ul{ max-width:1000px; margin:0 auto;}
.aboutus-tab ul li{ float:left;float:left; width:20%;text-align:center;}
.aboutus-tab a{ display:inline-block; line-height:60px; color:#666; font-size:14px;}
.aboutus-tab a:hover{color:#389eec;}
.aboutus-tab  ul li.selected a{ color:#389eec; border-bottom:1px solid #389eec;}

.aboutus_content{ padding:20px 0;}
.aboutus_content .aboutus_text{ max-width:1000px; margin:40px auto;}
.aboutus_content .aboutus_text h2{ text-align:center; font-size:30px; margin:15px 0; line-height:1.7em;}
.aboutus_content .aboutus_text p{ font-size:16px;line-height:2em;}
.aboutus_content .aboutus_text img{ width:100%;}
.about-team{max-width:1000px; margin:0 auto;}
.about-team:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.about-team li{ float:left; width:50%; box-sizing:border-box;  padding:20px;}
.about-team li img{ width:160px; display:block;}

.about-team li .btn{ text-align:center;}
.about-team li .btn a{ display:inline-block; width:160px; line-height:160px; color:#fff; font-size:16px; background:#389eec;background:linear-gradient(-135deg,#38d0ec,#389eec); box-shadow:0 0 10px #e7e7e7;}


/*.aboutus_content .btn{ text-align:center; margin-top:26px;}
.aboutus_content .btn a{ display:inline-block; margin:0 18px;  line-height:40px; width:132px; color:#fff; font-size:16px; background:#389eec;background:linear-gradient(-45deg,#38d0ec,#389eec); box-shadow:0 0 10px #e7e7e7;}


*/
.joinus_tit{ line-height:30px; color:#389eec; margin:10px 0;font-weight:300;}
.article_tit2{ line-height:30px; color:#389eec; margin:10px 0;font-weight:300;}


.video-list{ margin:60px auto; text-align:center;}
.video-list li{  margin:20px;width:340px; display:inline-block; vertical-align:top;}
.video-list li a{ padding:20px; display:block; text-align:left; height:282px;overflow:hidden; color:#333; box-shadow: 0 2px 5px 0 #ccc;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;  box-sizing:border-box; position:relative; top:0; }
.video-list li a:hover{box-shadow:0 2px 20px #ccc;top:-5px;}
.video-list li a .tit{ margin:10px 0; font-size:18px; line-height:30px; max-height:60px; overflow:hidden; text-align:center;}
.video-list li a p{ font-size:12px; line-height:20px; overflow:hidden;}
.video-list li a .pic{width:100%; height:170px; overflow:hidden;}
.video-list li img{ width:100%;}
.video-menu{ margin-top:60px;}
.video-menu li{ display:inline-block; padding:0 20px;}
.video-menu li a{ color:#666; display:inline-block; line-height:40px;}
.video-menu li.selected a{ color:#389eec; border-bottom:1px solid #389eec;}

.joinus-banner{ background:url(../images/joinus-banner.jpg) center 0  no-repeat;}
.joinus-banner h1,.joinus-banner p{ color:#fff;}


.page_right{ padding-left:0px; min-height:450px;}
.page_right h2{ font-size:30px; line-height:70px;font-weight:300; 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:300;}
.page_right .joinus_tit{ line-height:30px; color:#008cf2; margin-top:10px;font-weight:300;}
.page_right .article_tit2{ line-height:30px; color:#008cf2; margin-top:10px;font-weight:300;}


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



.sitemaplist{font-size:14px; border:1px solid #eee;}
.sitemaplist li a{line-height:30px; display:inline-block; color:#333; margin-right:20px;}

.sitemaplist>li{background:#eee;}
.sitemaplist>li>a{  padding:0 20px;  line-height:40px; font-size:16px;font-weight:normal;}
.sitemaplist>li>ul{ padding:10px 20px; background:#fff;}
.sitemaplist>li>ul>li{}
.sitemaplist>li>ul>li>a{ font-weight:normal;}
.sitemaplist>li>ul>li>ul{}
.sitemaplist>li>ul>li>ul>li{display:inline-block;}
.sitemaplist>li>ul>li>ul>li>a{ color:#888;}

.sitemaplist li a:hover{ 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;}


.breadcrumbs breadcrumbs22{ margin-top:64px;}
.case_details2{ margin:0; min-height:500px; padding-right:0px; position:relative;}
.case_details2 .company_info{padding-bottom:30px; }
.case_details2 .company_info h1{ font-size:28px; line-height:1.5em;margin-bottom:0; padding:10px 0; font-weight:normal;}
.case_details2 .company_info h2{ font-size:22px; 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:100%; 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:20px; 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; max-width:100%;}
.customer_results_tit{ text-align:center; padding:5px 0; margin-top:20px; font-size:24px; font-weight:normal;}

.case_classify{ padding:10px 0; margin-top:40px;}
.case_classify .content{  }
.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:100px; line-height:40px; font-size:16px; color:#333; border-radius:4px; margin-right:10px; float:left; margin-bottom:15px;}
.case_classify a.selected{ color:#389eec;}

.case_list{ padding-bottom:30px; padding-top:0; overflow:hidden;}
.case_list:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.case_list li{ float:left; width:50%; box-sizing:border-box; padding:10px;}
.case_list li a{text-align:center;display:block; text-align:center; background:#fff; padding:15px; border:1px solid #eee; box-shadow:0 0 10px #e7e7e7;}
.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; top:-5px;animation:mycaselist 0.5s;}
@keyframes mycaselist
{
from { top:0; box-shadow:0 0 10px #e7e7e7;  }
to { top:-5px; box-shadow:0 0 10px #ccc; }
}

.case_list li a:hover span{ color:#389eec}

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

.flipster{ display:none !important;}

.floating-button{ position:fixed; bottom:0; right:0;/* border-radius:4px 0 0 4px;*/ overflow:hidden;opacity:0.9; z-index:10001; width:100%; height:42px; display:block;}
.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;}

.systems-bg{ background:none;}
.website_box{ width:100%; box-sizing:border-box; margin-top:0; border:0;}
.website_box_logo i{ font-size:60px; color:#008cf2;}
.website_box_tit h1{ font-size:24px; line-height:30px; margin:10px 0;}
.website_box_tit h1 span{ color:#F60; font-size:32px;}
.website_box_tit p{ color:#888;}
.website_box_input ul li{ margin:15px 0px; }
.website_box_step {margin:15px 0px;}
.website_successful ul { margin:15px 0;}
.website_successful ul li{ font-size:16px; line-height:30px; text-align:left; padding-left:0px; text-align:left; font-size:18px; border:1px solid #ddd; padding:10px; margin-top:-1px;}
.website_successful ul li span{ display:inline-block; width:auto; text-align:left; color:#aaa;  font-size:14px; border:0;}
.website_successful a.btn{display:inline-block; width:50%; background:#008cf2;border-radius:4px;  color:#fff; line-height:44px;font-size:14px; border:0; text-align:center;}
.website_box .login_btn{ position: relative; right:0; top:30px;font-size:14px; display:inline-block; line-height:40px; padding:0 10px; cursor:pointer;}

.registration-bg{ background:#fff;}
.registration_bg{ background:#fff; }
.registration_box{width:100%; position:relative; left:0;top:0px; margin:0; margin-top:51px; box-sizing:border-box; border:0;}
.registration_box_tit h1{ font-size:24px; line-height:32px; margin:20px 0;}
.registration_box_input ul li{ margin:15px 0px; }
.registration_box_step {margin:15px 0px;}
.registration_successful ul { margin:15px 0;}

.registration_box_alarm{margin:5px 0px; }
.case_bottom_column .btn a{ margin-bottom:20px;}
.case_bottom_column .btn a+a{ margin-left:0;}


.invoice_banner p{ color: #fff}


.invoice2{  }
.invoice2 ul { margin:20px 10px; }
.invoice2 ul li{ position: relative; padding-left:65px; box-sizing: border-box; text-align:left; margin:0;  width:100%; float:left; margin: 10px 0;}
.invoice2 ul li i{ position: absolute; color:#389eec;  font-size: 40px; left: 0; top: 0; display: block; width:50px; height: 50px; border: 2px  solid #b8dcf8; line-height: 50px;  text-align: center; border-radius: 50%;}
.invoice2 ul li h3{ font-size: 18px; margin-bottom: 10px; }
.invoice2 ul li p{ text-align: left; font-size: 12px; line-height:1.7em; }


.invoice1{ margin:30px 0;  }
.invoice1:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0; line-height:0; }
.invoice1 ul { }
.invoice1 ul li{ float: left; width: 50%; text-align: center; margin: 20px 0; }
.invoice1 ul li .icon img{ width:70px;}
.invoice1 ul li h3{ font-size: 18px; margin-top: 10px;}

.links {
	margin: 10px;
	margin-top: -20px;
}

.page_content .article_right{position:relative; right: auto;top: 20px; width:auto; border-left: 0; padding:0 10px;}

}