@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;font:12px/1.8 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
h1,h2,h3,h4,h5,h6 { font-size:100%;}
img { border:none;}
li,dt,dd,ul,dl { list-style:none;}
a { text-decoration:none;}
.clear { clear:both;}
.l { float:left;}
.r { float:right;}
div { overflow:hidden;}
.m { width:980px; height:auto; margin:0 auto;}
.w { width:100%; height:auto;}

/** <a> color begin **/
#c1 { color:#00a6ff;}
#c2 { color:#F00;}

.cliuyan1{display: block; position: fixed; z-index: 2147483647 ! important; width: 20% ! important; height: 176px ! important; left: 0px; right: auto; margin-left: 0px; top: 50%; bottom: auto;  }
.cliuyan2{ display: block; position: fixed; z-index: 2147483647 ! important; width: 20%! important; height: 176px ! important; left: 0px; right: auto; margin-left: 0px; top: 40%; bottom: auto;  }
.ww{ width:100%; color:#5f5f5f;}
/** header begin **/
.header { background:url(../images/header-bg.jpg) repeat-x;}
  .logo { height:98px; background:url(../images/logo.jpg) no-repeat left top;}
   .logo img{ margin-left:640px; margin-top:35px;}
  .nav { height:46px; background:url(../images/nav-bg.gif) no-repeat; border-radius:5px;}
   .nav ul { padding:7px 0 0 45px;}
   .nav ul li { float:left;}
   .nav ul li a { color:#184b68; padding:3px 15px; margin:0 20px; display:block; font-size:14px; font-weight:bold;}
   .nav ul li a:hover {padding:3px 15px; background-color:#8fb5cc; color:#032a3e; box-shadow:0px 0px 2px #06F;}

/** main begin **/
.in-main { background:url(../images/in-main-bg.jpg) repeat-x;} 
.in-main2, .in-main2 a, .proShow, .proShow a { color:#fff;}
.in-main2 .cname { height:40px; background:url(../images/cname-bg.gif) no-repeat 5px 0px;} 
 .in-main2 .cname h2 { font-size:16px; font-weight:bold; line-height:40px; margin-left:30px; display:inline;}
 .in-main2 .cname a { line-height:40px; margin-right:20px;}
/** index-banner begin **/
.index-banner { height:383px; padding-bottom:20px;}
.flashbox { width:980px; height:375px;}
 #SwitchBigPic { width:980px; height:282px; margin-top:5px; overflow:hidden; display:inline;} 
 .flashbox .pic {width:980px; height:282px; }
#SwitchNav { width:979px; height:93px; margin-top:5px;overflow:hidden; padding-left:1px; background:#fff;}
 #SwitchNav li { width:326px;  height:93px; overflow: hidden; float:left;}
  #SwitchNav li { height:75px;color:#464646; display:block; background:#d7dbdd; opacity:0.3; cursor:pointer}
  #SwitchNav li.selected { background:none; opacity:1;}
 
/** in-new begin **/
.in-new { width:320px; height:285px;}
 .in-new ul li { line-height:25px; width:290px; height:25px; padding-top:5px;_padding-top:3px;}
 .in-new ul li a { margin-left:5px;}

/** in-solution begin **/
.in-solution { width:660px;height:285px;}
 .in-solution ul li { float:left; width:306px; height:88px; margin:12px 18px 10px 2px; overflow:hidden;}
 .in-solution ul li img { float:left; border:2px solid #fff; margin-right:3px;}

/** proShow begin **/
.proShow { background:#002335; padding:20px 0;}
 .in-pro .cname { width:980px; height:33px; border-bottom:1px solid #184962;}
  .in-pro .cname h2 { width:96px; height:33px; line-height:32px; font-size:14px; font-weight:bold; border:1px solid #184962; border-bottom:none; border-radius:5px 5px 0 0; text-indent:23px; background:url(../images/in-pro-cname-h2-bg.jpg) no-repeat 0 8px #002335;  z-index:2; overflow:hidden; position:absolute;}
  .in-pro .cname p { line-height:33px; margin-right:10px;}
   .in-pro .cname p a { margin-left:10px;}
   .in-pro .cname p a:hover { color:#F00;}
 .in-pro .cont { width:978px; padding:22px 0 5px 0; border:1px solid #184962; border-top:none;} 
  .in-pro .cont li { float:left;width:158px; height:155px; text-align:center;padding:4px 0; margin:10px 0 0 30px; display:inline;}
   .in-pro .cont li img { box-shadow:0px 0px 10px #000;}
  
  .f-link { height:auto; border:1px solid #184962; border-radius:5px 5px 0 0; margin-top:15px;}
  .f-link .cname { height:33px; line-height:33px; font-size:14px;font-weight:bold;background:url(../images/in-pro-cname-h2-bg.jpg) no-repeat 0 8px #002335;text-indent:23px; border-bottom:1px solid #184962;}	
  .f-link .cont { padding:8px 14px;}
  .f-link .cont a { display:inline; padding-left:10px;}
  
/** footer begin **/
.footer { background:#003956; padding:15px 0;}
.foot { text-align:center;} 
.foot a, .foot { color:#84c8eb;} 
.foot p span { margin-right:20px;}

/** other pages  begin **/
.left, .right, .left a, .right a { color:#515151;} 
.left a:hover, .right a:hover { color:#003b59} 
.left { width:264px; margin-top:18px;}
.right { width:702px; background:#f0f0f0;margin-top:18px;border:1px solid #d2d2d2; margin-bottom:20px;}
 .sitepath { height:30px; background:url(../images/sitepath-bg.jpg) no-repeat; padding:4px 0 0 34px;}
 .sitepath b { font-weight:bold; font-size:14px; color:#000;}

/** hot-product begin **/
.hot-product {  background:url(../images/hot-product-h2-bg.jpg) no-repeat top #f0f0f0;}
.hot-product h2 { height:33px; text-indent:30px; font-size:14px; line-height:34px; color:#003b59; font-weight:bold; font-family:"宋体";}
.hot-product ul { width:242px; height:auto; padding:15px 10px 0 10px; border:1px solid #d2d2d2; overflow:hidden;}
 .hot-product ul li { padding-bottom:15px;}
 .hot-product ul li a { padding:2px 8px; border:1px solid #fff; display:inline; margin-right:8px;}
 
/** side-ore begin **/
.side-ore { width:262px;border:1px solid #d2d2d2;background:#f0f0f0; margin-top:15px;padding:15px 0px;} 
.side-ore ul li { float:left; width:114px; height:89px; text-align:center; margin:5px 0 0 11px; display:inline;}

/** side-contact begin **/
.side-contact { width:262px; background:url(../images/side-contact-bg.jpg) no-repeat top; margin:15px 0;}
.side-contact h2 { height:31px; color:#fff; margin-top:12px; text-indent:25px; font-size:14px; font-weight:bold;font-family:"宋体";}
.side-contact ul { width:230px; border:1px solid #d2d2d2;background:#f0f0f0; padding:15px; overflow:hidden;}
.side-contact ul li { padding-bottom:5px;}
.side-contact ul li b { font-weight:bold; margin-right:5px;}

/** product-list begin **/
.product-list { padding:0 0 20px 0;}
.product-list ul li { float:left; width:311px;border:1px solid #d2d2d2; padding:7px; margin:16px 0 0 15px; background:#ebebeb; display:inline; font-family:"宋体"}
 .product-list ul li img.img1 { float:left; margin-right:10px;}
 .product-list ul li h3 { font-size:14px; font-weight:bold; color:#000; padding-bottom:5px;}
 .product-list ul li img.img2{ padding-top:5px; }
 
/** prodcut begin **/
.product, .about, .newlist, .article { padding:16px;} 
 .intro { width:670px;}
 .intro .l { width:266px;}
 .intro .r { width:377px;}
 .intro .r h2 { padding:10px 0 5px 0;border-bottom:1px dashed #020202; font-weight:bold; color:#00558b; font-size:14px;}
 .intro .r p { text-indent:20px; padding:15px 0 10px 0; line-height:25px;}
 .intro .r ul li { padding:2px 0;}
 .intro .r ul li b { font-size:14px; color:#00558b; background:#FFF; padding:2px 0 1px 5px; font-weight:bold; margin-right:10px;}
 .intro1 { margin-top:15px;}
 .intro1 h3 { height:30px; background:url(../images/intro1-h3-bg.jpg) bottom no-repeat; text-indent:40px; font-size:14px; color:#00558b; margin-bottom:10px;}
 .intro1 p { padding:0 15px;}
  
/** about begin **/
.about p { text-indent:20px; line-height:25px; padding:10px;}
.wwwwtt{ height:25px; line-height:25px; font-size:14px; color:#000000; border-bottom:#FF0000 1px dotted;}
 .wwwwt1{ width:670px; height:490px; margin:0 auto; margin-top:10px; margin-bottom:20px;}
 .wwwwt2{ width:200px; height:159px; float:left; margin-right:10px; margin-top:5px;}
 .wn{ font-size:12px; line-height:25px; }
/** newlist begin **/
.newlist ul li { height:20px; background:url(../images/newlist-li-bg.jpg) no-repeat 0px 6px; text-indent:15px; overflow:hidden; margin:8px;}  
.page { text-align:center; padding:10px 0;}
 .page a { padding:0 5px; display:inline-block;margin:0 5px;}
 .page a:hover { background:#00558b; padding:0 5px; color:#fff; }
 
/** article begin **/
.article h1 { text-align:center; font-size:16px; font-weight:bold; line-height:40px;}
 .time { text-align:center; line-height:25px;}
  .time span { margin-right:15px;}
 .content p {text-indent:25px; margin:10px 5px 0 5px;}
.pre-next span { height:20px; width:320px; text-align:center; float:left; margin-left:20px; margin-bottom:20px;}
 
/** solution begin **/
.solution-nav { height:41px; background:#d2d2d2;} 
.solution-nav a { width:100px; height:41px; text-align:center; display:inline-block; line-height:41px;}
  .solution-hover { background:#6ba5ca;}
.solution-intro, .solution-intro1, .solution-rec { width:670px; height:auto; margin:14px 0 0 14px;}
 .solution-intro img { float:left; padding:8px; border:1px solid #d2d2d2; background:#fff; margin-right:15px;}
 .solution-intro h2 { float:left; width:410px; font-size:14px; font-weight:bold; color:#01558b; padding:3px 0; border-bottom:1px dashed #000;}
 .solution-intro p { float:left; width:410px; line-height:22px; padding-top:10px; text-indent:20px;}
 .solution-intro1 h3, .solution-rec h3 { width:670px; height:27px; line-height:27px; background:#d2d2d2; font-weight:bold; text-indent:10px; color:#000;}
 .solution-intro1 .cont { width:648px; border:1px solid #d2d2d2; padding:10px; margin-top:10px;}
 .solution-intro1 .cont p { text-indent:20px; line-height:22px;}
 .solution-rec ul li { float:left; margin:10px 3px; text-align:center; display:inline;}