@charset "UTF-8";
/**
 * 
 * @authors hechuanhua (447503467@qq.com)
 * @date    2014-09-30 11:28:47
 * @version $Id$
 */
/*css reset*/
body,ul,li,ol,p,dl,dd,dt,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
body{ font-size: 14px; font-family:Arial,"Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",sans-serif; line-height: 1.5; color: #666666; word-break: normal; word-wrap: break-word; }
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal; }
ol,ul { list-style: none; }
img{ border:none; max-width: 100%; }
a{ text-decoration: none; color: #666; outline: none; }
a:hover,a:focus{ outline: none; }
ul.nav { margin-top: 10px; }
.mt20{ margin-top: 20px;   font-size: 16px; text-align: left;}

/*公用*/
.content { margin: 0 auto; width: 1060px; }
.container{ width: 1080px; margin:0 auto; padding:0; }
.w960{ width: 1060px; margin:0 auto; }
.hidden{ overflow: hidden; }
.center{ text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.borderNone{ border:none!important; }
.relative{ position: relative; }
.clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear{ clear: both; }
.fl{ float: left; }
.fr{ float: right; }

.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt25{ margin-top: 25px; }

.mt30{ margin-top: 30px; }

.mt50{ margin-top: 50px; }
.mt70{ margin-top: 70px; }

.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }

.m0{ margin:0!important; }
.ml0{ margin-left:0!important; }

/*头部*/

/*main*/

/*套件页面*/

/*场景页面*/

a.p3{ background: #ff9b0c; border-radius: 4px; bottom: 12.5%; color: white; font-size: 18px; left: 50%; margin-left: -100px; padding: 10px 50px; position: absolute; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { float: left; width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
    .col-md-offset-2 { margin-left: 16.66666667%; }
  .col-md-offset-1 { margin-left: 8.33333333%; }
.iphone_bg{ background: url(../images/iphone.png) no-repeat right 0; height: 100%; }
.iphone_bg > img { margin: 83px 0 0 55px; }
.iphone_bg > img { margin-left: 53px\9; }
.iphone dd { line-height: 40px; }
.iphone.row h2{ color: #333; font-size: 28px; font-weight:bold;}
.iphone dt { color: #000; font-size: 16px; font-weight: 500; }
.row img{ vertical-align:middle; }
.row h2 { font-size: 30px; }


.row.nav { height: 50px; line-height: 50px; margin: 0 auto; text-align: center; color: #fff; font-size: 16px; }
.nav.center { background:#222222; }
.con-bg { background:none; }
.row.nav .col-md-3 { color: #cccccc; cursor: pointer; display: inline-block; float: left; text-align: center; width: 25%; }
.row.nav .col-md-3.active { background:#393939; border-top: 2px solid #ff9b0c; height: 52px; position: relative; top: -2px; color: #ffffff; }


.col-md-4.col-md-offset-1 > img { margin: 83px 0 0 55px; width: 224px; height: 396px; }
.col-md-4.col-md-offset-1 > img { margin-left: 52px\9; }
/*.col-md-4.col-md-offset-1{ background: url(../images/iphone.png) no-repeat right 0; height: 100%; }*/

.iphone{ height: 550px; padding-top: 50px; }
.iphone.scenario3{ height: 600px; }
.col-md-6.mt100 { text-align: left; padding-right: 0; }
.col-md-6.mt100 .lead { line-height: 30px; font-size: 15px; margin-top: 30px; }
.bg { background: url("../images/A3-li1-new.png") no-repeat center 0; height: 131px; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ color: #000}
.col-md-6.mt50.text-left dt { color: #000; font-size: 16px; font-weight: 500; }

.col-md-6.mt50.text-left .mt25 dd{ line-height: 40px; }
.c1{ background: none repeat scroll 0 0 red; border-bottom: 15px solid white; border-left: 15px solid transparent; border-top: 15px solid white; display: inline-block; float: left; height: 0; width: 15px; }
.step { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; color: #999999; display: inline-block; float: left; font-size: 18px; height: 40px; line-height: 38px; padding-left: 70px; position: relative; width: 202px; }
.steppic { border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; display: inline-block; float: left; background-color: #ffc412; }
.step i { font-size: 44px; font-weight: bold; left: 20px; position: absolute; top: -7px; }
.stepdiv { text-align: left; height: 40px; }
.step.active { background: none repeat scroll 0 0 #ffc412; display: inline-block; float: left; color: #000; }
.step.last { border-right: 1px solid #e6e6e6; }
.step.first { border-left: 1px solid #e6e6e6; }
.content.text-left.tiyan { width: 885px; min-height: 460px; }


.summary p { line-height: 25px; }
.zhanshi { background: url("../images/zhanshi.jpg") no-repeat scroll center 0; height: 400px; }

.col-md-8 li { line-height: 25px; list-style: none outside none; }
.col-md-8 > ul { margin: 0; padding: 0; }
.content h2.center span { border-bottom: 2px solid #dbdbdb; display: block; margin: 0 auto 30px; padding: 20px; width: 200px; }
.anquan2 { color: #000; font-size: 18px; margin: 10px 0; text-align: center; }
.anquan1 { margin-top: 20px; }
#content li { border-bottom: 1px dashed #646464; padding-bottom: 20px; }
.content.question li span { display: block; margin: 20px 0; text-align: right; }
.content.question a { color: #bb6100; }

.xg_apply{ height:250px; }
.xg { border-bottom: 1px dotted #000; font-size: 16px; font-weight: 700; margin: 50px auto 20px; padding-bottom: 10px; }
.mt25 dd span { display: inline-block; margin-right: 10px; width: 30px; }
h2 span { font-size: 30px; margin-top: 35px; }



