@charset "utf-8";

/* base */
/*共用部分*/
body {
	font: 12px/20px Arial, "宋体";
	color:#333;
	background: url(../images/bg.jpg) repeat-x top;
	margin: 0px;
	text-align:center;
}
*{ padding:0; margin:0;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#e96300; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none;    object-fit: cover;}
.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:770px; float:left; padding:20px 0;}
.page a{ background:#ccc; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}
.fd_right{ float:right;}
.fd_left{ float:left; margin-right:10px;}
.red{ color:#e96300;}
/*共用部分结束*/

.wrapper{ width:985px; margin:0 auto; text-align:left; overflow:hidden; padding:0 8px;}

/*头部header部分*/
.header{width:985px; float:left;}
.header .logo{ float:left;}
.header .logo h1{ display:none;}
.top_right{color:#fff; background:#333; height:32px; line-height:32px; padding-left:8px; text-align:right;}
.top_right a{ color:#fff; padding:0 10px;}
.top_right a:hover{ color:#f37f42;}
.top_center {width:1000px; height:32px; margin:0px auto;}
.header .nav { float:left; font-weight:bold; color:#fff; height:42px; line-height:42px; background: url(../images/nav_bg01.jpg) repeat-x; width:990px; padding-left:10px}
.header .nav ul{ background:url(../images/nav_right.jpg) no-repeat right; height:42px;}
.header .nav ul li{ float:left; width:115px; text-align:center;}
.header .nav ul li a{ color:#fff; display:block; padding-top:7px;}
.header .nav ul li a:hover,.header .nav ul li a.dq{ background: url(../images/nav_bg02.jpg) no-repeat;}
.header .nav li.en{ float:right; width:160px; background: url(../images/nav_bg03.jpg) repeat-x;}
.header .nav li.en a{ padding:7px 25px 0 0; float:right;}
.header .nav li.en a:hover{ background: url(../images/nav_bg03.jpg) repeat-x; text-decoration:underline;}

#menu2 {float:left;/* font-weight:bold; */color:#fff; height:43px; line-height:43px; width:985px; font-weight:bold; font-size:14px; margin-top:1px;}
#menu2 ul {}
#menu2 li { float:left; text-align:center; position:relative; margin-right:1px;}
#menu2 li a { color:#fff; display:block; padding:0 32px; font-size: 15px; float:left;}
#menu2 li a.no_border{ background:none;}
#menu2 ul li a:hover,#menu2 ul li a.dq{ background:#c12321;}
#menu2 li.en{ float:right; width:160px; background: url(../images/nav_bg03.jpg) repeat-x;}
#menu2 li.en a{ padding:7px 25px 0 0; float:right;}
#menu2 li.en a:hover{ background: url(../images/nav_bg03.jpg) repeat-x; text-decoration:underline;}
#menu2 ul ul { display:none;  position:absolute; top:42px; left:8px; }
#menu2 ul ul li{ padding:0px;}
#menu2 ul ul li a{ background:#ff2a3e; display:block; overflow:hidden; white-space:nowrap; width:99px; padding:0; text-align:center; line-height:28px; height:28px;}
#menu2 ul ul li a:hover{ background:#000;}

.banner{ width:985px; height:310px; float:left; margin-top:15px; position:relative; overflow:hidden;}
.banner .campaign_item img{ width:985px; height:310px;}
#campaign_slide_navigation{ text-align:center; position:absolute; bottom:10px; right:10px; 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;}
/*头部header部分结束*/

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

.main{ width:985px; float:left; margin-top:15px;}
.main .cont{ width:750px; float:right;}
.main .about{ width:495px; float:left;} 
.main .about .title{ border-bottom:solid 1px #dadada;}
.main .about .title a{ float:right; padding-right:10px; color:#666;}
.main .about .title a:hover{ text-decoration:underline;}
.main .about .title span{ font-weight:bold; background:url(../images/iocn2.jpg) no-repeat left; padding-left:20px;}
.main .about .intro{ padding:10px; line-height:24px;}

.side_right{ width:222px; float:right;}
.sbzs{ width:222px; height:192px; float:left;}
.contact{ width:202px; float:left; background:#f0f0f0; padding:10px;}

.gonggao{ width:205px; float:right;}
.gonggao .title{ background:url(../images/title_right.jpg) no-repeat right top; height:28px; line-height:28px;}
.gonggao .title span{ background:url(../images/title_left.jpg) no-repeat left top; display:block; float:left; padding-left:10px; color:#fff; font-weight:bold;}
.gonggao .intro{ background:#daebfa; margin-top:1px; padding:5px 15px;}
.gonggao .intro p{ line-height:22px;}

.main .news{ width:495px; float:left; margin-top:12px;} 
.main .news .title{ border-bottom:solid 1px #dadada;}
.main .news .title a{ float:right; padding-right:10px; color:#666;}
.main .news .title a:hover{ text-decoration:underline;}
.main .news .title span{ font-weight:bold; background:url(../images/iocn2.jpg) no-repeat left; padding-left:20px;}
.main .news .intro{ padding:10px;}
.main .news .intro ul li{ margin-bottom:5px; background:url(../images/iocn3.jpg) no-repeat left; padding-left:10px;}
.main .news .intro ul li a:hover{ color:#d40101; text-decoration:underline;}
.main .news .intro ul li span{ float:right;}

.main .product{ width:985px; float:left; margin-top:12px; border:solid 1px #dadada;} 
.main .product .title{ background: url(../images/title_bg.jpg) repeat-x; height:26px; line-height:26px; border-bottom:solid 1px #dadada;}
.main .product .title a{ float:right; padding-right:10px; color:#666;}
.main .product .title a:hover{ text-decoration:underline;}
.main .product .title span{ background:url(../images/iocn2.jpg) no-repeat 10px; padding-left:30px; font-weight:bold;}
.main .product .intro{ padding-top:19px; background:url(../images/p_bg2.jpg) repeat-x top;}
.main .product .intro ul li{ float:left; border:solid 1px #dadada; text-align:center; width:180px; margin:0 10px 19px; background:#fff;}
.main .product .intro ul li img{ width:180px; height:137px;}
.main .product .intro ul li span{ display:block; text-align:left; border-top:solid 1px #dadada; background:url(../images/iocn.gif) no-repeat 10px; padding-left:20px; line-height:30px;}
#demo {overflow:hidden; width:940px; margin:0 20px; height:178px;}
#indemo {float: left; width: 8000%; padding-left:10px; }
#demo1 {float: left;}
#demo2 {float: left;}

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

/*内页中间内容部分开始*/
.ny_bg{ background:url(../images/ny_bg.jpg) repeat-y left top;}
/*左边*/
.side{ width:205px; float:left;}
.sidebar{ width:205px; float:left; margin:0 0 15px;}
.sidebar .list .title{ background:url(../images/title_right.jpg) no-repeat right top; height:28px; line-height:28px;}
.sidebar .list .title span{ background:url(../images/title_left.jpg) no-repeat left top; display:block; float:left; padding-left:27px; color:#fff; font-weight:bold;}
.sidebar .intro{ border-left:solid 1px #dadada; border-right:solid 1px #dadada;}
.sidebar .intro ul li{ border-top: solid 1px #fff; padding-left:26px; background:url(../images/p_bg.jpg) repeat-x; height:27px; line-height:27px; border-bottom:solid 1px #dadada;  position: relative;}
.sidebar .intro ul li a{ background:url(../images/iocn.gif) no-repeat left; padding-left:10px;}
.sidebar .intro ul li a:hover{ color:#c30;}

.side .lianx{ width:205px; float:left;}
.side .lianx .title{ background:url(../images/title_right.jpg) no-repeat right top; height:28px; line-height:28px;}
.side .lianx .title span{ background:url(../images/title_left.jpg) no-repeat left top; display:block; float:left; padding-left:10px; color:#fff; font-weight:bold;}
.side .lianx .intro{ background:#fdf4f4; margin-top:1px; padding:10px; line-height:24px;}
.side .lianx .intro p{ line-height:22px;}

#menu ul ul { display: none;  position: absolute; top:-2px;  left:204px; border:solid 1px #dadada; border-bottom:none; border-left:none; }
#menu ul ul li{ width:200px; padding:0px; border-bottom:solid 1px #dadada;}
#menu ul ul li a{ width:200px; overflow:hidden; white-space:nowrap; background:url(../images/iocn.gif) no-repeat 10px; padding-left:20px;}

/*右边*/
.content{ width:755px; float:right; border:solid 1px #dadada;} 
.content .title{ border-bottom:solid 1px #dadada; padding-left:10px; height:27px; line-height:27px; background: url(../images/title_bg.jpg) repeat-x;}
.content .title span.biaoti{ background:url(../images/iocn2.jpg) left no-repeat; padding-left:20px; font-size:14px; font-weight:bold;}
.content .title span.weizhi{ float:right; color:#333; padding-right:10px;}
.content .intro{ padding:25px;}
.content .intro p{ margin-bottom:6px; line-height:25px;}
.content .intro table{ background:#dadada; margin-bottom:30px;}
.content .intro table td{ padding:4px; background:#fff;}
.content .intro table thead{ font-weight:bold;}

.content .product_list{ padding:30px 0;}
.content .product_list ul li{ width:182px; height:175px; overflow:hidden; float:left; margin:0 24px 30px; text-align:center; border:solid 1px #dadada;}
.content .product_list ul li img{ width:180px; height:137px; float:left; margin:1px;}
.content .product_list ul li span{ display:block; text-align:left; border-top:solid 1px #dadada; background:url(../images/iocn.gif) no-repeat 10px; padding-left:20px; line-height:30px; float:left; width:160px;}

.content .hezuo{ padding:15px 0;}
.content .hezuo ul li{ width:145px; overflow:hidden; float:left; margin:0 5px 10px 4px; text-align:center;}
.content .hezuo ul li img{ width:141px; height:51px; padding:1px; border:1px solid #CCC;}
.content .hezuo ul li span{ display:block; line-height:26px;}

.content .product_show{ padding:30px 5px;}
.content .product_show ul li{ float:left; margin-bottom:20px; width:700px;}
.content .product_show ul li.pic{ text-align:center; border-bottom:dashed 1px #ccc;}
.content .product_show ul li.pic span{ display:block; font-weight:bold; line-height:30px;}
.content .product_show ul li.nr p.jc{font-weight:bold;}
.content .product_show ul li.nr p{ margin-bottom:10px;}
.content .product_show ul li img{ width:750px;}

.content .news_list{ padding:15px;}
.content .news_list ul li{ width:100%; float:left; margin-bottom:16px; border-bottom:dashed 1px #ccc; padding-bottom:2px; padding-left:22px; background:url(../images/iocn.gif) no-repeat 10px 6px;}
.content .news_list ul li span{ color:#333; float:right; padding-right:10px;} 
.content .news_list ul li a:hover{ color:#ca1324;}

.content .news_show{ padding:14px;}
.content .news_show ul li.bt{ font-size:20px; font-weight:bold; text-align:center; line-height:40px;}
.content .news_show ul li.date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #999;}
.content .news_show ul li.nr{ padding:8px 18px;}
.content .news_show ul li.nr p{ margin-bottom:10px; line-height:26px;}
.content .news_show ul li.back{ text-align:center;}
.content .news_show ul li.back a:hover{ color:#ec6100;}

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

.content .job{ padding:15px;}
.content .job table{ background:#EAEAEA; margin-bottom:20px;}
.content .job table thead{ font-weight:bold;}
.content .job table tr td{ background:#fff; padding:4px;}
.content .job table tr td a:hover{ color:#c30;}
/*内页中间内容部分结束*/

/*脚部分开始*/
.footer{width:100%; background:#e0e0e0 url(../images/footer_bg.jpg) repeat-x top; float:left; padding:10px 0; margin-top:20px; line-height:26px;}
/*脚部分结束*/
.yingpin {width:77px; height:33px; font-weight:bold; background:url(../images/button_2.png) no-repeat; border:none; color:#fff;}