@import url(public.css);

/*head*/
#head { width:100%; height:50px; background:#000; position:fixed; _position:absolute; top:0px; z-index:1000;}
#head .top { width:1003px; height:50px; line-height:50px;}
.MenuIcon,.MenuIcon-pro { display:none;}
#head .menu { font-size:14px; font-weight:bold; position:relative;}
#head .menu ul {}
#head .menu li { width:125px; text-align:center; float:left; cursor:pointer;}
#head .menu li a { color:#fff; display:block; text-align:center; padding:0 0px; position:relative; z-index:101;}
#head .menu li a:hover { text-decoration:none; color:#fff; background:#313131;}
#head .menu .arrow { width:125px; height:50px; background:#333; position:absolute; left:0px; top:15; z-index:100;}
#head .menu .cur a { color:#fff;}
.fix-menu1 { position:fixed; _position:absolute; top:0px; margin:0;}
.fix-menu2 { margin-top:0px;}

.pro-div:hover>.pro-nav { display:block;}
.pro-nav { display:none;}
.pro-nav li { background:#1b1b1b;}
.pro-nav>li:hover { background:#313131;}
.pro-nav li a { font-size:14px; line-height:34px; color:#fff;}

/*场景导航*/
.nav { width:38px; height:290px; background:url(../images/nav.png); position:fixed; top:0px; right:30px; z-index:12;}
.nav .ac { width:14px; height:14px; margin:11px 0 0 12px; cursor:pointer;}
.nav .ac.active b {  width:30px; height:20px; background:url(../images/bw.png) no-repeat; display:inline-block; margin:0px 0 0 -9px;}

/*场景引导箭头*/
.divtop { width:38px; height:60px; position:fixed; bottom:10px; left:50%; margin-left:-19px; z-index:11;}
.btntop { width:38px; height:19px; margin-top:30px; z-index:11; cursor:pointer;}

/*场景*/
.back { width:100%; height:1000px; overflow:hidden;}
.a1,.a2,.a3,.a4,.a5,.a6,.a7,.a8 { width:100%; position:relative;}

.a1 { background:#e3f0ff url(../images/scen1.jpg) no-repeat left top; z-index:1;}
.a2 { background:#fff; z-index:2;}
.a3 { background:#5c86c2 url(../images/scen2.jpg); z-index:3;}
.a4 { background:#4cc1e9 url(../images/home-globe2.png) right bottom no-repeat; z-index:4;}
.a5 { background:#f3bf2e; z-index:5;}
.a6 { background:#49c9af; z-index:6;}
.a7 { background:#a2c371; z-index:7;}
.a8 { background:#008cd7; z-index:8;}

/*场景公共*/
.scen-wrap { width:100%; height:1000px; position:relative;}
.secn1-iPbtn,.secn1-iPbtn:hover,.secn1-Adbtn,.secn1-Adbtn:hover { width:180px; height:60px; background:url(../images/icon.png) no-repeat; border:none;}
.secn2-ico1,.secn2-ico2,.secn2-ico3,.secn2-ico4,.secn2-ico5,.secn2-ico6 { width:42px; height:42px; background:url(../images/icon.png) no-repeat; display:block;}
.secn3-nav,.secn3-nav li.cur,.iphone,.iphone2,.android,.android2,.casebtn,.casebtn:hover { background:url(../images/icon.png) no-repeat; border:none;}

/*场景1*/
.secn1 { width:80%; margin:0 auto;}
.secn1-left { width:45%; margin-top:10%; margin-left:4%;}
.phone-pc { width:100%;}
.secn1-tb { padding:90px 0 0 0;}
.secn1-right { width:40%; padding-top:17%; float:right; line-height:36px;}
.secn1-right>img { width:100%;}
.secn1-right a { color:#f00;}
.secn1-right a:hover { color:#c00;}
.secn1-text2 { width:360px; padding:0 0 0 10px; line-height:30px;}
.secn1-iPbtn {  cursor:pointer;}
.secn1-iPbtn:hover { background-position:0px -66px;}
.secn1-Adbtn { background-position:-184px 0px; cursor:pointer;}
.secn1-Adbtn:hover { background-position:-184px -66px;}
.iPhone-down-btn { float:left; margin-top:10%;}
.Android-down-btn { float:left; margin-top:10%;}
.iPhone-down,.Android-down { width:153px; height:180px; background:#fff; line-height:18px; padding:10px;}


/*场景2*/
.secn2 { width:80%; padding-top:7%; margin:0 auto;}
.secn2 h1 { text-align:center;}
.secn2 h2 { text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.secn2 dl { width:45%; margin:6% 2% 0 2%; font-size:16px; float:left;}
.secn2 dt { padding:0 5px 0 0; float:left;}
.secn2 dd { }
.secn2 dd span { font-size:18px; font-weight:bold;}
.secn2-ico1 { background-position:0px -146px;}
.secn2-ico2 { background-position:-62px -146px;}
.secn2-ico3 { background-position:-124px -146px;}
.secn2-ico4 { background-position:-186px -146px;}
.secn2-ico5 { background-position:-248px -146px;}
.secn2-ico6 { background-position:-310px -146px;}
.secn2-ractive { left:0;}
.secn2-water { width:100%; background:#e5fbf9; overflow:hidden;}
.secn2-water span { position:absolute;}
.secn2-water .water { width:200%; height:100%; background:url(../images/water1.png) repeat-x bottom; top:39px; left:auto; right:0px;}
.secn2-water .water2 { background: url(../images/water2.png) repeat-x bottom; top:19px;}


/*场景3*/
.secn3 { width:100%;}
.secn3 h1 { text-align:center; color:#fff;}
.secn3 h2 { text-align:center; color:#fff; font-weight:normal; line-height:30px;}
.secn3 .iphonepic { width:100%!important; padding-top:5%;}
.iphonepic1 { width:80%; margin:0 auto;  position:relative;}
.icon { width:80%; margin:0 auto; padding-top:4%;}
.icon>li { width:10%; float:left; margin:2%;}
.icon>li>img { width:80%; display:block; margin:0 auto;}
.text { font-size:18px; color:#fff; text-align:center;}


/*场景4*/
.secn4 { width:100%; margin-top:4%;}
.secn4 h1 { text-align:center; color:#fff;}
.secn4 h2 { text-align:center; color:#fff; font-weight:normal; line-height:30px;}
.secn4>div { width:70%; margin:0 auto;}
.secn4 .flow-pic1 { width:100%; margin:0 auto;}
.secn4 .flow-pic1 { position:relative; z-index:3;}




/*场景5*/
.secn5 { width:100%; margin-top:4%; height:30px!important;}
.secn5 h1 { width:100% !important; text-align:center; color:#fff;}
.secn5 h2 { width:100% !important; text-align:center; color:#fff; font-weight:normal; line-height:30px; height:30px!important; }
.secn5>div { width:60%; margin:0 auto; padding-top:1%;}
.secn5 .budget-pic1 { width:100%;}
/*.secn5 .budget-pic1 { position:absolute; left:80px; top:80px; z-index:2;}
.secn5 .budget-pic2 { position:absolute; left:760px; top:100px; z-index:1;}*/





/*场景9*/
.secn6 { width:100%; margin-top:7%;}
.secn6 h1 { text-align:center; color:#FFF; padding-bottom:20px;}
.allbrand1 { width:80%; margin:0 auto;}
.secn6 .allbrand1 .brand1 { width:100%; margin-top:2%; overflow:hidden;}
.secn6 .allbrand1 .brand1 a { width:14%; height:auto; margin:0 1% 5% 1%; float:left; text-align:center; color:#fff;}
.secn6 .allbrand1 .brand1 a img { width:100%; height:auto !important; border:1px solid #c7c9cd;}
.secn6 .allbrand1 .brand1 a b { width:100%; height:auto !important; background:#333; border:1px solid #c7c9cd; display:none; cursor:pointer; overflow:hidden;}
.casemore { text-align:center;}
.casebtn { width:200px; height:50px; background-position:0px -314px; color:#fff; text-align:center; cursor:pointer;}
.casebtn:hover { background-position:0px -374px;}


/*场景10*/
.secn7 { width:100%; margin-top:7%;}
.secn7 h1 { text-align:center; color:#fff; padding-bottom:20px;}
.secn7 ul { width:80%; margin:0 auto;}
.secn7 li { float:left; width:33.33%; height:auto; margin-bottom:4%;}
.secn7 li img { width:80%; display:block; margin:0 auto; cursor:pointer;}



/*场景11*/
.secn8 { width:100%; margin-top:7%;}
.secn8 a { color:#fff;}
.secn8 a:hover { color:#ff0;}
.secn8 .contactlist { width:90%; margin:0 auto; color:#fff;}
.secn8 .contactlist dl { width:20%; text-align:center; padding:0 2%; border-right:#3392ff 1px solid; line-height:30px; float:left;}
.secn8 .contactlist dt { font-size:16px; font-weight:bold;}
.secn8 .contactlist dd { font-size:14px; }
.secn8 .links { width:80%; margin:0 auto; height:45px; color:#fff; line-height:45px; border:#3fa5ff 1px solid; border-width:1px 0; margin-top:20px;}
.secn8 .links span { font-size:14px; font-weight:bold; float:left;}
.secn8 .links ul { }
.secn8 .links li { width:90px; float:left;} 
.secn8 .copyright { text-align:center; line-height:24px; font-family:Arial, Helvetica, sans-serif; color:#fff; padding-top:15px;}


/*产品介绍*/
.oa-about { margin:50px 0px 0px 0px; background:#e3f0ff url(../images/scen1.jpg) no-repeat left top; line-height:30px; overflow-y:auto}
.oa-about-con { width:1003px; margin-bottom:30px;}
.oa-about .bar { height:50px; background:url(../images/oa-about-barline.gif) no-repeat; line-height:50px; padding:0px 0px 0px 30px;}
.oa-about .contentbg { padding:10px 30px 50px 30px; background:#fff url(../images/oa-about-dj.png) no-repeat right bottom;}
.tablebk { }
.tablebk tr { text-align:center;}
.tablebk td { border:#b0d0e8 1px solid; padding:5px;}
.tablebk em { color:#f60;}
.tablebk .title { background:#ccdeec; text-align:center; font-weight:bold;}
.tablebk .bar { background:#ccdeec;}
.tablebk .left { text-align:left;}
.tablebk a { color:#333;}
.tablebk a:hover { color:#f00;}
.min { min-width:80px;}
.tablenone{ display:none;}

/*成功案例*/
.allbrand .brand { width:980px; margin:20px 0 0 0;}
.allbrand .brand a { width:142px; height:67px; line-height:65px; margin:0 50px 30px 0; display:inline; position:relative; float:left; text-align:center; color:#fff;}
.allbrand .brand a img { width:140px; height:65px; border:1px solid #c7c9cd; position:absolute; left:10px;}
.allbrand .brand a b { width:138px; height:0; background:#333; border:1px solid #c7c9cd; display:none; position:absolute; top:36px; left:10px; cursor:pointer; overflow:hidden;}

/*资质荣誉*/
.zzry { padding:20px 0px 0px 10px;}
.zzry ul {}
.zzry li { width:258px; height:168px; background:url(../images/icon.png) -10px -434px no-repeat; padding:15px 0 0 15px; margin:0px 30px 30px 0; float:left; cursor:pointer;}

.font12,.telphone { display:none;}


@media screen and (max-width: 992px) {
.nav { display:none;}
.scen-wrap { width:96%; height:auto;}
.back { width:100%; height:auto; min-height:0px; min-width:0px; overflow:hidden;}

/*head*/
.fl img { width:90%;}
#footer { display:none;}
#head .top { width:90%; height:50px; line-height:50px; margin:0 auto;}
.menu { display:none;}
.MenuIcon { height:50px; float:right; position:relative; display:block;}
.wap-menu { width: cursor: pointer; height:20px;}
.wap-menu img { float:right; padding-top:12px; padding-left:20px;}
.NavMenuSmall,.NavMenuSmall-pro { position:absolute; right:-20px; top:50px; display:none;}
.NavMenuSmall li,.NavMenuSmall-pro li { width:130px; height:40px; background:#1b1b1b;}
.NavMenuSmall li a,.NavMenuSmall-pro li a { font-size:16px; color:#fff; display:block; text-align:center; line-height:40px;}

.MenuIcon-pro { height:50px; float:right; position:relative; display:block; margin-right:10px;}
.menu-toggle-pro { width: cursor: pointer; height:20px;}
.menu-toggle-pro img { float:right; padding-top:12px; padding-left:20px;}



/*场景1*/
.secn1 { width:90%; margin:0 auto; padding-top:20%;}
.secn1-left { width:90%;}
.secn1-right { width:100%; float:none; line-height:36px;}
.secn1-right>img { padding-top:10%; padding-left:10px;}
.secn1-right>span { padding-left:10px; font-size:0.9em;}
.iPhone-down-btn,.Android-down-btn { display:none;}



/*场景2*/
.secn2 { width:90%; padding-top:30%;}
.secn2 dl { width:45%; margin:10% 2% 0 2%; font-size:14px;}


/*场景3*/
.secn3 { width:100%; padding-top:20%}
.secn3 h1 { text-align:center; color:#fff;}
.secn3 h2 { text-align:center; color:#fff; font-weight:normal; line-height:30px;}
.secn3 .iphonepic { width:100%!important; padding-top:4%;}
.iphonepic1 { width:100%; margin:0 auto;}
.icon { width:80%; margin:0 auto; padding-top:6%;}
.icon>li { width:20%; float:left; margin:2.5%;}
.icon>li:nth-child(21) { display:none;}
.icon>li>img { width:80%;}
.text { font-size:12px;}



/*场景4*/
.secn4 { margin-top:30%;}
.secn4>div { width:150%; margin:0 auto; position:relative; left:-25%; padding-top:10%;}
.secn4 .flow-pic1 { width:100%;}



/*场景5*/
.secn5 { margin-top:30%;}
.secn5>div { width:100%; padding-top:30%;}


/*场景6*/
.secn6 { margin-top:25%;}
.allbrand1 { width:100%;}
.secn6 .allbrand1 .brand1 { width:100%; margin:8% 0 0 0; overflow:hidden;}
.secn6 .allbrand1 .brand1 a { width:31%; margin:0 1% 10% 1%;}
.secn6 .allbrand1 .brand1 a img { width:100%; height:auto;}
.casemore { text-align:center;}
.casebtn { width:200px; height:50px; background-position:0px -314px; color:#fff; text-align:center; cursor:pointer;}
.casebtn:hover { background-position:0px -374px;}


/*场景7*/
.secn7 { margin-top:25%;}
.secn7 ul { width:100%; padding-top:8%;}
.secn7 li { float:left; width:50%; height:auto; margin-bottom:10%;}
.secn7 li img { width:95%; display:block; margin:0 auto; cursor:pointer;}


.a8,.secn8 { display:none;}



/*产品介绍*/
.oa-about-con { width:95%; margin-bottom:5%;}
.oa-about .bar { height:50px; background:url(../images/oa-about-barline.gif) no-repeat; line-height:50px; padding:0px 0px 0px 30px;}
.oa-about .contentbg { padding:10px 30px 50px 30px; background:#fff url(../images/oa-about-dj.png) no-repeat right bottom;}
.about-img,.wmys { width:100%; height:auto; }
.wmys { position:relative; left:-10%;}
.solo-style { display:none;}
.logo-none { display:none;}
.width-size td { width:auto;}
.font12 { width:116%; position:relative; left:-8%; font-size:11px; display:block; margin-bottom:30px;}
.copyright-img img { width:49%; height:auto;}
.min { min-width:50px;}
.tablenone { display:block; width:120%; position:relative; left:-10%; margin-bottom:30px;}
.width1 { width:25%;}
.width2 { width:20%;}
.width3 { width:25%;}
.width4 { width:20%;}
.red a { color:#F00;}
#noneline { border:#fff; height:20px;}
.width-size { display:none;}

/*直拨电话*/
.telphone { width:100%; height:40px; position:fixed; bottom:0px; border-top:1px solid #CCC; background:url(../images/bottom.png); display:block;
				 -webkit-box-shadow:0 -1px 2px rgba(154, 154, 154, .2);  
  				 -moz-box-shadow:0 -1px 2px rgba(154, 154, 154, .2);  
 				 box-shadow:0 -1px 2px rgba(154, 154, 154, .2);}
.telphone ul { width:100%;}
.telphone ul li { width:33%; float:left;}
.linetwo { border-left:1px solid #CCC; border-right:1px solid #CCC;}
.telphone ul li a { width:100%; line-height:40px; text-align:center; color:#666; font-size:14px; margin:0 auto; display:block;}

}