body{ margin:0px; padding:0px; color:#333333; font-family:"΢ÈíÑźÚ";}

.page1 { background-color: #2656A0;}
.page2 { background-color: #FFFFFF;}
.page3 { background-color: #1D7AC0;}
.page4 { background-color: #FFFFFF; }
.page5 { padding-bottom:30px;}
.page6 { background-color: #525252; }

.page{ float:left; width:100%; height:auto;}

.index01{ width:100%; height:1000px; float:left; background-image:url(../images/jinrong.jpg); background-position:center; background-repeat:no-repeat;}

.index01 img{ width:100%; height:auto;}


p.title { position: relative; top: 35%; font: 700 40px "Microsoft Yahei"; color: #fff; text-align: center;}

.index01 img{ width:100%; height:100%;}

.container{ width:1300px; height:auto; margin:0 auto; margin-bottom:20px;}

.container02{ width:1300px; height:auto; margin:0 auto;}

.container03{ width:1430px; height:auto; margin:0 auto; margin-bottom:50px;}

.bktitle{ width:100%; height:60px; float:left; text-align:center; margin-top:50px; margin-bottom:30px;}

.bknr{ width:100%; height:auto; float:left;}

.bkcp{ width:220px; height:295px; float:left; border:1px solid #E6E6E6; margin-right:18px; }

.cppic{ width:100%; height:160px; float:left; text-align:center; align-items: center;}
.cppic img{ width:100%; height:160px; }




.cpwz{ width:196px; height:115px; float:left; background-color:#46bcc8; padding:10px 12px;  }

.cpwz01{ width:100%; height:36px; line-height:36px; font-size:18px; font-weight:bold; color:#FFFFFF; float:left;}

.cpwz02{ width:100%; height:100px; float:left; font-size:14px; color:#FFFFFF;}

.rypic{ width:400px; height:500px; float:left; margin-top:60px; margin-left: 200px;}

.rynr{ width:600px; height:600px; float:left;}

.rynr ul{ }

.rynr ul li{ width:100%; height:36px; line-height:36px; color:#FFFFFF; }

.yanfa01{ width:49.5%; height:552px; float:left; background-image:url(../images/yanfa01.jpg); background-repeat:no-repeat; margin-right:1%;}
.yanfa02{ width:49.5%; height:552px; float:right; background-image:url(../images/yanfa02.jpg);  background-repeat:no-repeat;}

.yanfanr{ width:210px; height:180px; float:right; background-color:#FFFFFF; margin:290px 50px 0px 350px; padding:10px;color:#666666;}

.yftit{ width:100%; height:36px; line-height:36px; float:left; font-weight:bold;}

.yfnr{ width:100%; height: auto; float:left; font-size:14px; line-height:22px; }

.yfmore{ width:100%; height:26px; line-height:26px; float:left; font-size:14px; }

.yfmore a{ color:#666666; text-decoration:none; }
.yfmore a:hover{ color:#666666; text-decoration:none; }

.customer{ width:93%;  float:left;}

.culeft{ width:60px; height:160px; text-align:center; float:left; margin-top:150px; margin-right:36px;}
.cucen{ width:1220px; height:200px;  float:left; margin-top:110px; }
.curight{ width:60px; height:160px; text-align:center; float:left;  margin-top:100px;}

.cusnr{ width:160px; height:100px; float:left; text-align:center; background-color:#FFFFFF; padding-top:20px; margin-left:36px;}

.cusnr img{ width:auto; height:80%; }


.cusnr02{ width:180px; height:136px; float:left;  background-color:#46bcc8; font-size:18px; font-weight:bold; color:#FFFFFF; padding:20px;}

.footer{ width:100%; height:160px; float:left; background-color:#525252; border-bottom:1px solid #686868; padding-top:30px;}

.nav{ width:180px; float:left; height:auto; color:#FFFFFF;}
.nav a{  color:#FFFFFF;}
.nav a:hover{  color:#FFFFFF;}

.nav01{ width:100%; height:26px; line-height:26px; font-size:16px; font-weight:bold; padding-bottom:10px;}
.nav02{ width:100%; height:24px; line-height:24px; font-size:14px; }

.rwm{ width:100px; height:100px; float:left;}

.footer02{ width:100%; height:130px; float:left; background-color:#525252; }

.bqxx{ width:100%; height:auto; float:left; padding-top:20px; font-size:13px; line-height:26px; color:#FFFFFF;}

.navbar{ width:100%; height:80px; float:left; position:fixed; background-color:#194694; z-index:9999999999999999; border-bottom:1px solid #2d5498;}

.navbar02{ width:100%; height:80px; float:left; background-color:#194694;}


.menu {
font-family: arial, sans-serif; 
width:100%; 
margin:0; 
margin:25px 0;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left; 
position:relative;  font-weight:bold; line-height:22px;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
width:110px; 
height:50px; 
color:#fff; 
line-height:18px; 
font-size:15px; padding-left:20px;
}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
margin-top: 20px; 
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color:#fff; 
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:31px; 
left:0; 
width:105px;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display:block; 
background:#194694; 
color:#fff;height:30px;
}
/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background:#194694; 
color:#fff;font-size:13px;height:30px;
}

.jrbt{ width:1000px; height: 85px; text-align: center; margin:0 auto; margin-top:100px;}
.jrbt img{ width:200px; height:68px; }

.bancen{ width:100%; height:500px; margin:0 auto; margin-top:100px; position:absolute; z-index:999; top:60px; }

.bantit{ width:100%; height:150px; float:left; text-align:center;}

.xingqiu{ width:60%; margin-left:24%; float:left; height:auto;}

.xingqiu02{ width:30%; height:auto; text-align:center; float:left;}

.wz01{padding-top:130px}
.wz02{padding-top:60px}
.wz03{padding-top:150px}

.xingqiu02 img{ 
cursor: pointer; 
transition: all 0.6s; 
} 
.xingqiu02 img:hover{ 
transform: scale(1.2); 
} 


.dhyw{ font-size:11px; line-height:20px;}

.gundong{ width:100%; height:300px;}

.jianju{ padding:20px; border:1px solid #E6E6E6;}

.yanfa{ width:100%; height:auto; padding-bottom:100px; background-color:#46bcc8; }

.xzbg{width:100%; height:500px; margin:0 auto; margin-top:100px; position:absolute; z-index:9; top:60px; }


.weizhi{ text-align:center;}

.col-md-4 img{ width:56%; height:auto;}

.banpic{ width:100%; height:570px; background-image: url(../images/banner.jpg); background-position:center;     background-size: 100% 100%; background-repeat:no-repeat; float:left; margin-top:80px; color:#FFF; background-color:#184694;}

.liuxinjg{ width:100%; height:1000px; position:absolute; z-index:999;}

.xingqiu03{ width:100%; height:auto;  position:absolute; z-index:99999; top:50px;}

.shipin{ width:570px; float:left; height:400px; background-color:#333; margin-top:66px;}

.shipin video{}

.gsjs{ width:600px; height:600px; float:left; margin-left:60px;}


.gsjstit{ width:100%; height:50px; float:left; line-height:50px; font-size:18px; font-weight:bold; margin-top:50px;}

.aboutnr{ width:100%; height:auto; float:left; line-height:28px; font-size:14px; margin-top:20px; margin-bottom:30px; text-align: justify; }

.more{ width:160px; height:38px; text-align:center; border:1px solid #FFF; float:left; line-height:38px;}

.bknr{ width:100%; height:1000px; float:left; background-color:#46bcc8;}

.bkbg{ background-image:url(../images/bg.jpg); background-position:center; background-repeat:no-repeat; height:800px; width:1300px; margin-top:80px;}

.qyzz{ width:500px; height:370px; float:left; margin:40px 0px 0px 80px;}

.zzbt{ width:100%; height:36px; float:left; line-height:36px; font-size:20px; font-weight:bold; background-image:url(../images/fuhao.png); background-position:left; background-repeat:no-repeat; padding-left:20px;}

.zzpic{width:160px; height:200px; float:left; margin:30px 0px 0px 0px;}

.zzwz{width:230px; height:260px; float:left; margin:30px 0px 0px 20px;}

.zzwz01{ width:100%; height: auto; float:left; line-height:26px; font-size:14px;}

.zzmore{width:120px; height:30px; float:left; background-color:#46bcc8; line-height:30px; color:#FFF; text-align:center; margin-top:12px;}

.bj002{ margin: 40px 0px 0px 130px;}

.bj003{ margin-left:50px;}

.bj004{margin: 30px 0px 0px 50px;}

.zzpic02{margin:90px 0px 0px 50px;}

.bj005{margin:40px 0px 0px 230px;width: 480px;}


.media{ width:100%; height: auto; float:left; }
  
.media02{ width:1126px; height: auto; margin:0 auto; }
  
 .mediapic{ width:100%; height: auto; float:left; text-align:center;}
  
 .mediawz{width:100%; height:52px; float:left; line-height:52px; text-align:center; color:#FFF; font-size:24px; font-weight:bold;} 
  
  .medianr{ width:370px; height:200px; float:left;}
  
  .anlibg{ background-image:url(../images/bg02.jpg); background-repeat:repeat-x;}