@charset "utf-8";
/* CSS Document */
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { border:0 none; margin:0; padding:0; font-weight:normal; font-family:"微软雅黑"; font-size:14px;}
header,footer, section, details, aside, menu, nav, article, hgroup, figure, figcaption, time { display:block; margin:0px; padding:0px;}
ul,ol,li{ list-style-type:none;}
select,input,img{ vertical-align:top;}
a img{ border:0;}
em,i{ font-style:normal;}
a:hover{ text-decoration:underline;}
a,a:active,a:focus { outline:none;}
textarea { resize:none;}
table { border-collapse:collapse; border-spacing:0;}
h2, h3, h4, h5, h6{ font-size:14px; font-weight:bold;}
.clearfix:before,.clearfix:after{ content:"";display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
a{ color:#686868; text-decoration:none;}
a:hover { color:#686868; text-decoration:underline;}

/* 头部 */
.top-box{ width:100%; height:450px; background:url(../images/top-bg.png) center no-repeat; position:absolute; top:0; z-index:1000;}
.wz-box{ width:1200px; overflow:hidden; margin:0 auto;}
.wz-box-l{ width:1060px; height:40px; line-height:40px; color:#fff; float:left;}
.wz-box-r{ width:140px; overflow:hidden; float:left;}
.wz-box-r a{ width:70px; height:40px; line-height:40px; color:#fff; text-align:right; display:block; float:left;}
.logotel-box{ width:1200px; height:50px; overflow:hidden; margin:30px auto 70px auto;}
.top-logo{ width:600px; height:50px; overflow:hidden; float:left;}
.t-ico{ width:35px; height:50px; overflow:hidden; padding:0 0 0 255px; float:left;}
.ico-dh{ width:310px; font-size:30px; height:50px; line-height:60px; font-weight:bold; font-style:italic; color:#fffc00; overflow:hidden; float:left;}
.ico-dh i{ color:#fff; font-size:14px; font-style:italic; font-weight:normal; margin:0 5px 0 0;}

/* 导航 */
.nav{ width:1200px; height:50px; line-height:50px; position:relative; z-index:1; margin:0 auto;}
.nav a{ color:#fff;}
.nav .nLi{ width:120px; float:left; margin:0 10px; position:relative; display:inline;}
.nav .nLi h3{ width:120px; font-size:15px; text-align:center; float:left;}
.nav .nLi h3 a{ color:#fff; display:block; text-decoration:none;}
.nav .on h3 a{ color:#404040; background:#fffc00; border-radius:6px;}

/* banner */
.banner-box{ min-width:1000px; height:630px; position:relative; padding:210px 0 0 0;}
.banner-box .banner{ position:relative;}
.banner-box .banner ul{ width:100% !important;}
.banner-box .banner li{ width:100% !important; height:630px;}
.banner-box .banner li a{ position:absolute; width:100%; height:630px; display:block; z-index:1;}
.banner-box .dn{ width:100%; position:absolute; z-index:1; bottom:5px; left:0; height:30px; line-height:30px; text-align:center;}
.banner-box .dn ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:4px; background:#fff; border-radius:14px; overflow:hidden; line-height:9999px; filter:alpha(opacity=100);opacity:1;}
.banner-box .dn ul .on{ background:#fffc00; filter:alpha(opacity=100);opacity:1;}

.h-tit{ background:url(../images/cp-tit.jpg) center no-repeat; overflow:hidden;}
.h-tit .wz{ width:151px; color:#41bd18; margin:0 auto;}
.h-tit .wz h1{ font-size:48px; font-style:italic; margin:0 15px 0 0; float:left;}
.h-tit .wz h2{ font-size:24px; font-weight:normal;}
.h-tit .wz h3{ font-size:16px; font-style:italic; font-weight:normal;}

/* 产品展示 */
.cp-box{ width:100%; background:url(../images/cp-bg.jpg) bottom no-repeat; padding:0 0 97px 0; margin:40px 0 0 0; overflow:hidden;}
.cp-nr{ width:1200px; overflow:hidden; margin:0 auto;}
.cp-nr .hd{ height:148px; margin:20px 0 0 0; position:relative;}
.cp-nr .hd ul li{ width:100px; height:148px; margin:0 0 0 30px; float:left; cursor:pointer;}
.cp-nr .hd ul li .cpu-tit{ font-size:18px; line-height:48px; color:#ab7f4c; text-align:center;}
.cp-nr .hd ul li .cpu{ width:92px; height:92px; border:4px solid #fffc00; border-radius:50% 50%; overflow:hidden;}
.cp-nr .hd ul li .cpu img{ width:92px; height:92px;}
.cp-nr .hd ul li.on{ width:100px; height:100px; border-radius:50% 50%;}
.cp-nr .bd ul{ zoom:1; overflow:hidden;}
.cp-nr .bd li{ overflow:hidden;}
.cp-nr .cp-wz{ height:100px; line-height:30px; color:#fff; padding:13px 0 0 0; overflow:hidden;}
.cp-nr .bd li .cp-tu{ width:1200px; overflow:hidden;}
.cp-nr .bd li .cp-tu ul{ width:1220px;}
.cp-nr .bd li .cp-tu li{ width:224px; height:194px; line-height:36px; text-align:center; background:#fffc00; margin:0 20px 0 0; float:left;}
.cp-nr .bd li .cp-tu img{ width:224px; height:158px;}
.cp-nr .bd li .cp-tu a{ color:#777777; -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.cp-nr .bd li .cp-tu a:hover{ color:#fff; text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

/* 关于我们 */
.us-box{ width:100%; margin:40px 0 0 0; overflow:hidden;}
.us-con{ width:1200px; overflow:hidden; margin:20px auto 0 auto;}
.ab_video{ width:340px; height:255px; overflow:hidden; margin:0 20px 0 0; float:left;}
.ab_video img{ width:340px; height:255px; overflow:hidden;}
.ab_nr{ width:540px; height:255px; color:#686868; overflow:hidden; float:left;}
.ab_nr p{ line-height:32px;}
.jgxx{ width:1px; height:255px; background-color:#d8d8d8; margin:0 19.5px; float:left;}

/*荣誉资质*/
.ab_ry{ width:260px; height:255px; overflow:hidden; float:left;}
.ablm{ height:40px; font:600 18px/40px "微软雅黑"; text-align:center;}
.ablm em{ color:#40bb17; font-style:normal;}
.ablm i{ color:#404040; font-style:normal;}
.ab_ry .ahd{ width:130px; height:40px; padding:15px 70px; text-align:center;}
.ab_ry .ahd .prev{ width:45px; height:30px; font:18px/30px "宋体"; float:left; background:#404040; text-align:center; color:#fff; margin:0 10px; cursor:pointer;}
.ab_ry .ahd .next{ width:45px; height:30px; font:18px/30px "宋体"; float:left; background:#404040; text-align:center; color:#fff; margin:0 10px; cursor:pointer;}
.ab_ry .ahd .prev:hover{ background:#40bb17; text-decoration:none;}
.ab_ry .ahd .next:hover{ background:#40bb17; text-decoration:none;}
.ab_ry .abd ul{ overflow:hidden; zoom:1;}
.ab_ry .abd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; margin-left:16px;}
.ab_ry .abd ul li a{ width:224px; height:158px; display:block;}
.ab_ry .abd ul li a img{ width:224px; height:158px; overflow:hidden;}

/* 案例展示 */
.al-box{ width:100%; background:url(../images/al-bg.jpg) #41bd18 bottom no-repeat; padding:0 0 97px 0; margin:40px 0 0 0; overflow:hidden;}
.a-tit{ background:url(../images/al-tit.jpg) center no-repeat; margin:40px 0 0 0; overflow:hidden;}
.a-tit .wz{ width:151px; color:#fffc00; margin:0 auto;}
.a-tit .wz h1{ font-size:48px; font-style:italic; margin:0 15px 0 0; float:left;}
.a-tit .wz h2{ font-size:24px; font-weight:normal;}
.a-tit .wz h3{ font-size:16px; font-style:italic; font-weight:normal;}
.al-con{ width:1200px; height:444px; margin:0 auto; overflow:hidden;}
.al-con ul{ width:1216px;}
.al-con li{ width:288px; height:198px; position:relative; overflow:hidden; margin:16px 16px 0 0; float:left;}
.al-con li img{ width:288px; height:198px; overflow:hidden;}
.al-con li a p{ color:#fff; text-align:center; padding:110px 0 0 0;}
.tit{ position:absolute; width:100%; height:100%; top:0; left:0; visibility: hidden;opacity:0; background: rgba(0,0,0,0.6); background: url(../images/black.png) repeat; -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; -o-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;}	
.al-con li a:hover .tit{ top:0; visibility:visible; opacity:1;}

/* 新闻动态 */
.news-box{ width:100%; margin:40px 0 0 0; overflow:hidden;}
.lbbox{ width:1200px; height:170px; margin:30px auto 0 auto; overflow:hidden;}
.lbbox ul{ width:1275px;}
.lbbox li{ width:350px; height:170px; line-height:30px; color:#686868; margin:0 75px 0 0; float:left;}
.lbbox li p{ padding:10px 0 0 63px; line-height:23px; font-weight:bold; height:46px; background:url(../images/xwico.png) left no-repeat; margin:0 0 10px 0; overflow:hidden;}
.lbbox li p a{ color:#484848;}

/* 友情链接 */
.link-box{ width:100%; height:40px; margin:20px 0 0 0; background:#4f4f4f;}
.link-box .con{ width:1200px; height:40px; line-height:40px; margin:0 auto;}
.link-box .con h3{ color:#fff; float:left;}
.link-box .con a{ color:#fff; margin:0 10px 0 0; float:left;}

/* 底部 */
.foot-box{ width:100%; padding:20px 0; background:#404040; overflow:hidden;}
.foot-con{ width:1200px; height:170px; overflow:hidden; margin:0 auto;}
.d1{ width:958px; height:150px; line-height:30px; color:#fff; border-right:1px solid #5d5d5d; padding:20px 0 0 0; float:left;}
.d1 a{ color:#fff;}
.d3{ width:240px; height:170px; border-right:1px solid #525252; text-align:center; color:#fff; float:left;}
.d3 img{ width:97px; height:97px; display:block; margin:30px auto 10px auto;}

/* 内页 */
.n-box{ width:1200px; margin:30px auto; overflow:hidden;}
.l-box{ width:250px; background:url(../images/n-r-bg.jpg) #41bd18 bottom no-repeat; padding:15px 15px 70px 15px; margin:0 30px 0 0; overflow:hidden; float:left;}
.r-box{ width:830px; background:#f8f8f8; padding:20px; overflow:hidden; float:left;}

.n-fl{ overflow:hidden;}
.n-fl .bt{ height:50px; line-height:50px; position:relative; overflow:hidden;}
.n-fl .bt span{ font-size:18px; color:#fff; font-style:italic;}
.n-fl .bt em{ font-size:16px; color:#fffc00; position:absolute; top:0; left:100px; font-weight:bold;}

.n-fl .con{ overflow:hidden;}
.n-fl .con li{ overflow:hidden; font-size:15px; border-radius:5px; margin:0 0 10px 0;}
.n-fl .con li a{ height:40px; line-height:40px; color:#fff; background:#4bd51d; text-align:center; display:block;}
.n-fl .con li a:hover{ height:40px; line-height:40px; color:#686868; background:#fffc00; text-decoration:none; display:block;}

.n-h-lx{ width:250px; position:relative; margin:20px 0 0 0;}
.n-h-lxt{ width:230px; height:85px; background:url(../images/n-lxt-bg.jpg) #fffc00 top no-repeat; padding:55px 0 0 20px;}
.n-h-lxt .ico{ width:130px; height:18px; line-height:18px; font-size:18px; padding:14px 0 0 40px; color:#404040; background:url(../images/lx-ico.png) left no-repeat;}
.n-h-lxt .hm{ font-size:28px; font-style:italic; color:#404040;}
.n-h-lxt .hm span{ font-size:20px;}
.n-h-lxnr{ line-height:30px; color:#777777; background:#fff; padding:10px 20px; overflow:hidden;}

.zubi{ height:48px; line-height:48px; background:#e8e8e8; color:#686868; padding:0 0 0 20px; overflow:hidden;}

.n-cont{ line-height:30px; color:#828282;}
.con_title{ color:#000; text-align:center; font-size:24px; height:60px; line-height:60px; border-bottom:2px dashed #c4c4c4; margin:0 0 20px 0;}
.n-cont img{ width:800px; display:block; margin:0 auto 10px auto;}
.con_title{text-align:center; font-size:20px;}
.fy{ margin:20px 0 0 0; border-top:1px dashed #c4c4c4; padding:7px 0 0 10px; line-height:30px;}

.pageListNav{ margin:20px auto 0 auto; text-align:center;}
.pageListNav a{ display:inline-block; padding:0 15px; height:36px; line-height:36px; color:#777777; margin:0 5px 0 0; border:1px solid #dddddd; border-radius:3px 3px;}
.pageListNav a:hover{ color:#fff; background:#0389de; border:1px solid #0389de; text-decoration:none;}
.pageListNav span{ display:inline-block; padding:0 15px; height:36px; line-height:36px; color:#777777; margin:0 5px 0 0; border:1px solid #dddddd; border-radius:3px 3px;}
.pageListNav .ym{ width:27px; padding:0 15px; text-align:center; height:18px; margin:8px 5px 0 0; border:1px solid #dddddd;}

.n-al{ overflow:hidden;}
.n-al li{ width:224px; height:194px; line-height:36px; text-align:center; background:#fffc00; margin:20px 20px 0 20px; float:left;}
.n-al img{ width:224px; height:158px;}
.n-al a{ color:#404040; -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.n-al a:hover{ color:#404040; text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

.n-xw{ margin:10px 0 0 0;}
.n-xw li{ height:40px; line-height:40px; border-bottom:1px dashed #dddddd;}
.n-xw li span{ float:right; color:#777777;}

.sideMenu{ overflow:hidden;}
.sideMenu h3{ height:40px; line-height:40px; padding-left:20px; color:#fff; background:#4bd51d; border-radius:5px; cursor:pointer; margin:0 0 10px 0; font:normal 14px/40px "Microsoft YaHei";}
.sideMenu h3 em{ float:right; display:block; width:40px; height:40px; line-height:40px; background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer;}
.sideMenu h3.on em{ background-position:16px -57px;}
.sideMenu ul{ display:none; overflow:hidden;}
.sideMenu ul li{ line-height:30px;}
.sideMenu ul li a{ color:#fff; padding:5px 25px; border-radius:5px; display:block; text-decoration:none;}
.sideMenu ul li a:hover{ color:#404040; background:#fffc00; display:block;}