body {
	margin: 0;
	padding: 0;
	background:#fff;}
html, body {
	height: 100%;}
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9990009;}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;filter:alpha(opacity=90);z-index:-1}
#browser-modal .browser-content{width:700px;margin-top:120px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:50px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo img{height:42px;margin:45px auto 40px}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:20px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:20px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:100px;height:100px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:10px;}
#browser-modal .browser-content .browser-item .iconchrome{background:url(../images/bro.png) no-repeat 0 0}
#browser-modal .browser-content .browser-item .iconfirefox{background:url(../images/bro.png) no-repeat 0 -100px}
#browser-modal .browser-content .browser-item .iconopera{background:url(../images/bro.png) no-repeat 0 -200px}
#browser-modal .browser-content .browser-item .iconEdge{background:url(../images/bro.png) no-repeat 0 -300px}
#browser-modal .browser-content .browser-item a{cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
img {
    border: 0;
    vertical-align: middle;}
* {
	font-family: '微软雅黑';}
dl, dt, dd {
	display: block;
	margin: 0;}
a {
	text-decoration: none;}
p{
	margin: 0;}
.conten {
	 width: 1920px;
	margin: 0 auto;
	background: #FFF;}
.top{
  width:  1600px;
  height: 126px;
  background-image: url(../images/top.jpg);}
.topm{
  width:1200px;
  margin: 0 auto;}
.left{
  width: 634px;
  height: 80px;
  float: left;
   margin-top: 23px;}
.pic{
  width: 400px;
  height: 66px;
  border-right: 1px solid #6eb92b;
  float: left;}
.pic img{
  vertical-align: middle;}
.pics{
  width:222px;
  height: 71px;
  margin-left: 10px;
  float: left;}
.pics img{
  vertical-align: middle;}
.left p{
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 18px;
  text-transform:uppercase;
  letter-spacing: 5.5px;}
.right{
  width: 362px;
  height: 126px;
  float: right;}
.banner{
  width: 100%;
  height: 400px;
 border-top: 2px solid #6eb92b;}
.nav{
  width: 1500px;
  height:108px;
  margin: 0 auto;}
.nav li{
  list-style: none;
  text-transform:capitalize;
  width: 240px;
  text-align: center;
  float: left;
  line-height: 108px;
  font-size: 22px;}
.nav li a{
 color: #000;}
.nav li a:hover{
 color: #000;
  border-bottom:1px  #6eb92b solid;}
 .body{
  width: 1200px;
  margin: 0 auto;
  height: auto;}
 .bodyleft{
  width: 377px;
  height: 404px;
  margin-right: 20px;
  float: left;}
 .shu{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);display: block;
position: absolute;
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 color:#227f4a;
 font-size: 30px;
 margin-top: 20px;
 padding-left: 100px;
    padding-top: 130px;}
 .area{
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);display: block;
position: absolute;
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 color:#333;
 font-size: 12px;
 margin-top:60px;
 padding-left: 100px;
    padding-top: 140px;
        text-transform: uppercase;
    letter-spacing: 3px;}
 .bjt img{
 position: absolute;}
 .info{
 position: relative;
 font-size: 14px;
 margin-right: 30px;
    float: right;
    line-height: 31px;
        margin-top: 40px;}
 .bodyright{
  width: 803px;
  float: left;
  height: 404px;}
 .up{
  width: 803px;
  height:44px;
  background: #f5ffe4;
  line-height: 44px;
  color: #227f4a;
  font-size: 22px;}
 .new{
  width: 803px;
  margin-top: 10px;
  line-height: 36px;}
  .new li{
 border-bottom:1px dashed #dcdcdc;}
 .up img{
  margin: 0px 4px 8px 10px;
  vertical-align: middle;}
 .down{
   margin-top: 25px;
   width: 803px;
   height: 249px;}
  .down .img{
    position: absolute;}
 .cata{
    position: relative;
   float: left;
    padding-left: 28px;
    padding-top: 36px;}
.cata button{
   width: 202px;
   height: 44px;
   background: #53a436;
   border-radius:60px;   text-align: center;
    color: #fff;
    font-size: 24px;
    border: none;}
  .data{
    position: relative;
    padding-left: 240px;
    padding-top: 36px;}
.data button{
   width: 202px;
   height: 44px;
   background: #fff;
   border-radius:60px;   text-align: center;
    color: #53a436;
    font-size: 24px;
    border: none;}
  .sea{
    position: relative;
    padding-left: 36px;
    padding-top: 36px;
    color: #fff;
    font-size: 22px;}
 .sea li{
   list-style: none;
   float: left;
  width: 100%;
 height: 70px;
 text-align: left;}
 .title{
    position: relative;
    padding-left: 36px;
    padding-top: 36px;
    color: #fff;
    font-size: 22px;}
 .foot{
  float: left;
  border-top:2px solid #6eb92b;
  height: 88px;
  width:  1920px;
  margin: 20px auto 0 auto;
  background: #44993c;
  color: #fff;
  font-size: 17px;
  text-align: center;  line-height: 22px;}
  .foot p{
  padding-top:22px;}