@charset "utf-8";

/*Reset 样式初始化*/

html, body, form, fieldset, p, a, ul, ol, li, div, legend, label,

br, input, button, textarea, h1, h2, h3, h4, h5,em{

  padding: 0;

  margin: 0;

  font-weight: normal;

  font-style: normal;

  font-size: 12px;

  font-family:"微软雅黑","Tahoma";

  vertical-align: baseline;

  text-align:justify;

  word-wrap:break-word;

  text-justify:inter-ideograph

}

body{text-align:center}

ul, ol, li, h1 {

  line-height:normal;

  list-style-image:none;

  list-style-position:outside;

  list-style-type:none

}

dl {

  margin:0

}

dd {

  margin-left:0

}

a {

  outline:none;

}

a img {

  border:0 none

}

img {

  vertical-align:middle;

  border:0px

}

table {

  border-collapse:collapse

}

.clearfix:after {

  content:".";

  display:block;

  height:0;

  clear:both;

  visibility:hidden

}

.clearfix {

  display:inline-block;

  overflow:hidden

}

.clearfix {

  display:block

}

body {color:#666;background:#fff}

a {color:#ff6501;text-decoration:none}

a:hover {color:#3366cc}

.width1025{width:1025px;margin:0 auto}

/**/

.clearB {clear:both}

.fL {float:left}

.fR {float:right}

:link, *:visited, *:hover, *:active, *:focus {

    -moz-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;

  -webkit-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;

  transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;

  -o-transition: color 0.2s linear 0s, background-color 0.2s linear 0s, border-color 0.2s linear 0s;

}

.colRed {color:#f70000}

.colOrange {color:#ed8b00}

.colYel {color:#d9a601}

.colGreen{color:#17ab0c}

.colGray{color:#999}

.colBlue{color:#3172d9}

.hide {display:none}



.button {

  float:left;

  height:32px;

  margin-right:10px;

  padding:0px 30px;

  line-height:32px;

  text-align:center;

  overflow:hidden;

  font-weight:bold;

  color:#FFF;

  border-radius:3px;

  text-shadow:0 1px rgba(0, 0, 0, 0.1);

  text-decoration:none;

  border:none

}

input.button{

  height:35px;

  line-height:35px

}

.button:hover{

  color:#fff

}

.button.btn-blue{

  background-color:#006fd8;

  border-bottom:3px solid #014687

}

.button.btn-blue:hover{

  background-color:#0076e4;

}

.button.btn-blue:active{

  background-color:#014687;

}

.button.btn-red{

  background-color:#E74C3C;

  border-bottom:3px solid #C44133

}

.button.btn-red:hover{

  background-color:#EC7063;

}

.button.btn-red:active{

  background-color:#C44133;

}

.button.btn-green{

  background-color:#1ABC9C;

  border-bottom:3px solid #16a085

}

.button.btn-green:hover{

  background-color:#48C9B0;

}

.button.btn-green:active{

  background-color:#16A085;

}

.button.btn-dark{

  background-color:#415B76;

  border-bottom:3px solid #2c3e50

}

.button.btn-dark:hover{

  background-color:#456a91;

}

.button.btn-dark:active{

  background-color:#2c3e50;

}

.footer {

  background:#333;

  text-align:center;

}

/*.footer p{ color:#fff;  text-align:center;  height: 48px;  line-height: 48px}*/

.header{

  height:380px;

  width:100%;

  background:url(../images/banner.png) no-repeat center center;

}

.header h2{  color:#fff;  font-size:36px;  text-align: right; text-shadow: 0 1px 0 #333}

.header h1{

  color:#fff;

  font-size:68px;

  text-align: right;

  margin:30px 0;

  text-shadow: 0 1px 0 #333

}

.mainTab {

  height:80px;

  width:1025px;

  margin:30px 0

}

.mainTab ul{

    width:968px;

    margin: 0 auto;

    position: relative;

}

.mainTab li {

  position: absolute;

  float: left;

  height: 48px;

  line-height: 48px;

  width: 195px;

  text-align: center;

  border:1px solid #0161ff;

  margin: 0 0 0 -1px ;

  cursor:pointer;

  z-index:0;

  background:#fff;

  color:#0161ff;

  font-size: 18px

}

.mainTab li.now{

  color:#fff;

  border-color: #0161ff;

  z-index:10;

  background:#0161ff;

}

.mainTab li .cros {

    position: absolute;

    top:48px;

    left:50%;

    margin:0 0 0 -6px;

    height:0;

    width:0;

    overflow: hidden;

    font-size: 0;

    line-height: 0;

    border-color:#0161ff transparent transparent transparent;

    border-style:solid dashed dashed dashed;

    border-width:8px;

}

.mainTab li.now .cros {

  display: block

}

.piace {

  width:1025px;

}

.piace .item {

  margin-bottom:30px;

  border-bottom:1px dashed #ddd;

  padding-bottom:20px;

}

.piace .item p{

  font-size: 18px;

  line-height: 28px;

  margin-bottom: 10px

}

.piace .item p a{

  font-size: 18px

}

.piace h2 {

  font-size: 18px;

  margin:10px 0;

}

.piace h2 b{

  color:#0161ff

}

.piace h1{

  font-size: 36px;

  color: #0161ff;

  text-align: center;

  margin:20px 0 100px;

}

.product {

  width:1024px;

  border: 1px solid #ccc;

  margin:50px 0 50px 1px;

}

.product th {

  background:#f25649;

  color:#fff;

  font-size:18px;

  font-weight:600;

  border:1px solid #F25649;

  text-align: center;

  padding: 10px 0;

  position:relative;

}

.product th span{

  position: absolute;

  top:-30px;

  right:10px;

  color:#336699;

  text-shadow: 0 1px 0 #fff;

  font-size: 12px

}

.product th span b{

  font-size: 36px

}

.product td{

  text-align: center;

  padding:10px 0;

  border:1px solid #ccc;

}

.product td h3{

  text-align: center;

  font-size: 16px;

  color:#333

}

.product td p{

  text-align: center;

  color:#999;

}

.product td span.all b{

  font-size: 28px;

  color:#f25649;

  margin:0 10px;

}

.downItem {

  margin:50px 0;

  padding:0 0 50px 0;

  border-bottom:1px dashed #ddd;

}

.downItem .proDetail{

  font-size:18px;

  line-height:28px

}

.downItem .proImg h1,.websiteItem h2{

  font-size:28px;

  background:#0161ff;;

  color:#fff;

  padding:5px 10px;

  margin:0 0 10px 0;

  text-align: center;

}

.websiteItem {

  margin:0 0 100px 0;

}

.downLeft .proImg {

  float:left;

}

.downLeft .proDetail {

  margin-left:320px;

}

.proDetail a{ font-size:18px; background:#F60; color:#FFF;padding: 2px 10px;}

.downRight .proImg {

  float:right;

}

.downRight .proDetail {

  margin-right:320px;

}

.buy .mapItem{

  margin:0 0 100px 0;

}

.dbuttonlist {

  margin-bottom:50px;

  text-align: center

}

.dbuttonlist .dbutton {

  display:inline-block;

  padding:20px 40px;

  font-size:24px;

  color:#fff;

  background:#ff6501;

  margin:0 20px;

}

.dbuttonlist .dbutton:hover{

  background:#d85500;

}

.mainText p {

    margin-top: 20px;

    text-align: center;

    font-size: 18px;

    line-height: 28px;

}

.mainText a {

    font-size: 18px;

    color: #f00;

}

/*add-other*/
.downLeft .proDetail1 {  margin-left:280px;}
.downItem .proDetail1{ font-size:16px; line-height:28px}
.proDetail1 a{ font-size:16px; background:#167dd9; color:#FFF;padding: 2px 10px;}
.dbuttonlist img{ margin-top:-10px}
.dbuttonlist .dbutton1 { display:inline-block; padding:12px 40px;  font-size:24px;  color:#167dd9;  background:#fff;  margin:0 20px; border:1px solid #167dd9;}
.dbuttonlist .dbutton1:hover {color:#fff;  background:#167dd9; border:1px solid #167dd9;}
pre{font-family:"微软雅黑","Tahoma";}


.down li {border-bottom: 1px dotted #d2d2d2;overflow: hidden;padding: 16px 12px;}
.down img {display: block;float: left;height: 80px;width: 80px;}
.downTxt{float: left;padding: 0 20px;}
.downTxt h4 a{color: #444444;font-size: 16px;font-weight: bold;padding-bottom: 12px;}
.downTxt h4 a:hover{color:#ff6501}
.downTxt .date{padding-right: 36px;}
.downTxt span{color: #999999;}
.down .downbt{background:url("../images/downbt.png") no-repeat scroll 0 0;display: block;float: right;height: 31px;width: 85px;}




/*footer*/
#footer { height:180px; background:#333;color:#fff; overflow:hidden}
#footer a{ color:#fff;}
#footer a:hover{ color:#fff;}
#footer .footer{ width:1025px; height:130px; margin:40px auto 0px; background:url(../images/qrcode.png) top right no-repeat; overflow:hidden}
#footer .footer .foot_all { width:850px; margin:0px 0px 0px 0px; overflow:hidden}
#footer .footer .foot_left{ width:270px; margin:15px 30px 0px 0px; float:left; overflow:hidden}
#footer .footer .foot_left p{ font-size:32px; font-weight:bold; line-height:60px; overflow:hidden}
#footer .footer .foot_right{ width:530px; margin:25px 0px 0px 0px; float:left; overflow:hidden}


/*浮动*/
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}