@charset "utf-8";
/***** 初始化 *****/
*{margin:0;padding:0;}
ul, ol { list-style:none;}
img {border:0;}
a { text-decoration:none;color:#000; outline: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {zoom:1;}
.b { font-weight: bold; }
.m_b_10 { margin-bottom: 10px; }
.border_none { border: none;}
.clear { clear:both; }
body { font-size:13px; font-family: "新宋体"; background: url(../images/body_bg.gif) repeat-x center top; }
.input_1 { padding: 0 5px; border: none; height: 28px; line-height: 28px; background: url(../images/input_bg.gif) no-repeat; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.btn { border: 1px solid #ddd; border-radius: 4px; font-size: 14px; font-weight: bold; padding: 4px 10px; display: inline-block;  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7F3C3C3C', endColorstr='#7F3C3C3C');
background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#DDDDDD)); background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD); cursor: pointer; }
/*-----页面头部样式-----*/
#top{ height:32px;  color: #fff; }
#top1{ width:1200px; margin:0 auto;}
.top_a{ float:left; line-height:32px;}
.navTop{width:1070px;height:32px;line-height:32px;text-align:right; float:left;}
.navTop a img { margin: 4px 10px 0 0;  } 


#header{ width: 100%; height: 210px; margin:0 auto 4px; }
.header { height: 166px; background: url(../images/demo_text.png) no-repeat right 146px; width: 1200px; margin: 0 auto; }
#logo{ width:575px; float:left; line-height: 0; }
#logo img { margin-top: 20px; }
#header_r{width:620px;float:right; text-align: right;}
#header_r p { margin-top: 50px;  }
#searchForm {
    height: 36px;
    line-height: 32px;
	float: right;
	width: 324px;
	margin: 20px 0 0 0; 
	background: url("../images/search.jpg") no-repeat;
}
#keyword {
    border: medium none;
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 6px 8px 0 40px;
    width: 210px;
}
#keyword:focus {
    outline: 0 none;
}
#searchForm .submit {
    border: none;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
	background: none;
    height: 32px;
    width: 65px;
}
.navCLeft { width:6px;height:54px;float:right;background:url(../images/navCLeft.gif) no-repeat;margin:14px 0;}

