@charset "utf-8";
/* CSS Document */
.head{width:100%; height:70px; position:fixed; z-index:10000; background:rgba(255,255,255,0); border-bottom:1px solid transparent; top:0;}
.relative-head{ height:70px; width:100%;}
.head .wrap{ position:relative; width:100%; padding:8px 90px; box-sizing:border-box;}
.head .wrap a.logo{ display:block; width:103px; height:54px; background-image:url(../../images/oa/base/logo.png); background-position:center center; background-repeat: no-repeat;
background-image: -webkit-image-set(url(../../images/oa/base/logo.png) 1x, url(../../images/oa/base/logo@2x.png) 2x);
background-image: -moz-image-set(url(../../images/oa/base/logo.png) 1x, url(../../images/oa/base/logo@2x.png) 2x);
background-image: -ms-image-set(url(../../images/oa/base/logo.png) 1x, url(../../images/oa/base/logo@2x.png) 2x);
background-image: -o-image-set(url(../../images/oa/base/logo.png) 1x, url(../../images/oa/base/logo@2x.png) 2x);}
.head .menu{ position:absolute; right:90px; top:10px;}
.head .menu li{ float:left; height:50px; line-height:50px;}
.head .menu li a{ color:#fff; display:block; height:100%; margin:0 20px; font-size:18px;}
.head .menu li a:after{  content:""; display:block; width:100%; height:2px; background:#03A6F0; transform:scale(0,1);}
.head .menu li button{ width:76px; height:34px; border-radius:4px; margin-left:10px;}
.head .menu li button.login{ background:#03A6F0; color:#fff; border:1px solid #03A6F0;}
.head .menu li button.login:hover{ background:#0691EF; box-shadow:0 4px 8px #0691EF;}
.head.fixed-head .menu li button.login:hover{ background:#0691EF; box-shadow:0 4px 8px #dcdcdc;}
.head .menu li button.register{ border:1px solid #fff; color:#fff; background:none;}
.head .menu li button.register:hover,.head.fixed-head .menu li button.register:hover{ border:1px solid #03A6F0; color:#03A6F0;}
.head .menu li a:hover,
.head.fixed-head .menu li a:hover,
.head .menu li.curr a,
.head.fixed-head .menu li.curr a{color:#03A6F0;}
.head .menu li a:hover:after,.head .menu li.curr a:after,.head.fixed-head .menu li a:hover:after{ background:#03A6F0; transform:scale(1,1);}
.head.fixed-head{  background:rgba(255,255,255,1); border-bottom:1px solid #dcdcdc; box-shadow: 0 2px 5px #dcdcdc;}
.head.fixed-head .menu li a{ color:#333;}
.head.fixed-head .menu li button.register{border-color:#999; color:#333; }
.head.fixed-head .wrap .logo{ background-image:url(../../images/oa/base/logo_black.png);
background-image: -webkit-image-set(url(../../images/oa/base/logo_black.png) 1x, url(../../images/oa/base/logo_black@2x.png) 2x);
background-image: -moz-image-set(url(../../images/oa/base/logo_black.png) 1x, url(../../images/oa/base/logo_black@2x.png) 2x);
background-image: -ms-image-set(url(../../images/oa/base/logo_black.png) 1x, url(../../images/oa/base/logo_black@2x.png) 2x);
background-image: -o-image-set(url(../../images/oa/base/logo_black.png) 1x, url(../../images/oa/base/logo_black@2x.png) 2x);}
.head .fixed-opacity{display: none;}
.head.fixed-head .opacity{display: none;}
.head.fixed-head .fixed-opacity{display: block;}
/*banner图*/
.banner0{ background-image:url(../../images/oa/home/banner0.jpg);
background-image: -webkit-image-set(url(../../images/oa/home/banner0.jpg) 1x, url(../../images/oa/home/banner0@2x.jpg) 2x);
background-image: -moz-image-set(url(../../images/oa/home/banner0.jpg) 1x, url(../../images/oa/home/banner0@2x.jpg) 2x);
background-image: -ms-image-set(url(../../images/oa/home/banner0.jpg) 1x, url(../../images/oa/home/banner0@2x.jpg) 2x);
background-image: -o-image-set(url(../../images/oa/home/banner0.jpg) 1x, url(../../images/oa/home/banner0@2x.jpg) 2x);}
.banner1{ background-image:url(../../images/oa/home/banner1.jpg);
background-image: -webkit-image-set(url(../../images/oa/home/banner1.jpg) 1x, url(../../images/oa/home/banner1@2x.jpg) 2x);
background-image: -moz-image-set(url(../../images/oa/home/banner1.jpg) 1x, url(../../images/oa/home/banner1@2x.jpg) 2x);
background-image: -ms-image-set(url(../../images/oa/home/banner1.jpg) 1x, url(../../images/oa/home/banner1@2x.jpg) 2x);
background-image: -o-image-set(url(../../images/oa/home/banner1.jpg) 1x, url(../../images/oa/home/banner1@2x.jpg) 2x);}
.banner2{ background-image:url(../../images/oa/home/banner2.jpg);
background-image: -webkit-image-set(url(../../images/oa/home/banner2.jpg) 1x, url(../../images/oa/home/banner2@2x.jpg) 2x);
background-image: -moz-image-set(url(../../images/oa/home/banner2.jpg) 1x, url(../../images/oa/home/banner2@2x.jpg) 2x);
background-image: -ms-image-set(url(../../images/oa/home/banner2.jpg) 1x, url(../../images/oa/home/banner2@2x.jpg) 2x);
background-image: -o-image-set(url(../../images/oa/home/banner2.jpg) 1x, url(../../images/oa/home/banner2@2x.jpg) 2x);}
.banner3{ background-image:url(../../images/oa/home/banner3.jpg);
background-image: -webkit-image-set(url(../../images/oa/home/banner3.jpg) 1x, url(../../images/oa/home/banner3@2x.jpg) 2x);
background-image: -moz-image-set(url(../../images/oa/home/banner3.jpg) 1x, url(../../images/oa/home/banner3@2x.jpg) 2x);
background-image: -ms-image-set(url(../../images/oa/home/banner3.jpg) 1x, url(../../images/oa/home/banner3@2x.jpg) 2x);
background-image: -o-image-set(url(../../images/oa/home/banner3.jpg) 1x, url(../../images/oa/home/banner3@2x.jpg) 2x);}
.banner4{ background-image:url(../../images/oa/home/banner4.jpg);
background-image: -webkit-image-set(url(../../images/oa/home/banner4.jpg) 1x, url(../../images/oa/home/banner4@2x.jpg) 2x);
background-image: -moz-image-set(url(../../images/oa/home/banner4.jpg) 1x, url(../../images/oa/home/banner4@2x.jpg) 2x);
background-image: -ms-image-set(url(../../images/oa/home/banner4.jpg) 1x, url(../../images/oa/home/banner4@2x.jpg) 2x);
background-image: -o-image-set(url(../../images/oa/home/banner4.jpg) 1x, url(../../images/oa/home/banner4@2x.jpg) 2x);}
.scroll-banner ul{position:relative; height:920px; width:100%; }
.scroll-banner ul li{ position:absolute; left:0; top:0; width:100%; height:920px; z-index:1; opacity:0;filter: alpha(opacity=0);background-repeat: no-repeat; background-position: center center;  
transition: opacity 1s ease;-moz-transition: opacity 1s ease; -webkit-transition: opacity 1s ease;-o-transition: opacity 1s ease;}
.scroll-banner ul li a.btn{position: absolute; bottom: 350px; left: 50%; margin-left: -90px; color:#fff;font-size: 20px; border:1px solid #fff; height: 56px; background: none; line-height: 56px; border-radius: 28px;}
.scroll-banner ul li a.btn:hover{ background: rgba(255,255,255,0.3); }
.scroll-banner ul li.banner2 a.btn{ bottom: 300px; }
.scroll-banner ul li.banner3 a.btn{bottom: 260px;}
.scroll-banner ul li.banner4 a.btn{bottom: 160px;}
.scroll-banner ul li.banner4 .cover-banner{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.scroll-banner ul li.hight-index{ z-index:9;opacity:1;filter: alpha(opacity=100);
transition: opacity 1s ease;-moz-transition: opacity  1s ease; -webkit-transition: opacity 1s ease; -o-transition: opacity  1s ease;}
.scroll-banner ol{display:inline-block; text-align:center; padding-left:0; position: absolute; left:50%; margin-left: -600px; width: 1200px; bottom:40px; z-index: 9999;}
.scroll-banner ol li{height:6px; width:16px; border-radius:3px; background-color: #313131; display: inline-block; margin:5px; cursor:pointer;
transition: width 1s ease;-moz-transition: width  1s ease;-webkit-transition: width  1s ease; -o-transition: width  1s ease; }
.scroll-banner ol li.curr{ width:35px; background-color: #B3AFA6;
transition: width 1s ease;-moz-transition: width  1s ease;-webkit-transition: width  1s ease;-o-transition: width  1s ease; }
.banner-info{ position: absolute; width: 1200px; left: 50%; margin-left: -600px; top:230px;z-index: 9999;}
.banner-info h2{ text-align: center; color:#fff; font-size: 60px; letter-spacing: 5px;}
.banner-info h2:after{ content: ""; position: absolute; display: block; width: 70px; height: 5px; background-color: #be1a1b; left: 50%; margin-left: -35px; top: 180px;}
.banner-info h4{ text-align: center; color:#fff; font-size: 24px; margin-top: 50px;}
.banner-info .btn{ width: 200px; height: 60px; line-height: 60px; border-radius: 30px; }
/*公用的模块名称加说明的样式*/
.module-title h2{ text-align:center; font-size:36px; font-weight:bold; color:#333;}
.module-title h2.fs-30{font-size: 30px; font-weight: 100;}
.module-title h2 span{ color:#04a7f1; letter-spacing:3px; font-size:50px;}
.module-title h5{ width:75px; height:4px; background:#ff9600;}
.module-title p{ font-size: 18px; color:#666; line-height: 1.7; text-align: center;}
.module-title p.tl{ text-align: left; }
.module-title.align-left h2{ text-align: left; }
.module-title.align-left p{ text-align: left; }
.module-title.align-left h5{ text-align: left; }

/*按钮样式*/
.btn{ width:180px; height:50px; border-radius:25px; color:#fff; font-size:18px; border:0; line-height:50px; text-align:center; display:block;}
.btn.btn-primary{ background:#be1a1b; color:#fff;}
.btn.btn-primary:hover{background:#881a10;/* box-shadow:0 4px 8px #c4c2c2;*/}
.btn.btn-white{ background:#fff; color:#03a6f0;}
/*.btn.btn-white:hover{ box-shadow:0 4px 8px #c4c2c2;}
.btn.btn-primary-bg:hover{ box-shadow: 0 4px 8px #333; }*/
/*首页样式*/
.module-name{ width:100%; padding:0 40px;}
.module-name li{ float:left; margin-left:20px; margin-right:20px; padding:50px 70px 40px 70px;position: relative; opacity: 0; position: relative; top: 100px;}
.module-name-row-1.active li{ opacity: 1;  top:0;
transition: top 1s ease 0s,opacity 1s ease 0s;
-moz-transition:  top 1s ease 0s,opacity 1s ease 0s;
-webkit-transition:  top 1s ease 0s,opacity 1s ease 0s;
-o-transition:  top 1s ease 0s,opacity 1s ease 0s;
-ms-transition: top 1s ease 0s,opacity 1s ease 0s;}
.module-name-row-1.active li.col-2{opacity: 1;  top:0;
transition: top 1s ease 0.25s,opacity 1s ease 0.25s;
-moz-transition:   top 1s ease 0.25s,opacity 1s ease 0.25s;
-webkit-transition:   top 1s ease 0.25s,opacity 1s ease 0.25s;
-o-transition:   top 1s ease 0.25s,opacity 1s ease 0.25s;
-ms-transition:  top 1s ease 0.25s,opacity 1s ease 0.25s;}
.module-name-row-1.active li.col-3{opacity: 1;  top:0;
transition: top 1s ease 0.5s,opacity 1s ease 0.5s;
-moz-transition:top 1s ease 0.5s,opacity 1s ease 0.5s;
-webkit-transition:top 1s ease 0.5s,opacity 1s ease 0.5s;
-o-transition:top 1s ease 0.5s,opacity 1s ease 0.5s;
-ms-transition:top 1s ease 0.5s,opacity 1s ease 0.5s;}
.module-name-row-1.active li.col-4{opacity: 1;  top:0;
transition: top 1s ease 0.75s,opacity 1s ease 0.75s;
-moz-transition:top 1s ease 0.75s,opacity 1s ease 0.75s;
-webkit-transition:top 1s ease 0.75s,opacity 1s ease 0.75s;
-o-transition:top 1s ease 0.75s,opacity 1s ease 0.75s;
-ms-transition:top 1s ease 0.75s,opacity 1s ease 0.75s;}
.module-name-row-2.active li{ opacity: 1;  top:0;
transition: top 1s ease 0s,opacity 1s ease 0s;
-moz-transition:  top 1s ease 0s,opacity 1s ease 0s;
-webkit-transition:  top 1s ease 0s,opacity 1s ease 0s;
-o-transition:  top 1s ease 0s,opacity 1s ease 0s;
-ms-transition: top 1s ease 0s,opacity 1s ease 0s;}
.module-name-row-2.active li.col-2{opacity: 1;  top:0;
transition: top 1s ease 0.25s,opacity 1s ease 0.25s;
-moz-transition:top 1s ease 0.25s,opacity 1s ease 0.25s;
-webkit-transition:top 1s ease 0.25s,opacity 1s ease 0.25s;
-o-transition:top 1s ease 0.25s,opacity 1s ease 0.25s;
-ms-transition:top 1s ease 0.25s,opacity 1s ease 0.25s;}
.module-name-row-2.active li.col-3{opacity: 1;  top:0;
transition: top 1s ease 0.5s,opacity 1s ease 0.5s;
-moz-transition:top 1s ease 0.5s,opacity 1s ease 0.5s;
-webkit-transition:top 1s ease 0.5s,opacity 1s ease 0.5s;
-o-transition:top 1s ease 0.5s,opacity 1s ease 0.5s;
-ms-transition:top 1s ease 0.5s,opacity 1s ease 0.5s;}
.module-name-row-2.active li.col-4{opacity: 1;  top:0;
transition: top 1s ease 0.75s,opacity 1s ease 0.75s;
-moz-transition:top 1s ease 0.75s,opacity 1s ease 0.75s;
-webkit-transition:top 1s ease 0.75s,opacity 1s ease 0.75s;
-o-transition:top 1s ease 0.75s,opacity 1s ease 0.75s;
-ms-transition:top 1s ease 0.75s,opacity 1s ease 0.75s;}

.test-beta{background-image:url(../../images/oa/home/test_bg.jpg);background-position:center bottom; background-repeat:no-repeat; height: 130px; width: 100%;}
.test-beta a{ display: block; line-height: 130px; width: 100%; min-width: 1200px; text-align: center; color:#fff; font-size: 36px; letter-spacing: 2px;}
.test-beta a img{ height: 36px; margin-left: 20px; vertical-align: -5px; }
.module-name li:hover{margin-top:-5px; background: #f4f4f4;}
.module-name li h2{ font-size:24px; margin-top:20px; position: relative;text-align: center;}
.module-name li h2:before{ position: absolute; content: ""; display: block; width: 40px; height: 5px; border-radius: 50%; background: #676767; left:50%; top: -15px; margin-left: -20px; display: none;}
.module-name li:hover h2:before{ display: block; }
.module-name li a{ position: absolute; display: block; left: 0;top: 0; right: 0; bottom:0; z-index: 999}
.function-intro{ background-color:#4EC1F5; background-image:url(../../images/oa/home/function_bg.png); background-position:center bottom; background-repeat:no-repeat; height:650px; position:relative;}
.function-intro ul{padding:0 24px; box-sizing:border-box; position:absolute; top:-85px;}
.function-intro ul li{ float:left; width:362px; height:600px; background:#fff; margin:0 12px; font-size:0; position: relative;top: 100px; opacity: 0;}
.function-intro ul li a{ position: absolute;; left: 0; top: 0; right: 0; bottom: 0; }
.function-intro ul li:hover{ box-shadow:0 5px 15px #999; margin-top:-5px;}
.function-intro.active ul li{opacity: 1;top:0;transition: top 1s ease 0s,opacity 1s ease 0s;}
.function-intro.active ul li.col-2{opacity: 1;top:0;transition: top 1s ease 0.25s,opacity 1s ease 0.25s;}
.function-intro.active ul li.col-3{opacity: 1;top:0;transition: top 1s ease 0.5s,opacity 1s ease 0.5s;}
.function-intro ul li .intro-1{ width:362px; height:397px; background-image:url(../../images/oa/home/intro_1.png); background-position:center center; background-repeat:no-repeat; font-size:0; padding:0; background-size:cover;
background-image: -webkit-image-set(url(../../images/oa/home/intro_1.png) 1x, url(../../images/oa/home/intro_1@2x.png) 2x);
background-image: -moz-image-set(url(../../images/oa/home/intro_1.png) 1x, url(../../images/oa/home/intro_1@2x.png) 2x);
background-image: -ms-image-set(url(../../images/oa/home/intro_1.png) 1x, url(../../images/oa/home/intro_1@2x.png) 2x);
background-image: -o-image-set(url(../../images/oa/home/intro_1.png) 1x, url(../../images/oa/home/intro_1@2x.png) 2x);}
.function-intro ul li .intro-2{ width:362px; height:397px; background-image:url(../../images/oa/home/intro_2.png); background-position:center center; background-repeat:no-repeat; font-size:0; padding:0; background-size:cover;
	background-image: -webkit-image-set(url(../../images/oa/home/intro_2.png) 1x, url(../../images/oa/home/intro_2@2x.png) 2x);
background-image: -moz-image-set(url(../../images/oa/home/intro_2.png) 1x, url(../../images/oa/home/intro_2@2x.png) 2x);
background-image: -ms-image-set(url(../../images/oa/home/intro_2.png) 1x, url(../../images/oa/home/intro_2@2x.png) 2x);
background-image: -o-image-set(url(../../images/oa/home/intro_2.png) 1x, url(../../images/oa/home/intro_2@2x.png) 2x);}
.function-intro ul li .intro-3{ width:362px; height:397px; background-image:url(../../images/oa/home/intro_3.png); background-position:center center; background-repeat:no-repeat; font-size:0; padding:0; background-size:cover;
	background-image: -webkit-image-set(url(../../images/oa/home/intro_3.png) 1x, url(../../images/oa/home/intro_3@2x.png) 2x);
background-image: -moz-image-set(url(../../images/oa/home/intro_3.png) 1x, url(../../images/oa/home/intro_3@2x.png) 2x);
background-image: -ms-image-set(url(../../images/oa/home/intro_3.png) 1x, url(../../images/oa/home/intro_3@2x.png) 2x);
background-image: -o-image-set(url(../../images/oa/home/intro_3.png) 1x, url(../../images/oa/home/intro_3@2x.png) 2x);}
.function-intro ul li h2{ font-size:26px; font-weight:bold; color:#333; text-align:center; margin-top:30px;}
.function-intro ul li p{ font-size:14px; color:#999; text-align:center; margin-top:20px; line-height:1.6;}
.function-intro a.btn{ position:absolute; bottom:60px; left:50%; margin-left:-90px;}
.weaver-intro{ background:url(../../images/oa/home/intro_bg.png) center center no-repeat #0077C9; height:405px;}
.weaver-intro .module-title h2{ color:#fff; font-size:46px; font-weight:100; font-family:微软雅黑;}
.weaver-intro .module-title h5{ width:230px; height:4px;}
.weaver-intro ul{ width:1100px; margin:auto; margin-top:50px;padding-left:100px;}
.weaver-intro ul li{ float:left; width:33.33%; color:#fff;}
.weaver-intro ul li h3{ font-size:38px;}
.weaver-intro ul li h3 span{ font-size:55px;}
.weaver-intro ul li h4{ font-size:18px; line-height:1.6; margin-top:5px;}
.parnter{ padding:0 0 0 32px;}
.parnter li{ float:left; margin-top:60px;}
.focus-viewpoint{ background:#F5F5F5; height:800px; box-sizing:border-box; position:relative}
/*.focus-viewpoint ul li{ float:left; width:280px; height:370px; background:#fff; padding:12px; box-sizing:border-box; margin:0 5px;}
.focus-viewpoint ul li:hover{ box-shadow:0 5px 10px #ccc; margin-top:-5px;}
.focus-viewpoint ul li:first-child{ margin-left:20px;}
.focus-viewpoint ul li h2{ border-left:3px solid #03A6F0; padding-left:5px; margin-top:20px; font-size:18px; color:#333; font-weight:bold; height:48px; overflow: hidden;}
.focus-viewpoint ul li p{ margin-top:25px; font-size:12px; color:#666; height: 65px; overflow:hidden;}
.focus-viewpoint ul li span{ color:#999; font-size:12px; margin-top:10px; display:inline-block;}*/
.focus-viewpoint a.more{ display:block; position:absolute;bottom:60px; font-size:16px; color:#999; text-align:center; left:50%; margin-left:-40px; padding-right:14px; background:url(../../images/oa/base/right-gray.png) right center no-repeat; background-size:auto 14px;}
.focus-viewpoint a.more:hover{ color:#666;  background:url(../../images/oa/base/right-black.png) right center no-repeat; background-size:auto 14px;}
.viewpoint-img{ width: 255px; height: 153px; background-position: center center; background-repeat: no-repeat;}
.bottom-bg{ background-image:url(../../images/oa/home/bottom_bg.png); background-position:center center; background-repeat:no-repeat; height:250px;
background-image: -webkit-image-set(url(../../images/oa/home/bottom_bg.png) 1x, url(../../images/oa/home/bottom_bg@2x.png) 2x);
background-image: -moz-image-set(url(../../images/oa/home/bottom_bg.png) 1x, url(../../images/oa/home/bottom_bg@2x.png) 2x);
background-image: -ms-image-set(url(../../images/oa/home/bottom_bg.png) 1x, url(../../images/oa/home/bottom_bg@2x.png) 2x);
background-image: -o-image-set(url(../../images/oa/home/bottom_bg.png) 1x, url(../../images/oa/home/bottom_bg@2x.png) 2x);}
h2.oa-intro{ color:#fff; font-size:36px;}

/*产品模块*/
.product-title{ font-size:44px; font-weight:bold;}
.pro-nav li{width:150px; position: relative; height:50px; display:inline-block; line-height:50px; font-size:16px; font-weight:70; 
text-align:center; border-radius:8px; color:#fff; cursor:pointer; margin:10px 30px; background: #D8D8D8;}
.pro-nav li a{ position: absolute; left: 0; right: 0; width: 100%; height: 100%; display: block; color:#fff; }
.pro-nav li:hover, .pro-nav li.active, .pro-nav li.active a, .pro-nav li a:hover{ color:#fff; font-size:20px; font-weight:80;line-height:50px;}
/*.document{ background:#FFE780}
.flow{ background:#9ED5FF}
.personnel{ background:#80E7CC}*/
.document:hover,.document.active{ background:#fdc62f}
.flow:hover,.flow.active{ background:#2ab6f7}
.personnel:hover,.personnel.active{ background:#be1a1b;}
.pro-list{margin-top:25px;}
.pro-list li{ display:inline-block; margin:25px 58px; cursor:pointer; position: relative;}
.pro-list li h2{ color:#cdcecd; margin-top:20px;}
.pro-list li:hover h2{ color:#333; }
.bg-f4f4f4{ background: #f4f4f4; }

/*移动模块*/
.mobile-banner{ width: 100%; height: 460px; background-image:url(../../images/oa/mobile/banner.png);background-position:center center;background-repeat: no-repeat; position: relative;
background-image: -webkit-image-set(url(../../images/oa/mobile/banner.png) 1x, url(../../images/oa/mobile/banner@2x.png) 2x);
background-image: -moz-image-set(url(../../images/oa/mobile/banner.png) 1x, url(../../images/oa/mobile/banner@2x.png) 2x);
background-image: -ms-image-set(url(../../images/oa/mobile/banner.png) 1x, url(../../images/oa/mobile/banner@2x.png) 2x);
background-image: -o-image-set(url(../../images/oa/mobile/banner.png) 1x, url(../../images/oa/mobile/banner@2x.png) 2x);}
.beta-banner{ width: 100%; height: 460px; background-image:url(../../images/oa/home/beta_banner.jpg);background-position:center center;background-repeat: no-repeat; position: relative;
background-image: -webkit-image-set(url(../../images/oa/home/beta_banner.jpg) 1x, url(../../images/oa/home/beta_banner@2x.jpg) 2x);
background-image: -moz-image-set(url(../../images/oa/home/beta_banner.jpg) 1x, url(../../images/oa/home/beta_banner@2x.jpg) 2x);
background-image: -ms-image-set(url(../../images/oa/home/beta_banner.jpg) 1x, url(../../images/oa/home/beta_banner@2x.jpg) 2x);
background-image: -o-image-set(url(../../images/oa/home/beta_banner.jpg) 1x, url(../../images/oa/home/beta_banner@2x.jpg) 2x);}
.mobile-banner .btn{ position:absolute; left: 50%; margin-left: -450px;top:270px;}
.mobile-menu{ width: 840px; }
.mobile-menu li{ float: left; width: 100px; margin:0 90px; text-align: center; padding-top:120px; position: relative;}
.mobile-menu li a{ position: absolute; left: 0; top:20%;display: block; width: 100%; height: 80%; }
.mobile-menu li h2{ font-size: 28px; color:#b2b2b2; }
.mobile-menu li:hover h2, .mobile-menu li.active h2{ color:#be1a1b; }
.mobile-menu li img{ width: 48px; margin-top: 20px; }
.mobile-menu li.app{background:url(../../images/oa/mobile/app.png) center center no-repeat; background-size: 48px 48px;}
.mobile-menu li.dingtalk{background:url(../../images/oa/mobile/dingtalk.png) center center no-repeat;background-size: 48px 48px;}
.mobile-menu li.wechat{background:url(../../images/oa/mobile/wechat.png) center center no-repeat;background-size: 48px 48px;}
.mobile-menu li.app.active,.mobile-menu li.app:hover{background:url(../../images/oa/mobile/app_hover.png) center center no-repeat; background-size: 48px 48px;}
.mobile-menu li.dingtalk.active,.mobile-menu li.dingtalk:hover{background:url(../../images/oa/mobile/dingtalk_hover.png) center center no-repeat;background-size: 48px 48px;}
.mobile-menu li.wechat.active,.mobile-menu li.wechat:hover{background:url(../../images/oa/mobile/wechat_hover.png) center center no-repeat;background-size: 48px 48px;}
.bg-CDF2FF{ background: #CDF2FF; }
.mb-60{ margin-bottom: -60px; }
.arrow-bottom{ width:46px; height: 27px; position:absolute; bottom:10px; left:50%;width:50px; height:50px; border-radius:25px;
 margin-left:-25px;-webkit-animation:downdown 2s infinite linear;cursor:pointer;}
@-webkit-keyframes downdown {
    0%{ bottom:20px}
	25%{bottom:10px;}
    50%{ bottom:0px;}
	75%{bottom:10px;}
	100%{bottom:20px;}
}
.btn-primary-white{ width: 150px; height: 50px; line-height: 50px; border-radius: 25px; font-size: 20px; color: #03a9f4; border:1px solid #03a9f4; background-color: none;
display: block; text-align: center; line-height: 50px; }
.btn-primary-white:hover{ color:#fff; background-color:#03a9f4; }
/*
.cases-banner{ 
	width: 100%; 
	height: 460px;
	background-image:url(../img/case/banner.png);
	background-position:center center;
	background-repeat: no-repeat; 
	position: relative;
	background-image: -webkit-image-set(url(../img/case/banner.png) 1x, url(../img/case/banner@2x.png) 2x);
	background-image: -moz-image-set(url(../img/case/banner.png) 1x, url(../img/case/banner@2x.png) 2x);
	background-image: -ms-image-set(url(../img/case/banner.png) 1x, url(../img/case/banner@2x.png) 2x);
	background-image: -o-image-set(url(../img/case/banner.png) 1x, url(../img/case/banner@2x.png) 2x);
}
*/
a.btn.cases-register{position: absolute; left: 50%; margin-left: -90px;  color:#fff; border:2px solid #fff; height: 48px; background: none; line-height: 48px; border-radius: 24px;}
a.btn.cases-register:hover{ background: rgba(255,255,255,0.3); }
.cases-banner a.btn.cases-register{bottom: 100px;}
/*
.estate-banner{ 
	width: 100%; 
	height: 460px; 
	background:url(../img/case/dtbanner.png) center center no-repeat;
	position: relative;
}*/
.financebanner{ 
	width: 100%; 
	height: 460px; 
	background:url(../img/case/dtbanner.png) center center no-repeat; 
	position: relative;
}
.catering-banner{ width: 100%; height: 460px; background:url(../../images/oa/case/catering/banner.png) center center no-repeat; position: relative;}
.medical-banner{ width: 100%; height: 460px; background:url(../../images/oa/case/medical/banner.png) center center no-repeat; position: relative;}
.logistics-banner{ width: 100%; height: 460px; background:url(../../images/oa/case/logistics/banner.png) center center no-repeat; position: relative;}
.government-banner{ width: 100%; height: 460px; background:url(../../images/oa/case/government/banner.png) center center no-repeat; position: relative;}
.manufacture-banner{ width: 100%; height: 460px; background:url(../../images/oa/case/manufacture/banner.png) center center no-repeat; position: relative;}
.food-banner{ width: 100%; height: 460px; background:url(../../images/oa/case/food/banner.png) center center no-repeat; position: relative;}
.education-banner{ width: 100%; height: 460px; background:url(../../images/oa/case/education/banner.png) center center no-repeat; position: relative;}
.clothing-banner{ width: 100%; height: 460px; background:url(../../images/oa/case/clothing/banner.png) center center no-repeat; position: relative;}
.construction-banner{ width: 100%; height: 460px; background:url(../../images/oa/case/construction/banner.jpg) center center no-repeat; position: relative;}
.integrate-banner{ width: 100%; height: 460px; background:url(../../images/oa/case/integrate/banner.png) center center no-repeat; position: relative;}
.estate-banner a.btn.cases-register{bottom: 70px;}
.financebanner a.btn.cases-register{bottom: 70px;}
.catering-banner a.btn.cases-register{bottom: 70px; margin-left: -100px;}
.medical-banner a.btn.cases-register{bottom: 90px;margin-left: -100px;}
.logistics-banner a.btn.cases-register{bottom: 90px;}
.government-banner a.btn.cases-register{bottom: 90px;margin-left: -100px;}
.manufacture-banner a.btn.cases-register{bottom: 90px;}
.food-banner a.btn.cases-register{bottom: 90px;}
.education-banner a.btn.cases-register{bottom: 90px;margin-left: -100px;}
.clothing-banner a.btn.cases-register{bottom: 90px;margin-left: -100px;}
.construction-banner a.btn.cases-register{bottom: 90px;margin-left: -100px;}
.integrate-banner a.btn.cases-register{bottom: 90px;margin-left: -115px;}
.integrate-banner .btn{ position: absolute; bottom: 90px; left: 50%; margin-left: -90px; }
.industry-list li{ float: left; position: relative; padding-left: 150px; width: 50%; box-sizing: border-box; height: 220px; margin-bottom: 60px;}
.industry-list li img{ position: absolute; left: 25px;}
.industry-list li h2{ font-size: 26px; color: #333; }
.industry-list li p{ font-size: 14px; color: #666; line-height: 1.6; margin-top: 20px;}
.industry-list li a{width: 90px; height: 32px; color:#be1a1b; font-size: 16px; background: #fff; border:1px solid #be1a1b;margin-top: 20px; border-radius:15px; display: block; text-align: center; line-height: 32px;}
.industry-list li a:hover{ background:#be1a1b; color:#fff;  }
.wrap-menu.industry-menu ul li{ margin: 0 10px; }
.case-detail{padding: 0 40px 0 40px; box-sizing: border-box;}
.case-detail h2{ font-size: 26px; color:#333; font-weight: bold; border-left: 4px solid #be1a1b; padding-left: 20px; height: 40px; line-height: 40px; margin-top: 60px;}
.case-detail p{ font-size: 18px; color:#666; line-height: 1.8; padding-left: 20px; margin-top: 20px; }
.case-detail ol{ padding-left: 20px;  margin-top: 20px;}
.case-detail ol li{ padding-left: 22px; position: relative;font-size: 18px; color:#666;line-height: 32px;}
.case-detail ol li:before{ position: absolute; content: ""; left: 3px; top:15px;  display: block; width: 6px; height:6px; background-color: #666; border-radius: 50%;}
.case-detail h3{ font-size: 34px; color: #333; text-align: center; margin-top: 80px;}
.case-detail h4{ font-size: 18px; color: #333; text-align: center; margin-top: 10px;}
.see-more{ display: block; width: 50px; height: 25px; margin:20px auto 20px auto;}
.see-more img{ transform: rotate(90deg); }
.see-more.current img{transform: rotate(270deg);}
.more-case-list p{ width: 25%; float: left; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; padding: 0;
font-size: 14px; color:#333; line-height:1.8; padding-right: 10px; box-sizing: border-box;}
.challenge{box-sizing: border-box;}
.challenge li{ float:left; width: 230px; height: 300px; background: #fff; margin:0 10px; text-align: center; box-sizing: border-box; padding-top: 40px;}
.challenge li p{ text-align: center; font-size: 16px; line-height: 1.8; margin-top:20px; }
.solution li{ display: inline-block; width:226px; height: 220px; margin: 0 10px; background: #f4f4f4; padding:20px 20px 0 20px; box-sizing: border-box;}
.solution li p{ font-size: 18px; color:#6666; text-align: left; line-height: 1.6; margin-top: 10px;}
.application li{ display: inline-block; width: 180px; height: 50px; background: #f4f4f4; line-height: 50px; text-align: center; font-size: 20px; color:#999; cursor: pointer; margin:0 5px;}
.application li.current,.application li:hover{ background: #be1a1b; color:#fff; }
.application-detail{ background: #f4f4f4; position: relative;  margin-top: 35px; padding:35px 60px; box-sizing: border-box;}
.application-detail p{ font-size: 18px; color:#666; line-height: 1.7; }
.application-detail:before{ display: block; content: ""; position: absolute; top: -55px; width: 0; height: 0; border:20px solid transparent; border-bottom: 35px solid #f4f4f4; }
.application-detail.detail0:before{left: 190px;}
.application-detail.detail1:before{left: 385px;}
.application-detail.detail2:before{left: 575px;}
.application-detail.detail3:before{left: 770px;}


/*场景*/
.finance-banner{ width: 100%; height: 460px; background:url(../../images/oa/experience/finance/banner.png) center center no-repeat; position: relative;}
.manager-banner{ width: 100%; height: 460px; background:url(../../images/oa/experience/manager/banner.png) center center no-repeat; position: relative;}
.newworker-banner{ width: 100%; height: 460px; background:url(../../images/oa/experience/newworker/banner.png) center center no-repeat; position: relative;}
.personnel-banner{ width: 100%; height: 460px; background:url(../../images/oa/experience/personnel/banner.png) center center no-repeat; position: relative;}
.project-banner{ width: 100%; height: 460px; background:url(../../images/oa/experience/project/banner.png) center center no-repeat; position: relative;}
.sales-banner{ width: 100%; height: 460px; background:url(../../images/oa/experience/sales/banner.png) center center no-repeat; position: relative;}
.finance-banner a{ position: absolute; left: 50%; margin-left: -422px;top: 290px;}
.manager-banner a{ position: absolute; left: 50%; margin-left: -550px;top: 290px;}
.newworker-banner a{ position: absolute; left: 50%; margin-left: -425px;top: 290px;}
.personnel-banner a{ position: absolute; left: 50%; margin-left: -440px;top: 290px;}
.project-banner a{ position: absolute; left: 50%; margin-left: -440px;top: 290px;}
.sales-banner a{ position: absolute; left: 50%; margin-left: -425px;top: 290px;}
.wrap-menu ul{ text-align: center;  background:url(../img/border.png) center bottom no-repeat;}
.wrap-menu ul li{ display: inline-block; width: 75px; height: 60px; line-height: 60px; margin: 0 20px; overflow: hidden;}
.wrap-menu ul li a{ display: block; font-size:16px; color:#c0c0c0; height: 53px; line-height: 53px; border-bottom: 2px solid #fff}
.wrap-menu ul li.active a,
.wrap-menu ul li:hover a{ border-bottom: 2px solid #be1a1b; color:#be1a1b; font-size:18px;}
.wrap-menu.partner ul li{ margin: 0 100px; width: 95px;}
.wrap-menu.weaver ul li{ margin: 0 100px; margin:0 55px;}
.exp-nav li{ float: left; width: 33.33%; text-align: center;}
.exp-nav li h2{ font-size: 18px; color:#666; margin-top: 40px;}

/*联盟*/
.partner-banner{ width: 100%; height: 460px; background-repeat: no-repeat;background-position: center center; position: relative;
background-image: -webkit-image-set(url(../../images/oa/partner/banner.png) 1x, url(../../images/oa/partner/banner@2x.jpg) 2x);
background-image: -moz-image-set(url(../../images/oa/partner/banner.png) 1x, url(../../images/oa/partner/banner@2x.jpg) 2x);
background-image: -ms-image-set(url(../../images/oa/partner/banner.png) 1x, url(../../images/oa/partner/banner@2x.jpg) 2x);
background-image: -o-image-set(url(../../images/oa/partner/banner.png) 1x, url(../../images/oa/partner/banner@2x.jpg) 2x);}
.partner-banner a.btn{position: absolute; bottom: 80px; left: 50%; margin-left: -90px; color:#fff;font-size: 20px; border:1px solid #fff; height: 56px; background: none; line-height: 56px; border-radius: 28px;}
.partner-banner a.btn:hover{ background: rgba(255,255,255,0.3); }
.flow-proxy{ width: 100%; height: 760px;  background-repeat: no-repeat;background-position: center center; }
.partner-intro p{ width:900px; margin:auto; font-size: 20px; color:#333; line-height: 1.8; text-align: center; }
.parnter-intro{ position: absolute; left: 50%;}
.parnter-intro h2{ font-size: 24px; color:#333; }
.parnter-intro p{ font-size: 18px; color:#666; line-height: 1.6; margin-top: 10px; }
.parnter-intro-1{ bottom:135px; margin-left:-580px;} 
.parnter-intro-2{ bottom:328px; margin-left:-540px;} 
.parnter-intro-3{ top:70px; margin-left:-128px;} 
.parnter-intro-4{ bottom:305px; margin-left:310px;} 
.parnter-intro-5{ bottom:135px; margin-left:360px;} 
.proxy-flow{ width: 1160px; border-radius: 10px; border:2px solid #C4C4C4; padding:30px 20px 50px 20px; position: relative;}
.proxy-flow .step{ position: relative; text-align: center; width: 315px;}
.proxy-flow .step.step1,.proxy-flow .step.step8{ width: 160px; margin-right:70px; }
.proxy-flow .step.step4,.proxy-flow .step.step5{ width: 260px; margin-left: 30px;}
.proxy-flow .step.step1 .guide,.proxy-flow .step.step8 .guide{ right: -100px}
.proxy-flow .step.step1,
.proxy-flow .step.step2,
.proxy-flow .step.step3,
.proxy-flow .step.step4{ height: 300px; }
.proxy-flow .step p{ font-size: 18px; color:#666; margin-top: 20px; text-align: center; line-height: 1.7;}
.proxy-flow .step .guide{ position: absolute; right: -30px; top:40px; }
.proxy-flow .step.step4 .guide{right: 105px; top:240px; transform: rotate(90deg);}
.proxy-flow .step.step6 .guide,
.proxy-flow .step.step7 .guide,
.proxy-flow .step.step8 .guide{ transform: rotate(180deg); }
.proxy-flow .btn{ position: absolute; bottom: -25px; left: 50%; margin-left: -90px; }
.our-location{ height: 400px; }
.our-location h2{ font-size: 35px; color:#fff; text-align: center; padding-top:65px;}
.our-location ul li{ float: left; background-color: #fff; width: 325px; height: 210px; margin:0 20px; text-align: center; padding-top: 25px; box-sizing: border-box;}
.our-location ul li p{ font-size: 20px; color:#666; position: relative; text-align: center; margin-top: 20px; padding-top: 35px; line-height: 1.6;}
.our-location ul li:last-child p{ padding-top: 25px; }
.our-location ul li p:before{ content: ""; display: block; width: 100px; height: 2px; background-color: #be1a1b; position: absolute; top: 0; left: 50%; margin-left: -50px;}
.partner-info ul li{ float: left; width: 348px; height: 426px; border-radius: 5px; background-color: #F5F5F5; position: relative; padding:95px 10px 0 10px; margin:0 8px; box-sizing: border-box;}
.partner-info ul li img{ position: absolute; left: 50%; top:-55px; margin-left: -55px;}
.partner-info ul li h2{ font-size:25px; color:#333; text-align: center; }
.partner-info ul li p{ font-size: 16px; color: #666; margin-top: 25px; line-height: 1.8;}
.dash-line{width: 720px; height: 55px; border:3px dashed #DDDDDD; margin: auto; border-top: 0; margin-bottom: 50px; position: relative;}
.dash-line:after{ content: ""; display: block; width: 0; height: 105px; position: absolute; left: 50%; margin-left: -1px; border-left: 3px dashed #ddd;top:0; }

/*新闻动态*/
.news-banner{
	background-image:url(../img/banner.png);
	background-position:center center;
	background-repeat: no-repeat; 
	height: 250px;
	/*
	background-image: -webkit-image-set(url(../../images/oa/dynamic/banner.png) 1x, url(../../images/oa/dynamic/banner@2x.png) 2x);
	background-image: -moz-image-set(url(../../images/oa/dynamic/banner.png) 1x, url(../../images/oa/dynamic/banner@2x.png) 2x);
	background-image: -ms-image-set(url(../../images/oa/dynamic/banner.png) 1x, url(../../images/oa/dynamic/banner@2x.png) 2x);
	background-image: -o-image-set(url(../../images/oa/dynamic/banner.png) 1x, url(../../images/oa/dynamic/banner@2x.png) 2x);
	*/
	}
.news-detail-banner{
	background-image:url(../img/banner1.png);
	background-position:center center;
	background-repeat: no-repeat; height: 250px;
	/*
	background-image: -webkit-image-set(url(../../images/oa/dynamic/detail/banner.jpg) 1x, url(../../images/oa/dynamic/detail/banner@2x.png) 2x);
	background-image: -moz-image-set(url(../../images/oa/dynamic/detail/banner.jpg) 1x, url(../../images/oa/dynamic/detail/banner@2x.png) 2x);
	background-image: -ms-image-set(url(../../images/oa/dynamic/detail/banner.jpg) 1x, url(../../images/oa/dynamic/detail/banner@2x.png) 2x);
	background-image: -o-image-set(url(../../images/oa/dynamic/detail/banner.jpg) 1x, url(../../images/oa/dynamic/detail/banner@2x.png) 2x);
	*/
	}
.dynamic-menu a{ display: inline-block; font-size: 16px; color:#c0c0c0; border-bottom: 2px solid #fff; height:40px; line-height: 40px; margin: 0 20px; width: 80px; }
.dynamic-menu a:hover,.dynamic-menu a.active{ border-bottom: 2px solid #be1a1b; color:#be1a1b; font-size: 18px; }
.news-list{ padding-left: 25px; }
.news-list li{ float: left; width: 270px; height: 350px; border:1px solid #dcdcdc; box-shadow: 0 0 2px #dcdcdc; border-radius: 3px;
	padding: 10px; box-sizing: border-box; position: relative; margin:40px 10px 0 10px;}
.news-list li:hover{box-shadow: 0 0 10px #dcdcdc; transform: scale(1.05,1.05); }
.news-list li img{ width: 248px; height: 160px; }
.news-list li h2{ font-size: 40px; color:#333; padding-left: 20px; margin-top: 20px;}
.news-list li h2 span{ font-size: 18px; color:#999; margin-left: 10px;}
.news-list li p{padding: 0 20px; font-size: 18px; color:#333; margin-top: 10px;}
.news-list li:after{ 
	content: ""; 
	display: block; 
	position: absolute; 
	width: 100%; 
	left: 0; 
	bottom: -5px; 
	height: 10px; 
	background-color: #be1a1b; 
	}
.w136{ width: 136px }
.news-list li a{ position: absolute; left: 0; top: 0; display: block; right: 0; bottom:0; }
.news-detail{ 
	width: 700px; 
	margin: auto; 
	margin-bottom: 60px; 
	position: relative; 
	margin-top: -200px; 
	float: left; 
	margin-left: 250px;
	}
.news-detail h2{ font-size: 35px; color:#333; }
.news-detail h5{ color:#999; font-size: 20px; margin-bottom: 20px;}
.news-detail p{ font-size: 16px; color:#666; line-height: 1.8; margin-top: 0px; }
.news-detail p img{ text-align: center; }
.relation{ float:left;width: 210px; border-left:2px solid #DBDBDB; padding-left: 10px; margin-left: 28px; margin-top: -150px; margin-bottom: 100px;}
.relation h2{ font-size: 20px; color:#333; }
.relation p{ font-size: 14px; color:#666; padding-left: 20px; background:url(../img/right.png) left center no-repeat; margin-top: 20px; line-height: 1.7;}

/*我们*/
.introdution-banner{ height: 460px;}
.contact-banner{ height: 460px; }
.recruit-banner{ height: 460px; }
.service-bg{ height: 835px;}
.service-bg .module-title h2{ color:#fff; }
.introdution-info p{ font-size: 16px; color:#666; line-height: 2; position: relative; text-indent:2em;}
.introdution-info p:before{ content: ""; position: absolute; left: 0; top:9px; width:13px; height: 13px; border-radius: 50%; background:#03A6F0;}
.introdution-info p.second:before{background:#F9BA4B;}
.introdution-info p.third:before{background:#8EC026;}
.weaver-service li{ display: inline-block; width: 310px; height: 240px; box-sizing: border-box; padding: 30px 0 0 0; background-color: #fff; 
vertical-align: top; margin:30px 20px; border-radius: 10px; }
.weaver-service li:last-child{ margin-left: 40px; }
.weaver-service li h2{ font-size: 33px; color: #be1a1b; line-height:1.8}
.weaver-service li p{ font-size: 18px; color: #999; padding:0 35px; line-height:1.8}
.weaver-glory{ width: 1200px;}
.weaver-glory li{ width: 50%; float: left; background: url(../../images/oa/weaver/introdution/reward.png) 50px center no-repeat; background-size: 22px auto;
	font-size: 20px; color:#333;  margin-top: 30px; line-height: 1.8; padding-left: 80px; box-sizing: border-box;}
.weaver-num{}
.weaver-num li{ display: inline-block; margin:45px 40px;}
.weaver-num li h2{font-size: 24px; color:#333; text-align: left; }
.weaver-num li h2 span{ font-size: 70px;  color:#333; text-align: left;}
.weaver-num li p{ font-size: 18px; color:#999; text-align: left; margin-top: 20px; line-height: 1.6;}
.weaver-num .second-row h2 span{ font-size: 48px; }

.recruit-intro h2{ font-size: 18px; color:#333; line-height: 2; text-align: center;}
.recruit-intro p{ font-size: 25px; color:#333; line-height: 2;text-align: center;}
.recruit-intro p span{ color:#be1a1b; }
.recruit-menu li{ display: inline-block; width: 335px; height: 84px; line-height: 84px; background-color: #fff; text-align: center; font-size: 24px; color:#666; margin: 0 11px; cursor: pointer; }
.recruit-menu li.curr{ font-weight: bold; color:#be1a1b; }
.recruit-detail li{ display: inline-block; width: 515px; margin:20px 11px; background-color: #fff;padding: 40px 30px; box-sizing: border-box; vertical-align: top;}
.recruit-detail li h2{ font-size: 25px; color:#333; }
.recruit-detail li h3{ font-size: 21px; color:#333;  padding-left: 20px; position:relative; margin-top: 20px;}
.recruit-detail li h3:before{ position: absolute; content: ""; display: block; left: 0; top: 4px; height: 22px; width: 5px; background-color: #be1a1b; }
.recruit-detail li p{ margin-top: 20px; font-size: 16px; color:#666; line-height: 1.6; }
.recruit-detail li p span{ color:#be1a1b; }

.general-map{background: url(../../images/oa/weaver/contact/map.png) center center no-repeat; height: 500px; }
.general-info{ background-color: rgba(3,165,240,0.8); width: 350px; height: 100%; position: absolute; top:0; left: 50%; margin-left: -550px;padding:110px 0 0 50px; box-sizing: border-box;}
.general-info h2{ color:#fff; font-size: 36px;}
.general-info h3{color:#fff; font-size: 18px;}
.general-info p{padding-left: 35px; color:#fff; font-size: 20px; margin-top: 16px; line-height: 1.6;}
.general-info p.phone{ background: url(../../images/oa/weaver/contact/phone.png) left center no-repeat; background-size: 28px auto;}
.general-info p.mail{ background: url(../../images/oa/weaver/contact/mail.png) left center no-repeat; background-size: 28px auto;}
.general-info p.position{ background: url(../../images/oa/weaver/contact/position.png) left center no-repeat; background-size: 28px auto;}
.leave-message h2{ font-size: 30px; color:#333; padding-left: 50px;}
.leave-message input{ width: 270px; height: 50px; box-sizing: border-box; padding:0; padding-left: 10px; font-size: 20px; color:#666; border:2px solid #dcdcdc; border-radius: 5px; margin-left: 50px; }
.leave-message textarea{ margin-left: 50px; width: 660px; height: 165px; outline: none; resize: none;padding:0; padding:5px 10px;box-sizing: border-box;  border:2px solid #dcdcdc; border-radius: 5px; font-size: 20px;color:#666;}
.contact-map{ height: 800px; margin-top: -50px; margin-bottom: -50px; }
.institution h2{ font-size: 30px; color:#333; margin-top: 40px; margin-bottom: 10px; position: relative; padding-left: 25px;}
.institution h2:before{ content: ""; display: block; width: 16px; height: 16px; background: #03A6F0; position: absolute; left: 0; top: 12px;}
.institution a,.city-list a{ font-size: 18px; color:#333; margin:10px 25px 10px 0; display: inline-block; }
.institution a:hover,.city-list a:hover{ color:#be1a1b; }
.city-list{ padding: 20px 30px; }

.institution .institution-list{ display: inline-block; }
.institution .institution-list2,.institution .institution-list4{ margin-left: 110px; }
.institution .institution-list1 h2:before{ background: #00E6F6; }
.institution .institution-list2 h2:before{ background: #34CD99; }
.institution .institution-list3 h2:before{ background: #F57241; }
.institution .institution-list4 h2:before{ background: #FDC72E; }
.institution .institution-list5 h2:before{ background: #25A899; }
.weaver-title,.province-title{ background: #be1a1b;  color:#fff; position: relative; height: 70px;border-top-left-radius:10px;border-top-right-radius:10px; box-sizing: border-box;;}
.weaver-title h2,.province-title h2{ text-align: left;  position: absolute; left: 30px; top: 10px; font-size: 28px; line-height: 50px;}
.weaver-title a,.province-title a{ position: absolute; right: 20px; top: 20px; }
.institution-detail{ padding:20px 30px; box-sizing: border-box;}
.institution-detail p{ font-size: 18px; color:#333; margin:10px 0; line-height: 36px; padding-left: 50px;  background-size: 30px auto; background-repeat: no-repeat; background-position: left center;}
.institution-detail p.phone{background-image: url(../../images/oa/partner/phone.png);}
.institution-detail p.email{background-image: url(../../images/oa/partner/mail.png);}
.institution-detail p.location{background-image: url(../../images/oa/partner/position.png);}
.contact-us h2{ text-align: center; font-size: 26px;color:#333;}
.contact-us p{ font-size: 18px; color:#666; line-height: 1.8; text-align: center; }
.contact-info{ box-sizing: border-box; padding-left: 80px; }
.head-quarter{ width: 285px; }
.head-quarter h1{ font-size: 36px; color:#be1a1b; line-height: 1; }
.head-quarter h1 span{ font-size: 18px; }
.head-quarter p a{font-size: 16px; color:#be1a1b;}
.head-quarter p a:hover{ text-decoration: underline; }
.head-quarter .head-quarter-info{font-size: 20px; color:#333; background-size: 37px auto; background-position: left center; padding:10px 0;
	line-height:1.6;background-repeat: no-repeat; padding-left: 55px;box-sizing: border-box;}
.head-quarter .phone{ background-image: url(../img/about/phone_black.png);}
.head-quarter .mail{ background-image: url(../img/about/mail_black.png);}
.head-quarter .location{ background-image: url(../img/about/position_black.png);}

/*底部公用样式*/
.foot{ background:#163144; padding-bottom:30px;}
.foot ul{box-sizing:border-box; padding-top:50px;}
.foot ul:after{content:""; clear:both; display:block; }
.foot li{ float:left; margin-right:55px; position:relative;}
.foot .foot-scan{ width:150px; text-align:center; margin-right:0;}
.foot .foot-scan p{ font-size:12px; text-align:center; color:#f0f0f0; line-height:2; margin-bottom:10px;}
.foot li h3{ width:90px; text-align:left; color:#dcdcdc; font-size:16px; height:30px; line-height:30px; position:relative;}
.foot li h3:before{ position:absolute; left:-12px; display:block; content:""; width:4px; height:22px; border-radius:0; background:#00A7ED; top:5px;}
.foot li p{ text-indent:0; text-align:left; line-height:2.4;}
.foot li p a{color:#999; font-size:14px;}
.foot li p a:hover{color:#fff;}
.foot p{color:#ffffff; font-size:12px; text-indent:0; text-align:center;}

.foot .nav{ height:100px; border-bottom:2px solid #0F7CB2; line-height:100px; padding:15px 0; box-sizing:border-box;}
.foot .nav .nav-bar{ width:33%; height:70px; line-height:70px; float:left; text-align:center; color:#fff; font-size:18px;  border-right:1px solid #14617D;}
.foot .nav .nav-bar span{ color:#04A6EF;}
.foot .nav .nav-bar:last-child{ border-right:0;}
.foot .nav .nav-bar img{ vertical-align:middle; margin-right:10px;}


/*登录注册模块*/
.cover-bg{ width:100%; height:100%; position:fixed; left:0; top:0; background:#000; background:rgba(0,0,0,.5); filter: alpha(opacity=50); z-index:10005;}
.pop-c{width:600px; height:657px; margin:auto; background:#fff; border-radius:10px; top:50%; margin-top:-300px; position:fixed;z-index:80000; left:50%; margin-left:-300px;}
.pop-c.register-c{width:450px; height:490px; margin-top: -270px; margin-left: -225px;}
.pop-c.register-d{width: 450px; height: 620px; margin-top: -320px; margin-left: -225px;}
.pop-c.join-c{width: 450px; height: 460px; margin-top: -230px; margin-left: -225px;}
.pop-c.register-d .experience-now button{ width: 320px; height: 52px; font-size: 20px; color:#fff; background: #be1a1b; margin:auto; border:0; border-radius:8px; color:#fff; margin-top: 20px; letter-spacing: 5px;}
.pop-c.register-d .verification-register button{width: 210px; height: 52px; font-size: 20px; color:#fff; background: #33cc66; margin:auto; border:0; border-radius:8px; color:#fff; margin-top: 30px;letter-spacing: 3px;}
.pop-c.register-d .verification{width: 95%; margin: auto; border-top: 1px solid #cdcdcd; padding: 30px 0 10px 0; text-align: center; margin-top: 35px;}
.pop-c.register-d .verification h2{ font-size: 20px; color:#333; }
.pop-c.register-d .verification p{ margin-top: 30px; font-size: 18px; color:#be1a1b;  text-align: center;}
.pop-c.pop-login{ height:400px;}
.pop-c.pop-weaver{ width:500px; height:auto; min-height: 300px; margin-top:-180px; margin-left: -250px;}
.pop-c.pop-province{ width: 500px; height: auto; min-width: 300px;  margin-top:-180px; margin-left: -250px;}
.pop-c .pop-title{font-size:24px;padding:20px 20px 0 0; text-align:center;}
.pop-c .pop-title a img{ vertical-align:-2px;cursor:pointer;}
.pop-c .pop-logo{ margin:auto; width:300px;margin-top:-5px; text-align:center}
.pop-c .pop-logo h2{font-size:30px; color:#333; text-align:center; font-weight: bold;}
.pop-c .pop-logo p{font-size:16px; color:#666; text-align:center; margin-top: 10px;}
.register-info{ padding:0 85px;}
.register-info li{margin-top:20px;}
.register-info li input{width:425px; height:45px; border:2px solid #dcdcdc; padding:0; border-radius:8px; padding-left:40px; box-sizing:border-box;font-size:16px;}
.register-info li.identity input{ background:url(../../images/oa/login/identify_code.png) 5px center no-repeat;}
.register-info li.phone input.get-phone{ width:425px;}
.register-info li.phone button{ width:115px; margin-left:30px; height:45px; border:2px solid #dcdcdc;border-radius:8px; color:#666; background:#fff; }
.register-info li.phone input{ width:280px; background:url(../../images/oa/login/phone_num.png) 5px center no-repeat;}
.register-info li.name input{ background:url(../../images/oa/login/name.png) 5px center no-repeat;}
.register-info li.company input{ background:url(../../images/oa/login/company.png) 5px center no-repeat;}
.register-info li.password input{ background:url(../../images/oa/password.png) 5px center no-repeat;}

.register-info li.mail input{background:url(../../images/oa/login/mail.png) 5px center no-repeat;}
.register-info.register-new{ margin-top: 30px; padding:0 69px;}
.register-info.register-new li input{ width:312px; border:0; border-bottom:1px solid #cecece; border-radius:0;color:#666;}
.register-info.register-new li.phone input{ width:312px;}
.register-info.register-new li.identity input{ width:200px;}
.register-info.register-new li.identity img{ width: 104px; height: 45px; margin-left: 0 !important;vertical-align: bottom; }
.register-info.register-new li.identity button{ width: 104px; height: 45px; background: #0086ff; color:#fff; font-size: 14px; border: 0; border-radius: 3px;}
.pop-c .register-login button{ width:425px; height:45px; font-size:20px; background:#03A6F0; margin:auto; border:0; border-radius:8px; color:#fff;}
.pop-c .register-info.register-new .register-login button{ width:312px; height:45px; font-size:20px; background:#BE1A1B; margin:auto; border:0; border-radius:8px; color:#fff; margin-top: 10px;}
.pop-c .to-login{ margin:auto; margin-top:20px;}
.pop-c .to-login p{ text-align:center; font-size:14px; color:#666;}
.pop-c .to-login p a{ color:#03A6F0;}


.fixed-right{ position: fixed; right: 40px; top: 50%;margin-top: -65px; z-index:10002; display: none}
.fixed-right.show{ display: block; }
.fixed-right ul li{ position: relative; background-color: #03A6F0; width: 45px; height: 45px; background-position: center center; 
	background-repeat: no-repeat; background-size: 45px auto; border-radius: 5px; margin-top: 20px; cursor: pointer;}
.fixed-right ul li:hover{ background-color:#0081BF;  }
.fixed-right .consult{background-image:url(../../images/oa/consult.png);}
.fixed-right .return-top{background-image:url(../../images/oa/return_top.png);}
.fixed-right .consult div{ border:2px solid #C4C4C4; background: #fff; border-radius: 6px; position: absolute; width: 252px; height: 110px; padding: 10px;  box-sizing: border-box; right: 65px; top: -30px; opacity: 0;
display: none;transition: display 0.1s ease 0, opacity 0.9s ease 0.1s;}
.fixed-right .consult.current div{ opacity: 1;display:block;transition: display 0.1s ease 0, opacity 0.9s ease 0.1s; }
.fixed-right .consult div:before{ content: ""; position: absolute;border:6px solid transparent; border-left: 16px solid #c4c4c4; right: -24px; z-index: 3; top: 42px;}
.fixed-right .consult div:after{content: ""; position: absolute;border:6px solid transparent; border-left: 16px solid #fff; right: -20px; z-index: 4; top: 42px;}
.fixed-right .consult h2{ font-size: 18px; color:#0680ef; border-bottom: 1px  solid #c4c4c4; line-height: 1.8; padding-bottom: 3px; margin-bottom: 2px;}
.fixed-right .consult h2 span{ font-weight: 400; }
.fixed-right .consult p{ line-height: 1.6; font-size: 16px; color:#999; position: relative; padding-left: 15px;}
.fixed-right .consult p:before{ position: absolute; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #C4C4C4; content: "";
left: 0;top: 12px; }

.copyright{background: #122B3A; text-align: center;}
.copyright p,.copyright p a{ font-size: 14px; color:#585858; line-height: 1.8; text-align: center;}
.copyright p a:hover{ color:#999; }
.copyright p img{vertical-align: -5px;}
#newBridge{
	z-index:10002 !important;
}
#newBridge .nb-icon-skin-0 .nb-icon-inner-wrap{
	width: 45px !important;
	height: 45px !important;
}
#newBridge .icon-right-bottom{
	width: 45px !important;
	height: 45px !important;
	top: 50% !important;
	right: 40px !important;
	margin-top: -110px !important;
	display: none;
	border-radius: 5px !important;
}
#newBridge .nb-icon-skin-0 .nb-icon-inner-wrap .nb-icon-bridge-base{
	cursor: pointer !important;
	background-image:url(../../images/oa/base/customer_service.png) !important;
	width: 45px !important;
	height: 45px !important;
	background-position: center center !important; 
	background-repeat: no-repeat !important; 
	background-size: 45px auto !important;
	margin:0!important;
	background-color: #03A6F0 !important;
	
}
#newBridge .nb-icon-skin-0 .nb-icon-inner-wrap .nb-icon-bridge-base:hover{
	background:none !important;
	color:#fff!important;
	font-size: 22px!important;
}
#newBridge .nb-icon-skin-0 .nb-icon-inner-wrap .nb-icon-bridge-base:hover div{
	transition: color 0s ease 0s;
	width: 45px;
	text-align: center;
	font-size: 16px;
	letter-spacing: 2px;
	line-height: 20px;
	padding-top:3px;
	box-sizing: border-box;
}
#newBridge .nb-icon-base .nb-icon-bridge-base{
	left: 0!important;
	top: 0!important;
}
.test-beta-content{
	width: 1180px;
	box-sizing: border-box;
	padding: 60px 155px;
	margin:auto;
	box-shadow: 5px 5px 8px #dcdcdc;
	border:1px solid #f8f8f8;
	margin-top: -170px;
	position: relative;
	background: #fff;
}
.test-beta-content h2{ text-align: center; font-size: 28px; color: #333; font-weight: bold; margin-bottom: 30px}
.test-beta-content p{ font-size: 16px; color: #666; line-height: 1.8;}
.test-beta-content h3{ margin-top: 30px; font-size: 20px; color: #555; font-weight: bold; margin-bottom: 10px;}
.test-beta-content .user-info { position: relative; }
.test-beta-content .user-info input{ width: 210px; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 10px; border-radius: 10px; margin-right: 30px; border:1px solid #d3d3d3; font-size: 18px; color:#333;}
.test-beta-content .user-info input.company{ width: 350px; }
.test-beta-content .user-info textarea{ width: 700px; height: 100px; font-size: 18px; color:#d3d3d3; resize: none; border-radius: 10px; border: 1px solid #d3d3d3; box-sizing: border-box; outline: none;  color:#333;}
.test-beta-content .user-info input:focus,.test-beta-content .user-info textarea:focus{ border: 1px solid #03A6F0; }
.test-beta-content .user-info img{ position: absolute; right: 36px; }
.test-beta-content .user-info p{ font-size: 18px; color: #999; }
.test-beta-content .user-info button{ font-size: 22px; background: #03a6f0; color:#fff; height: 50px; border-radius: 24px; width: 160px; border: 0;margin-top: 20px; }

/*授权*/
.trial-content{width: 100%; height: 100%;position: fixed;_position: absolute;top: 0;left: 0;min-width: 1000px;z-index: -10;background-position: center 0;background-repeat: no-repeat;background-size: cover;-webkit-background-size: cover;-o-background-size: cover;zoom: 1;
     background-image: url(../../images/oa/trail/bg.jpg); z-index: 0; overflow: auto;}
.trial-info{ width: 550px; background: #fff; border-radius: 5px; margin: auto; margin-top: 75px;}
.trial-info h2{ width: 500px; margin: auto; padding-top: 10px; height: 70px; line-height: 70px; text-align: center; color:#0099ff;  font-size: 30px; border-bottom:2px solid #eee;}
.trial-info p{ color:#666;  font-size: 12px; text-align: center; margin-top: 30px; line-height: 1.6;}
.trial-info .register-info{padding: 10px 65px 60px 65px;}
.trial-info .register-info input{ width: 420px; border:1px solid #999; font-size: 14px; border-radius: 5px;}
.trial-info .register-info input:focus{ border-color: #009aff;  box-shadow: 0 0 1px #009aff}
.trial-info .register-info input#phone{width: 420px;}
.trial-info .register-info input#applyCode{ width: 260px; }
.trial-info .register-info input#captchaCode{ width: 260px; }
.trial-info .register-info button#getApplyCode{width: 130px;margin-left: 30px;height: 45px;border-radius: 5px;border: 2px solid #009AFF;color: #fff;background: #009AFF; font-size: 14px;}
.trial-info .register-info button#getApplyCode:hover{ border-color: #0389E0; background:#0389E0; }
.trial-info .register-info button#applyButton{width: 420px;height: 45px;border: 2px solid #009AFF;border-radius: 5px;color: #fff;background: #009AFF; font-size: 16px;}
.trial-info .register-info button#applyButton:hover{ border-color: #0389E0; background:#0389E0; }
.trial-info .trial-fail{ width: 100%; height:400px; background-position:center 110px; background-image:url(../../images/oa/trail/approval.png); background-size: 237px 235px; background-repeat: no-repeat;}
.trial-info .trial-success{width: 100%; height:400px; background-position:center 110px; background-image:url(../../images/oa/trail/success.png); background-size: 237px 235px; background-repeat: no-repeat;}
.trial-info h3{ font-size: 30px; color:#0099ff; text-align: center; line-height: 50px;}
.trial-info h5{ color:#666; font-size: 16px;  text-align: center; margin-top: 20px;}
.trial-info.trial-info-content{ height: 600px; }