* {margin: 0px;	padding: 0px;}
body {font-family:SimSun; font-size: 12px; line-height: 200%;color: #666666;}
.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border:none;}
a:link {TEXT-DECORATION: none;}
a:visited {TEXT-DECORATION: none;}
a:hover {TEXT-DECORATION: none;}
a:active {TEXT-DECORATION: none;}
ul,li{list-style-type: none;}

/* header */
#header { background-image:url(../images/header_bg.jpg); background-position: center top;background-repeat: no-repeat;}
#header .head_box { background-image:url(../images/header_bg.jpg);	background-position: center top;background-repeat: no-repeat; width: 1054px; height: 106px; margin:0 auto; position: relative;}
#header .logo { position: absolute; top: 100px; left: 20px;}
#header .tel {font-family:\5FAE\8F6F\96C5\9ED1; color:#333333; font-size:16px;background-image:url(../images/tel_bg.jpg);background-position: left top;background-repeat: no-repeat; width:239px; height:30px; padding-left:50px; position: absolute; top: 30px; left: 0px;}
#header .share { position: absolute; top: 33px; right: 0px;}
#header .head_link { color:#dbdbdb; position: absolute; top: 30px; right: 120px;}
#header .head_link a{ color:#dbdbdb;}
#header .head_link a:hover{ color:#fff;}

/* nav */
#nav {background-image: url(../images/bg1.jpg); background-position: center top;background-repeat: repeat; height:124px;}
#nav .nav_link{font-family:\5FAE\8F6F\96C5\9ED1; font-size:16px;background-image: url(../images/nav_bg.jpg); background-position: center top;background-repeat: repeat; text-align:right; width: 1174px;margin:0 auto;}
#nav a{ color:#333333; text-align:center; display: inline-block; width:106px; height:54px; padding-top:70px; padding-right:14px; margin-right:-20px;}
#nav a:hover{ color:#fff; background-image: url(../images/nav_on_bg.png); background-position: center top;background-repeat: no-repeat;}
#nav a.on{ color:#fff; background-image: url(../images/nav_on_bg.png); background-position: center top;background-repeat: no-repeat;}
#nav a.last{ margin-right:0px;}

/* banner ------------------------------*/
#mainvisual{position: relative; margin: 0px auto; width: 100%; height: 486px; overflow:hidden; z-index:0;}
#mainvisual .mainvisual_bg{background-image: url(../images/banner_bg.png);background-position: center top; background-repeat: no-repeat; width:100%; height:57px;position: absolute; bottom: 0px; z-index:10;}
#mainvisual li {}
#mvPanel li {display: none;top: 0px;}
#mvPanel li.active {display: block;}
#mvThumbnail { line-height:0px; text-align:center; width:100%; position: absolute; bottom:15px; z-index:20;}
#mvThumbnail a{background-image: url(../images/icon.png);background-position: center top; background-repeat: no-repeat; display: inline-block; width:24px; height:24px; margin:0 5px; line-height:100px; overflow:hidden;}
#mvThumbnail a.active{background-image: url(../images/icon_on.png);background-position: center top; background-repeat: no-repeat;}