#menu{ height:35px; width: 100%;}
.navCCenter{height:35px;background:url(../images/navCCenter.gif) repeat-x; margin:0 auto; width:1200px; text-align: center; }
.menu_sub { background: url(../images/menu_small_bg.png) repeat-x; height: 35px; width: 100%; position: relative; z-index: 99;  display: none; }
.navCCenter ul li{ display: inline-block; position:relative;height: 35px; width: 95px;text-align:center; line-height: 35px; background: url(../images/li.png)  no-repeat;   margin-right: 6px; }
.navCCenter ul li a{font-size:14px;color:#fff;line-height:35px;position:relative; display: block; }
.navCCenter ul li a:hover{color:#fff800;}
.navCCenter ul li.selected { background: url(../images/li_c.png) no-repeat;  }
.navCCenter ul ul{ visibility:hidden; position:absolute; left:0px; top:35px;height: 35px;width:400px; z-index:100; line-height:35px; }
.navCCenter ul ul li { background: none; margin-right: 0;}
.navCCenter ul ul li.bar { line-height: 35px; }
.navCCenter ul ul.nav_1{ left: -20px;width:600px;}
.navCCenter ul ul.nav_4{ left: -20px; width:500px;}
.navCCenter ul ul.nav_5{ left: -200px; width:500px;}
.navCCenter ul ul.nav_9{height:0px;width:0px;}
.navCCenter ul ul.nav_8{ left: -20px; width:200px;}

.navCCenter ul li:hover ul, .navCCenter ul a:hover ul{ visibility:visible;}
.navCCenter ul ul li {float:left; height:35px; text-align:center; width: auto;}
.navCCenter ul ul li a{ font-family: Microsoft YaHei; line-height:35px;color: #000;  margin: 0 10px;}
.navCCenter ul ul li a:hover{ color:#ff6f00; font-weight:bold;}

.navCRight{width:6px;height:35px;float:right;background:url(../images/navCRight.gif) no-repeat;margin:14px 0;}

.navBottom{ width: 620px; float:left }

#banner { margin: 0 auto 10px;  height: 481px;  text-align:center; position:relative; }
#banner1{ margin: 0 auto 10px;  height: 240px;  text-align:center; position:relative; }
#banner .on, .question, .often, .question_q a { background:url(../images/banner_bg.gif) no-repeat; }

.banner_tab { height:43px; position:absolute; left: 50%; margin-left:-600px; bottom: 5px; }
.banner_tab ul { cursor:pointer; }
.banner_tab li { float: left; list-style-type: none; text-align: center; }
.banner_tab a { width:80px; height:43px; display:block; margin-right:2px; }
.banner_tab img { border:1px solid #659ab6; width:72px; height:35px; margin-top:3px; border:1px solid #fff; }
.hidecontent { display:none; }
.banner_pic img {  height: 481px; }
.banner_pic1 img {  height: 240px; }

.main { margin:0 auto; width:1200px; margin-bottom:20px; }
.more_1 { margin: 2px 5px 0 0; }
.more_2 { margin: 0 10px 0 0; }
.more_3 { margin: 0 10px 0 0; }
.more_1 a, .more_2 a, .more_3 a{ float: right; color: #e87a07; font-weight: bold; }

.main_left { float: left; width: 414px; height: 300px; margin-right: 16px; }
.news_title { height: 50px; float:left; margin-right:370px;}
.news_title li { float: left; width: 80px; height: 28px; line-height: 45px; margin-left: 50px; text-align: center; }
.news_title li.curr { background: url(../images/news_title_bg.gif) no-repeat; }
.news_title li.curr a{ color: #000; background-color:#fbc024}
.news1 { line-height: 25x; font-size:13px;}
.news1 li a{ line-height:25px; color: #333}
.news1 li span{ float: right; color:#333}
.news1 li.news_first { height: 110px; border-bottom: 1px dashed #ccc; }

.main_mid { float: left; margin-right: 16px; padding-top:20px; width: 270px; height: 280px; background: url(../images/main_mid.gif) no-repeat; }
.main_mid .box { padding: 10px 10px 0 10px; width: 250px; height: 72px; border-bottom: 1px dashed #ccc;  }
.main_mid .box .pic{ float: left; height: 72px; }
.main_mid .box .pic img{ margin-top: 6px; width: 64px; height: 52px; }
.main_mid .box .text { float: right; width: 174px; height: 72px; line-height: 20px; }
.main_mid .box .text strong { color: #449d25; }
.main_mid .border_none { border: none;}

.main_right { float: right; width: 250px; height: 300px; background: url(../images/main_right.gif) no-repeat;  }
.search_form { margin:24px 35px 0 28px;  position: relative; float:right;}
.search {  width: 180px; height: 25px; border: 1px solid #999; float:left;}

.main1{ width:1200px; height:278px; margin:0 auto; margin-bottom:25px;}
.main1_left{ float:left; width:430px; margin-right:40px;}
.main1_mid{ float:left; width:440px; margin-right:30px;}
.main1_right{ float:left; width:230px; }
.news1{ float:left; width:430px;}
.t1{ height:230px; width:430px;float:left;}
.zhishi{ float:left; width:240px; margin-left:10px;}
.zhishi li{ line-height:33px; border-bottom:1px dotted #999;}
.zhishi li a{ color:#333}

.main2{ width:1200px; height:140px; margin:0 auto;}
.main2 li { float:left; width:290px; height:133px; margin-right:13px;}
.main2 li a { display: block; width: 100%; height: 100%; }
.wz{ font-size:20px; padding:30px 0 0 25px; line-height:23px; font-family:"微软雅黑"}
.wz p{ font-size:14px;}

.main_bg{ background:repeat-x url(../images/heng.jpg);}
.main3{ width:1200px; height:278px; margin:0 auto;}
.cpzs{ width:888px; float:left; margin-right:15px;}
.bt { float:left; line-height:45px; font-size:20px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.bt span { font-weight: bold; }
.sp{ float:left; width:295px;}
.video { float:left; margin-top:10px; border: 3px solid #0e7b0e; border-radius: 5px; padding: 2px; }

.footer_nav { margin: 15px auto; width:968px;  height: 27px; background: url(../images/footer_nav.gif) no-repeat; }
.footer_nav ul { float: right; margin-right: 5px; color: #999;   }
.footer_nav ul li{ float: left; margin: 0 5px; height: 27px; display:block; line-height: 28px; }
.footer_nav ul li a { color: #999; }
.footer_nav ul li.bar { line-height: 24px; }

.footer {  height: 258px;  background: url(../images/footer_bg.gif)  repeat-x; }
.footer1 { width:1200px; margin: 0 auto; height: 218px; font-size: 14px; padding-top: 40px; background: url(../images/footer.png) center bottom no-repeat; }
.footer1 .ft_logo { width: 213px; float: left; margin-top: 20px; }
.footer1 ul {  float: left; margin:0 20px 0 40px; width: 110px; padding-top: 34px; text-align: right; color: #d0cdcd; }
.footer1 ul a { color: #d0cdcd; }
.footer1 ul.kl1 {  background: url(../images/ft1.png) no-repeat right top;}
.footer1 ul.kl2 {  background: url(../images/ft2.png) no-repeat right top; }
.footer1 ul.kl3 {  background: url(../images/ft3.png) no-repeat right top;}
.footer1 ul.kl4 {  background: url(../images/ft4.png) no-repeat right top; }
.footer1 ul.kl5 {  background: url(../images/ft5.png) no-repeat right top; width: 210px; }
.footer1 .kll{float:left; margin:60px 0 0 0;}
.footer1 ul li { line-height:22px; }
.footer2 { width:1200px; margin:0 auto; text-align: center; color: #fff; }

/*-----内容页样式-----*/
#sub_nav{ width:820px; margin:0 auto; overflow:hidden;}
.side_left{ width:220px ; float:left; center:10px; margin-top:-100px; z-index:100; position:relative;}
.side_left{ width:220px ; height:90px; background: url(../images/side_left_bg_top.png) no-repeat; }
.s1{ margin-top:15px; margin-bottom:20px;}
.side_left p{ line-height:27px; font-size:20px; padding-left:20px; }
.side_left img{ width:215px ; height:36px; margin-top: 19px; }
.side_left ul{ padding-bottom:80px;border-radius:0 0 8px 8px;  background-image:url(../images/d_bg.jpg);  text-indent: 64px; font-size: 14px; letter-spacing: 2px; }
.side_left ul li{ height: 51px; background:url(../images/side_left_bg_mid_li.gif) no-repeat center bottom; line-height: 51px;}
.side_left ul li a{ color: #fff; text-decoration:none;}
.side_left ul li.selected, .side_left ul li:hover { background:url(../images/side_left_bg_mid_li_hover.gif) no-repeat; }
.side_left ul li.selected a, .side_left ul li:hover a { color: #000; }
.side_right{ width: 930px; float:right;}
#location{  padding: 4px 0 0 15px; height:35px; line-height:35px; border:1px solid #ccc;}
#location a{  text-decoration:none;}
#location a:hover{ text-decoration:underline;}
.side_right .content{ border: 1px solid #ccc; border-top: none; height:auto !important; height:538px; min-height: 538px; padding: 10px;}



/* 本例子css */
		.picMarquee-left{ width:888px; height:200px;   overflow:hidden; position:relative; float:left; left:-5px; margin-top:10px;}
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:198px; height:188px; display:block;  border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }


	/* 本例子css */
	.notice .tab-hd { width: 100%; margin-top: 6px; }
	.notice .tab-hd ul { margin-left: 30px; line-height: 30px; width: 300px; float: left; }
	.notice .tab-hd li{ float: left;  }
	.notice .tab-hd li a{ display:block; padding:0 10px;  font-size: 14px; }	
	.notice .tab-hd li.on{ font-weight: bold; position: relative; margin-left: -1px; margin-right: -1px; }
	.notice .tab-bd { padding:5px;  }
	.notice .tab-bd ul{ overflow:hidden; zoom:1; }
	.notice .tab-bd li { height:190px; line-height: 22px; overflow: hidden; width: 200px; float: left; }

/* 本例子css */
	.focusBox { position: relative; width: 171px; height: 226px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; padding:2px; border:1px solid #CCC ; float:left;}
	.focusBox .pic img { width: 171px; height: 226px; display: block; }
	.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #333; filter: alpha(opacity=40); opacity: 0.4; overflow: hidden; }
	.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
	.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
	.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; }
	.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
	.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
	.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
	.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
	.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }
	


/* services */
.services{float:left;}
.services .con{background:url(../images/jym_bg.png) no-repeat 0 0;width:127px;height:200px;position:relative;}
.services .shares{position:absolute;left:10px;top:275px;white-space:nowrap;color:#666;}
.services .shares img{margin-right:5px;}
.services li{text-align:center;}
.services .qq{padding-top:105px;}
.services .name{padding-top:8px;float:left;display:block;width:60px;text-align:right;}
#online .s-btn{background-position:0 -89px;width:38px;height:198px;margin-top:104px;float:left;}

#online a.wx{position:absolute;top:166px;left:15px;overflow:hidden;text-indent:-999em;display:block;width:95px;height:95px;}

/*-----客服-----*/
.qqbox { z-index: 99; right: 50%; margin-right: -605px; width: 33px; position: absolute; top: 130px; background:}
.qqbox .press { right: 0px; width: 33px; cursor: pointer; border-top-style: none; border-right-style: none; border-left-style: none; position: absolute; height: 158px; border-bottom-style: none }
.qqbox .qlist {  right: 0px; width: 145px; position: absolute }
.qqbox .qlist .t { font-size: 14px; float: right; width: 145px;  height: 30px }
.qqbox .qlist .b { font-size: 1px; float: right; width: 145px; height: 6px }
.qqbox .qlist .t { background: url(../images/qq_listbg.gif) no-repeat left 50%  }
.qqbox .qlist .b { background: url(../images/qq_listbg.gif) no-repeat right 50%  }
.qqbox .qlist .con {margin: 0px auto; background: url(../images/qq_bg.png) no-repeat; width:145px;}

.qqbox .qlist .con ul { padding:50px 20px 50px 20px;}
.qqbox .qlist .con ul li { padding-right: 0px; padding-left: 8px;  padding-bottom: 0px; padding-top: 5px; height: 20px }


.link ul{ width: 230px; }

/*自适应高度*/
#cpagebody:after{ display:block; height:0; clear:both; visibility:hidden;}
#cpagebody{display:inline-block;}
/*\*/
#cpagebody{display:block;}
/* end easy clearing */
/*\*/
.sub_navt, #csideright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
.sub_navt, #csideright{padding-bottom: 0 !important; margin-bottom:0 !important; }
.sub_navt:before, #csideright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height:0;}
}

