@charset "utf-8";
body { margin:0 auto; padding:0; width:100%; background: #e3e3e3; font-family:微软雅黑,宋体,Arial, sans-serif; text-align:center;}
html { padding:0; margin:0;}
a { text-decoration:none;}
a:hover { text-decoration:underline;}
/* main */
.main { padding:0; margin:0 auto; text-align:left;}
/********** header **********/
.blok_header { margin:0; padding:0;}
.header { width:960px; margin:0 auto; padding:0;}
/* logo */
.logo { padding:0; margin:0; width:240px; float:left; height:69px;}
.logo img{margin-left:10px;margin-top:10px;}
/*header_text*/
.header_text { height:308px; margin:0 auto; padding:0; width:960px; background: url("../images/slider_bg.gif") top no-repeat;}
.header_text .div .left1 { float:right; width:480px; padding:0; margin:0; }
.header_text .div .left1 h2 {font:bold 34px  ; color:#fff;  padding:27px 0 13px 0; margin:0;}
.header_text .div .left1 img { float:left; margin:0px 20px 0 0; padding:0;}
.header_text .div .left1 a {font: bold 14px ; color:#fff; text-decoration:underline;}
.header_text p { font:normal 14px  ; color:#fff; padding:10px 0 0 0; margin:0; line-height:1.8em;}
/* header_text2 */
.header_text2 { height:243px; margin:0 auto; padding:0; width:960px; background:url("../images/banner.gif") -2px top no-repeat;}

/*body_bottom*/
.body_bottom { width:960px;height:52px; margin:0 auto; padding:0;}
/* menu */	
.menu { padding:128px 0 0 10px; margin:0; width:900px; float:left; font-size:12px;}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:0; padding:0 3px; border:0;}
.menu ul li span.keyword { float:left; margin:0 1px 0 0; padding:13px 0; color:#ededed; font:bold 12px ; text-decoration:none; font-weight:bold;}
.menu ul li a { float:left; margin:0 1px 0 0; padding:13px 0; color:#fff; font:bold 12px ; text-decoration:none;}
.menu ul li a span { padding:13px 10px; background:none;}
.menu ul li a:hover {   background: url("../images/r_menu.gif") no-repeat right ;}
.menu ul li a:hover span { background:url("../images/l_menu.gif") no-repeat  left ;}
.menu ul li a.active {background:url("../images/r_menu.gif") no-repeat  right ;}
.menu ul li a.active span {   background:url("../images/l_menu.gif") no-repeat  left ;}
/********** body **********/
.body { width:940px; margin:0 auto; background:url("../images/body_bg.gif") top repeat-y; padding:10px;}
.body h2 { color:#2c2c2c; font:normal 18px ; margin:5px 0; padding:10px 5px;}
.body h3 {color:#2c2c2c; margin:5px 0; padding:15px 0px; border-bottom:1px solid #e1e1e1; font-size:15px;  background:url("../images/News_3.jpg") 5px 10px no-repeat; text-indent:45px; }
.body h4{font-size:13px; }

.body p {  font-size:12px;color:#5f5f5f; padding:0px; margin:0; line-height:1.8em;}
.body p.grey { color:#444444; padding:0px 5px 0 5px; margin:0; line-height:1.8em; font-size:12px;}
a { color:#469aac; text-decoration:none;}
a:hover{text-decoration:underline;}
.body img { float:left; margin:10px 10px 15px 15px; padding:0; border:0}
.body img.port { margin:8px; padding:0; text-align:center; width:500px; height:150px;}
div.img_port{border:1px #ccc solid;background-color:#efefef;width:516px;height:166px; margin:10px;}
.body img.but { margin:0; padding:25px 0 0 0; float:right;}
.left { width:550px; float:left; margin:0; padding:10px 15px;}
.right { width:315px; float:right; margin:0; padding:10px 15px;}
.right_big { width:300px; background:#f6f6f6; border:1px solid #eaeaea; margin:0 auto; padding:8px;}
.right_small { border:1px solid #ededed; background:#fff; width:280px; padding:10px 7px; margin:0 auto;}
.right_small ul { margin:10px 5px; padding:0; list-style:none;}
.right_small li { border-bottom:1px solid #eaeaea; padding:5px 5px; margin:0;}
.right_small li a { font: bold 12px ; color:#cccccc; text-decoration:none;}
.right_small li a:hover { color:#5ac4d1; text-decoration:underline;}

.bottom{ margin:0 auto 20px auto; padding:10px 0 0 10px; width:950px; background:#469aac; border-bottom:1px solid #407e8b; height:auto; display:table; font-size:12px; text-align:left}
.copy,.b_black,.b_link {LINE-HEIGHT: 25px; MARGIN: 0px auto; WIDTH: 740px; HEIGHT: 25px; COLOR: #fff;  float:left; font-size:12px;}
.fl{width:740px;float:left;padding-top:5px;}
.fr{width:200px;float:right;}

.bottom img { display:inline; margin:5px 10px; padding:0; border:0; float:right;}
.bottom a { color:#fff;  text-decoration:none; line-height:1.8em;}
.bottom a:hover { text-decoration:underline;}
/********** contact form **********/
.form { float:left; width:560px; margin-top:40px; margin-left:10px;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px ; line-height:1.8em; width:auto;}
p.clr, .clr { clear:both; padding:0; margin:0;}
li.bg, .bg { clear:both; border-bottom:1px dotted #dbdbdb; padding:10px 0 0 0; margin:0 0 10px 0; background:none; list-style:none;}
li.line, .line { border-top:1px solid #d9d9d9; padding:0; margin:10px 0; background:none; list-style:none;}
.s_part{height:auto;display:table; float:left; padding-top:8px; border-bottom:1px #ccc dotted; padding-bottom:20px;}
.s_part h3{ font-size:15px;}
h4{padding:0;margin:0; line-height:30px; padding-top:5px;}
p{margin:0;padding:0; line-height:180%;}
img.book{width:105px;height:150px; margin:0;}
ul.w_link{margin:0;padding:0;}
ul.w_link img{margin-right:10px;}
.body ul.w_link h4{margin:0;padding:0;border-bottom:0;color:#666; line-height:20px; font-size:13px;}
ul.w_link li{ margin:0; padding:5px;border-bottom:0;}
.body ul.w_link h4 a,h4 a{color:#069}
ul.w_link li.im{border-bottom:1px #ccc dotted;height:165px;margin-bottom:5px;}
.right_small img{margin:2px 5px;padding:1px;border:1px #ccc solid;}
.right h3{border-bottom:0; padding-bottom:5px;}
.right_small li .side-down-link a {LINE-HEIGHT: 38px; TEXT-INDENT: 60px; MARGIN: 4px auto; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; WIDTH: 188px; DISPLAY: block; BACKGROUND: url("../images/btn.jpg") no-repeat 0px 0px; HEIGHT: 38px; COLOR: #fff; FONT-SIZE: 16px; TEXT-DECORATION: none}
img.pic{width:160px;height:140px;margin-bottom:0;border:1px #ccc solid;padding:1px;}
p.l1{padding:0 10px;}