/* top */
.area1{width: 1054px; margin:0 auto;}
.area2{width: 1054px; margin:30px auto 0px auto; border-top:1px solid #c1c1c1; overflow:hidden;}
.area2 .area{width: 1101px; padding-top:30px;}
.area3{background-image: url(../images/area3_bg.jpg);background-position: center top; background-repeat: repeat-x;}
.area3 .area1{width: 1054px; overflow:hidden;}
.box1{font-family:\5FAE\8F6F\96C5\9ED1; color:#333333; font-size:30px; line-height:30px; text-align:center; background-image: url(../images/box1_bg.gif);background-position: center top; background-repeat: no-repeat; padding-top:30px; margin-top:50px;}
.box2{width: 1054px; padding-top:40px; margin:0 auto;}
.top1{font-family:\5FAE\8F6F\96C5\9ED1; color:#000000; font-size:32px; line-height:42px; background-image: url(../images/top1_bg.jpg);background-position: center top; background-repeat: repeat-x; text-align:center; height:123px; padding-top:40px;}
.top1 p{ color:#666; font-size:14px; line-height:160%;}
.top2{background-image: url(../images/top2_bg.jpg);background-position: center top; background-repeat: repeat-x; height:272px;}
.prod{background-image: url(../images/prod_bg.jpg);background-position: center top; background-repeat: repeat; padding:15px 0px;}
.list1{ float:left; width:277px; margin-left:60px;}
.list2{ float:left; width:320px; margin-right:47px;}
.title1{font-family:\5FAE\8F6F\96C5\9ED1; color:#00407d; font-size:18px; background-image: url(../images/title1_bg.jpg);background-position: left top; background-repeat: no-repeat; height:118px; line-height:100px; padding-left:30px; margin-bottom:10px;}
.title2{font-family:\5FAE\8F6F\96C5\9ED1; color:#00407d; font-size:18px; background-image: url(../images/title2_bg.jpg);background-position: left top; background-repeat: no-repeat; height:118px; line-height:100px; padding-left:30px; margin-bottom:10px;}
.title3{font-family:\5FAE\8F6F\96C5\9ED1; color:#00407d; font-size:18px; background-image: url(../images/title3_bg.jpg);background-position: left top; background-repeat: no-repeat; height:118px; line-height:100px; padding-left:30px; margin-bottom:10px;}
.title4{font-family:\5FAE\8F6F\96C5\9ED1; color:#fff; font-size:20px; padding-top:30px;}
.txt1{font-family:\5FAE\8F6F\96C5\9ED1; color:#333333; font-size:22px; line-height:30px; text-align:center; margin-top:30px;}
.txt1 p{ font-size:14px;}
.pic1{ position:relative;}
.pic1 .pic_bg{ position:absolute; top:0px; left:0px;}
.pic1 .pic_bg a{background-image: url(../images/bg2.png);background-position: center top; background-repeat: no-repeat; display:block; width:277px; height:277px;}
.pic1 .pic_bg a:hover{background-position: center -277px;}
.pic1 .pic_img{width: 277px;height: 277px;display: table-cell;line-height:274px;text-align:center;vertical-align:middle;*display: block;*font-size:277px;}
.pic1 .pic_img img{vertical-align:middle; max-width: 277px; max-height: 277px;}
.pic1 .pic_txt{font-family:\5FAE\8F6F\96C5\9ED1; color:#fff; font-size:16px; text-align:center;}
.pic1 .pic_txt p{ font-size:14px;}
ul.link1{}
ul.link1 li{}
ul.link1 li a{ color:#666666;}
ul.link1 li a:hover{ color:#00407d;}
ul.link1 li span{ color:#999999; float:right;}
.more1{ font-size:14px; text-align:center; width:100px; margin:10px auto 0px auto;}
.more1 a{ color:#ffffff; background-image: url(../images/more1_bg.jpg);background-position: center top; background-repeat: no-repeat; display:block; width:100px; height:40px; line-height:34px;}
.more1 a:hover{ color:#ccedff;}
.more2{ font-size:18px; text-align:center; width:205px; margin:10px auto 0px auto;}
.more2 a{ color:#ffffff; background-image: url(../images/more2_bg.gif);background-position: center top; background-repeat: no-repeat; display:block; width:205px; height:40px; line-height:40px;}
.more2 a:hover{ color:#ccedff;}
.more3{font-family:\5FAE\8F6F\96C5\9ED1; margin-top:15px;}
.more3 a{ color:#004b86;background-image: url(../images/more3_bg.gif);background-position: right center; background-repeat: no-repeat; padding-right:15px;}
.more3 a:hover{ color:#000;}
.btn1{ width:200px; margin:30px auto 0 auto;}
.btn1 a{font-family:\5FAE\8F6F\96C5\9ED1; color:#fff; font-size:20px; background-image: url(../images/btn1_bg.jpg);background-position: center center; background-repeat: no-repeat; text-align:center; display: block; width:200px; height:49px; line-height:46px;}
.btn1 a:hover{ color:#ccedff;}
.btn2{font-family:\5FAE\8F6F\96C5\9ED1; color:#fff; font-size:20px; background-image: url(../images/btn1_bg.jpg);background-position: center center; background-repeat: no-repeat; text-align:center; width:200px; height:49px; line-height:46px; border:0; cursor:pointer;}

/* content */
#content{width: 1054px; padding-top: 20px; padding-bottom: 20px; margin:0 auto;}
#content .c_area1{width: 1054px; overflow:hidden;}
#content .c_area1 .area{width: 1092px;}
#content .c_area2{width: 1054px; overflow:hidden;}
#content .c_area2 .area{width: 1072px;}
#content .c_box1{background-image: url(../images/c_box1_bg.gif);background-position: center top; background-repeat: no-repeat; height:308px; padding:30px;}
#content .c_box2{ font-size:14px; float:right; width:520px;}
#content .c_list1{ float:left; width:508px; margin-right:38px; margin-bottom:20px; position:relative;}
#content .c_list1 .bg{ position:absolute; left:0px; top:0px; z-index:10;}
#content .c_list1 .bg a{ display:block;width: 508px;height: 312px;}
#content .c_list1 .bg a:hover{background-image: url(../images/bg5.png);background-position: center center; background-repeat: no-repeat;}
#content .c_list2{ float:left; width:250px; margin-right:18px; margin-bottom:20px; position:relative;}
#content .c_list2 .bg{ position:absolute; left:0px; top:0px; z-index:10;}
#content .c_list2 .bg a{ display:block;width: 250px;height: 154px;}
#content .c_list2 .bg a:hover{background-image: url(../images/bg5.png);background-position: center center; background-repeat: no-repeat;}
#content .c_message{ float:right; width:465px;}
#content .c_map{ float:left; width:480px;}
#content .c_title1{font-family:\5FAE\8F6F\96C5\9ED1; color:#333333; font-size:20px; margin-bottom:10px;}
#content .c_title2{font-family:\5FAE\8F6F\96C5\9ED1; color:#333333; font-size:20px; padding-bottom:5px; margin-top:30px; margin-bottom:20px; border-bottom:1px solid #cccccc;}
#content .c_title2 span{font-family:SimSun; font-size:14px; float:right;}
#content .c_title2 span a{ color:#666666;}
#content .c_title2 span a:hover{ color:#0c549e;}
#content .c_title3{font-family:\5FAE\8F6F\96C5\9ED1; color:#333333; font-size:24px; margin-bottom:10px;}
#content .c_txt1{font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px; text-align:center; margin:30px auto;}
#content .c_txt2{ padding-bottom:10px; margin-bottom:20px; border-bottom:1px dashed #d9d9d9;}
#content .c_txt3{font-family:\5FAE\8F6F\96C5\9ED1; color:#333; font-size:16px; padding-bottom:10px; margin-top:30px; margin-bottom:20px; border-bottom:1px solid #d9d9d9;}
#content .c_pic1{}
#content .c_pic1 .pic_img{width: 508px;height: 312px;display: table-cell;line-height:309px;text-align:center;vertical-align:middle;*display: block;*font-size:312px;}
#content .c_pic1 .pic_img img{vertical-align:middle; max-width: 508px; max-height: 312px;}
#content .c_pic1 .pic_txt{font-family:\5FAE\8F6F\96C5\9ED1; color:#333; font-size:16px; margin-top:5px;}
#content .c_pic1 .pic_txt span{font-family:SimSun; color:#a1a1a1; font-size:14px; float:right;}
#content .c_pic2{}
#content .c_pic2 .pic_img{width: 250px;height: 154px;display: table-cell;line-height:151px;text-align:center;vertical-align:middle;*display: block;*font-size:154px;}
#content .c_pic2 .pic_img img{vertical-align:middle; max-width: 250px; max-height: 154px;}
#content .c_pic2 .pic_txt{font-family:\5FAE\8F6F\96C5\9ED1; color:#333; font-size:16px; margin-top:5px;}
#content .c_pic2 .pic_txt span{font-family:SimSun; color:#a1a1a1; font-size:14px; float:right;}
#content .c_pic2 .pic_txt2{font-family:\5FAE\8F6F\96C5\9ED1; color:#333; font-size:16px; text-align:center; margin-top:5px;}
#content .c_pic3{ float:left;}
#content .c_pic3 .pic_img{ border:1px solid #ececec; width: 508px;height: 312px;display: table-cell;line-height:309px;text-align:center;vertical-align:middle;*display: block;*font-size:312px;}
#content .c_pic3 .pic_img img{vertical-align:middle; max-width: 508px; max-height: 312px;}
#content .location{ color:#0c549e; text-align:right; height:40px; line-height:40px; margin-bottom:20px; border-bottom:1px solid #dddddd;}
#content .location a{ color:#0c549e;}
#content .location a:hover{ color:#078ad8;}
#content .location span{background-image: url(../images/arrow1.gif);background-position: left center; background-repeat: no-repeat; padding-left:15px;}

/* side */
#side{ float: left; width: 155px; overflow: hidden;}
#side .s_box1{ background-color:#eeeeee; padding:10px 0px;}
#side .s_title1{font-family:\5FAE\8F6F\96C5\9ED1; color:#000000; font-size:22px;background-image: url(../images/s_title1_bg.gif);background-position: center bottom; background-repeat: repeat-x; height:40px;}
#side ul.s_link1{}
#side ul.s_link1 li{ margin-bottom:10px;}
#side ul.s_link1 li a{ color:#7b8385; display:block; height:21px; line-height:21px; padding-left:15px;}
#side ul.s_link1 li a:hover{ color:#078ad8;background-image: url(../images/s_link1_on_bg.gif);background-position: center bottom; background-repeat: no-repeat;}
#side ul.s_link1 li.on a{ color:#078ad8;background-image: url(../images/s_link1_on_bg.gif);background-position: center bottom; background-repeat: no-repeat;}

/* main */
#main{ float: right; width: 840px; overflow: hidden;}
#main .m_box1{ float:right; width:700px;}
#main .m_line1{ padding-bottom:15px; margin-bottom:20px; border-bottom:1px dashed #d9d9d9;}
#main .m_date{font-family:\5FAE\8F6F\96C5\9ED1; color:#d9d9d9; font-size:40px; line-height:40px; text-align:center; float:left; width:115px;}
#main .m_date p{font-family:SimSun; color:#666; font-size:12px; line-height:14px; margin-top:5px;}
#main .m_more1{ text-align:right; margin-top:10px;}
#main .m_more1 a{ color:#ece9d6; background-color:#c7c7c7; padding:4px 10px;}
#main .m_more1 a:hover{ color:#fff; background-color:#078ad8;}
#main .page{ color:#333333; padding-top:10px; margin-top:20px; border-top:1px solid #cccccc;}
#main .page a{ color:#333333; padding-left:15px;}
#main .page a:hover{ color:#078ad8;}
#main .page .pl a{background-image: url(../images/pl.gif);background-position: left center; background-repeat: no-repeat;}
#main .page .pl a:hover{background-image: url(../images/pl_on.gif);background-position: left center; background-repeat: no-repeat;}
#main .page .pr a{background-image: url(../images/pr.gif);background-position: left center; background-repeat: no-repeat;}
#main .page .pr a:hover{background-image: url(../images/pr_on.gif);background-position: left center; background-repeat: no-repeat;}

/* footer */
#footer{ background-image: url(../images/bg1.jpg);background-position: center top;background-repeat: repeat; border-bottom:15px solid #2c2a2b;}
#footer .foot_box{ background-image: url(../images/foot_box_bg.jpg);background-position: center top;background-repeat: no-repeat; padding:60px 0px 10px 0px;}
#footer .foot_box2{width: 1054px; margin:0 auto;}
#footer .f_right{ float:right; width:480px;}
#footer .f_contact{ float:left; width:415px;}
#footer .f_contact .left{ float:left; width:225px;}
#footer .f_contact .right{ float:right;}
#footer .copy{ padding-top:10px; margin-top:10px; border-top:1px solid #b9b9b9;}
#footer .f_title1{ color:#00407d; font-size:14px; background-image: url(../images/f_title1_bg.jpg);background-position: left bottom;background-repeat: no-repeat; height:18px; margin-bottom:10px; padding-bottom:10px;}
#footer .f_title2{ color:#00407d; font-size:14px; padding-top:10px; margin-bottom:20px;}
#footer .f_nav{ float:left; width:80px; margin-left:20px; padding:0px 20px 20px 20px; border-left:1px solid #c7c4bd; border-right:1px solid #c7c4bd;}
#footer ul.f_link1{}
#footer ul.f_link1 li{}
#footer ul.f_link1 li a{ color:#666666;}
#footer ul.f_link1 li a:hover{ color:#00407d;}
#footer .top_btn{ float:right;}
#footer .top_btn a{color: #333333; background-image: url(../images/top_btn_bg.gif);background-position: right center;background-repeat: no-repeat; padding-right:10px;}
#footer .top_btn a:hover{color: #00407d;}

/* public */
.font_red{ color: #ff2b2b;}
.form_m{font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px; width: 100%; height: 38px; line-height:38px; border: 1px solid #dadada;
background-color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;
-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;
-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;behavior: url(../images/ie-css3.htc);}
.form_com{font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px; width: 100%; height: 160px;border: 1px solid #dadada;
background-color:#fff;-webkit-border-radius: 5px;-moz-border-radius: 5px;
-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;
-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;behavior: url(../images/ie-css3.htc);}
table{border-collapse: collapse;}
table.table1{WIDTH: 100%;}
table.table1 th{ text-align: left;vertical-align: top;padding: 5px;}
table.table1 td{ text-align: left;vertical-align: top;padding: 5px;}
table.table1 td.td2{ text-align:center;}

/*CSS meneame style pagination*/
DIV.meneame {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN:30px 3px 3px 3px; COLOR: #333; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.meneame A {
	BORDER-RIGHT: #e3e3e3 1px solid; PADDING-RIGHT: 7px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #e3e3e3 1px solid; PADDING-LEFT: 7px; BACKGROUND-IMAGE: url(../images/meneame.jpg); PADDING-BOTTOM: 5px; BORDER-LEFT: #e3e3e3 1px solid; COLOR: #333; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #e3e3e3 1px solid; TEXT-DECORATION: none
}
DIV.meneame A:hover {
	BORDER-RIGHT: #e3e3e3 1px solid; BORDER-TOP: #e3e3e3 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #e3e3e3 1px solid; COLOR: #fff; BORDER-BOTTOM: #e3e3e3 1px solid; BACKGROUND-COLOR: #0c549e
}
DIV.meneame A:active {
	BORDER-RIGHT: #e3e3e3 1px solid; BORDER-TOP: #e3e3e3 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #e3e3e3 1px solid; COLOR: #333; BORDER-BOTTOM: #e3e3e3 1px solid; BACKGROUND-COLOR: #0c549e
}
DIV.meneame SPAN.current {
	BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #333 1px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #333 1px solid; COLOR: #fff; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #333 1px solid; BACKGROUND-COLOR: #0c549e
}
DIV.meneame SPAN.disabled {
	BORDER-RIGHT: #e3e3e3 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #e3e3e3 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; BORDER-LEFT: #e3e3e3 1px solid; COLOR: #333; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #e3e3e3 1px solid
}

/* qq ------------------------------*/
.qq{ height: auto;left: auto;position: fixed;right: 20px;top: 190px;width: 109px;z-index: 999;_position: absolute;_bottom: auto; _top: expression(eval(document.documentElement.scrollTop)); _margin-top: 190px;}
.qq_top{background-image: url(../images/qq_top.png);background-position: center bottom; background-repeat: no-repeat; text-align:right; height: 21px; padding-top:13px; padding-right:16px; line-height:0;}
.qq_box{background-image: url(../images/qq_box.gif);background-position: center top; background-repeat: repeat-y; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;}
.qq_bottom{background-image: url(../images/qq_bottom.png);background-position: center top; background-repeat: no-repeat; height: 21px;}
.qq_area{ text-align:center;}
.qq_area img{ margin-top: 10px;}

