﻿@charset "utf-8";
/* CSS Document */
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
body {font-size:12px;color:#000000;font-family:"宋体", Arial, Helvetica, sans-serif ;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111; margin:0; padding:0}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
a:focus, a:hover {color:#000;}
a {color:#3d3d3d;text-decoration:none;}
li ul, li ol {margin:0;}
ul, ol {margin:0;padding-left:0; list-style:none;}
ul {list-style:none}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
.left{ float:left}
.right{ float:right}
.clear{ clear:both; overflow:hidden; margin:0; padding:0}

/*外部框架*/
#wrap{ margin:0 auto; width:1002px;}


/*头部*/
.header{clear:both; overflow:hidden; height:98px;}
.header_left h1{ float:left; width:422px;}
.head_right{ width:320px; float:right;}
.sc{ height:30px; line-height:30px; text-align:right; padding:10px 10px 10px 0px;}
.tel{ font-size:18px; color:#FF0000; font-family:"microsoft yahei"; font-weight:600;text-align:right;}
/*导航glt*/ 

.nav{ width:100%; height:53px; background:url(/Public/kaiou/images/navnew.jpg) repeat-x 0px 4px;}
.nav ul{ list-style:none; text-align:center; clear:both; overflow:hidden; height:53px; line-height:53px; width:1002px; margin:0 auto;}
.nav ul li{width:100px; color:#ffffff; float:left; font-size:14px;font-family:"microsoft yahei"; background:url(/Public/kaiou/images/libg.jpg) no-repeat right 18px;}
.nav ul li.none{ background:none}
.nav ul li a{ display:block; color:#ffffff}
.nav ul li a:hover{ background:url(/Public/kaiou/images/nav_hnew.jpg) no-repeat; color:#ffffff}

/*导航new*/ 
/*.nav{ width:100%; height:50px;background:url(/Public/kaiou/images/nav-back.jpg) repeat-x #488DD0;}
.nav ul{ list-style:none; text-align:center; clear:both; overflow:hidden; height:53px; line-height:53px; width:1002px; margin:0 auto;}
.nav ul li{width:100px; color:#ffffff; float:left; font-size:16px; background:url(/Public/kaiou/images/libg.jpg) no-repeat right 18px;}
.nav ul li.none{ background:none}
.nav ul li a{ display:block; color:#ffffff}
.nav ul li a:hover{ background:url(/Public/kaiou/images/nav_hnew.png) center no-repeat;}*/




.navbom{ width:100%; height:53px;}
.navbom ul{ list-style:none; text-align:center; clear:both; line-height:53px; margin:0 auto;}
.navbom ul li{width:80px; color:#ffffff; float:left; font-size:14px;}
.navbom ul li.none{ background:none}
.navbom ul li a{ display:block; color:#ffffff}
.navbom ul li a:hover{color:#ffffff}


/*内部框架*/
.span_r{ width:245px;height: 235px;}
.span_m{ width:490px;height: 235px}
.span_l{ width:368px}
.block_l{ width:237px;}
.block_r{ width:749px;}
.bg{ background:#ffffff; }
.bor{ border:1px solid #ebe9eb;}
.banner{ text-align:center; height:400px; width:100%; margin:0 auto}
/*底部文件*/
.foot_link{ width:1002px; line-height:30px; font-size:12px; color:#333; margin:0 auto; overflow:hidden; height:auto;}
.foot_link ul{ list-style:none}
.foot_link ul li{ max-width:120px; float:left; margin-left:10px;}
.foot_link ul li a{ color:#333}
.foot_link ul li a:hover{ color:#06C}

/*底部背景颜色*/
/*#footer{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#0070d9; margin-top:8px;}*/ 
#footer{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#E3001F; margin-top:8px;} 



.foot_p{ width:1002px; margin:0 auto; color:#FFF}
.foot_p p{ padding:15px; text-align:left; line-height:24px; overflow:hidden; height:auto;}
.foot{ width:100%; margin:10px auto auto auto;}
.foot_p a{ color:#FFF}
.foot_p a:hover{ color:#FF0}
/*标题样式*/
.title_1{ background:url(../images/bar_left1.jpg) no-repeat; height:32px; line-height:32px; font-family:"microsoft yahei"; padding-left:10px; color:#ffffff}
.title_1 span{ float:right; padding-right:10px; font-size:12px; font-weight:normal}
.title_2{ background:url(../images/bar.jpg) no-repeat; height:29px; line-height:29px; padding-left:20px; font-size:14px; font-family:"microsoft yahei"}
.title_2 a{ background:url(../images/more.jpg) no-repeat center center; height:29px; width:37px; float:right; margin-right:10px}
.title_3{ background:url(../images/bar.jpg) no-repeat; height:29px; line-height:29px; padding-left:20px; font-size:14px; font-family:"microsoft yahei"}
.title_3 span{ float:right; padding-right:10px;}
/*列表*/
.news_list ul.content{ list-style:none; padding:8px;}
.news_list ul.content li{height:30px; line-height:30px; border-bottom:1px dashed #dedede}



.news_list ul li span{ float:right}
.div1{ font-size:14px; color:#FF0000; height:30px; line-height:30px; font-weight:bold; padding-left:10px;}
.ul_1 ul{ list-style:none; padding:8px;}
.ul_1 ul li{ background:url(../images/li_on.jpg) no-repeat; height:24px; line-height:24px; color:#000000; margin-bottom:10px;}
.ul_1 ul li a{ display:block; padding-left:15px;}
.ul_1 ul li a:hover{ background:url(../images/li_hover.jpg) no-repeat; color:#ffffff}
/*产品列表*/
#picUL1{text-indent:0; overflow:hidden; margin-top:20px; margin-left:10px; list-style:none}
#picUL1 li{ height:250px; width:215px; float:left; line-height:18px; margin:0 10px; _margin:0 4px; text-align:center;}
#picUL1 li img{ vertical-align:middle; border:none; }
#picUL1 li a{ color:#000000; text-decoration:none}
#picUL1 li a:hover{ color:#000000}
.pic-bg{ width:215px; height:200px; display:block; border:1px solid #CCC; overflow:hidden;display: table-cell;+line-height:200px;*display: block;*font-size:175px;*font-family:Arial;vertical-align: middle;}
.pic-bg img{vertical-align:middle;border:none}
/*margin*/
.mar{ margin-top:8px;}
/*内容*/
.about{ padding:10px; line-height:24px;}
.about img{ padding:0px 10px 5px 0px; float:left}
.left_bt{float:left; width:15px; height:34px; padding-right:15px; padding-top:55px;}
.right_bt{float:right; width:15px; height:34px; padding-left:6px;  padding-top:55px;}
.shows_pic{text-align:center;}
.shows_pic img{ border:1px solid #dedede; margin-right:10px; margin-bottom:5px;}
.shows_pic .div2{ width:145px; height:30px; line-height:30px; background:#ececec}
.ny{ padding:15px;}
.ny p{ text-align:left; line-height:24px;}
.fanye ul{ list-style:none; border-top:1px dashed #cccccc; border-bottom:1px dashed #cccccc; padding-top:10px; padding-bottom:10px; height:80px;}
.fanye ul li{ height:30px; line-height:30px; text-align:left; padding-left:10px;}
/*表单*/
.guestbook ul{ list-style:none; padding-left:15px; text-align:left}
.guestbook ul li{ line-height:26px; font-size:14px; border-bottom:1px dashed #cccccc; padding-left:15px;}
/*翻页*/

/*智美*/
.indexNews ul{ list-style:none; padding:5px 8px 5px 8px;}
.indexNews ul li{ background:url(../images/coin.jpg) no-repeat left center; height:26px; line-height:26px; text-align:left; padding-left:10px; border-bottom:1px dashed #cccccc}
.indexNews ul li span{ float:right}
#indexPro{width:660px; height:165px; overflow:hidden; margin:0 auto;}
#indexPro li{float:left; margin:10px; _margin:8px; width:149px; height:165px; _height:143px; text-align:center;}
#indexPro img:hover {border:1px solid #999;}
/*NEWS CONTENTS PAGE*/
#newTitle{color:#E62424; font-size:24px; text-align:center; padding-bottom:10px; padding-top:20px;font-weight: 600;font-family: "微软雅黑";}
#newTitle1{ background:url(../images/fenge.jpg) no-repeat bottom; padding-bottom:40px; text-align:center; font-size:16px; font-family:"microsoft yahei"; color:#f00;} 
#newsInfo{ color:#666;  text-align:center; font-size:12px; padding-bottom:30px;font-weight: 200;}
#newTitle strong{ font-size:16px;}

#newsContent{color:#666; margin-bottom:10px; line-height:35px;font-size: 14px !important;font-family: "宋体";color: rgb(68, 68, 68);}
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;text-align:left;padding-left:10px;padding-top:8px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}
/*GUESTBOOK PAGE*/
.borderLi{border-bottom:1px dashed #dedede;margin-bottom:6px;padding-bottom:6px;padding-left:15px;}
.borderlis{margin-bottom:6px;padding-bottom:6px;padding-left:15px;}
.G_InputText{width:160px;height:16px;border:1px solid #dedede;}
.G_textarea{width:300px;height:100px;border:1px solid #dedede;}
.G_ul{width:600px;margin:0 auto;line-height:26px;text-align:left;list-style:none}
.G_botton{width:55px;height:29px;line-height:29px;border:0;background:url(../images/button.gif) no-repeat;cursor:pointer;}
.G_tips{color:#666;width:500px;margin:10px auto 0 auto;border:1px solid #dedede;padding:15px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow: 0px 0px 3px rgba(0,0,0,.1);-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.1);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.1);line-height:26px;text-align:left}
/*˲Ƹ*/
.jobList{padding:5px 10px 20px 10px;position:relative;width:550px;margin:0 auto;}
.yingping{right:0;bottom:0;color:#f00;padding-right:10px;font-size:14px;}
/*ϵ*/
#contact{width:550px; margin:0 auto;}
#contact li{border-bottom:1px dashed #dedede; line-height:33px;}
.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:730px; height:263px; display:block;}
.num{ position:absolute; right:5px; bottom:16px;}
.num li{float: left;color: #2d90e1;text-align: center;line-height: 16px;width: 16px;height: 16px;font-family: Arial;font-size: 12px;cursor: pointer;overflow: hidden;
margin: 3px 1px;border: 1px solid #2d90e1;background-color: #fff;}
.num li.on{color: #fff;line-height: 21px;width: 21px;height: 21px;font-size: 16px;margin: 0 1px;border: 0;background-color: #2d90e1;font-weight: bold;}
.lm_news{ text-align:left; padding-top:10px; padding-bottom:10px; padding-left:110px;}
.lm_news a{ font-size:14px; text-decoration:none; color:#444444; font-weight:bold}
.lm_news a:hover{ font-size:14px; text-decoration:underline; color:#FF0000; font-weight:bold}
.news_content{ text-align:left}









