@charset "utf-8";

body{margin:0; padding:0px; font-size:12px;    font-family: '微软雅黑',   Arial, Helvetica, sans-serif; background:#f9f9f9; line-height:24px;   }

a {text-decoration:none;

  color: # 333;
  -webkit-transition: color 300ms, background-color 600ms;

  -moz-transition: color 300ms, background-color 600ms;

  -ms-transition: color 300ms, background-color 600ms;

  -o-transition:  color 300ms, background-color 600ms;

  transition:  color 300ms, background-color 600ms;

  

}



a:hover, a:focus {

  color: #d43133;

   

}

div,ul,li,h2,h3,h4,dl,dd,dt,tr,td,p{margin:0; padding:0;}

ul,li{list-style:none;}

img{ border:0; }

.clear {clear:both;} 

h1{ font-size:40px; font-weight:bold; display:block; padding:5px;}







#top{ width:1100px; margin:0 auto; height:88px; }

#top .left{ width:162px; float:left;}
#top .c{ width:400px; float:left; padding-left:20px;}
.c-word{ border:#F30 1px solid; border-top:0; text-align:center; color:#666}
.c-word a{  border-top:0; text-align:center;color:#666;padding:3px;}
.c-word a:hover{  border-top:0; text-align:center;color: #C00; background:#FC0; padding:3px;}
#top .right{ width:177px; float:right;}
.banner{ background:url(../images/banner_15.jpg) top center no-repeat; height:380px;background-color: #f9f9f9; }
.banner11{ background:url(../images/banner_15-1.jpg) top center no-repeat; height:380px;background-color: #f9f9f9; }
.banner22{ background:url(../images/Pro2.jpg) top center no-repeat; height:380px;background-color: #f9f9f9; }
.banner33{ background:url(../images/web.jpg) top center no-repeat; height:380px;background-color: #f9f9f9; }
.banner44{ background:url(../images/yd.jpg) top center no-repeat; height:380px;background-color: #f9f9f9; }
.banner55{ background:url(../images/jjfa.jpg) top center no-repeat; height:380px;background-color: #f9f9f9; }
.banner66{ background:url(../images/jssl.jpg) top center no-repeat; height:380px;background-color: #f9f9f9; }
.c{ }
.c .contact{ width:1100px; margin:0 auto; padding:20px 0;}
.c .contact1{ width:100%; background:url(../images/qiu.png) right 50% no-repeat; height:400px;}
.c .contact5{ width:100%; background:url(../images/yx.png) right 50% no-repeat; height:400px;}
.c .contact5 .top1{ background:url(../images/biaoti.png) left top no-repeat; height:110px; width:683px;}
.c .contact5 .bottom{width:400px; border:#333 dashed 2px; padding:10px; margin-left:90px; background: #FFF;border-radius:10px;box-shadow: 5px 5px 5px #888888;}
.c .contact1 .top1{ background:url(../images/biaoti.png) left top no-repeat; height:110px; width:683px;}
.c .contact1 .bottom{width:400px; border:#333 dashed 2px; padding:10px; margin-left:90px; background: #FFF;border-radius:10px;box-shadow: 5px 5px 5px #888888;}
.contact2{ background:url(../images/bj.jpg) top center repeat-y;}


.c .contact1-2{ width:100%; background:url(../images/seo.png) left 50% no-repeat; height:400px;}
.contact1-2 .top{ background:url(../images/biaoti-1.png) right top no-repeat; height:110px; float:right; width:683px;}
.contact1-2 .bottom2{width:400px; border:#333 dashed 2px; padding:10px; margin-right:90px;float:right; background: #FFF;border-radius:10px;box-shadow: 5px 5px 5px #888888;}

.c .contact1-3{ width:100%; background:url(../images/sj.png) left 50% no-repeat; height:400px;}
.contact1-3 .top{ background:url(../images/biaoti-1.png) right top no-repeat; height:110px; float:right; width:683px;}
.contact1-3 .bottom2{width:400px; border:#333 dashed 2px; padding:10px; margin-right:90px;float:right; background: #FFF;border-radius:10px;box-shadow: 5px 5px 5px #888888;}
.c8{ width:1100px; margin:0 auto; padding:10px 0;}
.c9{ border:#333 dashed 1px; padding:10px;  background: #FFF;border-radius:10px;box-shadow: 2px 2px 2px #888888; position:relative;}
.c9:hover{ border:#e45326 dashed 2px; padding:10px;  background: #FFF;border-radius:10px;box-shadow: 5px 5px 5px #e45326;}
.c9 .top{ background:url(../images/bj-5.png) top center no-repeat; width:215px; height:47px; top:-13px; position:absolute;}
.c9 .bottom{ margin-top:30px; margin-bottom:10px; padding:10px 0 0 10px; }
.c9 .bottom .left{ float:left;width:610px;}
.c9 .bottom .left1{ }
.c9 .bottom .left1 h2{ color:#10a07c; font-size:25px; font-weight:bold;}
.c9 .bottom .left1 h3{ color:#ff5a00; font-size:18px; font-weight:bold;}
.c9 .bottom .left h2{ color:#10a07c; font-size:25px; font-weight:bold;}
.c9 .bottom .left h3{ color:#ff5a00; font-size:18px; font-weight:bold;}

.c9 .bottom .right{ float:right;}





#foot{ background-color:#202020; padding:10px 0;color:#FFF; text-align:center; }
#foot a{ font-size:12px; color:#FFF;}
#foot a:hover{ font-size:12px; color: #FF0000; }







#pro { width:100%;   }

#pro ul {list-style: none;  }

#pro ul li {  display:block; width:108px; height:50px; line-height:50px;   float:left; border-right: #CCC 1px solid;    }

#pro ul li a {display:block; color: #363636; height:50px; line-height:50px; text-align:center; font-size:14px; font-weight:bold;}

#pro ul li a:hover {height:50px; line-height:50px; display:block;  color: #FFF;  background-color: #0253a5;}



#left{ width:100%; margin:10px 0; }

#left ul {list-style: none;  }

#left ul li {height:35px;line-height:35px; color: #5f5f5f; background:url(../images/jiantou.jpg) right 50% no-repeat;border-bottom:#828282 1px solid;  }

#left ul li a {display:block;height:35px; line-height:35px;font-size:12px;   color: #5f5f5f; padding-left:10px;}

#left ul li a:hover {  height:35px; line-height:35px; color: #fff;background-color: #333;}









#menu-index { width:1197px; margin:0 auto; }

#menu-index ul {list-style: none;  }

#menu-index ul li {height:38px;line-height:38px; width:133px;  float:left;  display:block; color: #FFF; background:url(../images/index_12.jpg) 0 50% no-repeat  }

#menu-index ul li a {display: block;height:38px; line-height:38px;font-size:14px; text-align:center; font-weight:bold; color: #FFF;   }

#menu-index ul li a:hover { display:block; height:38px; line-height:38px; font-weight:bold; color: #f65500; border-top:#f65500 2px solid;   }



#menu-index ul li a#current { font-weight:bold; color:#000;height:30px; line-height:30px; }

#menu-index ul li ul {  display:none; position:absolute; z-index:9; }

#menu-index ul li ul li { float:none;width:84px;background:#332e65;margin:0; height:30px; line-height:30px;border-bottom:#565186 1px solid;}

#menu-index ul li ul li a { background:none; font-size:12px; font-weight:normal;height:30px; line-height:30px; color:#FFFFFF; padding:0 6px;}

#menu-index ul li ul li a:hover {background:#332e65;font-size:12px; color: #c0bde2;height:30px; line-height:30px; filter:alpha(opacity=50);

	-moz-opacity:0.5;

	-khtml-opacity: 0.5;

	opacity: 0.5;  }

#menu-index ul li:hover ul { display:block;}

#menu-index ul li.sfhover ul { display:block;height:30px; line-height:30px;}







#pro-1 { width:100%; margin:0 auto;    }

#pro-1 ul {list-style: none;  }

#pro-1 ul li {  display:block;   float:left; width:276px;  border:#CCC 1px solid; margin:5px; padding:5px;   }

#pro-1 ul li a {display:block; color: #363636; text-align:center; font-size:14px;}

#pro-1 ul li a:hover { display:block;  color: #FFF;   background-color: #0253a5; }





#news { width:100%; margin:0 auto;    }

#news ul {list-style: none;  }

#news ul li {  display:block; border-bottom:#CCC 1px dotted; margin:5px;  }

#news ul li a {display:block; color: #363636;  font-size:14px; padding:5px;}

#news ul li a:hover { display:block;  color: #FFF;   background-color: #0253a5; }







.f1{ font-size:12px;  color: #333; width:85px;  text-align:center; border:#CCC 1px solid; display:block; color:#CCCCCC; }

.f1 a { font-size:12px;  color: #fff;}

.f1:hover{ color: #FFF; font-size:12px; width:85PX; display:block; background: #333;}

.f1:hover a{ color:#fff;}







.f2{ font-size:20px; font-weight:bold; color:#d7d7d7; margin:5px; display:block;  }

.f2 a{ color:#d7d7d7; font-size:25px;font-weight:bold; }

.f2 a:hover{ color: #d7d7d7; font-size:35px;font-weight:bold; }

.f4{ color:#F00;}

.word2{ font-size:20px; font-weight:bold; color: #fff;  display:block;text-align:center;  }

.word2 a{ color:#fff; font-size:20px;font-weight:bold;  }

.word2 a:hover{ color: #fff;font-size:20px; font-weight:bold; }





.more{ font-size:14px;  color:#CCC; background: #006cd9 ; display:block; width:130px; padding:5px; text-align:center; margin:5px auto;   }

.more a{ color: #CCC; font-size:14px; width:120px;display:block;padding:5px; }

.more a:hover{ color: #fff; font-size:14px; background:#090; display:block; }



.f2-1-1{ color: #CCC; font-size:36px; font-weight:bold; text-align:right; padding-top:30px; padding-right:150px;  }

.f2-1-1 a{ color:#CCC; font-size:36px;font-weight:bold; }

.f2-1-1 a:hover{ color: #fff600; font-size:36px;font-weight:bold; }




.f2-1{ color: #CCC; font-size:36px; font-weight:bold; padding-top:30px; padding-left:150px;  }

.f2-1 a{ color:#CCC; font-size:36px;font-weight:bold; }

.f2-1 a:hover{ color: #fff600; font-size:36px;font-weight:bold; }


.f2-8{ color: #fff600; font-size:30px; font-weight:bold; text-align:center; padding-top:10px;  }

.f2-8 a{ color:#fff600; font-size:30px;font-weight:bold; }

.f2-8 a:hover{ color: #fff600; font-size:30px;font-weight:bold; }


.f2-3{ color: #525151; font-size:16px; font-weight:bold; line-height:35px; }

.f2-3 a{ color:#525151; font-size:16px;font-weight:bold; }

.f2-3 a:hover{ color: #525151; font-size:16px;font-weight:bold; }

.f2-2{ padding-top:20px; font-size:16px; font-weight:bold; padding-bottom:5px; color:#000;}
.f2-2 a{ padding-top:20px; font-size:16px; font-weight:bold; padding-bottom:5px; color:#000;}
.f2-2 a:hover{ padding-top:20px; font-size:16px; font-weight:bold; padding-bottom:5px; color:#F00;}