/*--- 通用 ---*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
body{font-size:14px; font-family:Arial,Microsoft YaHei,Helvetica,sans-serif;}
html,body{min-height: 100%;height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h1{font-size:20px;line-height:30px;}
h2{font-size:18px;line-height:26px;}
h3{font-size:16px;line-height:24px;}
h4,h5,h6{font-size:14px;line-height:20px;}
a{color:#000;text-decoration:none;outline:none;transition:all 0.1s linear 0s;}
a:hover{color:#FF5500;text-decoration:none;}
ul,ul li{list-style:none;margin:0;padding:0;}
fieldset,img{border:none;}
hr{color:#ddd;background-color:#ddd;height:1px;border:0px;}
.clear{clear:both;margin:0;padding:0;}
.hidden{display:none;}
.left{ float:left;}
.right{ float:right;}
/*--- 头部样式 ---*/
.header{height:143px;width:100%;position:fixed;z-index:999999; background: url(/Public/App/images/topbg.gif) repeat-x;}
.header img{ }
.top{ width:970px; height:109px; margin:0 auto;padding-left:20px;}
.topleft{width:571px; float:left; padding-top:30px; }
.topright{width:360px; float:right;padding-top:3px; }
/*--- 导航 ---*/
#nav{ clear:both;position:relative; width:950px; margin:0 auto;height:34px; padding-left:50px;}
#nav .menu ul li{ height:34px;line-height:34px;display:inline-block; float:left; }
#nav .menu ul li a{ display:block; height:34px;line-height:34px;padding:5px 25px; color:#fff; font:14px "Microsoft YaHei"; text-decoration:none;}
#nav .menu ul li a:hover{color:#fff; background:url(../images/dhbg.gif) repeat-x;}
/*--- 幻灯片 ---*/
.banner_div{height:430px; width:100%;margin:0px auto 0px auto;overflow:hidden;position:relative; padding-top:142px;}
#flash { width:100%; height:430px; overflow:hidden; margin:0 auto; clear:both; position:relative; padding:0px;}
#flash a {width:100%; height:430px; display:none;}
#flash img {/*width:100%; height:407px; display:none;*/}
.flash_bar { width:100px; z-index:1069; height:30px; overflow:hidden; padding-top:13px!important; padding-top:12px; bottom:40px;text-align:center;margin:0 auto;position:relative; }
.flash_bar .dq { display:inline-block; float:left; width:8px; height:8px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer;
background:url(/Public/App/images/tg_flash_p.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Public/App/images/tg_flash_p.png" ,sizingMethod="crop"); }
.flash_bar .no { display:inline-block; float:left; width:8px; height:8px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer;
background:url(/Public/App/images/tg_flash_p2.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Public/App/images/tg_flash_p2.png" ,sizingMethod="crop"); }
#flashBg { height:430px; overflow:hidden; width:100%; clear:both; margin:0; padding:0;}
#flashLine {height:430px; width:100%; clear:both;}
.more{ text-align:center; padding:50px 0 40px 0;}
/*--- 整体 ---*/
#root{width:100%;height:100%;}
.main1{width:1000px;height:auto;margin:0 auto;position:relative;background:#fff;overflow:hidden;}
.main1_l{width:360px;height:auto;overflow:hidden; float:left;}
.main1_m{width:310px;height:auto;overflow:hidden; float:left; padding-left:40px;}
.main1_r{width:256px;height:auto;overflow:hidden; float:right; }
.main1 h2{ font-size:16px; font-family:"Microsoft YaHei"; float:left;}
.main1 span{ float:right; padding-top:5px;}
.main1 span a{ font-size:10px; font-family:"Microsoft YaHei"; text-align:right; }
.main1_r .gsjj{text-align:center;background:url(/Public/App/images/gsjjbg.gif) repeat-x; height:30px; line-height:30px; color:#fff; }
.main1_r .gsjj a{ color:#fff;font-family:"Microsoft YaHei";font-weight:bold; padding:0 10px; font-size:14px;}
.main2{width:100%;height:auto;margin:10px auto;position:relative;background:#f2f2f2;overflow:hidden; padding-top:20px;}
.main2_l{width:1000px;height:300px;;margin:0 auto;position:relative;overflow:hidden;}
.main2 h2{ font-size:16px; font-family:"Microsoft YaHei"; float:left;}
.main2 span{ float:right; padding-top:5px;}
.main2 span a{ font-size:10px; font-family:"Microsoft YaHei"; text-align:right; }
.cp{width:100%;float:left;height:auto;}
/*--- 首页主题框架内容---*/
.maincontent{width:100%;height:auto;margin:0 auto;position:relative;background:#fff;overflow:hidden; }
#products,#about,#error{background:#f0f0f0;width:100%;height:auto;padding:0 0 20px;}
.title{width:1000px;margin:0 auto;height:auto;padding:15px 0 20px 0px;}
.title_l{ width:342px; float:left;}
.title_l3{ width:431px; float:left;}
.title_l4{ width:317px; float:left;}
.title_r{ width:640px; float:left; text-align:left; padding:35px 0 0 0;}
.title_r3{ width:440px; float:left; text-align:left; padding:35px 0 0 0;}
.title_r4{ width:660px; float:left; text-align:left; padding:17px 0 0 0;}
.title h2,.title h2 a{font:18px "Microsoft YaHei"; color:#666;}
.products{ clear:both; padding:50px 0 0 0;width:1000px;margin:0 auto;height:auto;}
.choose{ clear:both; padding:50px 0 0 0;width:990px;margin:0 auto;height:auto;}
.about{ clear:both; padding:50px 0 0 0;width:1000px;margin:0 auto;height:auto;}
/*首页产品*/
.products1{ float:left; width:321px; height:445px; background:#d5d5d5; border-radius:0 0 .3em .3em;}
.products2{ float:left; width:321px; height:445px; background:#d5d5d5; margin-left:18px;border-radius:0 0 .3em .3em;}
.products3{ float:right; width:321px; height:445px; background:#d5d5d5;border-radius:0 0 .3em .3em;}
.productname{ height:32px; line-height:32px; text-align:center;}
.productname a{ color:#FFF;width:321px; display:block; background:#09C;border-radius: .3em .3em 0 0;height:32px; line-height:32px; font-size:16px; font-weight:bold;}
.productname a:hover{ color:#FFF; background:#089353; height:32px; line-height:32px; text-align:center;border-radius: .3em .3em 0 0;}
.productyangpin a{ height:32px; line-height:32px; padding-left:10px;}
.productxiangxi{ text-align:right; padding-right:10px;}
.productbutton{ margin-top:15px;width:130px; text-align:center; z-index:999; float:right;}
.productbutton a{text-decoration: none; font:14px "Microsoft YaHei"; display:block;height:30px; line-height:30px;color:#FFF;background:#089353;border-radius: .3em;}
.productbutton a:hover{background:#3aa619; color:#FFF;border-radius: .3em; text-decoration:none;}
.productshipin{ clear:both; padding:30px 0 0 510px;width:490px;margin:0 auto; background: url(/Public/App/images/shipinbg.jpg) no-repeat;}
/*首页优势*/
.chooseleft{ float:left; width:480px; height:445px;}
.chooseright{ float:right; width:480px; height:445px;}
.chooselist{width:100%;float:left;height:auto;margin-left:0px;font:18px "Microsoft YaHei";}
.chooselist h2{margin-bottom:5px;font-size:26px;font-weight: normal;}
.chooselist h2 a{margin-bottom:5px;font:14px "Microsoft YaHei";font-weight: bold;color:#434343;}
.chooselist ul {margin:10px auto;padding: 0px;list-style: none;}
.chooselist ul li { clear:both;border-bottom:1px dashed #cacaca;height: 130px;margin-top: 8px;}
.chooselist ul li a:link {color: #434343;text-decoration: none; font-family:'\5FAE\8F6F\96C5\9ED1';font-size:14px; }
.chooselist ul li a:visited {color: #434343;text-decoration: none;}
.chooselist ul li a:hover {color: #089353;text-decoration: none;}
.chooselistleft {width: 146px;float: left;margin: 7px 0px 7px 0px;}
.chooselistright {width: 316px;float: right;margin: 5px 0px 5px 0px;}
.choosejianshu {line-height: 22px;color: #666; font-size:12px; padding-top:10px;}
/*首页关于我们*/
.about1{ float:left; width:321px; height:460px; background:#e4e4e4;}
.about2{ float:left; width:321px; height:460px; background:#e4e4e4; margin-left:18px;}
.about3{ float:right; width:321px; height:460px; background:#e4e4e4;}
.abouttitle{ width:306px;color:#FFF;font-size:16px; height:32px; line-height:32px; padding-left:15px;background:#0099b9;border-radius: .3em .3em 0 0; margin-bottom:15px;}
.abouttitle span{text-align:right; float:right; padding-right:10px;}
.abouttitle span a{font-size:12px; color:#FFF; height:32px; line-height:32px; text-align:right; }
.abouttitle span a:hover{ color:#005465; height:32px; line-height:32px;}
.aboutneirong{ padding:0 15px 15px 15px; line-height:24px; color:#585858; font-size:12px;}
/*首页FAQ*/
.faqlist{width:100%;float:left;height:auto;margin-left:0px;font:18px "Microsoft YaHei";}
.faqlist h2{margin-bottom:6px;font-size:26px;font-weight: normal;}
.faqlist h2 a{margin-bottom:5px;font:14px "Microsoft YaHei";color:#434343;}
.faqlist ul {margin:0px auto;padding: 0px;list-style: none;}
.faqlist ul li { clear:both;border-bottom:1px dashed #cacaca;height: 76px;margin-top: 6px;}
.faqlist ul li a:link {color: #434343;text-decoration: none; font-family:'\5FAE\8F6F\96C5\9ED1';font-size:14px; }
.faqlist ul li a:visited {color: #434343;text-decoration: none;}
.faqlist ul li a:hover {color: #089353;text-decoration: none;}
.faqlistleft {width: 30px;float: left;margin: 1px 0px 5px 12px;}
.faqlistright {width: 273px;float: right;margin: 0px 5px 4px 0px;}
.faqjianshu {line-height: 24px;color: #666; font-size:12px; padding-top:10px;}
/*产品无缝滚动*/
#demo {
overflow:hidden;
width: 1000px;
}
#demo img {
width:340px; height:170px;
border: 1px solid #F2F2F2;
}
#demo .text { text-align:center;
line-height:25px;
}
#indemo {
float: left;
width: 3500px;
}
#demo1 {
width:1750px;
float: left;
}
#demo1 ul{
width:350px;
float: left;
}
#demo2 {
width:1750px;
float: left;
}
#demo2 ul{
width:350px;
float: left;
}
/*--内页布局---*/
.main_l{ float:left; width:280px; background:#f5f5f5;}
.main_r{ float:right; width:690px;}
.pagetitle{ font-size:14px;}
.lefttitle{padding-left:20px; line-height:30px; background:#0099b9; color:#FFF; font-weight:bold; font-size:14px;border-radius: .2em;}
.lefttext{padding:10px;}
.main_l_tt{ width:100%; clear:both;margin:5px auto; }
.main_l_tt ul{ list-style:none; margin:0; padding:5px 0 0 0;}
.main_l_tt ul li{ float:left; width:100%; background:#dbdbdb; margin-right:2px; margin-bottom:2px; text-align:left;}
.main_l_tt ul li a {text-decoration: none; font:14px "Microsoft YaHei"; padding-left:7px; display:block;height:30px; line-height:30px;color:#292929;background:#dbdbdb;}
.main_l_tt ul li a:hover{ background:#696969; color:#FFF;}
/*--- maincontent case + news + service title base---*/
.newslist,.caselist,.service,.link,.jump{width:990px;margin:0 auto;height:auto;}
.producttitle,.contacttitle,.servicetitle,.newstitle,.casetitle,.linktitle{width:990px;text-align:left;height:auto;padding:60px 0 40px 0; display:inline-block;}
.contacttitle h1,.servicetitle h1,.newstitle h1,.casetitle h1,.linktitle h1{font:32px "Microsoft YaHei";margin:0 0 10px 0;}
.producttitle h2,.contacttitle h2,.servicetitle h2,.newstitle h2,.newstitle h2 a,.casetitle h2,.casetitle h2 a,.linktitle h2,.linktitle h2 a{font:18px "Microsoft YaHei"; color:#666;}
.newstitle h2 span.more a,.linktitle h2 span.more a,.casetitle h2 span.more a{font:14px "Microsoft YaHei";color:#fff;padding:1px 5px 2px 5px; background:#ff7200;border-radius: .3em; margin-left:10px;}
.newstitle h2 span.more a:hover,.linktitle h2 span.more a:hover,.casetitle h2 span.more a:hover{color:#fff; background:#309200; text-decoration:none;}
/*--- sidebar ---*/
.sidebar{width:20%;float:left;height:auto;}
.sidebar ul li{padding:15px 7px;}
.sidebar ul li.caseclass a{font-size:24px;color:#000;}
.sidebar ul li a{color:#7F8289;font:16px "Microsoft YaHei";}
.sidebar ul li a:hover{color:#000;}
/*--- content ---*/
.content{width:80%;float:right;height:auto;}
/*--- maincontent news ---*/
#links{background:#fff;width:100%;height:auto;padding:0 0 100px;}
.newssidebar{width:48%;float:left;height:auto;margin-left:8px;font:18px "Microsoft YaHei";}
.newssidebar h2{margin-bottom:30px;font-size:22px;font-weight:normal;}
.accordion-heading{height:50px;line-height:50px;background: #3C3F45;margin-top:5px;padding:3px 8px;overflow:hidden;}
.accordion-heading:hover{background:#FF5500;transition:all 0.1s linear 0s;}
.accordion-heading a{color:#fff;font:18px "Microsoft YaHei";display:block;height:50px;line-height:50px;}
.collapse {position: relative;height: 0; overflow: hidden;-webkit-transition: height .35s ease;-moz-transition: height .35s ease;-o-transition: height .35s ease;transition: height .35s ease}
.collapse.in {height: auto}
.accordion-inner{background:#26292E;padding:9px 15px;color:#7F8289;font-size:16px;line-height:28px;}
/*--- maincontent about ---*/
.service div{width:22%;float:left;margin-left:2.5%;}
.service span{}
.service span img{width:100%;min-width:100%;height:auto;background-size:cover;}
.service h2{font:24px "Microsoft YaHei";margin:20px 0;}
.service p{color:#7F8289;font:14px "Microsoft YaHei";line-height:28px;padding:10px 0;}
.service p.moreservice a{color:#666;font:14px "Microsoft YaHei";}
.service p.moreservice a:hover{color:#000;}
.service span img:hover{}
/*--- maincontent contact ---*/
#contact-form{width:63%;float:left;}
#contact-form ul li{margin-bottom:8px;}
#contact-form .submit { background:#ff5500;color: #FFFFFF;cursor: pointer;display: inline-block;font-size: 18px;font-weight: 500;margin-top: 30px;padding: 16px 40px;text-align: center;transition: background 0.1s linear 0s, color 0.1s linear 0s;vertical-align: middle;width: auto;}
.contactsidebar{width:30%;float:right;text-align:left;padding:5px;}
.contactsidebar h2{font:22px "Microsoft YaHei";}
.contactsidebar h4{font:22px "Microsoft YaHei";}
.contactsidebar ul li{color:#434343;font:16px "Microsoft YaHei";line-height:28px;margin:15px 0 15px 0;}
.contactsidebar a{font:16px "Microsoft YaHei";color:#FF5500;}
.contactsidebar a:hover{color:#000;}
/* 案例
--------------------------------------------------------------------------------------------------------*/
.proj-img { position:relative; overflow:hidden;background-size:cover; border:#dedede 1px solid;}
.proj-img i {display:block;font-style:normal;position:absolute;width:100%;height:100%;z-index:9;text-indent:-9000px;top:0px;left:0;background:#fff;opacity:0; filter:alpha(opacity:0); background-color: #000;}
.proj-img img { display:block; visibility:visible;background-size:cover; background-repeat:no-repeat;width:340px;height:227px; }
.proj-img a { display:inline-block; width:61px; height:61px; position:absolute; top:-30px; left:50%; margin-top:-30px; margin-left:-25px; z-index:10 }
.proj-img a.details { background:url(/Public/App/images/readmore-icon.png) 50% 50% no-repeat; }
/*
--------------------------------------------------------------------------------------------------------*/
.padding-top {padding-top:1px;}
.normal li { display:block; line-height:20px; padding:2px 0; }
.list li { background:url(/Public/App/images/list-bullet.png) 10px 10px no-repeat; display:block; padding:2px 0; padding-left:27px; line-height:20px; }
.check li { background:url(/Public/App/images/list-check.png) 9px 9px no-repeat; display:block; padding:2px 0; padding-left:27px; line-height:20px; }
.list li a, .check li a, .normal li a { color:#0073bf; text-decoration:none; border-bottom:1px dotted #0073bf; }
.no-deco li a { color:#363636; text-decoration:none; border-bottom:0px dotted #0073bf; }
.list li a:hover, .check li a:hover, .normal li a:hover { text-decoration:none; border-bottom:1px solid #0073bf; }
.no-deco li a:hover { color:#0073bf; text-decoration:none; border-bottom:0px dotted #0073bf; }
.pics {padding:4px; margin:5px 0px 5px 0; color:#292992; height:290px;}
.picsindex {padding:4px; margin:5px 0px 5px 0; color:#292992; height:220px; background:#e5e5e5;}
.picsindex p,.pics p{ color:#979595;font:12px "Microsoft YaHei";line-height:25px;text-align:justify;}
.picsa{ background:#fff; border:#d2d2d2 1px solid; padding:4px; margin:5px 0px 5px 0; height:430px;}
.infobox { background:#fff; border:#d2d2d2 1px solid; padding:20px; margin:10px 0px 10px 0; }
.biaoti{ font-size:14px; padding-top:13px; padding-bottom:10px; text-align:center; font-weight:bold;}
.biaoti a{color:#292929;font:14px "Microsoft YaHei";}
.biaoti a:hover{color:#000;}
.biaoti p{color:#666;}
/*-----错误提示框----*/
#error{height:100%;padding:0;}
.jump {padding:140px 0 200px 0;}
.jump div{width:450px;position:relative;left:48%;margin-top:10%;margin-left:-225px;margin-right:-225px;border:1px solid #FF7200; border-radius: .3em;}
.jump div p{color:#000;font:16px "Microsoft YaHei";text-align:center;margin-bottom:20px;}
.jump div p.msg-title{font:24px "Microsoft YaHei";color:#fff;background:#FF7200;}
.jump div p.notice span,.jump div p.notice a{color:#FF5500;font:bold 16px "Microsoft YaHei";}
.jump div p.notice a:hover{color:#000;}
/*-----合作伙伴-----*/
.link{width: 1000px; margin:30px auto; height: auto; overflow: hidden;}
.link h1{height: 40px; line-height: 40px; padding-left: 10px;}
.link ul{ border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; height: auto; overflow: hidden; width: 990px; margin: 0 auto;}
.link li{width: 140px; height: 65px; float: left; border-right: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8; padding: 10px 12px;}
.link li a{display: block; float: left; width: 140px; height: 65px; overflow: hidden;}
.link p{font-size: 12px; line-height: 22px; text-align: center;}
.link p a{color: #fe6400;}
.link p a:hover{color:#333;}
/*重要的样式 一定要保留这样2行*/
.grayscale img{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}
.grayscale:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0);
filter:url("about:blank");
filter: grayscale(0); filter: rgb; }
/*重要的样式 一定要保留这样2行*/
/* aboutus start
--------------------------------------------------------------------------------------------------------*/
#aboutmain {width: 990px;font-size: 12px;line-height: 25px;font-family: "Microsoft YaHei";font-weight: normal;padding-top: 20px;margin-top: 0;margin-right: auto;margin-left: auto;min-height: 650px;}
.dangqianweizhi{font:18px bold "Microsoft YaHei"; }
.dangqianweizhi a{color:# 060; font:18px bold "Microsoft YaHei"; }
#aboutmain h1{ font-size:18px; font-weight:normal; margin-bottom:10px;}
#aboutmain h2{ font-size:18px; font-weight:normal; margin-bottom:10px;}
#aboutmain h2 a{ margin-bottom:10px; color:#434343; font:18px bold "Microsoft YaHei";}
.large{ color: #262626; font-size:12px; line-height:40px; padding-bottom:25px;text-indent:2em;}
.large a{ color: #000; font-size:12px;font-family: "Microsoft YaHei"; }
#aboutmain h2 span{ font-size:30px; font-weight:normal;}
#aboutmain h3{ line-height:50px;}
#aboutmain p {line-height: 23px;color: #666;}
#aboutnei {height: 800px; margin-top:20px;}
#aboutnei h3 {clear: both;}
#aboutnei ul {list-style: none;margin: 0px;padding: 0px;clear: both;}
#aboutnei ul li {width: 320px;float: left;padding-right: 10px;}
#aboutnei ul li img {padding-left: 70px; padding-bottom:20px;}
#aboutnei ul li p {padding-left: 47px;line-height: 23px;color: #666;}
/* productlist start
--------------------------------------------------------------------------------------------------------*/
#homesubnav{ width:100%; clear:both;margin:5px auto; }
#homesubnav ul{ list-style:none; margin:0; padding:15px 0 0 0;}
#homesubnav ul li{ float:left; width:49%; background:#dbdbdb; margin-right:2px; margin-bottom:2px; text-align:left;border-radius: .2em;}
#homesubnav ul li a {text-decoration: none; font:14px "Microsoft YaHei"; padding-left:7px; display:block;height:30px; line-height:30px;color:#292929;background:#dbdbdb;border-radius: .2em;}
#homesubnav ul li a:hover{ background:#696969; color:#FFF;border-radius: .2em;}
#subnav{ width:100%; margin:10px auto;}
#subnav ul{ list-style:none; margin:0px; padding:0px;}
#subnav ul li{ float:left; width:25%; background:#ebebeb; margin-right:1px; text-align:center;border-radius: .3em;}
#subnav ul li a {text-decoration: none; font:14px "Microsoft YaHei"; display:block;height:30px; line-height:30px;color:#FFF;background:#Ff7200;border-radius: .3em;}
#subnav ul li a:hover{ background:#ff5500; color:#FFF;border-radius: .3em;}
.fenye { margin-bottom:10px; text-align:left; padding-top:3px; padding-bottom:3px; clear:both;}
.fenye a {padding-right: 6px; background-position: 50% bottom; padding-left: 6px; padding-bottom: 2px;color: #99210b; margin-right: 3px; padding-top: 2px; text-decoration: none; background-color: #ebebeb;}
.fenye a:hover {background-image: none; color: #fff; background-color: #f90404;}
.fenye a:active {background-image: none; background-color: #f90404;}
.fenye span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #99210b; margin-right: 3px; padding-top: 2px}
.fenye span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px}
/* 案例详细页
--------------------------------------------------------------------------------------------------------*/
.case { width:340px; height:280px; padding:0 5px 0 0; float:left;}
.caseindex { width:280px; padding:0 10px 0 0; float:left; }
.last { padding:0 0 0 0; }
.padding-top {padding-top:10px;}
.padding-right { padding-right:15px; }
#container {width: 990px; margin:0 auto; padding-top:20px; font-family:"Microsoft YaHei";}
.content{ width:700px;}
.content h2{ font-size:28px; line-height:30px; padding:0px; margin:10px auto; font-weight:normal;}
.content h2 span{ font-size:12px; color:#fff; padding:0px 5px;; margin-top:5px; background:#F00; float:right; height:30px; line-height:30px;}
.contentleft{width:450px; height:300px; float:left;}
.contentleft img{ margin-top:27px; margin-left:5px; width:430px;}
.contentright{width:250px; float:right;}
.contentright h2{ font-size:14px; font-weight:bold; color:#ff5500;}
.contentright h3{ font-size:14px; font-weight:bold;color:#666; padding-left:5px;}
.contentright span{ font-size:12px; color:#666; line-height:25px;}
.orderleft{width:300px; height:200px; float:left;}
.orderleft img{ margin-top:27px; margin-left:0px; width:300px;}
.orderright p{ font-size:12px; line-height:25px; color:#666;}
.orderright{width:380px; float:left; margin-left:10px;}
.orderright h2{ font-size:12px; font-weight:bold; color:#2b2b2b;}
.orderright h3{ font-size:12px; font-weight:bold;color:#666; padding-left:5px;}
.orderright span{ font-size:12px; color:#666; line-height:25px;}
.orderright p{ font-size:12px; line-height:25px; color:#666;}
.contentbottom{clear:both; padding:30px 0 80px 0;}
.contentbottom h2{ font-size:12px; color:#000; padding:0px; margin:0px; font-weight:bold;}
.contentbottom h2 span{font-weight:normal;}
.contentbottom p{ color:#666; font-size:14px; line-height:23px;}
.button{ margin-top:20px;width:50%; text-align:center; z-index:999;}
.button a{text-decoration: none; font:14px "Microsoft YaHei"; display:block;height:30px; line-height:30px;color:#FFF;background:#Ff7200;border-radius: .3em;}
.button a:hover{background:#3aa619; color:#FFF;border-radius: .3em; text-decoration:none;}
.huikuang{width:100%;font:12px "Microsoft YaHei"; padding:5px 8px;line-height:25px;color:#666;background:#f0f0f0;border-radius: .3em;}
.last{position: fixed;top:400px;}
.next{position: fixed;top:400px; right:1px;}
.last a{ float:left; width:50px; height:89px; background:url(../images/last0.png) no-repeat;display:block;}
.last a:hover{ float:left; width:50px; height:89px; background:url(../images/last.png) no-repeat;display:block;}
.last a:active{ float:left; width:50px; height:89px; background:url(../images/last.png) no-repeat;display:block;}
.next a{ float:right; width:50px; height:89px; background:url(../images/next0.png) no-repeat;display:block;}
.next a:hover{ float:right; width:50px; height:89px; background:url(../images/next.png) no-repeat;display:block;}
.next a:active{ float:right; width:50px; height:89px; background:url(../images/next.png) no-repeat;display:block;}
/*----------新闻列表-------------*/
#newslist ul {margin:20px auto;padding: 0px;list-style: none;}
#newslist ul li {border-bottom:1px dashed #cacaca;height: 110px;margin-bottom: 5px; }
#newslist ul li a:link {color:#333;text-decoration: none; font-family:'\5FAE\8F6F\96C5\9ED1'; font-size:18px; }
#newslist ul li a:visited {color: #434343;text-decoration: none;}
#newslist ul li a:hover {color: #093;text-decoration: none;}
#newslist ul li h2 {margin: 0px;font-size: 16px;}
#newslist ul li span {font-size: 12px;color: #666;}
.newslistleft {width: 130px;float: left;margin: 10px 0px 10px 10px; background:url(../images/nopic.gif) no-repeat;}
.newslistleft img{ border:1px #f0f0f0 solid;}
.newslistright {width: 100%;float:right;margin: 10px 0px 10px 0px;}
.jianshu {line-height: 20px;color:#666;}
.indexnewslist{width:100%;float:left;height:auto;margin-left:0px;font:12px "Microsoft YaHei";}
.indexnewslist h2{margin-bottom:5px;font-size:14px; }
.indexnewslist h2 a{margin-bottom:5px;font:14px "Microsoft YaHei";color:#434343;}
.indexnewslist ul {margin:5px auto;padding: 0px;list-style: none;}
.indexnewslist ul li { clear:both;border-bottom:1px dashed #cacaca;height: 25px;margin-bottom: 2px;}
.indexnewslist ul li a:link {color: #434343;text-decoration: none; font-family:'\5FAE\8F6F\96C5\9ED1';font-size:14px; }
.indexnewslist ul li a:visited {color: #434343;text-decoration: none;}
.indexnewslist ul li a:hover {color: #089353;text-decoration: none;}
.indexnewslistleft {width: 100px;float: left;margin: 5px 0px 5px 0px;background:url(../images/nopic.gif) no-repeat;}
.indexnewslistright {width: 100%;float: left;margin: 5px 5px 5px 0px;}
.indexnewsjianshu {line-height: 20px;color: #666; font-size:11px;}
.indexnewsdate {line-height: 20px;color: #666; font-size:11px; float:right;}
/*---------新闻详细页--------------*/
#newsdetail {width: 100%;}
.newtitle {font-size: 18px;text-align: center;color: #333;font-weight: bold;line-height: 60px;}
.newcishu {font-size: 12px;color: #999;text-align: center;border-bottom: #CCC 1px solid;height: 30px;}
.newsub {line-height: 25px;color: #242424;font-size: 14px; padding-top:15px;}
.newsub a{color: #434343;font-size: 14px; font-weight:bold;}
.newgengduo {width: 100%;margin-bottom: 20px;}
.newgengduo ul {margin: 0px;padding: 0px;list-style: none;border-bottom: #CCC 1px solid;border-top: #CCC 1px solid;height: 60px;}
.newgengduo ul li {float: left;width: 350px;margin: 20px auto;}
.newgengduo ul li a:link {color: #6f6f6f;text-decoration: none;;}
.newgengduo ul li a:visited {color: #cf0707;text-decoration: none;}
.newgengduo ul li a:hover {color: #000;text-decoration: none;}
.newgengduo ul li h2 {font-size: 12px;font-weight: normal;margin: 0px;}
.newgengduo ul li h2 span {width: 50px;background: #e50404;color: #FFF;height: 23px;font-size: 12px;font-weight: normal;text-align: center;margin-right: 10px;display: block;float: left;}
.newkey {line-height: 30px;margin-bottom: 10px; clear:both;}
.newspage{ width:100%; margin:0 auto; z-index:0;background:#f8f8f8;height:30px; color:#434343;font-size:14px; margin-bottom:40px; }
.newslast { float:left; padding-left:10px;}
.newslast a{color:#ff5500;font-size:14px;}
.newslast a:hover{ color:#ff7200;}
.newsnext {float:right;padding-right:10px;}
.newsnext a{color:#ff5500;font-size:14px;}
.newsnext a:hover{ color:#ff7200;}
/*----------人才招聘------------*/
.jobsbiaodan {border: 1px solid #ccc; width: 240px; height:20px;}
.jobswenben {border: 1px solid #ccc; width: 440px; height:150px;}
#jobsapply { margin-bottom:100px; margin-top:30px;}
#jobsapply ul { margin:0px; padding:0px; list-style:none;}
#jobsapply ul li {line-height:30px; clear:both;}
#jobsapply ul li h2{line-height:30px; font-size:14px; float:left; width:100px;}
#jobsapply ul li input{ float:left;}
#jobslist { width:300px; height:130px; background: url(../images/sunproduct.jpg); border:#dadada 1px solid; float:left; margin:6px;}
.jobslistimg{ width:115px; height:112px; float:left; margin:10px;}
#jobslist h2{ font-size:12px; font-weight:normal; margin:3px 0px; color:#000;}
#jobslist h2 span{font-weight:bold; font-size:14px;}
.apply{ float:left; margin:8px 0px;}
.jobsdetail{width:100%; margin-bottom:100px;}
.jobsdetail ul{ padding:0px; margin:0px; list-style:none;}
.jobsdetail ul li { border-bottom:#CCC 1px inset; line-height:45px; }
.jobsdetail ul li strong{ font-weight:bold;}
.zptijiao { margin-top:20px;}
.zptijiao a{width: 150px;
height: 40px;
line-height:40px;
text-align:center;
color:#FFF;
display: block;
font-size: 16px;
font-family:"Microsoft YaHei";
font-weight: bold;
border: solid 1px #da7c0c;
border-radius: .2em;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#ff7200));
background: -moz-linear-gradient(top, #faa51a, #ff7200);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#ff7200');
margin-top:20px;}
.zptijiao a:visited {color: #fff;text-decoration: none;}
.zptijiao a:hover {color: #fff;text-decoration: none;}
/*-----------留言详细调用---------*/
#message {
width: 990px;
margin: 0px auto;
margin-bottom:50px;
}
#message header {
height: 35px;
line-height: 35px;
text-align: left;
}
#message ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#message ul li {
width: 100%;
clear: both;
margin-bottom: 5px;
}
#message ul li h2 {
float: left;
width: 25%;
font-size: 16px;
font-family:"Microsoft YaHei";
color:#434343;
font-weight: bold;
text-align: left;
}
#message ul li input {
padding-left:10px;}
#message .tijiao{text-align:center;}
#message ul li span{float: right;height: 25px;margin-top: 9px;text-align: left; width: 70%;}
.biaodan {
height: 30px;
width: 100%;
-moz-box-shadow: inset 0 0 5px 1px #ebebeb;
-webkit-box-shadow: inset 0 0 5px 1px #ebebeb;
box-shadow: inset 0 0 5px 1px #ebebeb;
border-radius: .2em;
border: solid 1px #b7b7b7;
background: #f0f0f0;
}
.biaodanda {
border: #CCC 1px solid;
height: 90px;
width: 100%;
-moz-box-shadow: inset 0 0 5px 1px #ebebeb;
-webkit-box-shadow: inset 0 0 5px 1px #ebebeb;
box-shadow: inset 0 0 5px 1px #ebebeb;
border-radius: .2em;
border: solid 1px #b7b7b7;
background: #f0f0f0;
}
.tijiao {
width: 150px;
height: 40px;
color:#FFF;
display: block;
font-size: 16px;
font-family:"Microsoft YaHei";
font-weight: bold;
border: solid 1px #da7c0c;
border-radius: .2em;
background: #f78d1d;
background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#ff7200));
background: -moz-linear-gradient(top, #faa51a, #ff7200);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#ff7200');
margin-top:20px;
}
/*---新闻和产品列表分页---*/
#page {
margin: 50px 0px 30px 0px;
text-align: center;
padding-bottom: 3px;
line-height: 25px;
clear: both;
}
#page a {
text-align: center;
display:inline-block;
padding:0px 10px;
margin: 0px 3px;
line-height: 30px;
color:#626262;
font-size:16px;
border-radius: .4em;
border: solid 1px #e0e0e0;
background: #f0f0f0;
background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
#page a:hover {
text-align: center;
display:inline-block;
padding:0px 10px;
margin: 0px 3px;
color:#ffffff;
border-radius: .4em;
text-decoration:none;
border: solid 1px #ff7200;
background: #ff7200;
background: -webkit-gradient(linear, left top, left bottom, from(#ff7200), to(#ff7200));
background: -moz-linear-gradient(top, #ff7200, #ff7200);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7200', endColorstr='#ff7200');
}
#page a:active {
background-image: none;
background-color: #ff7200;
}
#page span.current {
text-align: center;
display:inline-block;
padding:0px 10px;
margin: 0px 3px;
line-height: 30px;
color:#fff;
font-size:16px;
border-radius: .4em;
border: solid 1px #ff7200;
background: #ff7200;
background: -webkit-gradient(linear, left top, left bottom, from(#ff7200), to(#ff7200));
background: -moz-linear-gradient(top, #ff7200, #ff7200);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7200', endColorstr='#ff7200');
/*--background: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
background: -moz-linear-gradient(top, #fff, #ededed);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');--*/
}
#page span.disabled {
padding-right: 6px;
padding-left: 6px;
padding-bottom: 2px;
color: #adaaad;
margin-right: 3px;
padding-top: 2px
}
/*---底部版权信息---*/
.footer {background:#006d84;bottom: 0;clear: both;height:30px; line-height:30px;left: 0;position: fixed;text-align: center;width:100%;z-index: 99; font:13px "Microsoft YaHei"; border-top:1px #00596c solid; }
.footer .copyright {color: #FFFFFF; margin-bottom: 0;padding: 4px 0;text-transform: uppercase;}
.footer p.copyright a {color: #FFFFFF;text-decoration: none; font:13px "Microsoft YaHei";}
.foot {background:#0091b0;padding: 4px 0 30px 0px;clear: both;height:275px; line-height:30px;left: 0;text-align: left;width:100%;z-index:100; font:13px "Microsoft YaHei"; color:#fff;}
.foot {color: #fff; margin-bottom: 0;padding: 4px 0;}
.foot p.copy a {color: #fff;text-decoration: none; font:13px "Microsoft YaHei";}
.foot_main{ height:350px; position:relative; width:1000px; margin:0 auto;}
.foot_menu { position:absolute; width:500px; left:10px; top:15px; color:#fff;}
.foot_menu ul{ float:left; margin-right:10px;}
.foot_menu ul h3{ font-size:16px; line-height:40px;}
.foot_menu ul li{ float:left; color:#a7a6a6;}
.foot_menu ul li a{ color:#fff; font-size:12px;}
.foot_cplist{ width:320px; float:left;}
.foot_cplist li{ width:100%;}
.foot_about{ width:180px; position:absolute; left:340px; color:#fff; font-size:12px; line-height:24px;}
.foot_about li{ width:48%;}
.foot_lx{ position:absolute; top:13px; left:560px; color:#fff; font-size:12px; line-height:24px;}
.foot_lx h3{ font-size:16px; line-height:40px;}
.foot_lx a{ color:#fff; font-family:Arial, "Microsoft YaHei", sans-serif;}
.friendlink{ height:30px; width:100%; position:absolute;top:198px;color:#fff;}
.friendlink hr{ color:#006d84;}
.foot_link{ position:absolute; width:100%; height:25px; line-height:25px; font-size:12px; color:#fff; top:220px; left:10px; border-top:1px #006d84 solid;}
.foot_link a{ color:#fff;}
/* zoom-section */
.zoom-section{clear:both;margin-top:20px;}
*html .zoom-section{display:inline;clear:both;}
.zoom-desc{float:left;margin-left:10px;width:310px;margin-bottom:20px;}
.zoom-small-image{border:4px solid #CCC;float:left;margin-bottom:20px;}
.zoom-tiny-image{border:1px solid #CCC;margin:0px;}
.zoom-tiny-image:hover{border:1px solid #C00;}