@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:16px; ;}
.clearfix:before,.clearfix:after{ content:"666";display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
a{ color:#7f7f7f; text-decoration:none;}
a:hover { color:#ff9300; text-decoration:none;}

/* 头部 */
/* 头部 */
.top-box{ width:100%; height:215px;}
.top-t{ width:100%; height:40px;}
.t-con{ width:1200px; height:40px; overflow:hidden; margin:0 auto;}
.td-l{ width:600px; line-height:40px; color:#fff; float:left;}
.td-r{ width:232px; padding:0 0 0 368px; overflow:hidden; float:left;}
.td-r ul{ width:242px;}
.td-r h3{ line-height:40px; color:#fff; float:left;}
.td-r li{ width:18px; height:40px; margin:0 10px 0 0; cursor:pointer; float:left;}
.top-j{ width:1200px; height:127px; overflow:hidden; margin:0 auto;}
.logo-box{ width:600px; height:127px; float:left;}
.t-ico{ width:600px; height:127px; float:left;}
.ico-dh{ width:205px; font-size:24px; line-height:24px; padding:40px 0 0 105px; color:#7f7f7f; float:left;}
.ico-dh p{ font-size:18px;}
.ico-u{ width:290px; height:127px; overflow:hidden; float:left;}
.ico-u ul{ width:291px;}
.ico-u li{ width:96px; text-align:center; padding:79px 0 0 0; margin:0 0 0 1px; float:left;}


/* 导航 */
.menu-box{ width:100%; height:45px;}
.nav{ width:1300px; height:45px; line-height:45px; position:relative; z-index:1; margin:0 auto;}
.nav a{ color:#fff;}
.nav .nLi{ float:left;  position:relative; display:inline;}
.nav .nLi h3{ width:115px; text-align:center; float:left;}
.nav .nLi h3 a{ display:block;}
.nav .sub{ display:none; width:133px; left:0; top:45px; position:absolute; text-align:center; line-height:45px;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; padding:0 10px;}
.nav .sub a:hover{ color:#fffeae;}
.nav .on h3 a{ color:#fff;}

/* banner */
.banner-box{ min-width:1000px; height:460px; position:relative;}
.banner-box .banner{ position:relative; z-index:0;}
.banner-box .banner ul{ width:100% !important;}
.banner-box .banner li{ width:100% !important; height:460px;}
.banner-box .banner li a{ position:absolute; width:100%; height:460px; 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{ filter:alpha(opacity=100);opacity:1;}

/* 搜索 */
.search-box{ width:1200px; height:36px; padding:0 0 20px 0; overflow:hidden; border-bottom:1px solid #efefef; margin:20px auto 0 auto;}
.ss-l{ width:650px; height:36px; line-height:36px; overflow:hidden; float:left; color: #7f7f7f;}
.ss-l h3{ float:left;}
.ss-l a{ padding:0 20px 0 0; float:left;}
.ss-r{ width:540px; position:relative; overflow:hidden; float:left;}
.ss-r input { width:530px; background:#efefef; height:36px; border:0; padding:0 0 0 10px;}
.ss-r .go { position:absolute; display:block; top:0; right:0; width:40px; height:36px; cursor:pointer;}

/* 关于我们&新闻动态 */
.usne-box{ width:1200px; overflow:hidden; margin:20px auto 0 auto;}
.us-box{ width:750px; height:345px; overflow:hidden; margin:0 20px 0 0; float:left;}
.us-tu{ width:290px; height:320px; padding:0 25px 25px 0; background:url(/template/pc/skin/img/ustu-bg.jpg) right bottom no-repeat; overflow:hidden; float:left;}
.us-con{ width:415px; height:345px; color:#7f7f7f;  margin:0 0 0 20px; overflow:hidden; float:left;}
.us-tit{ height:37px; font-size:18px; color:#ccc; padding:0 0 0 35px; line-height:19px; overflow:hidden;}
.us-tit p{ color:#000; font-size:18px;}
.us-wz{ margin:20px auto; height:238px; line-height:30px; overflow:hidden;}
.us-more{ width:90px; height:30px; line-height:30px; text-align:center; overflow:hidden; margin:0 325px 0 0;}
.us-more a{ width:90px; height:30px; color:#fff; display:block;}
.ne-box{ width:430px; height:345px; overflow:hidden; float:left;}
.ne-box .hd{ width:426px; height:36px;}
.ne-box .hd li{ width:146px; height:36px; line-height:36px; text-align:center; float:left;}
.ne-box .hd li a{ text-decoration:none; display:block;}
.ne-box .hd span{ width:126px; height:36px; line-height:36px; text-align:center; float:left;}
.ne-box .bd{ padding:5px 0 0 0;}
.ne-box .bd li{ height:41px; line-height:41px; border-bottom:1px dashed #ccc; background:url(/template/pc/skin/img/dian.jpg) center left no-repeat; padding:0 0 0 21px;}
.ne-box .bd li span{ float:right; color:#7f7f7f;}

/* 联系我们 */
.lx-box{ width:1200px; height:240px; margin:20px auto 0 auto;}
.lx-l{ width:550px; height:240px; float:left;}
.lx-l img{ width:550px; height:240px;}
.lx-r{ width:650px; height:240px; position:relative; float:left;}
.lx-r .kf{ width:200px; height:320px; position:absolute; top:-80px; right:10px;}
.lx-ico{ height:30px; color:#fff; padding:2px 0 0 42px; font-size:30px; font-style:italic; position:absolute; top:30px; left:40px;}
.lx-ico span{ font-size:24px;}
.lx-wz{ position:absolute; top:70px; left:50px; color:#fff; line-height:24px; width:400px;}
.lx-an{ position:absolute; left:170px; bottom:30px; text-align:center;}
.lx-an a{ width:120px; height:32px; line-height:32px; text-align:center; display:block; text-decoration:none;}

/* 产品展示 */
.cp-box{ width:1200px; overflow:hidden; margin:20px auto 0 auto;}
.cp-tit{ height:30px; line-height:30px; text-align:center; font-size:30px; background:url(/template/pc/skin/img/cp-tit.jpg) center no-repeat; overflow:hidden;}
.cp-tit span{ font-size:30px; color:#cfcfcf; margin:0 5px 0 0;}
.fl-box{ width:232px; height:402px; margin:20px 20px 0 0; overflow:hidden; overflow:hidden; float:left;}
.fl-tit{ height:85px; font-size:24px; line-height:30px; text-align:center; background:#ff9300; padding:23px 0 0 0;}
.fl-tit p{ font-size:24px;}
.fl-con{ width:228px; height:275px; position:relative;}
.fl-con li{ width:208px; height:36px; line-height:36px; text-align:center; margin:12px auto 0 auto; overflow:hidden;}
.fl-con li a{ width:208px; height:36px; display:block;}
.cp-more{ width:208px; height:36px; line-height:36px; text-align:center; position:absolute; bottom:-17px; left:10px;}
.cp-con{ width:948px; height:402px; margin:20px 0 0 0; overflow:hidden; float:left;}
.cp-con ul{ width:968px; height:422px;}
.cp-con li{ width:210px; height:179px; padding:5px; border:1px solid #ececec; margin:0 20px 20px 0; overflow:hidden; float:left;}
.cp-con li .c-tu{ width:210px; height:144px; overflow:hidden;}
.cp-con li .c-tu a{ color:#fff; -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-con li .c-tu a:hover{ 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);}
.cp-con li .c-tit{ width:210px; height:30px; line-height:30px; text-align:center; margin:5px 0 0 0;}

/* 案例展示 */
.al-box{ width:1200px; overflow:hidden; margin:20px auto 0 auto;}
.al-tit{ height:30px; line-height:30px; text-align:center; font-size:30px; background:url(/template/pc/skin/img/al-tit.jpg) center no-repeat; overflow:hidden;}
.al-tit span{ font-size:30px; color:#cfcfcf; margin:0 5px 0 0;}
.al-con{ width:1200px; height:191px; overflow:hidden; margin:20px 0 0 0; position:relative;}
.al-con .next{ width:54px; height:60px; margin:65px 20px 66px 0; overflow:hidden; cursor:pointer; float:left;}
.al-con .prev{ width:54px; height:60px; margin:65px 0 66px 20px; ov