@charset "utf-8";
BODY {
	margin:0 auto;
	padding:0; 
	font-family: Arial, Helvetica, sans-serif ;	 
	font-size:12px;
	height:auto !important;
	background:url(Images/bj.jpg) repeat-x

}
h1,h2{ font-size:12px; font-weight:bold; display:inline}
a {text-decoration: none; color:#6F6F6F;}
a:hover {color: #000000; text-decoration:none}
ul,li{list-style-type:none;margin:0;padding:0;}
.w451{width:451px;}
.clr{clear:both; height:0px; overflow:hidden}
.index{width:1000px; margin:0px auto;}
.top{ height:122px; width:990px}
.h53{height:53px}
.w437{width:437px}
.p100{padding-left:100px}
.pr10{padding-right:10px}
.home{float:left; margin-right:10px; width:50px}
.line24{line-height:24px}
.flo{float:left}
.fro{float:right}
.mr16{margin-right:16px}
.w250{width:250px}
.w242{width:242px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.ml10{margin-left:10px}
.pt15{padding-top:15px}
.pl20{padding-left:20px}
.pr20{padding-right:20px}
.pt10{padding-top:10px}
.ml15{margin-left:15px}
.mr12{margin-right:12px}
.ml100{margin-left:120px}
.mt20{margin-top:20px}
.mt19{margin-top:19px}
.mb10{margin-bottom:10px}
.m18{margin:10px 8px 0px 8px}
.m10{margin:10px}
.mt12{margin-top:12px}
.mt10{margin-top:10px}
.w350{width:350px}
.mr50{margin-right:50px}
.clangua{ background:url(images/china.jpg) no-repeat left center; height:28px; line-height:28px; width:30px; float:left; padding-left:30px; margin-right:10px; font-size:14px}
.elangua{ background:url(images/english.jpg) no-repeat left center; height:28px; line-height:28px; width:40px; float:left; padding-left:30px; margin-right:10px;font-size:14px}
#nav{padding-left:80px; width:920px}
#nav li{width:135px; text-align:center; float:left; line-height:45px; font-size:14px; height:45px}
#nav .lii{float:left; width:5px}
#nav li a{color:#FFF}
#nav li a:hover{color:#F90}
.ind1{margin-top:10px; width:100%; background:#dcdcdc; padding:20px 0px}
.inabout{width:678px; margin-right:20px; float:left}
.inabout .about{padding-left:553px; padding-top:62px; width:526px; color:#FFF}
.inabout .bt{font-size:25px; color:#043c81;}
.inabout .bt em{font-size:12px; font-style:normal; color:#1e1b1b; margin-left:10px}
.inabout .txt{background:#e76e03; height:161px; width:364px; padding:20px 10px; float:left; line-height:24px; color:#FFF}
.intj{font-size:25px; color:#043c81; font-size:18px}
.pbt{font-size:25px; color:#043c81; padding:20px 0px 0px 0px; border-bottom:#CCC solid 1px; width:100%}
.pbt em{font-size:12px; font-style:normal; color:#1e1b1b; margin-left:10px;}
.bottom{padding-top:10px; background:#023d7f; margin-top:10px; color:#FFF; height:280px}
.bottom a{color:#FFF}
.bottomlogo{padding:30px; border-right:#0064d5 solid 1px; margin-top:20px}
.bottomtxt{background:url(/Images/bottomdt.jpg) no-repeat right bottom; width:727px; line-height:24px; margin-left:50px; margin-top:20px; height:196px; font-size:14px}
.dbdh{ border-top:#0064d5 solid 1px; height:50px; line-height:50px; color:#FFF; text-align:center; margin-top:10px;}
.dbdh a{color:#FFF}
.n-protxt{line-height:40px; font-size:20px; text-align:center}
.n-product{float:left; margin-left:12px; margin-top:4px; overflow:hidden; display:inline; width:162px; text-align:center}
.n-product .pro{height:137px; width:160px; border:#d1d1d1 solid 1px;}
#points{
	position: absolute;
	bottom: 50px;
	left: calc(50%);
}
#points span{
	display:  block;
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 15px;
	border-radius: 25px;
}
.normal{
 background-color: rgba(225,225,225,0.5);
}
.shover{
	background-color: #FFFFFF;
}
/*上下页按钮*/
#leftBtn {
	display: none;
	position: absolute;
	left: 50px;
	height: 50px;
	top:calc(50%);
}
#rightBtn {
	display: none;
	position: absolute;
	height: 50px;
	right: 50px;
	top:calc(50%);
}
 *{margin:0;
 padding:0;
 list-style:none;}
 .wrap{height:260px;
 width:1000px;
 margin:0px auto;
 overflow: hidden;
 position: relative;
 margin:0px auto;}
 .wrap ul{position:absolute;} 
 .wrap ul li{height:260px;}
 .wrap ol{position:absolute;
 right:5px;
 bottom:10px;}
 .wrap ol li{height:20px; width: 20px;
 background:#ccc;
 border:solid 1px #666;
 margin-left:5px;
 color:#000;
 float:left;
 line-height:center;
 text-align:center;
 cursor:pointer;}
 .wrap ol .on{background:#E97305;
 color:#fff;}

 .container {
      position: relative;
      width: 290px;
      height: 200px;
      margin:0px auto 0 auto;
      box-shadow: 0 0 5px green;
      overflow: hidden;
    }
    .container .wrap1 {
      position: absolute;
      width: 2030px;
      height: 200px;
      z-index: 1;
    }
    .container .wrap1 img {
      float: left;
      width: 290px;
      height: 200px;
    }
    .container .buttons {
      position: absolute;
      right: 5px;
      bottom:20px;
      width: 150px;
      height: 10px;
      z-index: 2;
    }
    .container .buttons span {
      margin-left: 5px;
      display: inline-block;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: green;
      text-align: center;
      color:white;
      cursor: pointer;
    }
    .container .buttons span.on{
      background-color: red;
    }
    .container .arrow {
      position: absolute;
      top: 35%;
      color: green;
      padding:0px 14px;
      border-radius: 50%;
      font-size: 50px;
      z-index: 2;
      display: none;
    }
    .container .arrow_left {
      left: 10px;
    }
    .container .arrow_right {
      right: 10px;
    }
    .container:hover .arrow {
      display: block;
    }
    .container .arrow:hover {
      background-color: rgba(0,0,0,0.2);
    }