html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,#header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:12px;vertical-align:baseline;background:transparent;font-family:"Microsoft YaHei",Helvetica;}
body{ margin:0; padding:0; min-width:1200px;}
html,body{min-height:100%;_height:100%; height:100%}
img{outline:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul li{list-style:none; text-decoration:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;vertical-align:baseline;background:transparent;text-decoration:none; outline:none}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
.clear{ clear:both; width:0; height:0; margin:0; padding:0;}
.left{ float:left !important}
.right{ float:right !important}
.block{ display:block;}
.middle{ width:1200px; display:block; margin:0 auto; padding:0; max-width:1200px;}
.eng{font-family:Helvetica,Arial,sans-serif;}
.text-left{ text-align:left;}.text-right{ text-align:right;}
.hidden{ overflow:hidden;}
.full-box{ width:100% !important}
.none-box{ margin:0 !important; padding:0 !important; width:0 !important; height:0 !important;}
.white{ color:#ffffff !important;}
.red{ color:#df1e36 !important}
.orange{ color:#F39800 !important}
.gray{ color:#666 !important}
.black{ color:#000000 !important;}
.margin-left-0{ margin-left:0 !important}.margin-right-0{ margin-right:0 !important}

/*顶部导航*/
.index-top{background:#333333;color: #e0e0e0;font-size: 14px;height:51px;line-height:50px;}
.top-box{margin: 0 auto;width: 1200px; color: #e0e0e0;}
.top-box .left{font-size: 16px;line-height:50px;}
.top-box .left b{font-size: 16px;line-height:50px;}
.top-box .right{ line-height:50px; float: right; }
.top-box .right a { text-decoration: none;color: #e0e0e0; font-size:14px; }
.top-box .right a:hover { color: #FFF; }
.topnav{ position: relative;top: 50;height:90px;  left:0;width: 100%;z-index: 999999;width:100%;/*background:url(../images/top_bg.png) center;*/filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF');background:rgba(255,255,255,0.85); /*display: inline-block;*/}
.smint{background:rgba(255,255,255,255);   }
.topnav .top-logo{ display:block; float:left; margin-right:25px; padding-top:20px; width:320px; height:50px;}
.topnav .top-logo-word{ display:block; float:left; padding-left:18px; padding-top:30px; margin-right:50px;*margin-right:40px; width:200px;font-size:13px; font-weight:normal; color:#fff;}
.topnav .top-logo-word b{ display:block; padding-bottom:1px; font-size:16px; font-weight:bold; text-align:justify}
.topnav .top-wrap{ margin:0 auto;width:1200px;  height:90px;display:block;}
.topnav .top-nav{ float:right; }
.topnav .top-nav li.nav-list{ float:left;}
.topnav .top-nav li.nav-list{display:block;width:auto; height:90px; }
.topnav .top-nav li.nav-list a{  }
.topnav .top-nav li.nav-l .sub{display:none;}
.topnav .top-nav li.nav-l:hover .sub{ display:block}
/*.topnav .top-nav .little-up:hover{ background:url(../images/little-up.png) bottom no-repeat; position: relative; z-index:1000px;}*/
.topnav .sub .little-up{ background:url(../images/little-up.png) bottom no-repeat; position: absolute; z-index:1000px;top:-16px; left:100px; width:24px; height:16px;}
.topnav .top-nav .nav-list .nav-list-link{ display:block; padding:0 15px; margin:30px 5px 0;width:auto; font-size:18px; color:#000000; font-weight: normal; text-align:center;}
.topnav .top-nav .nav-list-link:hover{ color:#000 !important; text-decoration:none;}
/*.topnav div.sub{display:none;}*/
.topnav .top-nav .nav-list .nav-list-link i{background:url(../images/dot2.png) right no-repeat; display: block;width: 13px;height: 7px; display:inline-block; margin-left:10px;/*position: relative;top: -12px;left: 71px;*left:44px;*/}
/*.topnav .top-wrap li:hover > div.sub{display: block;}*/
.topnav div.sub{position:absolute;top:89px;left:-50%;z-index: 999px;width:320px; padding:10px 20px 10px; background-color:#ffffff;  border: 1px solid #edebe8;box-shadow: 0 4px 0 rgba(0,0,0,0.25);}
.topnav div.sub .cont { position: relative; font-size: 0; *word-spacing:-1px/*IE6、7*/;}

.fxd {position:fixed;top:0;background:rgba(255,255,255,1);box-shadow:0 0 10px #999;}
/*.topnav .sub li{width:250px;padding:0px;height:50px; line-height:50px;border-bottom:#d6d6d6 solid 1px;}
.topnav .sub li:first-child{ margin-left:0}
.topnav .sub li h1{ height:50px;line-height:50px;  }
.topnav .sub li h1 a{padding-bottom:10px; font-size:20px;width:250px; display:block; color:#333; font-weight:normal; }
.topnav .sub li dl{ margin:20px 0px 10px; width:280px; float:left;}
.topnav .sub li dl a{ display:block;padding:5px 0px; border-bottom:rgba(255,255,255,0.0) solid 1px;*border-bottom:#4E4E4E solid 1px;border-bottom:#4E4E4E solid 1px\9;}

.topnav .sub li dl dt{ display:block;padding:2px 0px; width:250px;color:#0086ce; font-size:20px;}
.topnav .sub li dl dd{ width:300px;font-size:18px;color:#666;}
.topnav .sub .more:hover{ color:#000; background:#fff;}
*/



.topnav li.nav-list .cont dl { font-size: 12px; vertical-align: top; letter-spacing: normal; white-space: normal; display: inline-block; *display: inline/*IE7*/; width:300px !important; padding: 10px 13px 10px 13px; margin: 0px; /*border-left: dotted 1px #CCC;*/ *zoom:1/*IE7*/; line-height:0px!important;}

.topnav li.nav-list .cont dl dt { color: #242c3b;font-size: 18px; font-weight:none; line-height:30px; }
.topnav li.nav-list .cont dl dd { color: #777777;font-size: 14px; line-height:24px !important;}














/*banner*/
#banner{position:relative; top:0px;margin:0px auto;width:100%;height:570px;overflow:hidden;zoom:1;}
#banner .slides{zoom:1;}
#banner .slides li{ width:100%; height:570px;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:0;display:block;background:url(../images/banner-next.png) no-repeat;position:absolute;top:46%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:15px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/banner-dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}
@media screen and (min-width: 1921px) {.flexslider{height:auto;}.slides li{ background-size:100% !important;}}
.index-more{ margin-top:20px; width:198px; height:36px; font-size:16px; text-align:center; line-height:33px; border:#666 solid 1px; color:#666;}
.index-more:hover{ background:#666; color:#fff}
.index-more-red{ margin-top:20px; width:198px; height:36px; font-size:16px; text-align:center; line-height:33px; border:#df1e36 solid 1px; color:#df1e36;}
.index-more-red:hover{ background:#df1e36; color:#fff}


/*内页企业简介*/
.about-top-banner{ height:500px;background:url(../images/detail-about.jpg) center no-repeat;}
.detial-about ul li p img{ max-width:100%;max-width:100%; display:block; margin:16px 0px}
.detial-about .content-about-img{ width:32%;}
.detial-about .content-about-img img{ display:block; width:100%; height:auto;}
.detial-about .content-about-word{ width:64%;}
.banner-title{ padding-top:230px; color:#fff;}
.banner-title h1{ font-size:38px; font-weight:bold;}
.banner-title h2,.banner-title h2 b{ font-size:24px; font-weight:lighter}
.banner-title h2 b{ font-weight:bold;font-size:24px;}
.banner-title h3{ margin-top:10px; font-size:20px; font-weight: lighter}

/*地图*/
.content-map{ padding-top:20px;}
.mapBox{ overflow: hidden; color:#00AEEB;height:500px;}
.mapBox { display: block; width:100%; margin:0 auto}
.mapBox p{ padding:3px 0px; font-size:14px;}
.mapBox p:first-child{ font-size:19px; font-weight:bolder; padding-bottom:10px}

/*内页合作伙伴*/
#detail-company{padding:40px 0px;}
#detail-company .detail-company-list{ display: block; width:1260px; margin:0 auto}
#detail-company .detail-company-list li{ float:left; margin:20px 20px 30px; width:210px;}
#detail-company .detail-company-img{margin:0 auto;padding:0;background:#f4f4f4;width:210px;height:210px;clear:both;position:relative;display:block;overflow:hidden; border:#ddd solid 1px}
#detail-company .detail-company-img a{display:block;width:210px;height:210px;-webkit-mask-image:-webkit-radial-gradient(ellipse closest-side,#fff,#fff)}
#detail-company .detail-company-img a img{-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;transition:all .2s}
#detail-company .detail-company-img a:before{position:absolute;top:0;left:0;z-index:2;visibility:hidden;width:100%;height:100%;background:#026dd4;content:'';opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s}
#detail-company .detail-company-img a:after{position:absolute;top:0;left:0;z-index:5;visibility:hidden;margin-top:0;width:100%;color:#fff;content:url(../images/zoom.png);text-align:center;font-size:130px;font-family:arial;line-height:196px;opacity:0;-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;transition:all .4s}
#detail-company .detail-company-img a:hover:before{visibility:visible;opacity:.65;-ms-filter:"alpha(opacity=65)";filter:alpha(opacity=65)}
#detail-company .detail-company-img a:hover:after{visibility:visible;opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100)}
#detail-company .detail-company-img a:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}
#detail-company .detail-company-list li span a{ display:block; padding:16px 0px 6px; font-size:18px; font-weight:normal; text-align:center; color:#333}
#detail-company .detail-company-list li span a:hover{ color:#008CD6}
#detail-company .detail-company-list li span p{ font-size:14px; text-align:center;}

/* ===================
 * 首页主体内容对应样式
 * =================== */
.index-main { width: 100%; }
.index-main h2 { font-size: 32px; line-height: 40px; color: #343F48; text-align: center; display: block; width: 1200px; margin: 0 auto 5px auto; }
.index-main h3 { font-size: 14px; font-weight: lighter; line-height: 20px; color: #343F48; text-align: center; display: block; width: 1200px; margin: 0 auto; }
.product-container,
.function-container,
.article-container { background-color: #FFF; width: 100%; padding:80px 0 100px; }
.function-container { background-color: #FAFAFA; }
.product-content,
.function-content,
.article-content { width: 1200px; margin: 0 auto; }
/*产品相关内容*/
.product-content ul { font-size: 0; *word-spacing:-1px/*IE6、7*/;
}
.product-content li { font-size: 12px; vertical-align: top; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/;
width: 25%; *zoom:1/*IE7*/;
}
.product-content .pic { background-repeat: no-repeat; background-position: 0 0; width: 220px; height: 220px; margin: 40px auto 30px auto; }
.product-content li.p1 .pic { background-image: url(../images/home/hp01.png); }
.product-content li.p2 .pic { background-image: url(../images/home/hp02.png); }
.product-content li.p3 .pic { background-image: url(../images/home/hp03.png); }
.product-content li.p4 .pic { background-image: url(../images/home/hp04.png); }
.product-content dl { width: 252px; text-align: center; margin: 0 auto; }
.product-content dt { font-size: 24px; line-height: 30px; color: #242C3B; height: 30px; margin-bottom: 10px; text-align:center}
.product-content dd { }
.product-content dd p { font-size: 12px; line-height: 20px; color: #777777; text-align: left; }
.product-content dd a { font-size: 14px; line-height: 20px; font-weight: 600; color: #343F48; text-decoration: none; display:block; margin: 10px auto 0 auto; text-align:center}
.product-content dd a i { margin-left: 6px; font-size: 16px; }

/* ===================
 * 全局底部版权信息等
 * =================== */
.footer { color: #FAFAFA; background-color: #242d3c; width: 100%; padding: 40px 0; }
.footer-container { width: 1000px; margin: 0 auto; overflow: hidden; }
.footer-container .left-side { float: left; }
.footer-container .site-name { margin-bottom: 15px; }
.footer-container .site-name a { vertical-align: top; margin-right: 10px; }
.footer-container .nav-about { font-size: 0; *word-spacing:-1px/*IE6、7*/;
margin-bottom: 8px; }
.footer-container .nav-about a,
.footer-container .nav-about i { font-size: 12px; color: #FFF; vertical-align: middle; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/;
*zoom:1/*IE7*/;
}
.footer-container .nav-about i { background-color: #FFF; width: 1px; height: 10px; margin-left: 10px; margin-right: 10px; }
.footer-container .site-intro { margin-bottom: 8px; }
.footer-container .right-side { font-size: 0; *word-spacing:-1px/*IE6、7*/;
float: right; }
.footer-container .right-side dl,
.footer-container .right-side .QRcode { font-size: 12px; color: #FFF; vertical-align: top; letter-spacing: normal; display: inline-block; *display: inline/*IE7*/;
*zoom:1/*IE7*/;
}
.footer-container .right-side dl dt { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.footer-container .right-side dl dd { font-size: 18px; margin-bottom: 20px; }
.footer-container .right-side dl dd.worktime { font-size: 12px; }
.footer-container .right-side .QRcode { width: 120px; height: 160px; margin-left: 20px; }
.footer-container .right-side .QRcode img { max-height: 120px; max-width: 120px; }

/* ===============
 * 顶部功能条
 * =============== */
.top-bar { background-color: #242D3C; width: 100%; height: 40px; }
.top-bar .left-side { line-height: 20px; color: #80DCFF; float: left; margin: 10px; }
.top-bar .left-side span { margin-right: 20px; }
.top-bar .left-side a { font-family: Verdana; text-decoration: none; color: #FFF; }
.top-bar .right-side { line-height: 20px; float: right; margin: 10px; }
.top-bar .right-side span { }
.top-bar .right-side a { text-decoration: none; color: #AAA; }
.top-bar .right-side a:hover { color: #FFF; }

.saas{ display:block; margin:0 auto; width:100%; height:670px; background:url(../images/banner-06.jpg) center no-repeat}
.index-java{ background: url(../images/home_java_bg.png) no-repeat 45% 50%; width: 100%; height: 500px; position: relative; z-index: 1;}
.index-java .index-java-content{ position: absolute; z-index: 1; top: 100px; left: 52%; margin-left:20px;}
.index-java .index-java-content h1{ font-size:36px; line-height: 48px; color: #343f48;}
.index-java .index-java-content h3 { font-size: 16px; line-height: 24px; margin-bottom: 20px; color: #343f48;}
.index-java .index-java-content p{ font-size:13px; line-height:24px; color: #777;}
.index-java .index-java-content a{ display: inline-block; padding: 15px 30px; margin-top: 35px; background-color: #F5F5F5; border: solid 1px #EEE; border-radius: 5px; font-size:14px; color:#343f48; line-height:24px;}
.index-java .index-java-content a:hover{ background: #333; border-color: #000; color:#fff}

.detail-saas,.detail-join{ display:block; width:100%;}
.detail-saas img,.detail-join img{ display:block; margin:0 auto}