@charset "utf-8";

/* base */
/*共用部分*/
body {
	font: 12px/20px Arial, "微软雅黑";
	color:#555;
	background:#f1f1f1;
	margin: 0px;
	text-align:center;
}
*{ padding:0; margin:0;}
a { color:#555; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.clearboth { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }
.page{ text-align:center; width:100%; float:left; padding-top:20px;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#e69302;}
.fd_right{ float:right;}
.fd_left{ float:left; margin-right:10px;}
/*共用部分结束*/

.wrapper{ width:979px; margin:0 auto; text-align:left; padding:0 10px; background:#fff;}

/*头部header部分*/
.header{width:979px; float:left; background:url(../images/top_bg.jpg) repeat-x top;}
.header .logo{ float:left;}
.header .logo h1{ display:none;}

.top_right{ float:right; margin-top:10px; color:#ffc7c7;}
.top_right a{ color:#fff; background:url(../images/button.gif) no-repeat; width:53px; height:23px; line-height:23px; display:block; float:left; text-align:center; margin:0 5px;}
.top_right a:hover{ color:#333;}

.header .nav { font-size:14px; float:left; height:36px; background:url(../images/nav_left.jpg) no-repeat left top; padding-left:5px; width:974px;}
.header .nav ul{ background:url(../images/nav_right.jpg) no-repeat right top; height:36px;}
.header .nav ul li{ float:left;}
.header .nav ul li a{ color:#fff; line-height:36px; background:url(../images/nav_x.jpg) no-repeat right top; padding:0 32px; height:36px; text-align:center; display:block; font-weight:bold;}
.header .nav ul li a.last{ background:none;}
.header .nav ul li a:hover,.header .nav ul li a.dq{color:#333;}
/*头部header部分结束*/

/*首页中间内容部分开始*/

.banner{ width:979px; height:334px; float:left; position:relative; margin-top:10px; overflow:hidden;}
.banner .jianjie{ width:290px; height:334px; position:absolute; top:0; right:0; color:#fff;}
.banner .jianjie .jjbj{ background:#f0bb00; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; position:absolute; z-index:99; width:250px; height:294px; padding:20px;}
.banner .jianjie .title{ color:#fff; border-bottom:solid 1px #fff;}
.banner .jianjie .title span{ font-size:14px; font-weight:bold; background:url(../images/iocn3.gif) no-repeat left; padding-left:16px;}
.banner .jianjie .intro{ position:absolute; z-index:100; padding:20px; line-height:26px;}
.banner .jianjie .intro a{ color:#fff; float:right;}
.banner .jianjie .intro a:hover{ text-decoration:underline;}

.banner .campaign_item img{ width:979px; height:334px;}
#campaign_slide_navigation{ text-align:center; position:absolute; bottom:10px; right:300px; z-index:10;}
#campaign_slide_navigation li{ float:left; margin:0 2px; cursor:pointer;}
#campaign_slide_navigation li.campaign_navi_item{ background:url(../images/pt.png) no-repeat; width:11px; height:11px;}
#campaign_slide_navigation li.activeSlide{ background:url(../images/ts.png) no-repeat; width:11px; height:11px;}

.main{float:left; width:979px; margin-top:1px; background:url(../images/main_bg.jpg) repeat-x top; padding-top:30px;}
.main_ny{ background:url(../images/ny_bg.jpg) repeat-y left top;}

.pic{ width:268px; height:211px; float:left;}

.news{ width:400px; float:left; margin-left:15px;}
.news .title{ background:url(../images/title_bg.jpg) no-repeat left bottom; line-height:26px;}
.news .title span{ color:#000; font-size:14px; font-weight:bold; padding-left:16px; background:url(../images/iocn1.jpg) no-repeat left;}
.news .title a{ float:right; padding-right:10px;}
.news .intro{ padding:10px 5px 0; line-height:22px;}
.news .intro ul li{ margin-bottom:6px; background:url(../images/iocn2.jpg) no-repeat left; padding-left:10px;}
.news .intro .sm{ margin-bottom:10px;}
.news .intro .bt{ font-size:14px; font-weight:bold;}
.news .intro ul li span{ float:right;}
.news .intro a:hover{ color:#f90; text-decoration:underline;}

.contact{ width:258px; float:right;}
.contact .title{ background:url(../images/title_bg.jpg) no-repeat left bottom; line-height:26px;}
.contact .title span{ color:#000; font-size:14px; font-weight:bold; padding-left:16px; background:url(../images/iocn1.jpg) no-repeat left;}
.contact .title a{ float:right; padding-right:10px;}
.contact .intro{ padding:10px 5px 0; line-height:23px;}

.product{ width:979px; float:left; background:#f1f1f1; border:solid 1px #d8d8d8; margin-top:20px;}
.product .title{ border-bottom:solid 1px #d8d8d8; line-height:30px; padding:0 10px;}
.product .title span{ background:url(../images/iocn1.gif) no-repeat left; padding-left:16px; font-size:14px; font-weight:bold;}
.product .title a{ float:right;}
.product .intro{ padding:20px 0 10px 20px; position:relative;}
.LeftBotton{height:27px;width:14px;background:url(../images/jt_left.png) no-repeat;overflow:hidden; display:inline; cursor:pointer; position:absolute; left:0; top:100px;}
.RightBotton{height:27px;width:14px;background:url(../images/jt_right.png) no-repeat;overflow:hidden; display:inline; cursor:pointer; position:absolute; right:0; top:100px;}
.Cont{width:940px;overflow:hidden;float:left;}
.ScrCont{width:10000000px;}
.Cont .tup{ float:left; margin-right:21px; background:url(../images/p_bg.jpg) no-repeat; width:171px; height:177px; text-align:center; padding-top:2px;}
.Cont .tup img{ width:166px; height:130px;}
.Cont .tup span{line-height:26px; display:block;}
.Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.Cont a:hover{color:#f00;text-decoration:underline;}
#List1,#List2{float:left;}

.content{ width:730px; float:right; font-size:14px; line-height:26px;} 

.content .title{ border-bottom:solid 1px #e1af00; height:30px; line-height:30px;}
.content .title a:hover{ text-decoration:underline;}
.content .title span.bt{ font-size:14px; background:url(../images/t_bg.jpg) no-repeat; width:110px; height:30px; text-align:center; display:block; color:#fff;}
.content .title span.weizhi{ float:right; font-size:12px; padding-right:10px;}
.content .intro{ padding:25px; border:solid 1px #dadada; border-top:none; min-height:400px;}
.content .intro p{ margin-bottom:15px;}
.content .intro .font1{ font-size:16px; color:#921500;}
.content .intro .font2{ font-weight:bold;}
.content .intro table{ background:#dadada; margin-bottom:30px;}
.content .intro table td{ padding:4px; background:#fff;}
.content .intro table thead{ font-weight:bold;}
.content .intro input{ border:none; border-bottom:solid 1px #dadada;}
.content .ny_b{ width:730px; height:180px;}
.content .ny_b img{ width:730px; height:180px;}

.content .chaxun{ background:url(../images/cx.jpg) no-repeat right top; height:350px; margin:50px; width:600px;}
.content .chaxun table td{ padding:10px 4px;}
.content .chaxun input{ border:solid 1px #dadada; padding:4px; font-family:Arial, "微软雅黑";}
.content .chaxun input.button{ background:#921500; color:#fff; border:none; cursor:pointer; padding:2px 8px;}

.sidebar{ width:220px; float:left; overflow:hidden;}
.lanm{ width:220px; float:left; margin-bottom:20px;}
.lanm .title{ background:url(../images/ny_t_left.jpg) no-repeat left; height:28px; line-height:28px; padding-left:4px;}
.lanm .title ul{ background:url(../images/ny_t_right.jpg) no-repeat right top; height:28px; padding-left:10px;}
.lanm .title span{ background:url(../images/iocn3.jpg) no-repeat left; padding-left:20px; font-weight:bold; font-size:14px;}
.lanm .intro{ border:solid 1px #dadada; border-bottom:none;}
.lanm .intro ul li{ background:url(../images/lm_bg.jpg) repeat-x left top; padding-left:36px; border-bottom:dotted 1px #ababab; height:30px; line-height:30px;}
.lanm .intro ul li a{ background:url(../images/iocn4.gif) no-repeat left; padding-left:10px;}
.lanm .intro ul li a:hover{ color:#921500;}
.tel{ float:left; margin-top:20px; text-align:center; width:220px;}

.news_list{ padding:15px 30px; background:#fff; border:solid 1px #dadada; border-top:none;}
.news_list ul li{ line-height:24px; margin-bottom:10px; border-bottom:dotted 1px #ccc; background:url(../images/iocn2.jpg) no-repeat 6px; padding-left:16px;}
.news_list ul li a:hover{ text-decoration:underline; color:#c80002;}
.news_list ul li span{ float:right; padding-right:10px;}


.photo{ padding:25px 0; background:#fff; border:solid 1px #dadada; border-top:none;}
.photo ul li{ line-height:24px; width:170px; height:140px; text-align:center; border:solid 1px #dadada; float:left; margin:0 35px 30px;}
.photo ul li img{ width:170px; height:110px;}
.photo ul li span{ display:block; text-align:center; border-top:solid 1px #dadada;}
.photo ul li a:hover{ color:#ff0000;}


.news_show{ padding:15px 30px; background:#fff; border:solid 1px #dadada; border-top:none;}
.news_show ul li.bt{ font-size:18px; font-weight:bold; text-align:center; line-height:36px;}
.news_show ul li.date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #999;}
.news_show ul li.nr{ padding-top:8px; font-size:14px;}
.news_show ul li.nr p{ margin-bottom:10px; line-height:26px;}
.news_show ul li.back{ text-align:center;}
.news_show ul li.back a:hover{ color:#ec6100;}

.product_list{ padding:30px; background:#fff; border:solid 1px #dadada; border-top:none;}
.product_list ul li{ border-bottom:dashed 1px #dadada; width:172px; height:230px; margin:0 25px 30px; float:left; text-align:center; overflow:hidden;}
.product_list ul li a.tupian{ display:block; width:171px; height:196px; float:left; background:url(../images/p_bg2.jpg) no-repeat; text-align:center; margin-right:15px; padding-top:4px;}
.product_list ul li a.biaoti{ font-weight:bold;}
.product_list ul li a.tupian{ display:block; width:171px; height:196px; float:left; background:url(../images/p_bg2.jpg) no-repeat; text-align:center; margin-right:15px; padding-top:4px;}
.product_list ul li a.biaoti:hover{ text-decoration:underline;}
.product_list ul li img{width:150px; height:165px;}

.product_show{ padding:30px; background:#fff; border:solid 1px #dadada; border-top:none;}
.product_show .top_nr{ float:left; border-bottom:solid 1px #dadada; padding-bottom:20px; margin-bottom:20px; width:665px; text-align:center;}
.product_show .top_nr .dtp{ width:400px; height:313px; margin-right:20px;}
.product_show .bottom_nr{}
.product_show .bottom_nr .tdsm{ width:670px; float:left; margin-top:20px;}
.product_show .bottom_nr .tdsm .daoh{ background:#777; width:670px; float:left; border-radius:4px 4px 0 0;}
.product_show .bottom_nr .tdsm .daoh ul li{ float:left;}
.product_show .bottom_nr .tdsm .daoh ul li a{ color:#fff; display:block; float:left; text-align:center; padding:0 10px; text-align:center;}
.product_show .bottom_nr .tdsm .daoh ul li.selected a{ background:#e1af00;}
.product_show .bottom_nr .tdsm .daoh ul li.selected a.first{ border-radius:4px 0 0 0;}
.product_show .bottom_nr .tdsm .daoh ul li.selected a.last{ border-radius:0 4px 0 0;}
.product_show .bottom_nr .tdsm .dianp{ border:solid 1px #dadada; padding:15px; float:left; width:638px; border-top:none;}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
background:url(../images/lm_bg.jpg) repeat-x left top;
}

ul#menu li a {
    background:url(../images/iocn4.gif) no-repeat 36px 13px; padding-left:46px; line-height:30px; border-bottom:dotted 1px #ababab;
}

ul#menu li a:hover {
  color:#921500;
}
ul#menu li ul li{}
ul#menu li ul li a {
  background: #f1f1f1;
  color: #000;
  padding-left: 56px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #f30 solid;
  padding-left:51px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

.smgd{ width:665px; float:left; position:relative; border-bottom:solid 1px #dadada; margin-bottom:30px; padding-bottom:30px;}
.xmsm{ width:665px; float:left;}

.feedback{ padding:15px;}
.feedback table{}
.feedback table thead{ font-weight:bold;}
.feedback table tr td{ padding:6px 4px;}
.feedback table tr td a:hover{ color:#c30;}
.feedback table input, .feedback table textarea{ border:solid 1px #dadada; padding:4px;}
.feedback table input.button{background:#256AB6; color:#fff; cursor:pointer; padding:2px 4px; border:none;}


/*内页中间内容部分结束*/

/*脚部分开始*/
.footer{ width:979px; float:left; text-align:center; margin-top:30px; padding:10px 0; line-height:26px; border-top:solid 2px #dadada;}
.footer a:hover{ text-decoration:underline;}
/*脚部分结束*/


/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background-position: -52px 0; right: -21px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: -20px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:0; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}