/* CSS Document */
body,td,th{
  font-size:12px;
}
body{
  margin:0px; padding:0px;
}
div,dl,dt,dd,ul,li,ol,span,h1,p,form,center{
  margin:0px; padding:0px; list-style:none;
}
img{
  border:none;	
}
.dis{
  display:none;	
}
.cls{
  clear:both; width:100%; height:100%; overflow:hidden;	
}
.input{
  border:1px #D6D6D6 solid;
}
.wenbenkuang{ border:1px #D6D6D6 solid; }
a:link,a:visited{
  color:#333; text-decoration:none;
}
a:hover,a:active{
  color:#FF0000;
}
.gray a:link,.gray a:visited{ color:#868686; }
.gray a:hover,.gray a:active{ color:#FF0000; }
.w a:link,.w a:visited{
  color:#FFF; text-decoration:none;
}
.w a:hover,.w a:active{
  color:#FFCC00;	
}
.z1 a:link,.z1 a:visited{
  color:#598D26; text-decoration:none;
}
.z1 a:hover,.z1 a:active{
  color:#FF0000;	
}
.z2 a:link,.z2 a:visited{
  color:#FFF; text-decoration:none;
}
.z2 a:hover,.z2 a:active{
  color:#555; text-decoration:none;	
}
.z a:link,.z a:visited{ color:#66460A; text-decoration:none; }
.z a:hover,.z a:active{ color:#FF0000; }

.mar{  margin:8px auto; }
.l{ float:left;	}
.tc{ text-align:center;	}
.r{ float:right; }
.cur{ cursor:pointer; }
.tr{ text-align:right; line-height:30px; }
.prv{ position:relative; }
.fa{ font-family:Arial, Helvetica, sans-serif; }
.bgf{ background:#FFF; }
.mt{ margin-top:8px; }
.mt12{ margin-top:12px; }
.m4{ margin:4px auto; }
.m12{ margin:12px auto; }
.mt11{ margin:0px auto; margin-top:11px; }
.m6{ margin:6px auto; }
.m20{ margin:20px auto; }
.m24{ margin:24px auto; }
.mt20{ margin-top:20px; }
.mt6{ margin-top:6px; }
.mt3{ margin-top:3px; }
.fz14{ font-size:14px; }
.mb{ margin:0px auto; margin-bottom:8px; }
.page{ text-align:center; height:40px; clear:both; line-height:40px; margin:10px auto; padding-top:10px; } 
.pages{ text-align:center; height:40px; clear:both; line-height:40px; margin:10px auto; padding-top:10px; } 
.page a{ margin:0px 3px; padding:5px 7px; border:1px #D9D9D9 solid; }
.page a:link,.page a:visited{ color:#666; }
.page a:hover,.page a:active{ color:#FFF; background:#06C; }
.page span{ margin:0px 0px; }
.page a.n{ background:#06C; color:#FFF; }

.layout{
  width:1002px; height:100%; overflow:hidden;
}
.warp{
  margin:0px auto;
}

.topper{ height:156px; clear:both; background:url(../images/bg1.jpg) repeat-x center top; overflow:hidden; }
.site{
  height:22px; text-align:right; line-height:22px;	
}
.site a{ display:inline-block; padding:0px 10px; border-right:1px #A1A1A1 solid; }
.site a:link,.site a:visited{ color:#C5C5C5; text-decoration:none; }
.site a:hover,.site a:active{ color:#FFCC00; }
.site .n{ border:none; }

.topmid{
   height:88px; clear:both; overflow:hidden;
}
.topmid .logo{ float:left; }
.topmid .r{
  height:28px; margin-top:30px; overflow:hidden; line-height:28px; text-align:right;	
}
.topmid .r li{ float:right; font-size:14px; color:#999; font-family:"΢���ź�"; }
.topmid .r li img{ vertical-align:middle; }
.topmid .r .hm{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#004c9f; padding-right:10px; }
.topmid .r .sh{ width:176px; height:28px; background:url(../images/bg1.gif) no-repeat center top; }
.topmid .r .sh .iv{ width:118px; float:left; height:28px; line-height:28px; padding:0px 10px; }
.topmid .r .sh .iv input{ font-family:Arial, Helvetica, sans-serif; border:0px; background:url(); height:25px; line-height:25px; width:118px; color:#999; }
.topmid .r .sh .btn{ width:38px; height:38px; cursor:pointer; float:right; }

.navbox{
  height:46px; clear:both; line-height:46px; color:#D3D3D3;	
}

.navbox a{ display:inline-block; padding:0px 40px; font-size:14px; font-family:"΢���ź�"; }
.navbox a:hover{
  background-color: #4774BE;
  font-size: 16px;
}
.banner{
  height:480px; overflow:hidden; margin:0px auto; clear:both; position:relative;
}
.fadebox{ position:absolute; left:0px; top:0px; height:480px; z-index:1; }

.iban{ height:200px; overflow:hidden; clear:both; margin:0px auto; position:relative; }
.ifade{ position:absolute; left:0px; top:0px; height:200px; }

.fadenav{
   position:absolute; left:0px; top:0px; height:80px; background:url(../images/bg1.png) repeat-x center top; z-index:10;	
}
.fadenav ul{ width:338px; height:100%; overflow:hidden; margin:0px auto; }
.fadenav ul li{ width:156px; float:left; height:80px; line-height:80px; padding-right:13px; text-align:center; font-family:"΢���ź�"; font-size:16px; color:#A1B7DC; background:url(../images/bg2.png) no-repeat left center; }
.fadenav a{ color:#A1B7DC; text-decoration:none; }
.fadenav .hover{ background:url(../images/bg3.png) no-repeat left center; color:#194EA9; }
.fadenav .hover a{ color:#194EA9; }
/***
.prosm{
  height:220px; background:#FFF; position:absolute; top:80px; left:0px; z-index:100; display:none;	
}
.prosm .pic{ width:352px; height:198px; float:left; margin-top:15px; background:url(../images/bg2.jpg) no-repeat center top; }
.prosm .pic img{ width:335px; height:181px; }
.prosm .con{ width:631px; height:100%; overflow:hidden; float:right; margin-top:15px; }
.prosm .con .c{ height:24px; clear:both; line-height:24px; text-align:right; }
.prosm .con .c a{ display:inline-block; border:1px #D6D6D6 solid; padding:0px 8px; }
.prosm .con .t{
   height:32px; border-bottom:1px #D6D6D6 solid; font-size:20px; font-family:"΢���ź�"; color:#083C8F; font-weight:bold;	
}
.prosm .con .txt{
   padding:10px 0px; line-height:21px; height:76px; overflow:hidden; clear:both; color:#666;	
}
.prosm .con .m{ }
.prosm .con .m a{ display:inline-block; padding:0px 10px; line-height:24px; background:#D82016; color:#FFF; }

.prosm .ajaxico { text-align:center; clear:both; height:24px; padding:75px 0px; display:none; }
.prosm #null{ text-align:center; clear:both; height:24px; padding:75px 0px; line-height:24px; font-size:14px; color:#FF0000; display:none; }
***/

.prosm{
  background:url(../images/bgs.png); position:absolute; top:80px; left:0px; z-index:100; display:none; text-align:center; padding:10px;
}
.prosm a{
   display:inline-block; line-height:24px; padding:0px 12px; text-align:center; margin:2px 1px;	
}
.prosm a:link,.prosm a:visited{ background:#0181C9; color:#FFF; }
.prosm a:hover,.prosm a:active{ background:#FF0000; color:#FFF; }

.mainbox{
   width:1002px; height:auto; margin:0px auto; margin-top:-30px; position:relative; z-index:1000;	
}
.probox{
  width:662px; height:100%; overflow:hidden; float:left;	
}
.probox .con{ height:180px; border:1px #E0E0E0 solid; border-top:none; clear:both; overflow:hidden;; }
.probox .pv{
   height:150px; width:660px; margin:20px auto 0px auto; clear:both; overflow:hidden; position:relative
}
.probox .pv .pb{ height:300px; overflow:hidden; position:absolute; left:0px; top:0px; }


.marquee{
  height:150px; width:660px; margin:0px auto 0px auto; clear:both; overflow:hidden;	
}
.marquee .btn{
  width:34px; text-align:center; height:24px; margin-top:38px; float:left;	
}
.marquee .scroll{
  width:592px; height:150px; float:left; overflow:hidden;
}
.marquee .scroll li{
  width:148px; text-align:center; height:150px; float:left;	
}
.marquee .scroll li .pic{
  height:100px; text-align:center; padding-bottom:20px; background:url(../images/yy.jpg) no-repeat center 110px;	
}
.marquee .scroll li .pic img{ width:130px; height:100px; }
.marquee .scroll li .tit{ height:30px; line-height:30px; }

.taps{
  height:30px; background:url(../images/bg4.png) repeat-x center top; line-height:30px;	
}
.taps li{ width:100px; float:left; text-align:center; background:#D82016; color:#FFF; font-size:14px; font-family:"΢���ź�"; }
.taps li a{ color:#FFF; text-decoration:none; }
.taps .hover{ background:#FFF; }
.taps .hover a{ color:#1248A8; }

.xwbox{ width:322px; height:100%; overflow:hidden; float:right; }
.xwbox .con{ height:auto; border:1px #E0E0E0 solid; border-top:none; clear:both; overflow:hidden; padding:8px; line-height:20px; color:#666; }

.gbox{
   clear:both; margin:20px auto; height:100%; overflow:hidden; border-bottom:1px #E0E0E0 solid; padding-bottom:6px;	
}
.gbox .tit{ width:120px; float:left; font-size:14px; font-family:"΢���ź�"; color:#333; line-height:40px; }
.gbox .tit span{ font-family:Arial, Helvetica, sans-serif; color:#999; }
.gbox .btn{
  width:40px; height:20px; margin-top:10px; line-height:20px; float:left;	
}
.gbox .btn a{ display:inline-block; width:20px; background:#8f8f8f; color:#FFF; text-align:center; }
.gbox .btn a:hover{ background:#1046A5; }
.gbox .con{ width:740px; float:left; margin-left:10px; height:30px; margin-top:5px; line-height:30px; overflow:hidden; }
.gbox .con li{ width:340px; text-align:right; color:#999; background:url(../images/ico1.jpg) no-repeat 10px; padding-left:24px; overflow:hidden; float:left; padding-right:6px; }
.gbox .con li a{ float:left; }
.gbox .m{ float:right; height:20px; line-height:20px; padding:0px 8px; color:#FFF; margin-top:10px; background:#1046A5; }
.gbox .m:hover{ background:#FF0000; }


.left{ width:230px; height:100%; overflow:hidden; float:left; }
.left .t{
  height:30px; line-height:30px; padding:0px 10px; font-size:18px; font-family:"΢���ź�"; color:#FFF; background:url(../images/bg4.png) repeat-x center top; text-align:right;	
}
.Menu{ border:1px #E9E9E9 solid; height:100%; border-bottom:0px; border-top:0px; }
.Menu a:link,.Menu a:visited{ color:#666; text-decoration:none; }
.Menu a:hover,.Menu a:active{ color:#FF0000; text-decoration:none; }
.Menu li{ line-height:35px; background:url(../images/libg1.jpg) no-repeat center top; font-size:14px; padding:0px 15px; }
.Menu li div{ font-size:12px; display:none; }
.Menu li div a{ display:block; line-height:18px; padding:6px 0px; border-top:1px #E9E9E9 solid; padding-left:15px; }
.Menu a.Fos{ color:#D62A2E; }
.Menu .open div{ display:block; }

.left .contact { background:#E9E9E9; }
.left .contact tr td{ background:#FAFAFA; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#000; }

.left .contact tr td span{ font-size:12px; line-height:21px; }
.right{ width:746px; height:100%; overflow:hidden; float:right; margin-top:30px; }
.brnav{ height:40px; line-height:40px; border-bottom:1px #EDEDED solid; font-size:14px; color:#666; }
.brnav a:link,.brnav a:visited{ color:#666; }
.brnav a:hover,.brnav a:active{ color:#FF0000; }
.rox{
  height:100%; width:746px; margin:15px auto; clear:both; overflow:hidden;	
}
.Msg{ line-height:24px; font-size:14px; }
.Msg p{ margin:8px auto; }

.imglist{
   clear:both; height:100%; overflow:hidden;	
}
.imglist ul{ width:748px; height:100%; overflow:hidden; margin-top:-1px; }
.imglist li{
  width:186px; height:210px; float:left; text-align:center; border:1px #F1F1F1 solid; border-width:1px 1px 0px 0px;	
}
.imglist li div{ width:160px; height:160px; margin:0px auto; }
.imglist li:hover{ background:#F0F0F0; }
.imglist li p{ display:block; line-height:17px; width:160px; margin:0px auto; }

.sload{ padding:0px 0px 15px 0px; clear:both; text-align:center; }

.Footer{
   background:#747474; clear:both; margin:0px auto; margin-top:10px; padding:24px 0px 5px 0px;	
}
.Footer tr td{ color:#C7C7C7; line-height:22px; font-family:Arial, Helvetica, sans-serif; }
.Footer a:link,.Footer a:visited{ color:#C7C7C7; text-decoration:none; }
.Footer a:hover,.Footer a:active{ color:#FFF; }
.Footer .fk a{ display:inline-block; margin:0px 4px; }
.Footer .ewm{ width:45px; height:45px; background:url(../images/bg3.jpg) no-repeat center top; padding:4px; text-align:center; }
.Footer .ewm img{ width:45px; height:45px; }

.main1{
  margin-top: 50px;
  width: 100%;
  height: 500px;
  /* margin-bottom: 50px; */
}
.main-left{
  width: 49%;
  height: auto;
  /* border: 1px red solid; */
  float: left;
}
.main-left-top{
  width: 100%;
  height: 100px;
  font-size: 40px;
  text-align: center;
  font-weight: bold;
  color: #555;
  line-height: 100px;
}
.main-left-bottom{
  margin-top: 20px;
  width: 100%;
  height: 340px;
}
.main-right{
  width: 49%;
  height: auto;
  /* border: 1px blue solid; */
  float: left;
}
.main-right-top{
  width: 100%;
  height: 100px;
  background: #0f3981;
}
.main-right-top .jiii{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 50px;
  margin-left: 20px;
}
.main-right-top .jii{
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  line-height: 50px;
  margin-left: 20px;
}
.main-right-top .ji{
  width: 50px;
  height: 4px;
  background: #fff;
  line-height: 150px;
  margin-left: 10px;
}
.main-right-bottom{
  width: 100%;
  height: 340px;
}
.bhud{
  width: 90%;
  margin: auto;
  height: 100%;
  font-size: 15px;
  line-height: 40px;
  margin-top: 20px;
}

.main2{
  width: 100%;
  height: 1160px;
  margin-top: 20px;
}
.main3{
  width: 100%;
  min-height: 774px;
  margin-top: 20px;
}
.main2 .prozs{
  width: 100%;
  height: 60px;
  font-size: 20px;
  background: #0f3981;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 60px;
  margin-bottom: 30px;
}
.main2 .pro{
  width: 32%;
  height: 340px;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
  transition: all 0.5s;
}
.main2 .pro:hover{
  box-shadow: 0 8px 8px 0 grey;
  transform: translate(0,-10px);
}
.main2 .prod{
  width: 100%;
  height: 260px;
}
.main2 .prod img{
  width: 100%;
  height: 100%;
}

.main2 .prodd{
  width: 100%;
  height: 60px;
  font-size: 14px ;
  background: #0f3981;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 60px;
}
.main2 .prodd:hover{
  cursor: pointer;
  font-size: 16px;
}

.main3 .prozs{
  width: 100%;
  height: 60px;
  font-size: 20px;
  background: #91B6DB;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 60px;
  margin-bottom: 30px;
}
.main3 .pro{
  width: 32%;
  height: 340px;
  float: left;
  margin-right: 10px;
  margin-bottom: 20px;
  transition: all 0.5s;
}
.main3 .pro:hover{
  box-shadow: 0 8px 8px 0 grey;
  transform: translate(0,-10px);
}
.main3 .prod{
  width: 100%;
  height: 260px;
}
.main3 .prod img{
  width: 100%;
  height: 100%;
}

.main3 .prodd{
  width: 100%;
  height: 60px;
  font-size: 14px ;
  background: #91B6DB;
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 60px;
}
.main3 .prodd:hover{
  cursor: pointer;
  font-size: 16px;
}