@charset "utf-8";
@import url(reset.css);
/* 2015-04-09 */
.j-top{width:100%;height:120px;}
.j-top .t-border{height:5px;background:#0196dc;}
.j-top .t-border span{display:block;float:left;width:20%;height:5px;background:#ff9800;}
.t-wrap{position:relative;z-index:999;width:1100px;height:115px;margin:auto;}
.t-wrap .logo{position:absolute;left:10px;top:10px;}
.t-wrap .logo img{float:left;height:68px;margin-right:40px;}
.t-wrap .logo h1{float:left;padding-top:22px;font-size:24px;color:#666;}
.t-wrap .lang{position:absolute;right:10px;top:55px;}
.t-wrap .lang a{display:inline-block;color:#000;}
.t-wrap .navlist{position:absolute;left:-8px;bottom:-32px;width:1100px;height:40px;background:url(../images/lay_bg01.png) center no-repeat;padding:4px 8px 12px 8px;}
.t-wrap .navlist ul{float:left;}
.t-wrap .navlist li{display:block;float:left;width:120px;line-height:40px;text-align:center;border-right:1px solid #8e8a8a;}
.t-wrap .navlist li a{display:block;font-size:14px;color:#FFF;}
.t-wrap .navlist li a:hover{background:#333;opacity:0.8;}
.t-wrap #srhform{float:right;padding-top:5px;padding-right:20px;}
.t-wrap #srhform input{float:left;background:none;outline:none;border:none;padding:0;margin:0;}
.t-wrap #srhform #sbtn{width:30px;height:30px;cursor:pointer;}
.t-wrap #srhform #skey{width:115px;height:30px;color:#CCC;}
.j-ibanner{width:100%;height:480px;overflow:hidden;box-shadow:0 4px 4px #CCC;}
.j-ibanner .slide{width:100%;height:480px;}
.j-ibanner .slick-dots li button:before{font-size:16px;color:#FFF;}
.j-ibanner .slick-dots li.slick-active button:before{opacity:1;color:#ffb400;}
.j-iproduct{width:100%;height:280px;background:#f6f6f6;border-bottom:1px solid #e8e8e8;overflow:hidden;}
.j-iproduct .ipro-wrap{width:1100px;margin:auto;padding-top:50px;}
.j-iproduct .ipro-wrap li a{display:block;background:#FFF;box-shadow:2px 2px 4px #CCC;}
.j-iproduct .ipro-wrap li{float:left;width:190px;height:181px;margin:0 15px;}
.j-iproduct .ipro-wrap li img{display:block;width:168px;height:135px;margin:auto;}
.j-iproduct .ipro-wrap li span{display:block;height:40px;line-height:40px;text-align:center;color:#666;}
.j-iproduct .ipro-wrap li:hover span{background:#0196dc;color:#FFF;}
.j-iproduct .slick-prev{width:46px;height:46px;background:url(../images/lay_bg02.png) 0 0 no-repeat;top:60px;left:-8px;}
.j-iproduct .slick-next{width:46px;height:46px;background:url(../images/lay_bg02.png) -46px 0 no-repeat;top:60px;right:-8px;}
.j-index{width:1100px;padding:40px 0;margin:auto;}
.j-index .index-wrap{float:left;width:350px;margin-right:20px;}
.j-index .index-wrap .title{height:46px;padding-left:65px;margin-bottom:10px;line-height:2.5;font-size:18px;}
.j-index .index-wrap .bg1{background:url(../images/lay_bg03.png) 0 0 no-repeat;}
.j-index .index-wrap .bg2{background:url(../images/lay_bg04.png) 0 0 no-repeat;}
.j-index .index-wrap .bg3{background:url(../images/lay_bg05.png) 0 0 no-repeat;}
.j-index .index-wrap .more{display:block;width:54px;height:13px;background:url(../images/lay_bg06.png) center no-repeat;margin:30px 0 0 65px;}
.j-index .index-list{padding-left:65px;}
.j-index .index-list ul{height:216px;}
.j-index .index-list li{height:64px;margin-bottom:12px;}
.j-index .index-list img{display:block;float:left;width:72px;height:58px;border:3px solid #e8e8e8;margin-right:10px;}
.j-index .index-list h4{line-height:1.8;font-size:14px;color:#666;}
.j-index .index-list p{height:36px;line-height:1.5;overflow:hidden;color:#999;}
.j-index .index-text{height:216px;padding-left:65px;}
.j-index .index-text p{line-height:1.8;font-size:14px;color:#666;}
.j-index .index-text p.hotline{height:40px;background:url(../images/lay_bg07.png) 0 0 no-repeat;padding:36px 0 0 0;margin-bottom:10px;text-align:right;font-size:24px;color:#333;}
.j-foot{width:100%;padding:20px 0;background:#5b5959;}
.j-foot .f-wrap{width:1100px;margin:auto;color:#b9b8b8;}
.j-foot .f-wrap a{color:#b9b8b8;}
/* 2015-04-11 */
.j-ntop{position:relative;z-index:999;width:100%;height:240px;padding-top:5px;background:url(../images/nbanner1.jpg) center top no-repeat;background-size:cover;box-shadow:0 6px 6px #999;}
.j-ntop .t-wrap .lang a{color:#FFF;}
.j-ntop .t-column{width:1100px;padding-top:55px;margin:auto;font-size:36px;color:#FFF;}
.j-column{width:100%;background:url(../images/lay_bg11.jpg) left top repeat-x #FFF;padding-top:40px;}
.j-column strong{font-weight:bold;}
.column-tab{width:1102px;height:45px;margin:auto;}
.column-tab a{display:block;float:left;height:45px;line-height:45px;padding:0px 40px;background:#96999e;border-right:1px solid #83868b;text-align:center;font-size:14px;color:#FFF;}
.column-tab a.tabOn{background:#FFF;border:1px solid #d8dcde;border-bottom:1px solid #fbfbfb;height:48px;line-height:48px;margin-top:-4px;color:#000;}
.column-local{width:1020px;height:54px;line-height:54px;padding:0 40px;margin:auto;background:url(../images/lay_bg12.jpg) 0 0 repeat-x;border:1px solid #d8dcde;border-bottom:none;color:#c3c3c3;}
.column-local a{display:inline-block;margin:0 3px;color:#c3c3c3;}
#scrollwrap{width:1062px;height:45px;}
#scrollwrap a{padding:0 20px;}
#scrollwrap .slick-list{top:-4px;padding-top:4px;}
#scrollwrap .slick-prev{position:absolute;right:-20px;top:0;width:20px;height:45px;border:1px solid #d8dcde;border-bottom:none;background:url(../images/lay_bg14.png) 0 14px no-repeat #FFF;outline:none;cursor:pointer;font-size:0;line-height:0;color:#FFF;}
#scrollwrap .slick-next{position:absolute;right:-40px;top:0;width:20px;height:45px;border:1px solid #d8dcde;border-left:none;border-bottom:none;background:url(../images/lay_bg14.png) 2px -16px no-repeat #FFF;outline:none;cursor:pointer;font-size:0;line-height:0;color:#FFF;}
.column-wrap,
.news-wrap,
.job-wrap,
.prod-wrap{width:1030px;min-height:600px;border:1px solid #d8dcde;border-top:none;background:#FFF;padding:30px 35px;margin:auto;margin-bottom:40px;}
.column-wrap p{margin-bottom:18px;line-height:1.8;font-size:14px;color:#666;}
.column-contact p{margin-bottom:10px;line-height:1.3;}
.news-wrap ul{min-height:642px;}
.news-wrap li{float:left;width:275px;padding:0 50px 40px 0;}
.news-wrap li img{display:block;width:275px;height:175px;box-shadow:4px 4px 6px #CCC;}
.news-wrap li span{display:block;padding:20px 0 10px 0;color:#888;}
.news-wrap li h4{padding-bottom:10px;font-size:14px;color:#333;}
.news-wrap li p{height:40px;overflow:hidden;line-height:20px;color:#666;}
.news-wrap li:hover img{opacity:0.9;}
.news-wrap li:hover h4{color:#0196dc;}
.news-wrap li.middle{padding:0 50px 40px 50px;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
.page-list{width:100%;padding:30px 0;text-align:center;}
.page-list a{display:inline-block;padding:4px 7px;margin:0 4px;border:1px solid #CCC;font-size:14px;color:#666;}
.page-list a.pageOn{background:#006db8;color:#FFF;}
.page-list span{display:inline-block;margin-left:10px;font-size:14px;color:#666;}
.column-wrap .ntitle{text-align:center;line-height:1.4;font-size:22px;color:#332c2b;}
.column-wrap .ndate{padding:20px 0;text-align:center;line-height:2;color:#a9a9a9;}
.column-wrap .ncontent{min-height:400px;padding:30px 0;border-top:1px dotted #bcbcbc;}
.column-link{position:relative;width:100%;height:80px;border-top:1px dotted #bcbcbc;}
.column-link .link1{position:absolute;left:0;top:15px;}
.column-link .link2{position:absolute;left:0;top:40px;}
.column-link .link3{position:absolute;right:0;top:15px;}
.column-link span{display:block;float:left;line-height:20px;padding-right:5px;font-size:14px;color:#666;}
.column-link a{display:inline-block;width:400px;line-height:20px;font-size:14px;color:#666;}
.column-link a:hover{color:#006db8;}
.column-link .link3 a{display:block;width:auto;line-height:32px;padding:0 20px 0 40px;background:url(../images/lay_bg13.png) 20px center no-repeat #006db8;text-align:center;color:#FFF;}
.job-text{float:left;width:230px;padding:15px 10px 25px 10px;border:6px solid #e7e7e7;box-shadow:6px 8px 0 #e7e7e7;}
.job-text p{margin-bottom:5px;line-height:1;font-size:14px;color:#555;}
.job-list{float:right;width:730px;}
.job-list td{height:36px;overflow:hidden;border-bottom:1px dotted #f0f0f0;vertical-align:middle;text-align:center;color:#666;}
.job-list tr:hover td{background:#f9f9f9;}
.job-list tr td.ti{height:40px;background:#f0f0f0;color:#666;}
.job-list td a{color:#666;}
.prod-relate .tabs{padding:10px;margin-bottom:20px;background:#006db8;font-size:14px;color:#FFF;}
.prod-wrap ul{min-height:696px;}
.prod-wrap li,
.prod-relate li{float:left;width:240px;border:1px solid #ddd;margin:0 20px 20px 0;}
.prod-wrap li img,
.prod-relate li img{display:block;width:200px;height:160px;padding:10px 20px;}
.prod-wrap li span,
.prod-relate li span{display:block;height:30px;line-height:30px;text-align:center;background:#006db8;font-size:14px;color:#FFF;}
.prod-wrap li:hover,
.prod-relate li:hover{border:1px solid #006db8;}
.prod-dets{width:1030px;padding-bottom:30px;}
.prod-dets .bimg{float:left;width:400px;height:300px;padding:20px;border:1px solid #d8d8d8;}
.prod-dets .prod-text{position:relative;float:right;width:550px;border-top:1px solid #d8d8d8;padding-top:20px;margin-top:32px;}
.prod-dets .prod-text span{position:absolute;left:10px;top:-33px;display:inline-block;height:32px;line-height:32px;background:#FFF;padding:0 20px;border:1px solid #d8d8d8;border-bottom:none;font-size:14px;color:#4c4c4c;}
.prod-dets .prod-text table{border-top:2px solid #CCC;margin-bottom:20px;}
.prod-dets .prod-text tr{border-bottom:1px solid #dcdcdc;}
.prod-dets .prod-text td{padding:10px 10px;}
