@charset "utf-8";

*{ margin:0; padding:0;}

img,a{border:none;}

ul,ol,li{list-style:none;}

body {background:#fff;color:#666; font-size:12px; font-family:"Microsoft YaHei","微软雅黑", Arial;line-height:22px;}

img,a{border:none; text-decoration:none;}

a{ color:#666;}

a:hover{ color:#096db9;}

.box{ width:1200px; margin:0 auto;}

.box1{ width:1003px; padding:20px 0px; margin:0 auto;}

.clear{ clear:both;}





.banner{ width:100%; min-width:1200px; margin:0 auto; height:500px;}

.www51buycom { width:100%;min-width:1200px; height:500px; position:relative; overflow:hidden; margin-bottom: 15px; }

.www51buycom .num { overflow:hidden; height:10px; position: absolute; bottom:0px; padding-bottom:45px; background:url(../images/banner.png) bottom center no-repeat; width:100%;zoom:1; z-index:3 }

.www51buycom .num ul{ width:80px; margin:0 auto;}

.www51buycom .num li { width: 10px; height: 10px; line-height:0px; text-align: center;  color: #999; font-size:0px; background:#999; margin-right:5px; border-radius:50%; cursor:pointer; float: left; }

.www51buycom .num li.on { background: #df0000; } /*当前项*/

.www51buycom .prev,

.www51buycom .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top:200px;}

.www51buycom .prev { left: 0; }

.www51buycom .next { right: 0; background-position: right }



.top{ width:100%; margin:0 auto;  background:url(../images/topbg.jpg) top center no-repeat; height:116px;}  





.dh{ width:100%;min-width:1200px; height:55px; line-height:55px; font-size:16px; background:url(../images/dhbg1.jpg) repeat-x;}

.dh ul{ width:1200px; padding:0px 100px; margin:0 auto;height:55px;}

.dh ul li{  float: left; border-left:1px #096db9 solid; font-weight:bold; width:119px; text-align:center;}

.dh ul li a{ color:#fff;}

.dh ul li a:hover{ display:block; width:100%; color:#fff; height:55px; background:#096db9;}





.indexpro{ width:100%; min-width:1200px; margin-top:20px;  height:130px; background: url(../images/indexpro.jpg)  center no-repeat;}

.indexpro a{ display:block; width:100%; height:150px;}

.indexcase{ width:100%; min-width:1200px;   height:130px; background: url(../images/indexcase.jpg) top center no-repeat;margin-top:20px;}

.indexcase a{ display:block; width:100%; height:150px;}

.indexpro1{ width:1200px; margin:0 auto;}

.indexpro1 ul li{ width:400px;  float: left; padding-bottom:20px;}

.indexpro1 ul li img{ width:378px;  border:1px #ddd solid; padding:5px;height:270px; display:block; margin:0 auto;}

.indexpro1 ul li p{ line-height:45px; height:45px;  background:#ddd; padding-left:20px; font-size:14px; width:360px; margin:0 auto;}

.indexpro1 ul li p a{ color:#666;}

.indexpro2{ width:1200px; margin:0 auto;}

.indexpro2 ul li{ width:300px;  float: left; padding-bottom:20px;}

.indexpro2 ul li img{ width:278px; height:210px; display:block; margin:0 auto; border:1px #ddd solid;}


.indexpro2 ul li p{ line-height:45px; height:45px;  background:#eee;  text-align:center;font-size:14px; width:280px; margin:0 auto;}

.indexpro2 ul li p a{ color:#666;}



.indexabout1{ background:#f1f1f1; padding:30px 0px; width:100%;min-width:1200px;}

.indexabout{ float:left; min-height:280px; width:720px; }

.indexabouttitle{ width:100%;}

.indexabouttitle h1{ float:left;}

.indexabouttitle a{ float:right; color:#666; font-size:12px; height:50px; line-height:30px; display:block;}

.indexabout2{ width:720px; line-height:25px; font-size:14px;}



.indexnews{ width:460px; float:right;}

.indexnews ul{ width:460px; clear:both;}

.indexnews ul li{ clear:both; width:460px; height:103px; }

.indexnews ul li img{ float:left; display:block ; width:152px; height:93px;}

.indexnews ul li p{ float:right; width:290px; line-height:22px;}

.indexnews ul li a{ color:#666;}

.indexnews ul li a b{ line-height:30px; color:#096db9;}







.news{ width:700px; padding:15px; margin:0 auto;}

.news ul li{ border-bottom:1px #ddd solid;width:700px; padding:20px 0px; line-height:22px; font-size:12px; }

.news ul li a{ color:#666;}

.news ul li a b{ line-height:30px; color:#000; display:block; height:35px; font-size:16px;}

.news ul li a:hover b{color:#096db9; text-decoration: underline;}

.news ul li a span{ color:#333; padding-top:10px; display:block;}





.indexcon{ background:url(../images/indexcon1.jpg) top center no-repeat #fff; height:257px; width:100%; margin:0 auto;min-width:1200px;}

.indexcon a{ float:left; display:block; width:340px; height:140px; margin-top:76px;  margin-right:20px;}



.foot{ width:100%;min-width:1200px; background:url(../images/footbg1.jpg);  font-size:14px; color:#fff;}

.foot1{float:right; line-height:30px; background:url(../images/footlogo1.png) top right no-repeat; padding-top:280px; width:400px; color:#fff;}

.foot1 a{ color:#fff;}

.foot2 { width:100%; text-align: center;background:#005698; height:60px; border-top:1px #0274c4 solid; line-height:30px; padding:20px 0px;color:#fff;}

.foot2 a{ color:#fff;}

.footdh{ float:left;  width:800px; margin-top:30px;*margin-top:30px; margin-bottom:30px;*margin-bottom:30px;}

.footdh ul li{ float:left; width:160px; overflow:hidden;}

.footdh ul li h1{ height:30px; line-height:30px; margin-bottom:20px; padding-left:25px; color:#fff; font-size:14px; width:85px; border-radius:30px; background:#004478;}

.footdh ul li a{ display:block; clear:both; color:#fff; padding-left:25px;}

.footdh ul li a:hover{ display:block; clear:both; color:#fff}





.left{float:left; width:246px; overflow:hidden; margin-right:18px;}





.leftProClaList{width:246px;  height:100px; height:auto!important;min-height:100px; padding-bottom: 14px;}

.leftProClaListUl{width: 246px;}

.leftProClaListUl li{ 

	width: 184px;height:40px;padding-left:29px;padding-right:30px;margin-bottom: 6px;border: 1px solid #d5d5d5;

	overflow:hidden;

	background:#ffffff; }

.leftProClaList a{color:#0f1427;font-size:14px;line-height:40px; font-weight: bold;}

.leftProClaListUl a:hover{color:#096db9; text-decoration: none; color:#096db9;}	

.leftProClaListUl  .childCla{ width: 244px;margin-top: -6px; margin-bottom:6px; border: 1px solid #acacac; display: none;}

.leftProClaListUl  .childCla  li{

	width:244px; height: 40px; padding: 0px;margin: 0px; border:none; border-bottom:1px solid #acacac; 

}

.leftProClaListUl  .childCla li a{

	width: 204px;  height: 40px; padding: 0px 20px;  display: block;

	color:#0f1427;font-size:14px;line-height:40px; font-weight: bold;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;

	background: #f0f0f0;}

.leftProClaListUl  .childCla li a:hover{color:#096db9;}	



.leftProClaListUl li.open{ background:#0f1427;border: 1px solid #0f1427;  }

.leftProClaListUl li.open a{color:#096db9}

/*.leftProClaListUl li.on{ background:#0f1427;border: 1px solid #0f1427;  }*/

.leftProClaListUl li.on a{color:#096db9}

/*end leftProClaList*/



.leftTitle{ width: 222px; height: 46px; padding-left:20px ; margin-bottom: 10px; border:2px solid #333;color:#0c101f; font-size: 18px; line-height: 46px; font-weight: bold;}

.leftTitle span{ color:#0c101f; font-size: 14px; text-transform: uppercase; font-weight: normal;}	

.leftContact{ width: 224px; padding: 10px 10px; border:1px solid #acacac}

.leftContact dl{width:224px; display:block;clear:both;}

.leftContact dl dt,.leftContact dl dd{color:#666666; font-size:12px;  line-height:30px; }

.leftContact dl dt{float:left;}

.leftContact dl dd{float:left;}



.right{width:736px; float:left;}



.mainConTitle{width:736px; height:46px;border-bottom: 2px solid #333;  }

.mainConTitle .mFont{float: left;width: 350px; height: 46px;color: #096db9;font-size: 22px; line-height: 46px; font-weight: bold;}	

.mainConTitle .mEnglish{float: right;/*width: 100px; */height:46px;color:#999; font-size: 14px;line-height: 46px; display: block;}

 /*end mainConTitle*/





.danye{ font-size:14px; line-height:30px; padding:20px;}
.danye img{ max-width:100%;}

.title{ border-bottom:1px #bbb dashed; text-align:center; padding-bottom:15px; margin-bottom:20px;*margin-bottom:20px;}

.title h1{font-size:16px; color:#000; line-height:40px;}

.title p{ color:#999; font-size:12px;}

.fanye{ width:100%; margin-top:15px;  border-top:1px #bbb dashed; height:40px; text-align:center}

/*.fanye a{width:auto; height:25px; line-height:25px; border:1px #ddd solid; color:#666; font-size:12px; background:#ffffff; padding:0px 5px; margin:10px 5px 0px 5px; float:left; display:block;}

.fanye a:hover{ background:#096db9; color:#fff; border:1px #096db9 solid;} */

.fanye1{ width:100%; font-size:12px; line-height:30px; padding-top:10px; margin-top:10px; *margin-top:10px; border-top:1px #bbb dashed;}

.fanye1 a{ font-size:12px; line-height:30px; height:30px;}

.zhaiyao{  padding:15px; border:1px #ddd solid; background:#f4f4f4; margin-bottom:20px; font-size:12px; line-height:22px; *margin-bottom:20px;}





.pro{ width:735px; border-top:1px #ddd solid; border-left:1px #ddd solid; margin:20px 0px; *margin:20px 0px;}

.pro ul li{ border-bottom:1px #ddd solid; border-right:1px #ddd solid; width:244px;  float:left;}

.pro ul li img{ width:218px; height:164px;  display:block; padding:13px;}



.pro ul li p{ line-height:30px; width:210px; margin:0 auto;font-size:14px; font-weight:bold; display:block;}

.pro ul li a{ color:#000;padding-bottom:15px; width:244px; display:block; background:#eee;}

.pro ul li a:hover{background:#fff; color:#096db9; text-decoration:underline;}


.pro4{ width:735px; border-top:1px #ddd solid; border-left:1px #ddd solid; margin:20px 0px; *margin:20px 0px;}

.pro4 ul li{ border-bottom:1px #ddd solid; border-right:1px #ddd solid; width:244px;  float:left;}

.pro4 ul li img{ width:218px; height:218px;  display:block; padding:13px;}

.pro4 ul li p{ height:30px; overflow:hidden; line-height:30px; width:210px; margin:0 auto;font-size:14px; font-weight:bold; display:block;}

.pro4 ul li a{ color:#000;padding-bottom:15px; width:244px; display:block; background:#eee;}

.pro4 ul li a:hover{background:#fff; color:#096db9; text-decoration:underline;}