.table1{ border: 1px solid #ccc; border-collapse:collapse; margin:auto;}
.table1 td{ padding:  14px 20px; color: #333; font-size: 14px;border: 1px solid #ccc; }
.table1 td a{ text-decoration: none;  }


table#chart {
    width: 100%;
    max-width: 1046px;
    padding: 5px;
    margin: 30px 0px;
    border: solid 3px #0B4060;
    border-collapse: collapse;
    border-spacing: 0px;
}

table#chart td {
  border: solid 1px #A6A5C2;
  border-collapse: collapse;
  border-spacing: 0px;
  padding:5px 10px 5px 10px;
  vertical-align: top;
}

table#chart tbody tr:first-child td {
  font-weight: 700;
  font-weight: bold;
  font-weight: bold;
  font-size: 14px;
}
table#chart tbody tr td b{
  font-weight: bold;

}
table#chart2 tbody tr:first-child td {
  font-weight: 700;
  font-weight: bold;
}

table#chart tbody tr td:last-child {
  border-left: solid 4px #145e8f;
  border-right: solid 4px #145e8f;
  background-color: #e8f3ff;
}

table#chart tbody tr:last-child td:last-child {
  border-bottom: solid 4px #145e8f;
}

table#chart table.minitable tr:first-child td {
  font-weight: normal;
  border: none;
}

table#chart table.minitable tr:first-child td:last-child {
  background-color: #fff;
  border: none;
}

table#chart td:first-child {
  border-left: none;
  width: 30%;
}

table#chart td:first-child table td{
  width: 100%;
}

table#chart td:last-child {
  border-right: none;
  width: 30%;
}

table#chart table.pricing table.minitable {
  margin: 0px auto;
}
div#tipWrapper .tip{ display: none; }
.minitable a{color:#0077ff; font-weight: bold;}
.stataTabNav{padding:0px 0px; }
.stataTabNav ul{  overflow: hidden; border-bottom: 1px solid #aaa;}
.stataTabNav li{
  color: #1a5f91; cursor:pointer;  font-size: 14px; padding:10px 15px;    
  float: left;border:1px solid #ccc;
  box-sizing: border-box;
}
  .stataTabNav li:hover{ background: #aaa; color:#FFF;}
  .boxs td{vertical-align: top}
  .boxs td p{ font-size: 12px; }
  .boxs td p span{ font-size: 14px; color: #000 }
  .boxs h3 a:hover{ text-decoration: underline; background: #eee; }
  .boxs h3 a{ font-size: 12px;  display:inline-block;border:1px solid; color: #666; padding: 2px 10px; margin-left: 50px;}
  .detail{ position: relative;}
  .boxs{ overflow: hidden;}
  .boxs .fl-left{ float: left; width:50%;  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ padding-right: 20px;}
.fl-left td img{ width:100px; margin-right: 10px;}


.statanews{border:1px dotted #2a6d90;padding:10px;background:#ffe;margin:20px 0; color:#2a6d90; position:relative }
.focus{ position: absolute; width:380px;height:480px;right: 10px; top:0px;}
.focus .t1{position: relative;} 
.focus .t1 img{ width:100%;}
.focus .t1 p{ text-align: center;}
.focus .t2{text-align: right;  position: absolute; bottom:40px; right:10px; }
.focus .t2 span{ display:inline-block; border: 1px solid #333; padding: 5px 10px; cursor: pointer; color: #fff;background-color: rgba(0,0,0,.3)}
.focus .t2 span:hover{ background-color: rgba(0,0,0,.8)}
.t3{ overflow: hidden;height:480px}
.t3 marquee{height:450px}
 .btn a{ border-radius: 6px;}
.table2 td{padding:0 5px;}
.js h3{ color: #1a5f91}
.js h4.title2{ line-height: 1.5em; color: #1a5f91;  }
.js h4.title2 img{margin-bottom:0;}
.js h4.title2 a { margin-top:0;}
.js h3,.js p{padding:0;}
/*.bg{ background: url(images/stata/why-use-stata-back.png) no-repeat bottom; padding:0 20px;}*/
.pageblue{
  background: #81a8c1
}
.padme{
  display: flex;
  flex-wrap:wrap;
 padding-right:8px; 
}
.quints{
  width: 25%;
  vertical-align: top; 
  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
  margin: 0px 0 8px;
  padding-top: 8px;
}
.card15{ background: #fff;  padding:5px;  margin:0px 0 8px 8px; height:100%;  }
.card15 h2{ font-size: 14px; font-weight: bold; color: #1a5f91;text-align: center;margin-bottom: 16px;}
.card15 p{ font-size: 14px;padding:0; }
.card15 img{ margin-bottom: 10px;}
.padme p a:hover{ color:blue; text-decoration: underline;}

.why li h2{ text-align: center; color: #1e6594; line-height: 2em; font-size: 22px; margin-bottom: 15px;}
.why li h2.white{ color:#fff;}
.why  li.font-white p{ color: #fff;}
.why li{padding: 20px; overflow: hidden;}
.why li p{ font-size: 14px;}

#web-banner{ display:block}
#mo-banner{ display:none}

@media (max-width: 414px) {
.statanews{ display: none; }
.table3 td{ display: block;  }
.stataTabNav li{width: 50%}
table#chart {
  display: none;
}
 .boxs .fl-left{ float: none; width:100%;  box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */  }
.fl-left td img{ width:100px; margin-right: 10px;}



 
#mo-banner{ display:block; width:100%;}
#web-banner{ display:none}



}

.list01{ overflow: hidden; width:100%;  color:#000; text-indent:2em; -webkit-column-width:750px;-webkit-column-count:2;column-count:2; column-width:750px;}
.list01 li{     font-weight: bold;  line-height: 2em; color: #000; font-size: 0.85rem; }
.new_in{
   background-color: #9DA7FF;
  background: linear-gradient(0deg, #D7E2F4 0%, rgba(220, 229, 245, 0) 800px, rgba(184, 203, 235, 0) 100%);}
.title4{ font-size: 40px; vertical-align: bottom; color:#004FF4; font-family: '微软雅黑'; text-align: center;padding: 10px 0 40px; }
.title4 img{  vertical-align: bottom;   }
.new_about{ overflow: hidden; }
.new_about li{   box-sizing:border-box; padding: 10px 20px; }
.new_about li:nth-child(odd){ background: #F8F8FF; }
.new_about li p{   }
.new_about li h3{ font-size: 40px;line-height:80px;}
.new_about li p  img{ width:500px;  }