*{margin:0; padding:0; font-family:"微软雅黑";}
body{ background:#fff url(../Image/bj.jpg) repeat-x; line-height:24px; font-size:12px; color:#555;}
a{color:#555; text-decoration:none;}
a:hover{color:#F00; text-decoration:none;}
img{border:none;}
li,ul{list-style-type:none;}
#box{ width: 1000px; margin: 0 auto; padding: 8px 0; overflow: hidden;}
/*--- header ---*/
#logo{ width: 1000px; margin: 0 auto; height: 112px; background: url(../Image/logo.jpg); overflow: hidden;}
.fav{ width: 990px; text-align: right; padding-top: 5px; overflow: hidden;}
#menu{ width:1000px; margin:0 auto; height:42px; overflow:hidden;}
#menu ul{ width:1000px; overflow:hidden;}
#menu ul li{float:left; overflow:hidden; text-align: center; line-height: 40px; width:111px;}
#menu ul li a{color:#fff; display: block; width: 100%; height: 42px; font-size: 14px; font-weight: 700; text-decoration:none;}
#menu ul li a:hover{color:#fff; display: block; width: 100%; height: 42px; font-size: 14px; font-weight: 700;  background: url(../Image/menu.jpg) no-repeat top center; text-decoration:none;}
#flash{ width: 100%; height: 315px; text-align: center; overflow: hidden;}
#banner { width:100%; height:315px; float:left; position:relative}
#slides { display:block; width:100%; height:315px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:290px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}
#line{ width: 100%; background: url(../Image/line.jpg) repeat-x; height: 23px;}
/*--- index ---*/
#index{ width: 804px; float: right; height: 681px; background: url(../Image/index.jpg); overflow: hidden;}
#i-top{ width: 100%; height: 298px; overflow: hidden;}
#i-company{ width: 448px; float: left;overflow: hidden;}
#i-company h2{ width: 100%; height: 42px; overflow: hidden;}
#i-company h2 p{ width: 60px; float: right; height: 42px;}
#i-company h2 p a{ display: block; width: 100%; height: 42px;}
#i-company .nr{ width: 100%; padding-top: 18px; overflow: hidden;}
#i-company .nr ul{ width: 93%; margin: 0 auto; line-height: 220%;overflow: hidden;}
.cimg{ float: left; margin: 5px 8px 3px 0;}
#i-company .nr ul a{color:#F00; text-decoration:none;}
#i-company .nr ul a:hover{color:#F00; text-decoration:underline;}
#i-news{ width: 342px; float: right; overflow: hidden;}
#i-news h2{ width: 100%; height: 42px; overflow: hidden;}
#i-news h2 p{ width: 60px; float: right; height: 42px;}
#i-news h2 p a{ display: block; width: 100%; height: 42px;}
#i-news .nr{ width: 100%; padding-top: 18px; overflow: hidden;}
#i-news .nr ul{ width:95%; margin: 0 auto; padding-top: 5px; overflow:hidden;}
#i-news .nr ul li{clear:both; overflow:hidden; line-height:235%; border-bottom:1px dashed #cdcdcd;}
#i-news .nr ul li a{float:left; clear:both; }
#i-news .nr ul li a:hover{float:left;}
#i-pid{ width: 100%; overflow: hidden;}
#i-pid h2{ width: 100%; height: 43px; overflow: hidden;}
#i-pid h2 p{ width: 60px; float: right; height: 43px;}
#i-pid h2 p a{ display: block; width: 100%; height: 43px;}
#i-pid .nr{ width: 100%; height: 340px; overflow: hidden;}
.cpgd { width:90%;height:335px;overflow:hidden;text-align:left;padding-top:5px;margin:0 auto;}
.cpgd ul { margin:0;padding:0;}
.cpgd li {float:left; margin-right:25px; display:inline; text-align:center; line-height:20px;}
.cpgd li a img { width:180px; height:135px;background:#fff; padding: 5px; border:#dedede 1px solid; vertical-align:top;}
.cpgd li a:hover img { width:180px; height:135px; background:#f00; padding: 5px; border:#dedede 1px solid;}
/*--- left ---*/
#left{ width: 178px; float: left; overflow: hidden;}
#left_products{ width: 100%; overflow: hidden;}
#left_products h2{ width: 100%; height: 53px;text-indent: -9999px; background: url(../Image/l-p.jpg); overflow: hidden;}
#left_products .nr{ width: 100%; overflow: hidden;}

.sy_lx_cont_cp{ width: 100%; margin-bottom: 10px; overflow: hidden;}
.proclass{ width: 100%; overflow: hidden;}
.big{ width: 100%; height: 25px; text-indent: 17px; line-height: 220%; overflow: hidden;}
.big a{color:#555; display: block; width: 100%; height: 25px; background: url(../Image/p1.jpg); text-decoration:none;}
.big a:hover{color:#fff;display: block; width: 100%; height: 25px; background: url(../Image/p2.jpg); text-decoration:none;}
.smallclass{ display: none;}
.s{ width: 100%; height: 25px; overflow: hidden; background: url(../Image/p1.jpg); text-indent: 25px; line-height: 220%;}
.s a{color:#555; text-decoration:none;}
.s a:hover{color:#F00; text-decoration:underline;}




#l-n{ width: 100%; overflow: hidden;}
#l-n h2{ width: 100%; height: 25px;text-indent: -9999px; background: url(../Image/l-n.jpg); overflow: hidden; }
#l-n .nr{ width: 100%; height: 124px; background: url(../Image/l-n-n.jpg); overflow: hidden;}
#l-n .nr a{ display: block; width: 100%; height: 124px;}
#l-contact{ width: 100%; overflow: hidden;}
#l-contact h2{ width: 100%; height: 29px;text-indent: -9999px; background: url(../Image/l-c.jpg); overflow: hidden; }
#l-contact .nr{ width: 100%; height: 167px; background: url(../Image/l-c-n.jpg); overflow: hidden;}
#l-contact .nr ul{ width: 96%; margin: 0 auto; padding-top: 10px; line-height: 30px; }
/*--- naiv ---*/
#naiv{ width: 802px; float: right; border:1px solid #d2d2d2; overflow: hidden;}
#naiv .company{ width: 100%; height: 50px; background: url(../Image/naiv_list.jpg); background-position: 0 0; overflow: hidden;}
#naiv .product{ width: 100%; height: 50px; background: url(../Image/naiv_list.jpg); background-position: 0 -50px; overflow: hidden;}
#naiv .news{ width: 100%; height: 50px; background: url(../Image/naiv_list.jpg); background-position: 0 -100px; overflow: hidden;}
#naiv .network{ width: 100%; height: 50px; background: url(../Image/naiv_list.jpg); background-position: 0 -150px; overflow: hidden;}
#naiv .case{ width: 100%; height: 50px; background: url(../Image/naiv_list.jpg); background-position: 0 -200px; overflow: hidden;}
#naiv .message{ width: 100%; height: 50px; background: url(../Image/naiv_list.jpg); background-position: 0 -250px; overflow: hidden;}
#naiv .contact{ width: 100%; height: 50px; background: url(../Image/naiv_list.jpg); background-position: 0 -300px; overflow: hidden;}
#naiv .honor{ width: 100%; height: 50px; background: url(../Image/naiv_list.jpg); background-position: 0 -350px; overflow: hidden;}
#naiv .jobs{ width: 100%; height: 50px; background: url(../Image/naiv_list.jpg); background-position: 0 -400px; overflow: hidden;}
#naiv .order{ width: 100%; height: 50px; background: url(../Image/naiv_list.jpg); background-position: 0 -450px; overflow: hidden;}
#Indicate{ width: 795px; text-align: right; padding-top: 18px;}
#Indicate span{ color: #f00}
.n-n{ width: 100%; background: url(../Image/naiv_bot.jpg) no-repeat bottom center;padding-bottom: 400px; overflow: hidden;}
.n-n-n{ width: 96%; margin: 0 auto; padding-top: 10px; line-height: 260%; overflow: hidden;}
/*--- footer ---*/
#footer{ width: 100%; margin-top: 10px; background: url(../Image/footer.jpg) repeat-x; height: 76px;  overflow: hidden;}
#footer ul{ text-align: center; padding-top: 20px; overflow: hidden;}
/*picUL*/
#picUL{text-indent:0; overflow:hidden;}
#picUL li{height:185px; width:33%; float:left; line-height: 20px;  text-align:center;}
#picUL li img{object-fit: contain; height:150px; width:200px; border:1px solid #dedede; padding:2px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#picUL li img:hover{border-color:#999;}
/*picUL1*/
#picUL1{text-indent:0; overflow:hidden;}
#picUL1 li{height:195px; width:25%; float:left; line-height: 20px;  text-align:center;}
#picUL1 li img{height:160px; width:120px; border:1px solid #dedede; padding:2px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
#picUL1 li img:hover{border-color:#999;}
/*info*/
#newTitle{color:#FF0000;font-size:14px;text-align:center;text-align:center;}
#newTitle strong{font-size:14px;}
#newsContent{margin-bottom:16px;}
#newsInfo{margin:0px;font-weight:normal; text-align:center; font-size:12px;}
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}
.Newstime{float:right;}
/*news*/
#indexNews{ width:98%; margin:0 auto; padding:5px 0; overflow:hidden;} 
#indexNews li{clear: both;line-height:300%;overflow: hidden; border-bottom:1px dashed #304102;}
#indexNews li a{text-decoration:none; float:left; clear:both; }
#indexNews li a:hover{text-decoration:none;float:left;}
#text{ width:100%; overflow:hidden; margin-top:3px; border-top:1px solid #dedede;}
.text_left{width:44%; float:left; overflow:hidden;}
.text_center{width:42%; float:left; overflow:hidden;}
.text_right{ width:13%; float:left; overflow:hidden;}
.tb-list{ width:150px; margin:0 auto; border:1px dashed #dedede; overflow:hidden;}
.tb-list li{ width:50%; float:left; text-align:center; overflow:hidden;}
/*table*/
.table{ width:97%; margin:0 auto; margin-bottom:15px; border-bottom:1px solid #dedede;}
.tb_left{ width:10%; text-align:right; overflow:hidden;}
.tb_txt{ width:89%; overflow:hidden;}
.yingpin{ text-align:right;}
.yingpin a{color:#ff0000; text-decoration:none;}
.yingpin a:hover{color:#F0F; text-decoration:none;}
#allmap{ width:99%; height:690px; border:1px solid #dedede; overflow:hidden;}
/*page*/
#page{clear:both;line-height:35px;height:35px;width:99%; text-align:center;border:1px solid #dedede; margin-top:10px;}
/*borderLi*/
.borderLi{border-bottom:1px dashed #dedede;margin-bottom:6px;padding-bottom:6px;}
.G_InputText{width:160px;height:16px;border:1px solid #dedede;}
.InputText{width:90px;height:16px;border:1px solid #dedede;}
.G_textarea{width:300px;height:100px;border:1px solid #dedede;}
.G_ul{width:500px;margin:0 auto;line-height:26px;}
.G_botton{width:55px;height:29px;line-height:29px;border:0;background:url(button.gif) no-repeat;cursor:pointer;}
.ys{width:17px; height:20px; background:url(go.jpg); margin-left:3px;}
.G_tips{width:435px;margin:10px auto 0 auto;border:1px solid #dedede;padding:7px;}
/*message*/
.comtent_info{width:710px;*+margin-top:-612px;*+margin-left:250px;display:inline-block;vertical-align:top;margin-bottom: 20px;}
.comtent_info_tit{width:100%;height:36px;line-height:36px;*+line-height:36px;text-indent:13px;background:url(.../Image/allbgs_1.gif) repeat-x 0px -96px;font-family:微软雅黑,arial;font-size:14px;color:#338e00;overflow:hidden;}
.comtent_info .comtent_info_tit .url{height:36px;line-height:37px;color:#6a6a6a;font-family:微软雅黑,arial;font-size:12px;float:right;margin-right:10px;*+margin-top:-37px;display: inline-block;}
.comtent_info .comtent_info_tit .url .url_img{width: 10px;height: 10px;background: url(.../Image/allbgs_2.gif) no-repeat -14px 0px;margin-top: 13px;*+margin-top: 12px;float: left;}
.comtent_info .comtent_info_company{width:666px;margin:28px auto 0 auto;font-size:14px;font-family:微软雅黑,arial;line-height:28px;}
.comtent_info .comtent_info_company p{text-align:justify;letter-spacing:1px;font-size:14px;line-height:28px;color:#444444;margin-bottom:30px;}
.comtent_info table th{color:#444444;width:70px;font-weight:normal;font-size:14px;font-family:微软雅黑,arial;text-align:right;vertical-align: top;padding-top: 9px;}
.comtent_info table td select{font-family: 微软雅黑,arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;*+margin-left:-3px;background: #FFF;}
.comtent_info table td ul{list-style:none;position:absolute;}
.comtent_info table td ul li{font-family:微软雅黑,arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;}
.comtent_info table td ul li a{display:block;text-decoration:none;color:#444444;}
.comtent_info table td ul li a:hover{color:#fe7d0c;}
.comtent_info table td ul li:last-child{border-bottom:1px solid #d2d4d6;}
.comtent_info table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.comtent_info table td .nnn{width:26px;height:28px;}
.comtent_info table td .yanzheng{width:101px;}
.comtent_info table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.middle .comtent .comtent_info table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;}
.comtent_info table td .but{width:74px;height:31px;line-height:31px;background:#7ac454;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;}
.comtent_info table td .but a{text-decoration:none;font-size:14px;font-family:微软雅黑,黑体,sans-serif;color:#FFF;display:block;}
.comtent_info table td .but a:hover{background:#5aac3a;border-radius:2px;}
.j-content{ padding: 5px;}
.pointer{ width:60px; height: 28px; vertical-align: top;margin:5px auto 5px 5px;}