/*--- 通用 ---*/
html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,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,caption,tbody,tfoot,thead,tr,th,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: middle;}
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:16px;}
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:#005ea6;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;}
.wrapper{width:100%;min-width:1100px;}
.w1100{width:1100px;margin:0 auto;}
.clear:after,.clear:before{content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl{float:left;position:relative;}
#root{width:100%;height:100%;
width:expression(document.body.clientWidth <= 1140? "1100px": "auto");
min-width:1100px;}
/*--- 头部样式 ---*/
.header{width:100%;z-index:999999; background: url(/Public/App/images/topbg.gif) repeat-x left top; height:155px; }
.top{ width:1100px; margin:0 auto;padding-left:10px; height:115px;}
.top0{ width:1100px; margin:0 auto;height:26px;}
.top0 h1{ color:#8f8f8f; font-size:12px; font-weight:normal;}
.topleft{width:590px; float:left; height:89px; line-height:89px;}
.topleft img{vertical-align:middle;}
.topleft a{ font-family:Cambria, "微软雅黑", "Liberation Serif", Times, "Times New Roman", serif; font-size:22px; height:100px; vertical-align:middle; color:#636363;}
.topright{width:400px; background:url(/Public/App/images/400.gif) no-repeat left top; float:right; text-align:left; padding-top:30px; padding-left:70px;font-size:14px; color:#575757;font-weight:bold;font-family: Arial,Microsoft YaHei,sans-serif ;}
.topright a{font-size:14px; color:#ff4e00; font-weight:bold;font-family: Arial, Helvetica, sans-serif;}
/*--- 导航 ---*/
#nav{ clear:both;position:relative; width:1070px;margin:0 auto;height:40px;padding-left:5px;}
/* Menu */
.menu {
height: 40px;
width: 1070px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.menu li {
position: relative;
list-style: none;
float: left;
display: block;
height: 40px;
}
/* Links */
.menu li a {
display: block;
padding: 0 40px;
height: 40px;
line-height: 40px;
text-decoration: none;
font-family: Arial,Microsoft YaHei,Helvetica,sans-serif;
font-weight: bold;
font-size: 14px;
color: #fff;
}
.menu li:first-child a {
border-left: none;
}
.menu li:last-child a {
border-right: none;
}
.menu li:hover > a {
color: #fff;
background:#005ea6;
}
.menu li .current{color:#fff; background:#0081c0;}
/* Sub Menu */
.menu ul {
position: absolute;
z-index:99999999;
top: 40px;
left: 0;
opacity: 0;
background: #0081c0;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s;
}
.menu li:hover > ul {
opacity: 0.95;
}
.menu ul li {
height: 0;
overflow: hidden;
padding: 0;
-webkit-transition: height .25s ease .1s;
-moz-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;
transition: height .25s ease .1s;
}
.menu li:hover > ul li {
height: 36px;
line-height: 36px;
overflow: visible;
padding: 0;
}
.menu ul li a {
width: 180px;
padding: 0px 0 0px 15px;
height: 36px;
line-height: 36px;
margin: 0;
border: none;
border-bottom: 1px solid #005ea6;
}
.menu ul li:last-child a {
border: none;
}
.bannerbg1{width:100%;height:250px; margin:0 auto; background:url(/Public/App/images/b1.jpg) repeat-x bottom center; }
.bannerbg2{width:100%;height:250px; margin:0 auto; background:url(/Public/App/images/b2.jpg) repeat-x bottom center; }
.bannerbg3{width:100%;height:250px; margin:0 auto; background:url(/Public/App/images/b3.jpg) repeat-x bottom center; }
.bannerbg4{width:100%;height:250px; margin:0 auto; background:url(/Public/App/images/b4.jpg) repeat-x bottom center; }
/* banner */
.banner{position:relative;min-width:1100px;height:445px; }
.banner ul li{height:445px;}
.banner ul li a{height:445px; width:100%;}
.banner .flex-control-paging li a{width:100px;height:7px;border-raidus:0;-webkit-border-radius:0;}
.banner-link{width:1100px;position:absolute;left:50%;margin-left:-550px;bottom:20px;z-index:1;text-align:center;}
.banner-link li{text-align:left;display:inline-block;width:235px;height:98px;margin-right:20px;background:url(../images/bg.png) no-repeat;*display:inline;zoom:1;}
.banner-link li img{float:left;margin:12px 10px 0 12px;}
.banner-link li h3{font-size:22px;color:#fff;margin:23px 0 0 0;line-height:normal;}
.banner-link li h3 span{font-size:12px;display:block;}
.banner-link li:hover{background-position:0 -98px;transition: all 40ms ease;}
.pagebanner,.pagebanner ul li{height:409px;}
.more { clear:both; display:block;width:150px; margin:12px auto 0px 0px;background:#de0002;border-radius: .3em;}
.more a{ display:block;font:14px "Microsoft YaHei";color:#fff;padding:3px 20px 5px 20px; text-align:center;}
.more a:hover{ display:block;color:#fff; background:#ea0002; text-decoration:none;border-radius: .3em;}
.anlibg{ width:100%; height:53px; background:url(/Public/App/images/anlibg.png) repeat-x; position: relative; z-index:999; margin-top:-53px;}
.anli{ width:1140px; height:53px; margin:0 auto; text-align:center;background:url(/Public/App/images/anlibg.png) repeat-x; }
.anli ul li{ width:280px;display:block; height:53px; line-height:53px; text-align:center; float:left; margin:0 2px; v}
.anli ul li img{ margin-right:20px;}
.anli ul li a{ color:#FFF; font-size:16px;width:280px;height:53px; line-height:53px;display:block; font-weight:bold;}
.anli ul li a:hover{ color:#fff; font-size:16px;background:url(/Public/App/images/anlibg.png) repeat-x;}
/*--- 整体 ---*/
.main1{width:1100px;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:Arial; float:left;}
.main1 span{ float:right; padding-top:5px;}
.main1 span a{ font-size:10px; font-family:Arial; 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:Arial;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:1100px;height:300px;;margin:0 auto;position:relative;overflow:hidden;}
.main2 h2{ font-size:16px; font-family:Arial; float:left;}
.main2 span{ float:right; padding-top:5px;}
.main2 span a{ font-size:10px; font-family:Arial; text-align:right; }
.cp{width:100%;float:left;height:auto;}
/*--- 首页主题框架内容---*/
.maincontent{width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden; }
#products{width:100%;height:auto; margin:0 auto; background:#f2f2f2 url(/Public/App/images/pbg.jpg) repeat-x; padding-top:30px;border-radius:.3em; padding-bottom:45px;}
#choose{background: url(/Public/App/images/choosebg.jpg) repeat-x;width:100%;height:auto;}
#error{background:#f0f0f0;width:100%;height:auto;padding:0 0 20px;}
.title{width:100%;margin:0 auto;height:auto;padding:15px 0 20px 0px; text-align:center;}
.title_l{ width:342px; float:left;}
.title_l3{ width:431px; float:left;}
.title_l4{ width:558px; 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:406px; float:right; text-align:center; height:133px;}
.title h2,.title h2 a{font:26px "Microsoft YaHei"; color:#035a8a;}
.title span{font:18px "Microsoft YaHei"; color:#fa8f4b; text-transform: uppercase;}
.products{ clear:both; padding:20px 0 40px 0;width:1100px;margin:0 auto;height:auto;}
.choose{ clear:both; padding:20px 0 20px 0;width:990px;margin:0 auto;height:auto;}
.aboutname2{text-align:left;color:#000; padding:10px;}
.aboutname2 h2{font:16px "Microsoft YaHei"; font-weight:bold;}
.aboutname2 p{font:12px "Microsoft YaHei"; padding-top:15px; padding-bottom:15px;}
/*首页产品*/
.indexproduct{ width:1100px; margin:0 auto;}
.indexproduct img{ width:309px; height:284px; }
.product1{ float:left; width:309px; height:347px; background:#006297; margin-left:30px;margin-right:30px; padding:4px;border-radius:.3em; display:block;}
.product1:hover{ background:#ff7e00;}
.product2{ float:left; width:309px; height:357px;background:#006297; margin-left:25px;margin-right:25px;padding:4px;border-radius:.3em;}
.product3{ float:left; width:309px; height:357px;background:#006297;margin-left:25px;margin-right:25px;padding:4px;border-radius:.3em;}
.productname{ height:43px; text-align:left; color:#FFF; padding:10px; display:block;}
.productname h2 a{ font-size:18px; font-weight:bold;color:#fff; line-height:30px; }
.productname a:hover{ color:#fff;}
.productyangpin a{ height:32px; line-height:32px; padding-left:10px;}
.productxiangxi{ text-align:right; margin-bottom:20px;}
.productbutton{ margin-top:15px; margin-bottom:5px;width:100px; text-align:center; z-index:999; float:right;}
.productbutton a{text-decoration: none; font:12px "Microsoft YaHei"; display:block;height:20px; line-height:20px;color:#000;background:#f7f7f7;}
.productbutton a:hover{background:#e7e7e7; color:#000; 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: Arial, Helvetica, sans-serif;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;}
/*首页关于我们*/
.jian{ width:55px; height:55px; margin:0 auto;}
#about{width:100%; background:#0368ac;padding:0px 0 0px 0; margin:0 auto;}
.about{ clear:both;width:1100px;margin:0 auto;}
.aboutname{ height:43px; text-align:left; color:#000; padding:10px 0 10px 0; display:block;}
.aboutname h2 a{ font-size:18px; font-weight:bold;color:#000; line-height:40px; }
.aboutname a:hover{ color:#000;}
#about0{width:100%; padding:40px 0 10px 0; margin:0 auto;}
.about0{ clear:both;width:1100px;margin:0 auto;}
.about0title h2{font:18px "Microsoft YaHei";font-weight:bold; color:#0060b5; padding-bottom:26px;}
.about1{ float:left; width:365px; height:280px;}
.about1 img{ border: #F2f2f2 1px solid;}
.about2{ float:left; width:500px; margin-left:20px; line-height:25px; font-size:14px;}
.about2 .more2{ width:95px; height:24px; background:#0060b5; color:#FFF; float:right; margin-top:15px; text-align:center;}
.about2 .more2 a{color:#FFF;}
.about3{ float:right; width:180px;}
.abouttitle{ clear:both; width:100%;color:#353535;font-size:14px; height:36px; line-height:36px; margin-bottom:5px;}
.abouttitle h2{ width:60%; float:left; font-size:16px;}
.abouttitle span{text-align:right; float:right; padding-right:10px; width:30%;}
.abouttitle span a{font-size:12px; color:#353535; height:32px; line-height:32px; text-align:right; }
.abouttitle span a:hover{ color:#005094; height:32px; line-height:32px;}
.aboutneirong{ line-height:24px; color:#585858; font-size:12px; font-family: Arial, "宋体", sans-serif }
.neirong{ line-height:24px; color:#000; font-size:14px; font-family: Arial, Microsoft YaHei,"宋体", sans-serif }
#down{ clear:both; width:100%; background:#0076b6 url(../images/downbg.jpg) center; padding-top:20px; padding-bottom:35px;}
.down{width:1100px;margin:0 auto;height:178px;}
.down h2{ width:100%; float:left; font-size:16px;color:#fff;}
.down1{ float:left; width:314px; height:175px; line-height:170px;}
.down2{float:left; width:430px; text-align:left; margin-left:20px;}
.down3{ float:right; width:310px;padding:0 10px 0px 0px;height:175px; line-height:175px;}
.down2 ul {list-style: none; padding-top:25px; }
.down2 ul li { clear:both;width:100%;height:30px;display:block;color: #fff;}
.down2 ul li a{color: #fff;font-size:13px;}
.down2 ul li a:visited {color: #fff;width:238px;height:32px;text-decoration: none;}
.down2 ul li a:hover {color: #fff;width:238px;height:32px;text-decoration: none;}
.downtitle{ clear:both; width:100%;color:#d6d6d6;font-size:14px; height:36px; line-height:36px; margin-bottom:5px;}
.downtitle h2{ width:60%; float:left; font-size:16px;color:#d6d6d6;}
.downtitle span{text-align:right; float:right; padding-right:10px; width:30%;}
.downtitle span a{font-size:12px; color:#d6d6d6; height:32px; line-height:32px; text-align:right; }
.downtitle span a:hover{ color:#005094; height:32px; line-height:32px;}
/*首页优势*/
#youshi{width:100%; background:#FFF url(../images/youshi.gif) no-repeat center top; padding:280px 0 30px 0;}
.youshi{ clear:both;width:1100px;margin:0 auto; padding-top:5px;}
.youshi1{ width:100px; float:left;}
.youshi2{ width:420px; float:left;font-family:Arial,Microsoft YaHei,Helvetica,sans-serif; }
.youshi2 h1{font-size:30px;font-weight:normal; color:#414141; line-height:50px;}
.youshi2 h2{font-size:18px;font-weight:normal; color:#414141;}
.youshi2 h3{font-size:14px;font-weight:normal; color:#303030; padding-top:70px; width:400px;}
.youshi3{ width:555px; float:left;}
#youshi2{width:100%; background:#f7f7f7; padding:40px 0 40px 0;}
#youshi3{width:100%; background:#fff; padding:40px 0 40px 0;}
#youshi4{width:100%; background:#f7f7f7; padding:40px 0 40px 0;}
#youshi5{width:100%; background:#fff; padding:40px 0 40px 0;}
/*首页新闻*/
#news{width:100%; background:#fff;padding:5px 0 20px 0; margin:0 auto; }
.news{ clear:both;width:1100px;margin:0 auto;}
.news1{ float:left; width:540px; }
.news .newsbt{ width:98%; line-height:25px; background:#f3f3f3; padding:5px; font-size:16px; font-weight:bold;border-radius:.3em; color:#6b6b6b;}
.news .more0 a{ float:right; font-size:12px; font-weight:normal; color:#06F;}
.news2{ float:left; width:512px; margin-left:40px;}
.newstitle{ clear:both; width:100%;color:#353535;font-size:14px; height:36px; line-height:36px; margin-bottom:5px;}
.newstitle h2{ width:60%; float:left; font-size:16px;}
.newstitle span{text-align:right; float:right; padding-right:10px; width:20%;}
.newstitle span a{font-size:12px; color:#353535; height:32px; line-height:32px; text-align:right; }
.newstitle span a:hover{ color:#005094; height:32px; line-height:32px;}
/*首页FAQ*/
.faqlist{width:100%;float:left;margin-left:0px;font:18px "Microsoft YaHei";}
.faqlist span{font-size:12px;font-weight: normal; color:#999; float:right; width:20%; text-align:right;}
.faqlist ul {margin:0px auto;padding: 0px;list-style: none;}
.faqlist ul li { clear:both; height:28px; line-height:25px; padding-right:5px;}
.faqlist ul li:hover { background:#f2f2f2;border-radius: .2em;}
.faqlist ul li h2{ font-weight:normal;}
.faqlist ul li a:link {color: #646363;;text-decoration: none; font-size:12px; padding-left:5px; }
.faqlist ul li a:visited {color: #646363;text-decoration: none;font-size:12px;padding-left:5px;}
.faqlist ul li a:hover {color: #646363;text-decoration: none;font-size:12px;padding-left:5px;}
.faqlistleft {width: 5px;float: left;margin: 0px 0px 0px 0px;}
.faqjianshu {float: left;line-height: 20px;color: #666; font-size:12px; padding-top:5px;}
/*产品无缝滚动*/
#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;
}
/*--内页布局---*/
.main0{ width:1050px; margin:0 auto; padding-top:10px;}
.main0_r{float:right; width:400px; text-align:right; line-height:40px;}
.main_l{ float:left; width:280px; background:#f5f5f5;border-radius: .3em;}
.main_r{ float:right; width:840px; padding-top:10px;}
.main_r p{ font-size:13px; line-height:30px;margin-bottom: 10px;}
.main_r td{font-size:12px; padding:0;}
.pagetitle{ font-size:14px;}
.lefttitle{padding-left:20px; line-height:30px; background:#005ea6; color:#FFF; font-weight:bold; font-size:14px;border-radius: .2em;}
.lefttitle0{padding-left:20px; line-height:60px; background:#005da4; color:#FFF; font-weight:bold; font-size:16px;border-radius: .2em .2em 0 0 ;}
.lefttext{padding:10px;}
.main_l_tt{ width:100%; clear:both;margin:0px 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:#ededed;}
.main_l_tt ul li a:hover{ background:#01a3d8; color:#FFF;}
.main_l_tt ul li .current{ background:#01a3d8; color:#FFF;}
/*--- maincontent case + news + service title base---*/
.newslist,.caselist,.service,.link,.jump{width:1200px;margin:0 auto;height:auto;}
.contacttitle,.servicetitle,.newstitle,.casetitle{width:100%;text-align:center;height:auto;padding:40px 0 45px 0; }
.contacttitle h1,.servicetitle h1,.newstitle h1,.casetitle h1,.linktitle h1{font:26px "Microsoft YaHei"; font-weight:bold;margin:0 0 10px 0; color:#494949;}
.contacttitle h1 a,.servicetitle h1 a,.newstitle h1 a,.casetitle h1 a,.linktitle h1 a{font:26px "Microsoft YaHei"; margin:0 0 10px 0; color:#fff;}
.contacttitle h2,.servicetitle h2,.newstitle h2,.newstitle h2 a,.casetitle h2,.casetitle h2 a,.linktitle h2 a{font:18px "Microsoft YaHei";font-weight:bold; color:#818181;}
.linktitle h2{font:16px "Microsoft YaHei";font-weight:bold; color:#818181; line-height:30px;}
/*--- 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:100%;float:right;height:auto;}
/*--- maincontent news ---*/
.linktitle{width:100%;text-align:left;height:auto;padding:0px 0 0px 0;}
.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 Arial;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 Arial;}
.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 Arial;line-height:28px;margin:15px 0 15px 0;}
.contactsidebar a{font:16px "Microsoft YaHei";color:#FF5500;}
.contactsidebar a:hover{color:#000;}
/* 案例
--------------------------------------------------------------------------------------------------------*/
.case { width:250px; height:200px; padding:0 5px 0 7px; float:left;}
.case1 { width:250px; height:200px; padding:0 15px 0 15px; float:left;}
.proj-img {overflow:hidden; border:#f2f2f2 1px solid; padding:10px;}
.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 {width:230px;height:142px;}
.proj-img a { }
.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 Arial;}
.jump div p.notice a:hover{color:#000;}
/*-----合作伙伴-----*/
#links{width:1100px; margin:0 auto;height:auto;}
.link{width: 1100px; margin:0px auto; overflow: hidden;}
.linkl{width: 200px; float:left;}
.linkr{width: 900px; float:right;}
.link h1{height: 40px; line-height: 40px; padding-left: 10px;}
.link ul{height: auto; overflow: hidden; margin: 0 auto;border-radius: .3em;}
.link li{width: 150px; height: 80px; float: left; padding-right:15px; padding-top:40px;border-radius: .3em;}
.link li a{display: block; float: left; width: 150px; height: 80px; 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: 1140px;font-size: 12px;line-height: 25px;font-family: "Microsoft YaHei";font-weight: normal;padding-top: 0px; position: relative;z-index:99999;margin:5px auto 0px auto;margin-left: auto;min-height: 500px;}
.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: Arial; }
#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
--------------------------------------------------------------------------------------------------------*/
#productslist ul {margin:20px auto;padding: 0px;list-style: none;}
#productslist ul li {display:block;height: 195px;margin-bottom: 5px; background:#f7f7f7; }
#productslist ul li:hover{display:block;height: 195px;margin-bottom: 5px; background:#f0f0f0;text-decoration:none;}
#productslist ul li h2 {margin: 0px;font-size: 16px;color:#000; font-weight:bold;}
#productslist ul li:hover h2{color:#de0002;text-decoration:none;}
#productslist ul li span {font-size: 12px;color: #666; font-weight:normal;}
.productslistleft {width: 160px;float: left;margin: 20px 0px 10px 20px; background:url(../images/nopic.gif) no-repeat;}
.productslistleft img{ border:1px #f0f0f0 solid; width:234px; height:145px;}
.productslistright {width: 550px;float:right;margin: 10px 0px 10px 0px; padding-right:10px;}
.productslistright ul li {display:block;height: 195px;margin-bottom: 5px; }
.productslistright ul li:hover{display:block;height: 195px;margin-bottom: 5px; text-decoration:none;}
.cpjianshu {color:#666;font-weight:normal; padding-top:1px; height:65px;}
.cpjianshu p{line-height: 20px; font-size:12px;margin-bottom: 0px;}
.cpjianshu strong{ font-weight:normal; line-height:20px;}
#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}
/* 案例详细页
--------------------------------------------------------------------------------------------------------*/
.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:Arial;}
.content{ width:100%;}
.content h2{ font-size:28px; line-height:55px; padding-left:20px; margin:2px auto; font-weight:normal;background:#f2f2f2;}
.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; float:left;text-align:center; margin-left:100px;}
.contentleft img{ margin-top:5px; width:450px;}
.contentright{width:30%; float:right;text-align:left; margin:0 auto;}
.contentright h2{ font-size:24px; color:#005da4;}
.contentright p{ font-size:12px; color:#666; line-height:40px;}
.orderleft{width:350px; height:200px; float:left;}
.orderleft img{ margin-top:27px; margin-left:40px; width:250px;}
.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;}
.orderright ul li{margin-bottom:8px;}
.contentbottom{clear:both; padding:30px 0 80px 0; margin-bottom:20px;}
.contentbottom h1{font-size:30px;font-weight:normal; color:#414141; line-height:50px;}
.contentbottom h2{font-size:18px;font-weight:normal; color:#414141;}
.contentbottom h3{font-size:14px;font-weight:normal; color:#303030; padding-top:70px; width:400px;}
.contentbottom p{ color:#666; font-size:12px; line-height:23px; font-family:Arial, sans-serif;}
.contentbottom td{ font-size:12px;}
.contentbottom tr{ border: #999 1px solid ;}
.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{ clear:both;width:100%;font:12px "Microsoft YaHei"; text-align:left;padding:5px 8px;line-height:25px;color:#666;background:#f0f0f0;border-radius: .3em; margin-top:10px;}
.last{top:10px;display:block;}
.next{top:10px;display:block;}
.last a{ float:left; width:300px; height:35px; }
.last a:hover{ float:left; width:250px; height:35px; text-decoration: none;}
.last a:active{ float:left; width:250px; height:35px;}
.next a{ float:left; width:300px; height:35px; }
.next a:hover{ float:left; width:300px; height:35px;text-decoration: none;}
.next a:active{ float:left; width:300px; height:35px;}
/*----------新闻列表-------------*/
#newslist ul {margin:20px auto;padding: 0px;list-style: none;}
#newslist ul li {border-bottom:1px dashed #cacaca; height:30px; line-height:30px;margin-bottom: 5px;padding-left:5px;}
#newslist ul li a:link {color:#333;text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:14px;padding-left:5px;}
#newslist ul li a:visited {color: #434343;text-decoration: none;font-size:14px;padding-left:5px;}
#newslist ul li a:hover {color: #093;text-decoration: none;font-size:14px;padding-left:5px;}
#newslist ul li h2 {margin: 0px;font-size: 14px; width:75%; float:left;}
#newslist ul li span {font-size: 14px;color: #666; float:right; width:23%; text-align:right;}
.newslistleft {width: 130px;float: left;margin: 10px 0px 10px 10px; background:#999 url(../images/nopic.gif) no-repeat 50% 50%;}
.newslistleft img{ border:1px #f0f0f0 solid;}
.newslistright {width: 100%;float:right;margin: 10px 0px 10px 0px; }
.jianshu {line-height: 20px;color:#666; font-size:12px;}
.jianshu li{line-height: 20px;color:#666;}
.jianshu p{line-height:20px;color:#666;}
.indexnewslist{width:100%;float:left;height:auto;margin-left:0px;font:16px "Microsoft YaHei"; padding-top:10px;}
.indexnewslist ul {margin:4px auto;padding: 0px;list-style: none;}
.indexnewslist ul li { clear:both; height:120px;}
.indexnewslist ul li a:link {color: #434343;text-decoration: none; font-family: Arial, Helvetica, sans-serif;font-size:16px; font-weight:bold; }
.indexnewslist ul li a:visited {color: #434343;text-decoration: none;}
.indexnewslist ul li a:hover {color: #000;text-decoration: none;}
.indexnewslistleft {width: 165px;float: left;margin: 0px 0px 5px 5px;}
.indexnewslistright {width:340px;float: right;margin: 0px 0px 5px 0px; background:#f9f9f9; padding:9px; height:82px; overflow:hidden;}
.indexnewslistright:hover{width:340px;float: right;margin: 0px 0px 5px 0px; background:#f2f3f2; padding:9px; height:82px; overflow:hidden;}
.indexnewslistright h2{margin-bottom:5px;font-size:16px;}
.indexnewslistright h2 a{margin-bottom:0px; font-weight:bold;color:#434343;font-size:16px;}
.indexnewsjianshu {line-height: 20px;color: #666; font-size:12px;}
.indexnewsdate {line-height: 25px;color: #c1c1c1; font-size:11px; float:left;}
/*---------新闻详细页--------------*/
#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;min-height: 400px;}
.newsub p{ }
.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:#d20004;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:Arial;
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;}
/*-----------留言详细调用---------*/
#homemessage {
width: 100%;
margin: 0px auto;
margin-bottom:50px; padding-top:20px;
}
#homemessage header {
height: 30px;
line-height: 30px;
text-align: left;
}
#homemessage ul {
width: 408px;
margin: 0px;
padding: 0px;
list-style: none;
}
#homemessage ul li {
float:left;
}
#homemessage ul li h2 {
float: left;
width: 15%;
font-size: 12px;
color:#ffffff;
font-weight:normal;
text-align: left;
}
#homemessage ul li input {
padding-left:3px;}
#homemessage .hometijiao{text-align:center;}
#homemessage ul li span{float: left;height: 20px;margin-top:2px;text-align: left; width: 84%;}
.homebiaodan {
height: 22px;
line-height:22px;
width: 408px;
padding-left:5px;
border: solid 1px #b7b7b7;
background: #f5f5f5;
}
.homebiaodanda {
border: #CCC 1px solid;
height: 45px;
padding-left:5px;
width: 408px;
background: #f5f5f5;
}
.homebiaodanda2 {
border: #CCC 1px solid;
height: 100px;
padding-left:5px;
width: 408px;
background: #f5f5f5;
}
.homeyanzhengmainput {
height: 20px;
line-height:20px;
float:left;
padding-left:5px;
width:100px;
border: solid 1px #b7b7b7;
background: #f5f5f5;
}
.hometijiao {
width: 150px;
height: 30px;
line-height:22px;
color:#FFF;
font-size: 14px;
font-family:Arial;
font-weight: bold;
background: #ff6600;
border:0;
}
.yanzheng {
width: 230px;
height: 30px;
float:left;
}
.send {
width: 150px;
height: 30px;
float:right;
}
#homecontact-form{width:100%;float:left;}
#homecontact-form ul li{margin-bottom:8px;}
#homecontact-form H2{ font-size:14px; color:#FFF; }
/*-----------留言详细调用---------*/
#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:Arial;
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;
}
.yanzhengmainput {
height: 28px;
float:left;
width:30%;
border: solid 1px #b7b7b7;
background: #f0f0f0;
}
.yanzhengma input{ float:left;}
.yanzhengma sapn{ float:left;}
.tijiao {
width: 150px;
height: 40px;
color:#FFF;
display: block;
font-size: 16px;
font-family:Arial;
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;
padding-top:40px;
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 #e2e2e2;
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 #7ab600;
background: #7ab600;
background: -webkit-gradient(linear, left top, left bottom, from(#7ab600), to(#7ab600));
background: -moz-linear-gradient(top, #d20004, #d20004);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ab600', endColorstr='#7ab600');
}
#page a:active {
background-image: none;
background-color: #7ab600;
}
#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 #7ab600;
background: #7ab600;
background: -webkit-gradient(linear, left top, left bottom, from(#7ab600), to(#7ab600));
background: -moz-linear-gradient(top, #7ab600, #7ab600);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ab600', endColorstr='#7ab600');
/*--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:#006297;bottom: 0;clear: both;height:31px; left: 0;text-align: center;width:100%; z-index:999999999; font:13px "Microsoft YaHei"; }
.footer .copyright {color: #FFFFFF;font:12px "Microsoft YaHei"; margin-bottom: 0; height:30px; line-height:30px;text-transform: uppercase; width:1100px; margin:0 auto;}
.footer .copyright a {color: #FFFFFF;text-decoration: none; font:12px "Microsoft YaHei";}
.foot {background:#292929; margin:0px auto auto;clear: both;line-height:30px;left: 0;text-align: left;width:100%;z-index:999999; font:12px "Microsoft YaHei"; color:#fff;}
.foot p.copy a {color: #fff;text-decoration: none; font:13px "Microsoft YaHei";}
.foot_main{ width:1100px; margin:0 auto; top:10px; padding-bottom:35px; }
.foot_menu { position:absolute; width:500px; left:5px; color:#fff;}
.foot_menu ul{ float:left; margin-right:10px;}
.foot_menu ul h3{ font-size:16px; line-height:35px;}
.foot_menu ul li{ float:left; color:#a7a6a6;}
.foot_menu ul li a{ color:#fff; font-size:12px;}
.foot_cplist{ width:250px; float:left;}
.foot_cplist li{ width:100%; line-height:23px;}
.foot_cplist h3 span{ font-size:14px; line-height:40px; color:#999; padding-left:5px;}
.foot_about{ width:150px; position:absolute; left:250px; color:#fff; font-size:12px; line-height:24px;}
.foot_about li{ width:100%;line-height:23px;}
.foot_lx{ position:absolute; left:420px; width:570px; color:#fff; font-size:12px; line-height:24px;}
.foot_lx h3{ font-size:16px; line-height:40px;}
.foot_lx h3 span{ font-size:14px; line-height:40px; color:#999; padding-left:5px;}
.foot_lx a{ color:#fff; font-family:Arial, Arial, sans-serif;}
.friendlink{ width:1098px; margin:0 auto;line-height:35px; font-size:12px; color:#6a6a6a; border:#CCC 1px solid;border-radius:.5em;}
.friendlink a{ color:#6a6a6a;}
/* 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;}
/* 滚动 */
#ggbg{ width:100%; margin:0 auto;}
.searchbg{ width:100%; height:54px; margin:0 auto; background:#e5e5e5; border-bottom:#FFF 1px solid; z-index:99999999999;}
.search{ width:1100px; height:54px; line-height:54px; margin:0 auto; text-align:center; color:#777777;}
.search a{color:#777777;}
.kwordbg{ width:1176px;height:110px; margin:0 auto 20px auto; text-align:center;line-height:54px; border-bottom:#c4c4c4 0px solid; }
.kword{ width:100%; float:left; text-align:center;color:#006297;font-size:14px; font-weight:bold; padding-top:30px;text-transform : uppercase; margin:0 auto;}
.kword h1{ height:30px; line-height:30px; color:#006297; font-size:32px; font-weight:bold;letter-spacing:5PX;}
.kword h1 a{ color:#006297;}
.search1{ width:600px; float:left; text-align:left;}
.search1 h1{ height:54px; line-height:54px; color:#777777; font-size:12px; font-weight:normal;}
.search2{ width:350px; float:right; text-align:right; }
.s0 {
border:#b8b8b8 1px solid;
border-radius:1em;
padding:4px 5px 4px 25px;
color:#666;
background:#e9e9e9 url(../images/searchbg.png) no-repeat;
}
.s1 {
border:#166ab3 1px solid;
border-radius:1em;
padding:4px 10px;
color:#FFF;
background:#166ab3;
}
.s2 {
width: 65px;
height: 25px;
line-height:20px;
color:#FFF;
padding-left:25px;
font-size: 12px;
font-family:Arial;
background:#cd1922 url(../images/search.gif) no-repeat;
border-top:#cd1922 2px solid;
border-bottom:#cd1922 1px solid;
border-left:#cd1922 1px solid;
border-right:#cd1922 1px solid;
border-radius:0 .3em .3em 0;
margin-top:1px;
float:left;
z-index:99999;
display:block;
}
.cl{clear:both;}.fl{float:left;}.fr{float:right;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.f12{ font-size:12px}.f14{ font-size:14px}.f16{ font-size:16px}.f18{ font-size:18px}.fb{ font-weight:bold}
.mgt{ margin-top:5px}.mgb{ margin-bottom:5px}.mgr{ margin-right:10px}.mgr0{ margin-right:0px;}
.ptxt{ text-indent:24px; line-height:20px;}.txt{ height:25px; line-height:25px;}
.border{border:1px #dcdcdc solid; padding:1px}.imgborder2{ border:2px #efefef solid; padding:2px;}.bhborder{ border:2px #188100 solid; padding:1px;}
DIV.none {DISPLAY: none}.display{ display:block}
.whitespace{ white-space:pre}.underling{ text-decoration:underline}
.space{height:5px;clear:both;_height:0px;line-height:5px}
.left{float:left}.right{float:right}
.pannel{width:900px;}
.gdjyhjl {cursor: pointer;float: left;margin:70px 5px 0px 0px; _margin:10px 7px 0px 0px;background:url(../images/left.png) no-repeat;WIDTH: 20px;HEIGHT: 41px; TEXT-INDENT: -999px;}
.gdjyhjr {cursor: pointer;float: right;margin:70px 0px 0px 5px; _margin:10px 5px 0px 0px;background:url(../images/right.png) no-repeat;WIDTH: 20px;HEIGHT: 41px; TEXT-INDENT: -999px;}
#gdjyhj{ float:left; padding-top:2px;border-radius: .3em;}
#gdjyhj img{ width:150px; height:80px; border:#000 0px solid;border-radius: .3em;}
#body .ProductShow {
BORDER: #dddddd 1px solid;
WIDTH: 1100px;
font-size:12px;
}
.hjc {
}
.hjnav {
BACKGROUND-COLOR: #fff; HEIGHT: 205px;
overflow:hidden;
}
.hjnavleft {
WIDTH: 260px; FLOAT: left; HEIGHT: 205px;
overflow:hidden;
}
.hjnavleft UL {
}
.hjnavleft UL LI {
display:block;
LINE-HEIGHT: 42px;
PADDING-LEFT: 36px;
HEIGHT: 42px;
width:250px;
background:#ffffff;
margin-top:5px;
margin-bottom:5px;
margin-left:15px;
margin-right:10px;
}
.hjnavleft UL LI a:hover{
color:#FFFFFF;
text-decoration:none;}
.hjnavleft UL LI i{
color:#d20004;}
.hjnavleft UL LI.hover0 {
BACKGROUND:#d20004;
}
.hjnavleft UL LI.hover0 i{
color:#FFF;
}
.hjnavleft UL LI.hover0 a{
color:#FFFFFF;
font-weight:bold;}
.hjnavleft UL LI.hover1 {
BACKGROUND:#d20004;
}
.hjnavleft UL LI.hover1 i{
color:#FFF;
}
.hjnavleft UL LI.hover1 a{
color:#FFFFFF;
font-weight:bold;}
.hjnavleft UL LI.hover2 {
BACKGROUND:#d20004;
}
.hjnavleft UL LI.hover2 i{
color:#FFF;
}
.hjnavleft UL LI.hover2 a{
color:#FFFFFF;
font-weight:bold;}
.hjnavleft UL LI.hover3 {
BACKGROUND:#d20004;
}
.hjnavleft UL LI.hover3 i{
color:#FFF;
}
.hjnavleft UL LI.hover3 a{
color:#FFFFFF;
font-weight:bold;}
.hjnavleft UL LI.hover4 {
BACKGROUND:#d20004;
}
.hjnavleft UL LI.hover4 a{
color:#FFFFFF;
font-weight:bold;}
.hjnavleft UL LI.hover5 {
BACKGROUND:#d20004;
}
.hjnavleft UL LI.hover5 a{
color:#FFFFFF;
font-weight:bold;}
.hjnavleft UL LI.hover6 {
BACKGROUND:#d20004;
}
.hjnavleft UL LI.hover6 a{
color:#FFFFFF;
font-weight:bold;}
.hjnavleft UL LI.hover7 {
BACKGROUND:#d20004;
}
.hjnavleft UL LI.hover7 a{
color:#FFFFFF;
font-weight:bold;}
.hjnavleft UL LI.hover8 {
BACKGROUND:#d20004;
}
.hjnavleft UL LI.hover8 a{
color:#FFFFFF;
font-weight:bold;}
.hjnavleft UL LI.hover9 {
BACKGROUND:#d20004;
}
.hjnavleft UL LI.hover9 a{
color:#FFFFFF;
font-weight:bold;}
.hjnavleft UL LI.hover10 {
BACKGROUND:#d20004;
}
.hjnavleft UL LI.hover10 a{
color:#FFFFFF;
font-weight:bold;}
.hjnavleft UL LI.hover11{
BACKGROUND:#d20004;
}
.hjnavleft UL LI.hover11 a{
color:#FFFFFF;
font-weight:bold;}
.hjnavcn {
WIDTH: 860px; FLOAT: left; HEIGHT: 205px; OVERFLOW: hidden;
}
.f {
PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.dcn {
PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.shengming {
PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.cfr H5 IMG {
DISPLAY: block
}
.cfr UL LI.tenlion IMG {
DISPLAY: block
}
.jdcenter IMG {
DISPLAY: block
}
.cfr UL LI IMG {
DISPLAY: none
}
.cfr UL LI.tenlion P {
DISPLAY: none
}
.hjone {
LINE-HEIGHT: 22px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; HEIGHT: 158px; PADDING-TOP: 5px
}
.hjone P {
PADDING-BOTTOM: 5px; TEXT-INDENT: 2em
}
@font-face {font-family: "iconfont";
src: url('/Public/icon/iconfont.eot'); /* IE9*/
src: url('/Public/icon/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/Public/icon/iconfont.woff') format('woff'), /* chrome、firefox */
url('/Public/icon/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('/Public/icon/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !important;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.text8{ font-size:8px;}
.text10{ font-size:10px;}
.text12{ font-size:12px;}
.text14{ font-size:14px;}
.text16{ font-size:16px;}
.text18{ font-size:18px;}
.text20{ font-size:20px;}
.text22{ font-size:22px;}
.text24{ font-size:24px;}
.text26{ font-size:26px;}
.text28{ font-size:28px;}
.text30{ font-size:30px;}
.text32{ font-size:32px;}
.text34{ font-size:34px;}
.text36{ font-size:36px;}
.text48{ font-size:48px;}
.text50{ font-size:50px;}
.red{ color:#de0002;}
.yh{font-family:Arial,Microsoft YaHei,Helvetica,sans-serif;}
.b{ font-weight:bold;}
.n{ font-weight:normal;}
.fl{ float:left;}
.fr{ float:right;}
.green{ color:#d20004;}
.blue{ color:#0193d1;}
.gray{ color:#b1b1b1;}
.white{ color:#ffffff;}
.red{ color:#e70012}
.red a{ color:#e70012}
.p20{ padding-left:20px;}
/*---首页展示---*/
.zs{width:1100px; margin:0 auto 0px auto;}
.zs h3{height:40px;background:url(/Public/App/images/cpbt.png) no-repeat top left; padding-left:80px;}
.zs h3 em{color:#676767;float: left;font-size:14px;line-height:22px; padding:10px 0 0 6px;}
.zs h3 em a{color:#676767;font-size:18px;font-family:Microsoft YaHei,Helvetica,sans-serif;}
.zs h3 em span{display:block; font-weight:normal;}
.zs h3 b{display:block;line-height:22px; float: right;margin-top:10px; font-size:12px; font-weight:normal;padding-right:28px; background:url(/Public/App/images/more1.png) no-repeat right center;}
.zs h3 b a{color:#666;}
.zs-con{width:1100px; height:350px; background:#FFF;}
.zs-l{width:252px;height:350px;padding:0px 0 0; float: left;background:#FFF url(/Public/App/images/cpflbg.gif) repeat-y top; overflow: hidden; position:relative;}
.zs-l li a{display:block; padding:0px 0 0 10px;height:70px; line-height:70px; color:#fff; font-size:15px; font-weight:bold;}
.zs-l li a:hover,.zs-l li.cur a{text-decoration:none; background:url('/Public/App/images/cpflbg1.gif') no-repeat; color:#fff;}
.zs-r{width:820px;background:#FFF; float: right;overflow: hidden;}
.m-zs{width:565px; height:350px;position:relative; float: left;overflow: hidden;}
.m-zs img{display:block; width:565px;height:350px;}
.m-zs span{display:block; position:absolute;left:10px; bottom:10px;}
.m-zs span a{display:inline-block; width:19px; height:19px; background:url('/Public/App/images/ico1.png') no-repeat 2px 2px;}
.m-zs span a:hover,.m-zs span a.cur{background:url('/Public/App/images/ico2.png') no-repeat;}
.zs-txt{width:200px;height:350px; background:url('/Public/App/images/zs.gif') repeat-y; color:#fff; float: right;}
.zs-txt p{margin:0 10px;padding:12px 0;font-size:12px; border-bottom:1px dashed #348db6; line-height:20px;}
.zs-txt p b{display:block; font-size:12px; font-weight: bold;}
.zs-txt em{display:block; padding:10px 0 0;}
.zs-txt em a{display:inline-block; margin-left:7px;}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.clearfix:after{
clear: both;
}
.clearfix{
*zoom: 1;/*ie6,7*/
}
/* module public */
.module-tip{text-align:center;color:#6c6c6c;margin-bottom:30px;font-weight:700;background:url(../images/line.jpg) -5px 80% repeat-x;}
.module-tip span.en{font-size:18px;line-height:normal;font-weight:100;text-transform:uppercase;}
.module-tip h3{font-size:24px;font-weight:700;line-height:normal;margin:0 auto;background:#fff;}
.module-tip h3.mtip1{width:145px;}
.module-tip h3.mtip2{width:210px;}
/* homecp-wrap */
.homecp-wrap{padding:30px 0 0 0;}
.homecp,.about-con,.new-con{position:relative;}
.cpcat{width:20%;*width:19%;margin-right:2%;text-align:center;}
.cpcat p.tip{background:#0060b5;color:#fff;font-size:18px;border-radius:5px;-webkit-border-radius:5px;padding:2px 0;margin-bottom:5px; line-height:56px;font-weight:bold;}
.cpcat a{display:block;color:#535353;position:relative;text-align:left;background:#f1f1f1;border-radius:5px;-webkit-border-radius:5px;margin:3px 0;padding:0px 0; line-height:50px; height:50px; font-weight:bold;}
.cpcat a span{margin-left:40px;}
.cpcat a em{position:absolute;left:20px;display:none;}
.cpcat a:hover{background:#0185d4;color:#fff;}
.cpcat a:hover em{display:block;}
.cpcat a.active{background:#ff8f00;color:#fff;}
.cpcat a.active em{display:block;}
.cpcat a.current{background:#ff8f00; color:#fff;}
.cpcat a.current em{display:block;}
.cplist{width:100%;}
.cplist h2{ font-size:26px; font-family:Microsoft YaHei,Helvetica,sans-serif; text-align:center; margin:20px auto; font-weight:normal;background:url(../images/xian.png) 0px 15px no-repeat;}
.cplist ul li{font-family:宋体;font-size:12px;margin-bottom:20px;*margin-bottom:10px;margin-left:10px; margin-right:10px; width:23%;}
.cplist ul li img{border:1px solid #e2e2e2;display:block;width:253px; height:156px;}
.cplist ul li h3{ font-size:14px;color:#797979; text-align:center; padding-top:10px;}
.cplist ul li p{color:#989898;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.cplist ul li span.more{display:block;text-align:center;color:#797979;padding:2px 0 1px 0;}
.cplist ul li:hover span.more{background:#147391;color:#fff;}
.cplist .more{ clear:both; display:block;width:150px; margin:0px 20px 0px auto;background:#efefef;border-radius: .9em;}
.cplist .more a{ display:block;font:14px "Microsoft YaHei";color:#6c6c6c;padding:3px 20px 5px 20px; text-align:center;border-radius: .9em;}
.cplist .more a:hover{ display:block;color:#fff; background:#0070d0; text-decoration:none;border-radius: .9em;}
/* col-4 */
ul.col-4 li{width:23%;*width:23%;margin-right:2%;}
ul.col-4 li.nomargin{margin-right:0;}
.content{width:100%;}
.content h3.cage-name{background:url(../images/line.jpg) left bottom repeat-x;color:#666;font-size:18px;font-weight:700;padding:0 0 8px 0;margin-bottom:10px;}
.content h3.cage-name .icon{width:26px;height:26px;background-position:-263px -3px;margin-right:8px;}
/* news index list */
ul.news-list{margin:40px 0;}
ul.news-list li{overflow:hidden;background:#f2f2f2;margin-bottom:25px;*height:150px;}
ul.news-list li .pic{width:27%;margin-right:2%;}
ul.news-list li .pic img{width:100%;max-width:100%;height:150px; border:#CCC 1px solid;}
ul.news-list li .desc{width:71%;font-size:12px;color:#707070;}
ul.news-list li .desc h4{color:#858585;font-size:16px;font-weight:700;margin:8px 0 5px 0;}
ul.news-list li .desc .time{float:right; padding-top:50px; padding-right:10px;}
ul.news-list li .desc .txt{padding-right:10px;margin-bottom:5px;}
ul.news-list li:last-child{margin-bottom:0;}
ul.news-list li:hover{background:#f7f7f7;}
ul.news-list li:hover .desc h3,ul.news-list li:hover .desc{color:#858585;}
.view-editor{margin-top:30px;}
.view-editor h3.editor-tip{color:#727272;text-align:center;font-size:16px;font-weight:700;background:#ededed;padding:3px 0;margin-bottom:15px;}
.news-editor h1 .title{font-size:18px;text-align:center;margin:30px 0 20px 0;font-weight:700;}
.news-editor h3.related-tip{font-size:12px;font-weight:bold;margin-bottom:10px;}
.view-info{background:#f1f1f1;text-align:center;font-size:12px;padding:5px 0;color:#a0a0a0;margin-bottom:30px;}
.view-info span{margin:0 5px;}
.related{padding:10px 0 10px 0; border-top:#CCC solid 1px; border-bottom:#CCC solid 1px;}
ul.related-list{overflow:hidden;}
ul.related-list li{text-align:center;}
ul.related-list li .pic{border:1px solid #f1f1f1;margin-bottom:10px;width:190px;}
ul.related-list li img{width:190px; height:121px;}
ul.related-list li h3{font-size:12px;}
/* kword */
.kwords{margin:15px 0;font-size:12px;}
/* item-view */
.item-view{margin-top:30px;*overflow:hidden;*clear:both;}
.itempic{position:relative;width:49%;margin-right:3%;*width:46%;border-radius:5px;-webkit-border-radius:5px;border:1px solid #e5e5e5;}
.itempic img{max-width:100%;width:100%;border-radius:5px;-webkit-border-radius:5px;}
.itempic span.icon{background-position:-637px -6px;width:28px;height:28px;position:absolute;bottom:10px;right:10px;}
.itemdesc{width:48%;line-height:1.6;}
.itemdesc h1{padding:4px 10px;color:#fff;font-size:20px;background:#0077c1;position:relative;}
.itemdesc .desc{background:#f8f8f8;font-size:12px;}
.itemdesc .desc strong{font-size:14px;}
.picslider{position:relative;}
.picslider .flex-control-paging li a{background:#ccc;border-radius:50%;-webkit-border-radius:50%;}
.picslider .flex-control-paging li a.flex-active{background:#0077c1;}
.picslider .flex-control-paging li a:hover{background:#0077c1;}
.picslider .flex-control-nav{left:0;bottom:15px;}
.picslider span.icon{background-position:-202px -62px;width:28px;height:28px;position:absolute;bottom:10px;right:10px;z-index:18;}
.call-input{overflow:hidden;*clear:both;margin-top:30px;}
.call-input input{border:0;background:none;padding:0;height:35px;line-height:35px;}
.call-input input[type="text"]{width:50%;margin-right:2%;border-bottom:2px solid #ff7e00;}
.call-input input[type="submit"]{background:url(../images/icon.png) no-repeat;width:48%;color:#fff;height:35px;line-height:normal;cursor:pointer;margin:2px 0 0 0;font-size:16px;text-align:center;background-position:-298px -58px;}
.call-input input[type="submit"]:hover{color:#000;}
.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.zoomMask{position:absolute;background:url(../images/mask.png) repeat;cursor:move;z-index:1;}