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


*{font-family:FZLanTingKanHei-R-GBK, 方正兰亭刊黑, 微软雅黑, "Microsoft YaHei", 黑体;margin:0; padding:0;font-weight:300; }
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:300;}
*: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:#389eec !important;}
.green{ color:#5bbf25}
/*头部*/

.content{ width:1200px; margin:0 auto; position:relative; padding:0 10px;}
.content:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0; line-height:0; }

.wrap{ padding-top:61px;}
.top{ height:60px;position:fixed; left:0; top:0; width:100%;  z-index:100; }
.top2{border-bottom:1px solid #ddd; background:#fff;}
.top .logo{ display:block;color:#389eec; position:absolute; left:0; top:10px; line-height:40px;}
.top .logo i{ font-size:32px;}
.top .telephone{position:absolute;right:120px; top:15px; line-height:30px;height:30px; color:#333;}
.top .telephone a{color:#333; width:140px;line-height:30px; height:30px; overflow:hidden; display:inline-block;}
.top .telephone a i{ font-size:24px; vertical-align:top; display:inline-block; margin-right:5px;color:#333;}
.top .telephone a i:before{vertical-align:middle;}
.top .telephone a i:after{ content:" 400-021-1258"; font-size:16px; font-family: Arial, Helvetica, sans-serif; vertical-align:middle;}
.top .nav{ margin:0 auto; width:480px; padding-top:6px;}
.top .nav>li{ float:left; line-height:48px; text-align:center; font-size:16px; margin:0 30px; position:relative;}
.top .nav>li a{ color:#333; display:block; position:relative;}
.top .nav>li a:hover,
.top .nav>li.cur>a{ color:#389eec;}
.top .nav>li>ul{ position:absolute; left:-20px; top:48px; background:#fff;border:1px solid #eee; box-shadow:0 0 10px #e7e7e7; width:180px; padding:10px 0; 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 15px;}
.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;}
.top .nav>li>a:hover:after{border-bottom:1px solid #389eec; content:""; width:100%; height:0; overflow:hidden; position:absolute; bottom:0; left:0; animation:mynav 0.5s;}

.top .top-btn{ position:absolute; right:0; top:12px; line-height:36px;}
.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:700px;}
.index-hero h1{ font-size:42px; line-height:80px; margin-top:40px; 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 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;}
.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:70px;}
.index-hero .max-pic{ border:1px solid #eee; box-shadow:0 0 10px #e7e7e7;  margin:0 auto; width:580px;  background:#fff; padding:10px; position:absolute; left:-300px; top:0;animation:myone 1s;}
.index-hero .max-pic img{ width:100%;  height:100%; display:block;}
.index-hero .min-pic{}
.index-hero .min-pic img{ width:182px; position:absolute;}
.index-hero .min-pic .min-pic01{ top:-80px; left:-520px; animation:mytwo 2s;}
.index-hero .min-pic .min-pic02{ top:-80px; right:-520px; animation:mythree 2s;}
.index-hero .min-pic .min-pic03{ top:150px; left:-520px; animation:myfour 2s;}
.index-hero .min-pic .min-pic04{ top:150px; right:-520px; animation:myfive 2s;}
@keyframes myone
{
from {top:300px; width:280px;left:-150px;opacity: 0.5;   }
to {top:0px; width:580px;left:-300px;opacity:1;}
}
@keyframes mytwo
{
0%{top:260px; left:0;opacity:0;}
50% {top:260px; left:0;opacity:0;}
100% {top:-80px; left:-520px;opacity:1;}
}
@keyframes  mythree
{
0%{top:260px; left:0;}
50% {top:260px; right:0;opacity:0;}
100% {top:-80px; right:-520px; opacity:1;}
}
@keyframes myfour
{
0%{top:260px; left:0;opacity:0;}
50% {top:260px; left:0;opacity:0;}
100% {top:150px; left:-520px;opacity:1;}
}
@keyframes myfive
{
0%{top:260px; left:0;opacity:0;}
50% {top:260px; right:0;opacity:0;}
100% {top:150px; right:-520px;opacity:1;}
}



.index-section{padding:40px 0;}
.index-section h2{  text-align:center; font-size:36px; 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 0; 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:left;border:1px solid #eee; box-shadow:0 0 10px #e7e7e7; width:23.5%; min-height:600px; background:#fff; box-sizing:border-box;  overflow:hidden;}
.section-price-list li+li{ margin-left:2%;}
.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:504px;}
.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:340px; padding:0 12px; border:1px solid #ddd; line-height:38px; height:38px;  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:left;  }


/*底部*/
.footer{  margin-top:20px;}
.footer .nav{ padding:40px 0; 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 dt{ font-size:18px; line-height:45px; padding:10px 0; color:#333;}
.footer .nav dl dd a{ font-size:14px; line-height:38px;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_bottom{ color:#888; font-size:12px;line-height:30px; }
.footer_bottom .content{ border-top:1px solid #eee; padding:20px 0;position:relative;}
.footer_bottom .content a{ color:#389eec;  }
.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:90px 0;}
.apps-list:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0;}
.apps-list li{ width:33.34%; float:left; text-align:center;padding:10px 0;border-right:1px solid #eee;border-left:1px solid #eee; box-sizing:border-box; }
.apps-list li:hover{ background:#fafafa;}
.apps-list li+li{ width:33.3%;border-left:0;}
.apps-list li h2{ font-size:24px;line-height:2em;}
.apps-list li .qr-code{  margin:20px 0; margin-bottom:40px;}
.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:120px; display:inline-block; line-height:2em;}
.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; padding-bottom:30px; margin-top:20px;}
.industry_content h1,
.industry_content h2{ font-size:32px; text-align:center; line-height:2em; margin:10px 0;}
.industry_content p{ font-size:14px; line-height:1.7em; margin:15px 0; color:#888; text-indent:2em; text-align:left;}

.pain_point{ width:100%; margin:10px auto; padding-top:55px; background:url(../images/touteng.png) center 0px no-repeat; background-size: auto 100%; text-align:left;}
.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:40px; padding-left:90px; padding-right:140px; position:relative; float:left; width:50%; box-sizing:border-box;}

.pain_point dl dt{ font-size:20px; 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:40px; background:#389eec; font-size:20px; width:40px; line-height:40px; 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:220px; padding-right:10px; }
.pain_point dl:nth-child(2n+0):before{left:170px;}


.advertising_list{ position:relative; margin:60px 0 40px 0; text-align:left;}
.advertising_list .middle_img{ padding:40px; width:200px; height:200px; text-align:center; margin:0 auto; border:2px solid #ddd; border-radius:50%;}
.advertising_list .middle_img div{width:200px; height:200px; line-height:200px; border-radius:50%;background:#389eec;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:absolute; left:0; top:-20px;}
.advertising_list ul li{ position:relative;width:50%; box-sizing:border-box; float:left;}
.advertising_list ul li h3{font-size:20px; line-height:40px;}
.advertising_list ul li p{ text-indent:0; font-size:14px; line-height:24px; height:80px; color:#888; margin:0;}
.advertising_list ul li i{background:#389eec;width:60px; line-height:60px; text-align:center; border-radius:50%; color:#fff; display:block; position:absolute; top:10px; font-size:30px;  border:2px solid #fff;}
.advertising_list ul li:nth-of-type(odd){ padding-right:150px; text-align:right;}
.advertising_list ul li:nth-of-type(even){ padding-left:150px;}

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

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

.foryou_list{margin-top:30px; text-align:left;}
.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:90px; padding-right:20px; position:relative; float:left; width:50%; box-sizing:border-box; }
.foryou_list dl dt{ font-size:20px; line-height:2em;}
.foryou_list dl dd{ font-size:14px; line-height:1.7em; color:#888; height:50px;}
.foryou_list dl dd.foryou_list_ico{ position:absolute; left:30px; top:15px;}
.foryou_list dl dd.foryou_list_ico i{ font-size:42px; color:#389eec;}


.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;  text-align:center; font-size:16px; border:1px solid #389eec; color:#389eec}
.industry_content .free_btn :hover{  background:#389eec; 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:42px; line-height:2em; margin-bottom:20px;}
.page_banner p{ text-align:center; color:#888; font-size:18px; line-height:1.7em; margin:10px 200px;}
.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:36px; 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: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;  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: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: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 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:40px; 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 auto; text-align:center;}
.news-list li{  margin:20px;width:340px; display:inline-block; vertical-align:top;}
.news-list li a{ padding:20px; display:block; text-align:left; height:312px;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:170px; overflow:hidden;}
.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:30px 0; }
.page_content .content{}
.page_content .content .content_article{ width:880px; min-height: 900px;}
.page_content h1{ font-size:28px; line-height:60px; padding:30px 0 10px 0; font-weight:400;}
.page_content .text_c{ text-indent:0; text-align: center;}

.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:500px;}
.page_content .upanddown div{ margin:10px 0;}
.page_content .upanddown div a{ color:#389eec;}

.page_content .article_right{position:absolute; right: 0;top: 20px; width: 280px; border-left: 1px solid #eee; padding-left: 20px;}
.page_content .article_right .title{ font-size: 18px; line-height: 2em;}
.page_content .article_right .nivo {}
.page_content .article_right .nivo ul {list-style: outside disc; padding-left: 22px;}
.page_content .article_right .nivo ul li{margin: 15px 0;list-style: outside disc;}
.page_content .article_right .nivo ul li a{ font-size: 14px; color: #888;}
.page_content .article_right .nivo ul li a:hover{color:#389eec;}

.page_content .article_right .label{ margin-top: 20px;}
.page_content .article_right .label .label-content{ margin:10px 0;  }
.page_content .article_right .label .label-content a{font-size: 14px; color: #888;margin-bottom: 10px; display: inline-block; margin-right: 5px; padding: 0 10px;  border: 1px solid #eee;border-radius: 20px; line-height: 30px;}
.page_content .article_right .label .label-content a:hover{background-color: #eee; color:#389eec; }
/*私有云*/
.index_private h2{ font-size:36px; 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:1000px;}
.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;}
.index-section-01{ text-align: center; padding:50px 0;}
.index-section-01 img{ width:820px; display:inline-block}

.index-section-column{ padding:60px; max-width:900px; 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:left; margin-top:20px;}
.index-section-column .column-left .column-left-content { margin:30px 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:left;}
.index-section-column .column-right{ float:right;}
.index-section-column .column-right img{ width:450px;}

.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:800px; position:relative;}
.page_product_er01 .mac img{ width:100%;}
.page_product_er01 .mac .face{ position:absolute; left:109px; top:30px; width:580px; background:#fff; height:350px; border:1px solid #333; overflow:hidden; border-radius:3px; display:none;}
.product_tab_list{ line-height:40px; text-align:center; margin-bottom:40px;}
.product_tab_list a{ display:inline-block; padding:0 20px;   display:inline-block; color:#888; margin:0 20px;  border-bottom:2px solid transparent; }
.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;}
.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:60px auto;}
.aboutus_content .aboutus_text h2{ text-align:center; font-size:36px; margin:20px 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:20%; 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:#389eec; margin-top:10px;font-weight:300;}
.page_right .article_tit2{ line-height:30px; color:#389eec; 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:#389eec;}

.download_page_right{ min-height:680px;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 #389eec; color:#389eec; 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:#389eec;}



.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:#389eec;}

.story_banner{ display:none;}
.story_banner h2,.story_banner p{ color:#fff;}
.story_tab{ display:none;}


.signing_details{ margin:10px 0; min-height:500px; margin-top:-20px; 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:300; text-align:left; padding:0;}
.signing_details .company_info .date{ font-size:12px; font-weight:300; 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:300;}
.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:#389eec;}


/*行业新闻*/
.news_list{ margin-top:40px;}
.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; text-align:left;}
.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:300;}
.news_list li a p{font-size:12px; color:#888; line-height:1.7em; margin:0 ; margin-top:10px; text-indent:0;}
.signing li a:hover{ background:#fff;}
.signing li a{ cursor:default;}



.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:#389eec;}

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


.floating-button{ display:none;}






.systems-bg{ width:100%;background-attachment:fixed; background-size:100% auto;}
.website_wrap{}
.website_box{ width:520px; min-height:300px;margin:0 auto; border-radius:8px; margin-top:5%; margin-bottom:30px; background:#fff; text-align:center; padding:20px; border:1px solid #eee; position:relative;}
.website_box_logo i{ font-size:60px; color:#389eec;}
.website_box_tit{}
.website_box_tit h1{ font-size:24px; line-height:60px;}
.website_box_tit h1 span{ color:#F60; font-size:32px;}
.website_box_tit p{ color:#888;}
.website_box_input ul li{ margin:15px 50px; position:relative;}
.website_box_input ul li:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0; line-height:0;}
.website_box_input ul li select,
.website_box_input ul li input[type=text]{ border:1px solid #ddd;border-radius:4px; height:44px; width:100%; width:390px\9; box-sizing:border-box; box-sizing:content-box\9; padding:0 15px; font-size:14px;}
.website_box_input ul li select{ width:100%;}
.website_box_input ul li .btn{ display: inline-block; width:47%; background:#389eec;border-radius:4px;  color:#fff; line-height:44px;font-size:14px; float:right; border:0; text-align:center;}
.website_box_input ul li  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#ccc;}
.website_box_input ul li .last_btn{display: inline-block; width:47%; background:#fff;border:1px solid #ddd;border-radius:4px;  color:#888; line-height:44px;font-size:14px; float:left; text-align:center;}
.website_box_input ul:nth-child(1) li .btn{ width:100%; }
.website_box_input ul li .codebtn{ position:absolute; top:0; right:0; width:140px;border:0; font-size:14px; line-height:44px; height:44px; background:#389eec; color:#fff; cursor:pointer;border-radius:0 4px 4px 0; }
.website_box_input ul li .codebtn:hover{ background:#1a77ba;}
.website_box_input ul li p{ text-align:left; font-size:14px; color:#888; line-height:20px; margin-top:5px; padding-left:14px;}
.website_box_step {margin:15px 50px; position:relative;}
.website_box_step:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0; line-height:0;}
.website_box_step a{ display:block; width:33.3333%; float:left; position:relative;}
.website_box_step a span{ display:block; line-height:30px; font-size:14px; color:#888;}
.website_box_step a i{ display:inline-block; width:30px; height:30px; line-height:30px;background:#ccc; color:#fff;border-radius:50%; font-style:normal; position:relative; z-index:1;}
.website_box_step a.cur span{ color:#389eec;}
.website_box_step a.cur i{background:#389eec;}
.website_box_step:before{ content:""; display:block; width:100%;  height:4px; background:#ddd; overflow:hidden; position:absolute; top:12px; left:0;}
.website_box_step a:nth-child(1) span:before{ content:""; display:block; width:50%;  height:4px; background:#fff; overflow:hidden; position:absolute; top:12px; left:0;}
.website_box_step a:nth-child(3) span:before{ content:""; display:block; width:50%;  height:4px; background:#fff; overflow:hidden; position:absolute; top:12px; right:0;}
.website_box_alarm{ border:1px solid #C30; color:#c30; line-height:30px;margin:5px 50px; padding:0 15px; text-align:left; font-size:14px; background:#fee4e4;}
.website_successful ul { margin:15px 30px;}
.website_successful ul li{ font-size:16px; line-height:40px; text-align:left; padding:0 10px;border:1px solid #ddd;margin-top:-1px; }
.website_successful ul li span{ display:inline-block; width:120px; text-align:right; color:#888; border-right:1px solid #ddd; margin-right:10px;}
.website_successful a.btn{display:inline-block;  line-height:40px; width:132px; color:#fff; font-size:16px; background:#389eec;background:linear-gradient(-45deg,#38d0ec,#389eec); box-shadow:0 0 10px #e7e7e7;;}
.website_successful_contact{ padding:20px; font-size:14px;  }
.website_successful_contact div{ margin:15px 0;}
.website_successful_contact div dl{ line-height:24px;}
.website_successful_contact div dt{ font-size:14px; display:inline-block;  text-align:right;color:#888;}
.website_successful_contact div dd{ display:inline-block; }
.website_successful a{ color:#389eec;}

.website_service{ margin:15px 0;}
.website_service h2{ font-size:14px;}
.website_service h2 span{ color:#f60;}
.website_service div { margin-top:15px;}
.website_service div a{ display:inline-block; width:80px; text-align:center;}
.website_service div a img{ display:inline-block; width:40px;border-radius:50%; border:2px solid #389eec;}
.website_service div a span{ display:block; font-size:12px; color:#389eec;}

.website_box .login_btn{ position:absolute; right:20px; top:30px;color:#389eec;  font-size:14px; display:inline-block; line-height:40px; cursor:pointer;}

.registration-bg{ width:100%;  background:url(../images/registration-bg.jpg) 0 58px no-repeat;background-attachment:fixed; background-size: cover;}

.registration_wrap{}
.registration_box{ width:420px; margin:0 auto;min-height:440px;border-radius:0px; background:#fff; text-align:center; padding:20px; position: relative; left:-220px; top:0;box-shadow: 0 0 5px #aaa; margin-top:160px; margin-bottom:90px; z-index:1;}
.registration_box_logo i{ font-size:60px; color:#389eec;}
.registration_box_tit{}
.registration_box_tit h1{ font-size:22px; line-height:60px;}
.registration_box_tit h1 span{ color:#F60; font-size:32px;}
.registration_box_tit p{ color:#888;}
.registration_box_input ul li{ margin:15px 20px; position:relative;}
.registration_box_input ul li:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0; line-height:0;}
.registration_box_input ul li select,
.registration_box_input ul li input[type=text]{ border:1px solid #ddd;border-radius:2px; height:44px; width:100%; width:390px\9; box-sizing:border-box; box-sizing:content-box\9; padding:0 15px; font-size:14px;}
.registration_box_input ul li select{ width:100%;}
.registration_box_input ul li .btn{ display: inline-block; width:47%; background:#389eec;border-radius:2px;  color:#fff; line-height:44px;font-size:14px; float:right; border:0; text-align:center;}
.registration_box_input ul li  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#ccc;}
.registration_box_input ul li .last_btn{display: inline-block; width:47%; background:#fff;border:1px solid #ddd;border-radius:2px;  color:#888; line-height:44px;font-size:14px; float:left; text-align:center;}
.registration_box_input ul:nth-child(1) li .btn{ width:100%; }
.registration_box_input ul li .codebtn{ position:absolute; top:0; right:0; width:140px;border:0; font-size:14px; line-height:44px; height:44px; background:#389eec; color:#fff; cursor:pointer;border-radius:0 2px 2px 0; }
.registration_box_input ul li .codebtn:hover{ background:#1a77ba;}
.registration_box_input ul li p{ text-align:left; font-size:14px; color:#888; line-height:20px; margin-top:5px; padding-left:14px;}
.registration_box_step {margin:15px 20px; position:relative; margin-bottom:10px;}
.registration_box_step:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0; line-height:0;}
.registration_box_step a{ display:block; width:33.3333%; float:left; position:relative;}
.registration_box_step a span{ display:block; line-height:30px; font-size:14px; color:#888;}
.registration_box_step a i{ display:inline-block; width:30px; height:30px; line-height:30px;background:#ccc; color:#fff;border-radius:50%; font-style:normal; position:relative; z-index:1;}
.registration_box_step a.cur span{ color:#389eec;}
.registration_box_step a.cur i{background:#389eec;}
.registration_box_step:before{ content:""; display:block; width:100%;  height:4px; background:#ddd; overflow:hidden; position:absolute; top:12px; left:0;}
.registration_box_step a:nth-child(1) span:before{ content:""; display:block; width:50%;  height:4px; background:#fff; overflow:hidden; position:absolute; top:12px; left:0;}
.registration_box_step a:nth-child(3) span:before{ content:""; display:block; width:50%;  height:4px; background:#fff; overflow:hidden; position:absolute; top:12px; right:0;}
.registration_box_alarm{ border:1px solid #C30; color:#c30; line-height:30px;margin:5px 20px; padding:0 15px; text-align:left; font-size:14px; background:#fee4e4;}
.registration_successful ul { margin:15px 30px;}
.registration_successful ul li{ font-size:16px; line-height:40px; text-align:left; padding:0 10px;border:1px solid #ddd;margin-top:-1px; }
.registration_successful ul li span{ display:inline-block; width:120px; text-align:right; color:#888; border-right:1px solid #ddd; margin-right:10px;}
.registration_successful a.btn{display:inline-block; width:50%; background:#389eec;border-radius:2px;  color:#fff; line-height:44px;font-size:14px; border:0; text-align:center;}
.registration_successful_contact{ padding:20px; font-size:14px;  }
.registration_successful_contact div{ margin:15px 0;}
.registration_successful_contact div dl{ line-height:24px;}
.registration_successful_contact div dt{ font-size:14px; display:inline-block;  text-align:right;color:#888;}
.registration_successful_contact div dd{ display:inline-block; }
.registration_successful a{ color:#389eec;}

.registration_service{ margin:15px 0; display:none;}
.registration_service h2{ font-size:14px;}
.registration_service h2 span{ color:#f60;}
.registration_service div { margin-top:15px;}
.registration_service div a{ display:inline-block; width:80px; text-align:center;}
.registration_service div a img{ display:inline-block; width:40px;border-radius:50%; border:2px solid #389eec;}
.registration_service div a span{ display:block; font-size:12px; color:#389eec;}

.registration_box .login_btn{ position:absolute; right:10px; top:30px;color:#fff; background:#1eb863; font-size:14px; display:inline-block; line-height:40px; padding:0 15px; cursor:pointer;border-radius:2px; }

.registration_bg{ width:1000px; position: absolute; top:220px; left:50%; margin-left:-500px; height:360px;background:rgba(0,0,0,.5);}
.registration_bg_content{ padding:40px 40px 40px 560px; color:#fff;}
.registration_bg_content h1{ font-size:30px; line-height:1.7em;}
.registration_bg_content p{ line-height:1.7em; margin:20px 0; font-size:14px;}
.registration_bg_content .btn{ display:inline-block; padding:0 40px; margin-top:10px; line-height:40px; border:1px solid #fff; color:#fff; font-size:14px;border-radius:2px; }
.registration_bg_content .btn:hover{ background:#fff; color:#333;}

.registration-bg .nav_box,.registration-bg .footer,.registration-bg .consult,
.registration-bg .top2{ display:none;}


.rich_media_content p strong{ font-weight:bold !important;}
.rich_media_content p strong span{ font-weight:bold !important;}


.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: 50%; box-sizing: border-box; padding:0 20px;}
.news-list li a{ padding:20px 0; padding-left: 220px; min-height:180px; 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: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:200px; height:140px; overflow:hidden; position: absolute; left: 0px; top: 20px;}
.news-list li img{width:100%;}



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

.invoice2{  }
.invoice2:after{ display:block; content:""; clear:both; font-size:0; overflow:hidden; height:0; line-height:0; }
.invoice2 ul { margin:40px; }
.invoice2 ul li{ position: relative; padding-left: 110px; box-sizing: border-box; text-align:left; margin:30px 5%; min-height: 100px; width: 40%; float:left;}
.invoice2 ul li i{ position: absolute; color:#389eec;  font-size: 50px; left: 0; top: 0; display: block; width:80px; height: 80px; border: 2px  solid #b8dcf8; line-height: 80px;  text-align: center; border-radius: 50%;}
.invoice2 ul li h3{ font-size: 24px; margin-bottom: 10px; }
.invoice2 ul li p{ text-align: left; font-size: 16px; line-height:1.7em; }

.invoice1{ margin:80px 50px;  }
.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: 16.6666%; text-align: center;}
.invoice1 ul li .icon img{ width:96px;}
.invoice1 ul li h3{ font-size: 24px; margin-top: 10px;}



.links {margin: 10px 0;}
.links .title{ margin-bottom: 10px; font-size: 16px; line-height: 1.7em;}
.links a{ font-size: 12px; display: inline-block; margin-right: 10px; color: #888;}
.links a:last-child{ margin-right: 0px;}
.links a:hover{ color:#389eec;}



.guanlian li{font-size: 14px;margin: 8px 0}

.pageer li{display:inline-block;margin:0 5px;line-height:20px;font-size:14px;}
.pageer li a{color:#389eec;}
.pageer li select{height:28px;padding: 0 2px;border:1px solid #ddd;border-radius: 4px;}

.footer_bottom .content p:first-child a:first-child{display:none}