@charset "utf-8";

/* base */
body {
	font: 12px/20px Arial, "微软雅黑";
	color:#555;
	background:url(bg.jpg) no-repeat center top fixed;
	margin: 0px;
	text-align:center;
}
*{ padding:0; margin:0;}
a { color:#555; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.wrapper{ width:976px; margin:0 auto; text-align:left;}
.clearboth { clear:both; }
.page{ text-align:center; margin:10px 0; width:100%; float:left;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}

.header{width:100%; float:left;}
.head_nr{ width:984px; margin:0 auto; text-align:left; background:url(header_bg.png) no-repeat center top; padding-bottom:10px;}
.header .logo{ float:left; margin:7px 0 8px 15px;}
.header .logo h1{ display:none;}

.lg{ float:right; margin:10px 15px 0 0;}
.lg a{ padding-left:20px; margin-left:15px;}
.lg a:hover{ color:#df0615;}
.lg a.zh{ background:url(zh.jpg) no-repeat;}
.lg a.en{ background:url(en.jpg) no-repeat;}

.nav{ width:964px; height:42px; float:left; font-size:14px; background:#006098; margin-left:10px; position:relative; z-index:900;}
.nav .nav_left{ background:url(nav_left.png) no-repeat left top; width:5px; height:42px; position:absolute; left:-5px; top:0;}
.nav .nav_right{ background:url(nav_right.png) no-repeat right top; width:5px; height:42px; position:absolute; right:-5px; top:0;}
.nav ul{ height:26px; line-height:26px; padding-top:9px;}
.nav ul li{ float:left; border-right:dotted 1px #f5a5af; position:relative; padding-right:28px; z-index:1000;}
.nav ul li.noborder{ border:none;}
.nav ul li a{ display:block; padding:0 15px 0 35px; color:#fff; float:left; background:url(../images/iocn04.png) no-repeat right 8px; height:33px;}
.nav ul li a.nobg{ background:none; padding:0 0 0 34px;}
.nav ul li a:hover,.header .nav ul li a.dq,.nav ul li:hover a{ color:#ffff00;}
#menu ul ul { display:none;  position:absolute; top:33px;  left:0; z-index:1100; background:#fff; border:solid 1px #dadada; border-top:none; font-size:12px;}
#menu ul ul li{ padding:0px; border-right:none;}
#menu ul ul li a{ color:#555; height:auto;}
#menu ul ul li a:hover{ text-decoration:underline;}
#menu ul ul.jianjie{ width:240px; height:auto;}
#menu ul ul.jianjie li{ padding:0 10px; text-align:center;}
#menu ul ul.jianjie li a{ padding:0;}
#menu ul ul.jianjie li img{ width:100px; height:100px;}
#menu ul ul.xw{ width:240px; height:auto;}
#menu ul ul.xw li{ padding:0 10px;}
#menu ul ul.xw li img.hz{ width:220px; height:100px;}
#menu ul ul.xw li img.sz{ width:100px; height:100px; float:left; margin:0 12px 10px 0;}
#menu ul ul.xw li a{ background:url(../images/iocn05.gif) no-repeat left; padding-left:10px; margin:0; white-space:nowrap;}
#menu ul ul.cp{ width:750px; height:auto;left:-350px; }
#menu ul ul.cp li{ padding:0 10px; min-height:130px; min-width:147px;}
#menu ul ul.cp li a{ float:none; margin:0;}
#menu ul ul.cp .bt{ font-weight:bold;}
#menu ul ul.cp .bt a{ background:url(../images/iocn02.jpg) no-repeat left; padding-left:20px;}
#menu ul ul.cp .lb{ padding-left:20px;}
#menu ul ul.cp .lb a{ background:url(../images/iocn03.jpg) no-repeat left; padding-left:12px; margin-right:20px;}
#menu ul ul.cp a:hover{ text-decoration:underline;}
#menu ul ul.lx{ left:-86px;}


.banner{ width:100%; float:left; background:#00498b url(banner_bg.jpg) no-repeat center top; height:378px; margin-top:10px; overflow:hidden;}
.banner .ban_nr{ width:980px; margin:0 auto; position:relative; z-index:10;}
.banner .campaign_item img{ width:980px; height:377px;}
#campaign_slide_navigation{ text-align:center; position:absolute; bottom:25px; right:10px; z-index:10;}
#campaign_slide_navigation li{ float:left; margin:0 2px; cursor:pointer;}
#campaign_slide_navigation li.campaign_navi_item{ background:#fff; width:8px; height:8px;}
#campaign_slide_navigation li.activeSlide{ background:#ff0000; width:8px; height:8px;}

.main{ width:100%; float:left;}
.content{ width:984px; margin:0 auto; text-align:left; position:relative; z-index:90;}
.box1{ width:954px; float:left; background:#fff; border-top:solid 4px #ffba00; box-shadow:0 0 2px #888; border-radius:0 0 5px 5px; position:absolute; top:-15px; left:0; z-index:100; padding:0 15px;}
.box1_1{ width:338px; float:left; border-right:solid 1px #dbdbdb; padding:15px 20px 6px 0;}
.box1_1 .title{ width:100px; float:left; }
.box1_1 .title span{ color:#df0615; font-size:16px; background:url(../images/iocn01.gif) no-repeat left; padding-left:12px; display:block; float:left;}
.box1_1 .intro{ line-height:24px; padding:10px 0; width:100%; float:left; height:190px;}
.box1_1 .intro p{ margin-bottom:8px;}
.box1_1 .intro img{ float:left; margin-right:12px;}
.box1_1 .more{ width:100%; float:left; font-family:"宋体"; border-top:dotted 1px #ccc; text-align:right;}
.box1_1 .more a{ background:url(../images/iocn02.jpg) no-repeat left; padding-left:20px; color:#df0615; display:block; float:right;}
.box1_1 .more a:hover{ text-decoration:underline;}
.box1_2{ margin-left:20px;}
.box1_1 .news{ padding:10px 0; width:100%; float:left; height:190px;}
.box1_1 .news ul li{ margin-bottom:15px; width:100%; float:left;}
.box1_1 .news ul li img{ width:135px; height:83px; float:left; margin-right:10px;}
.box1_1 .news ul li .zw{ color:#888;}
.box1_1 .news ul li a:hover{ text-decoration:underline; color:#c30;}
.link{ width:199px; float:right; margin-top:15px;}
.link .title{ background:url(s_t.jpg) no-repeat; width:199px; height:60px; padding-top:16px; margin-bottom:8px;}
.link .title span{ display:block; color:#fff; padding:0 10px; font-size:14px;}
.link .title span.zh{ font-size:20px; margin-bottom:5px; font-weight:bold;}
.link .title span.en{ text-align:right;}
.link .intro{}
.link .intro ul li{ margin-bottom:8px;}
.link .intro ul li a{ display:block; background:url(m_bg.jpg) no-repeat left bottom; height:29px; line-height:29px; padding-left:26px;}
.link .intro ul li a:hover,.link .intro ul li a.dq{ background:url(m_bg.jpg) no-repeat left top; color:#fff;}


.box2{ width:984px; float:left; background:#fff; box-shadow:0 0 2px #888; padding:15px 0; margin-top:280px;}
.box2 .title{ padding-left:15px;}
.box2 .title span{ color:#df0615; font-size:16px; background:url(../images/iocn01.gif) no-repeat left; padding-left:12px; display:block; float:left;}
.box2 .title a{ background:url(../images/iocn02.jpg) no-repeat left; padding-left:20px; margin-right:20px; color:#df0615; display:block; float:right;}
.box2 .title a:hover{ text-decoration:underline;}
.box2 .intro{ padding-top:15px; width:100%; float:left;}
.box2 .intro ul{ padding-left:11px;}
.box2 .intro ul li{ width:228px; height:115px; float:left; position:relative; margin:0 6px; overflow:hidden;}
.box2 .intro ul li .name{ position:absolute; left:0; bottom:-60px; color:#fff; background:url(../images/p_bg.png); padding:4px 10px; width:208px; font-size:16px; transition:bottom 0.5s; -moz-transition: bottom 0.5s; -webkit-transition:bottom 0.5s; -o-transition:bottom 0.5s;}
.box2 .intro ul li a:hover .name{ bottom:0;}

.neiye{ background:#fff; box-shadow:0 0 2px #888; padding:20px 10px; width:954px; margin:10px auto 0; text-align:left;}

.sidebar{ width:200px; float:left; margin-left:1px;}
.lanmu{}
.lanmu .title{ background:url(nylbg.jpg) repeat-x; color:#fff; margin-bottom:4px; height:38px; line-height:38px; padding-left:10px;}
.lanmu .title span{ display:block; background:url(../images/iocn03.png) no-repeat left; padding-left:20px; font-size:16px;}
.lanmu .intro{}
.lanmu .intro ul li{ margin-bottom:4px;}
.lanmu .intro ul li a{ display:block; background:url(m_bg.jpg) no-repeat left bottom; height:29px; line-height:29px; padding-left:26px;}
.lanmu .intro ul li a:hover,.lanmu .intro ul li a.dq{ background:url(m_bg.jpg) no-repeat left top; color:#fff;}

.side_right{ width:725px; float:right; min-height:400px;}
.side_right .photo{ margin-bottom:20px;}
.side_right .photo img{ width:724px; height:180px;}
.side_right .title{ border-bottom:solid 1px #e3e3e3; height:24px;}
.side_right .title .dangq{ font-size:16px; border-left:solid 3px #e26700; padding-left:6px; float:left;}
.side_right .title .weizhi{ float:right;}
.side_right .title a:hover{ text-decoration:underline;}
.side_right .intro{ line-height:26px; padding:20px 0;}
.side_right .intro p{ margin-bottom:15px;}
.side_right .intro table{}
.side_right .intro table tr td{ padding:4px;}
.side_right .intro table tr td a:hover{ color:#c30;}
.side_right .intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"微软雅黑";}
.side_right .intro table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 4px; border:none;}

.contact{ line-height:26px; padding:20px 0;}
.contact .lx{ margin-bottom:20px;}
.contact .font1{ font-size:14px; font-weight:bold;}

.news_list{ padding-top:15px;}
.news_list ul li{ border-bottom:dotted 1px #dbdbdb; padding-bottom:15px; margin-bottom:15px; width:100%; float:left;}
.news_list ul li .bt{ font-size:14px;}
.news_list ul li img{ width:120px; height:78px; float:left; margin-right:10px;}
.news_list ul li .zw{ color:#888;}
.news_list ul li a:hover{ text-decoration:underline; color:#c30;}

.news_show{ padding-top:20px;}
.news_show ul li.bt{ font-size:20px; text-align:center; line-height:40px;}
.news_show ul li.riqi{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}
.news_show ul li.nr{ padding:8px 18px;}
.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;}

.work{ padding-top:20px;}
.work ul li{ margin-bottom:30px; border-bottom:dashed 1px #dadada; width:100%; float:left; padding-bottom:30px;}
.work ul li .font1{ font-size:14px; color:#0968b4;}
.work ul li img{ width:260px; height:160px; float:left; margin-right:20px; border:solid 1px #dadada; padding:1px;}
.work table{ background:#EAEAEA; margin-bottom:20px;}
.work table thead{ font-weight:bold;}
.work table tr td{ background:#fff; padding:6px 4px;}
.work table tr td a:hover{ color:#c30;}

.product{ padding-top:20px;}
.kins{ padding-top:30px;}
.kins ul li{ padding-bottom:20px; margin-bottom:20px; border-bottom:dotted 1px #ccc;}
.kins .bt{ font-weight:bold;}
.kins .bt a{ background:url(../images/iocn02.jpg) no-repeat left; padding-left:20px;}
.kins .lb{ padding-left:20px;}
.kins .lb a{ background:url(../images/iocn03.jpg) no-repeat left; padding-left:12px; margin-right:20px;}
.kins a:hover{ text-decoration:underline;}

.product_list{ padding-top:20px;}
.product_list ul li{ margin-bottom:30px; border-bottom:dashed 1px #dadada; width:320px; height:130px;float:left; padding-bottom:30px; padding-right:40px;}
.product_list ul li .font1{ font-size:14px; color:#0968b4;}
.product_list ul li .font1:hover{ text-decoration:underline;}
.product_list ul li img{ width:120px; height:120px; float:left; margin-right:20px; border:solid 1px #dadada; padding:1px;}
.gallery_list{ padding-top:20px;}
.gallery_list ul li{ margin-bottom:30px; border-bottom:dashed 1px #dadada; width:160px; height:130px;float:left;padding-left:30px; padding-bottom:30px; padding-right:40px;}
.gallery_list ul li .font1{ font-size:14px; color:#0968b4;}
.gallery_list ul li .font1:hover{ text-decoration:underline;}
.gallery_list ul li img{ width:120px; height:120px; float:left; margin-right:20px; border:solid 1px #dadada; padding:1px;}

.product_show{ padding-top:20px;}
.product_show .name{ font-size:20px; color:#06c; margin-bottom:15px; border-bottom:dotted 1px #ccc; padding-bottom:10px;}
.product_show .shuoming{ margin-bottom:15px;}
.product_show .pic{ margin-bottom:15px;}
.product_show .pic img{ width:400px; border:solid 1px #dadada; padding:2px;}
.product_show .canshu{}
.product_show .canshu .c01{ float:left; width:320px; padding-right:40px;}
.product_show .canshu .c01 .jc{ font-weight:bold;}

.solution{ padding-top:20px;}
.solution p{ margin-bottom:10px;}
.solution .yylb{}
.solution .yylb li{ width:228px; height:115px; float:left; position:relative; margin:0 13px 20px 0; overflow:hidden;}
.solution .yylb li .name{ position:absolute; left:0; bottom:-60px; color:#fff; background:url(../images/p_bg.png); padding:4px 10px; width:208px; font-size:16px; transition:bottom 0.5s; -moz-transition: bottom 0.5s; -webkit-transition:bottom 0.5s; -o-transition:bottom 0.5s;}
.solution .yylb li a:hover .name{ bottom:0;}

.feedback{ padding-top:20px;}
.feedback table{}
.feedback table thead{ font-weight:bold;}
.feedback table tr td{ padding:4px;}
.feedback table tr td a:hover{ color:#c30;}
.feedback table input, .feedback table textarea{ border:solid 1px #ccc; padding:4px; font-family:"微软雅黑";}
.feedback table input.button{background:#DF0615; color:#fff; cursor:pointer; padding:2px 4px; border:none;}

.download{ padding-top:20px;}
.download ul li{ border-bottom:dotted 1px #ccc; padding:0 20px; margin-bottom:10px; background:url(../images/iocn05.gif) no-repeat 10px;}
.download ul li span{ float:right;}
.download ul li a:hover{ color:#DF0615;}

#goTopBtn {
	POSITION: fixed; TEXT-ALIGN: center; WIDTH:50px; BOTTOM:35px; HEIGHT:50px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT:30px; _position: absolute; _right: auto
}

.footer{ text-align:center; width:100%; float:left; line-height:24px; margin-top:40px;}
.f_ban{ background:#00498b; width:100%; float:left;}
.f_ban_nr{ width:984px; margin:0 auto; color:#fff;}
.f_ban_left{ float:left; line-height:35px;}
.f_ban_left a{ color:#fff; padding:0 6px;}
.f_ban_right{ float:right; padding-top:3px;}
.f_ban_right input{ background:url(../images/iuput_bg.gif) no-repeat left; height:30px; line-height:30px; float:left; border:none; padding-left:6px; font-family:"微软雅黑"; color:#888; font-size:12px; width:180px;}
.f_ban_right input.button{ background:url(../images/button_bg.gif) no-repeat left; width:35px; height:30px; float:left; padding:0;}
.f_menu{ background:#fff; width:100%; float:left; padding:10px 0;}
.f_menu ul{ width:984px; margin:0 auto; text-align:left;}
.f_menu ul li{ width:140px; float:left; margin:0 10px;}
.f_menu ul li a{ display:block;}
.f_menu ul li a.bt{ font-weight:bold;}
.copy{ background:#f1f1f1; border-top:solid 1px #dadada; width:100%; float:left; padding:10px 0;}
.footer a:hover{ text-decoration:underline;}