﻿@charset "utf-8";
/* CSS Document */
*{transition:all .5s;}
 

#flashs{ position:relative; height:409px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:30px; left:50%; margin-left:-64px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#202932; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#2764ff;}

.hbSpan{padding-bottom:34px; background-color:#dedede; text-align:center;position:relative;z-index:999;}
.hzhb h4{position:relative; margin-bottom:30px; text-align:center; font-weight:normal; font-size:16px;}
.hzhb h4 a{position:absolute; left:50%; top:-22px; margin-left:-158px; width:316px; height:44px; line-height:44px; background-color:#006bc7; color:#fff;}
.hzhb h4 div{padding-top:30px; text-transform:uppercase; color:#333;}
.hzhb .hzCont{position:relative;}
.hzhb .hzCont ul{margin:0 auto; width:780px; overflow:hidden;}
.hzhb .hzCont li{margin:0 5px; float:left; width:185px;}
.hzhb .hzCont li h5{margin-top:12px; font-weight:normal;}
.hzhb .hzCont li h5 a{color:#333;}
.hzhb .hzCont .btnLeft , .hzhb .hzCont .btnRight{position:absolute; top:50%; margin-top:-14px; width:28px; height:28px;}
.hzhb .hzCont .btnLeft{left:48px; background:url(Img/Index/BtnLeft.png) no-repeat center;}
.hzhb .hzCont .btnRight{right:48px; background:url(Img/Index/BtnRight.png) no-repeat center;}
.hzhb .btnCkgd{margin:42px auto 0 auto; display:block; width:146px; height:30px; line-height:30px; text-align:center; color:#333; border:2px solid #666;}


/*产品*/
.cpBox{margin-top:22px; margin-bottom:46px;}

.cpMu{width:286px; height:810px; background:url(Img/Index/cpMu.png) no-repeat center bottom; overflow:hidden;}
.cpMu h4{height:46px; line-height:46px; font-size:18px;}
.cpMu h4 a{margin-left:36px; color:#fff;}
.cpMu dl{margin-top:10px;}
.cpMu dt{margin-bottom:8px; height:40px; line-height:40px; background:url(Img/Index/cpMuDt.png) no-repeat 20px bottom;}
.cpMu dt a{margin-left:38px; font-size:13px; color:#fff; font-weight:bold;}
.cpMu dd{overflow:hidden;}
.cpMu dd{height:34px; line-height:34px; overflow:hidden;}
.cpMu dd a{padding-left:26px; height:26px; line-height:34px; display:block; color:#c7c7c7;}
.cpMu dd a:hover{color:#2764ff}
.cpList{width:684px; height:810px; background:url(Img/Index/cpList.png) no-repeat center; overflow:hidden;}
.cpList h4{height:46px; line-height:46px; font-size:15px;}
.cpList h4 a{margin-left:16px; margin-right:10px; color:#333;}
.cpList h4 span{color:#999; font-weight:normal; font-size:12px;}

.cpList ul{overflow:hidden;}
.cpList li{margin:15px 26px 14px 26px; float:left; width:290px;}
.cpList li h5{padding:0 12px; height:50px; line-height:50px; overflow:hidden; font-weight:normal; overflow:hidden; font-size:14px;}
.cpList li h5 a{color:#222;}
.cpList li:hover h5 a{color:#2764ff;}


/*成功案例*/
.alSpan{height:354px; background:url(Img/Index/alSpan.jpg) no-repeat center; text-align:center;}
.cgal h4{position:relative; margin-bottom:30px; text-align:center; font-weight:normal; font-size:16px;}
.cgal h4 a{position:absolute; left:50%; top:-22px; margin-left:-158px; width:316px; height:44px; line-height:44px; background-color:#006bc7; color:#fff;}
.cgal h4 div{padding-top:30px; text-transform:uppercase; color:#333;}
.cgal .alCont{position:relative;}
.cgal .alCont ul{margin:0 auto; width:780px; overflow:hidden;}
.cgal .alCont li{margin:0 5px; float:left; width:185px;}
.cgal .alCont li h5{margin-top:12px; font-weight:normal;}
.cgal .alCont li h5 a{color:#333;}
.cgal .alCont .btnLeft , .cgal .alCont .btnRight{position:absolute; top:50%; margin-top:-14px; width:28px; height:28px;}
.cgal .alCont .btnLeft{left:48px; background:url(Img/Index/BtnLeft.png) no-repeat center;}
.cgal .alCont .btnRight{right:48px; background:url(Img/Index/BtnRight.png) no-repeat center;}
.cgal .btnCkgd{margin:42px auto 0 auto; display:block; width:146px; height:30px; line-height:30px; text-align:center; color:#333; border:2px solid #666;}



.ggl .container{position:relative;}
.ggl01{height:198px; background:url(Img/Index/gglImg_01.jpg) no-repeat center;}
.ggl01 img{position:absolute; right:20px; top:40px;}
.ggl02{height:170px; background:url(Img/Index/gglImg_02.jpg) no-repeat center;}
.ggl02 span{position:absolute; left:836px; top:132px; font-size:18px; color:#dadada;}


/*优势*/
.ysBox{position:relative; margin-top:8px; height:1040px; background:url(Img/Index/ysBox.jpg) no-repeat center;}
.ysBox h4{margin-bottom:30px; text-align:center; font-weight:normal; font-size:16px;}
.ysBox h4 a{margin:0 auto; display:block; width:316px; height:44px; line-height:44px; background-color:#006bc7; color:#fff;}
.ysBox h4 div{padding-top:8px; text-transform:uppercase; color:#333;}
.ysBox dl{position:absolute; color:#333;}
.ysBox dt{margin-bottom:8px; font-size:16px; font-weight:bold;}
.ysBox dd{line-height:26px; font-size:14px; width:410px;}
.ysBox dd em{color:#2764ff;}
.ysBox .ys01{left:545px; top:124px;}
.ysBox .ys02{left:545px; top:270px;}
.ysBox .ys03{left:72px; top:396px;}
.ysBox .ys04{left:72px; top:600px;}
.ysBox .ys05{left:545px; top:770px;}
.ysBox .ys06{left:545px; top:894px;}
.ysBox .ys03 table{color:#2764ff;}
.ysBox .ys03 td{padding:0px;}
.ysBox .ys03 .tt{padding-top:2px; font-weight:bold; vertical-align:top;}
.ysBox .ys03 td p{line-height:28px;}


/*关于*/
.gyBox{margin-top:26px; border-bottom:1px solid #ccc;}
.gyBox h4{margin-bottom:30px; padding-bottom:26px; text-align:center; font-weight:normal; font-size:16px; background:url(Img/Index/titJd_ico.png) no-repeat center bottom;}
.gyBox h4 a{margin:0 auto; display:block; width:316px; height:44px; line-height:44px; background-color:#2d62fe; color:#fff;}
.gyBox h4 div{padding-top:8px; text-transform:uppercase; color:#333;}
.gyBox dl{margin:0px 30px; padding-bottom:42px; background:url(Img/Index/gyDtYy.png) no-repeat 64px 237px;}
.gyBox dt{width:384px; height:237px; background:url(Img/Index/gyImg.jpg) no-repeat center;}
.gyBox dd{margin-left:410px; height:237px; overflow:hidden;}
.gyBox dd h5{font-size:16px; font-weight:normal; padding-bottom:10px; margin-bottom:10px; background:url(Img/Index/gyTitBr.png) repeat-x center bottom;}
.gyBox dd h5 a{color:#333;}
.gyBox dd p{margin-bottom:28px; line-height:20px; color:#333; height:120px; overflow:hidden;}
.gyBox dd .btnCkgd{display:block; width:146px; height:30px; line-height:30px; text-align:center; color:#333; border:2px solid #666;}


/*生产车间展示*/
.sccj{margin-top:14px; padding-bottom:8px;}
.sccj h4{margin-bottom:30px; padding-bottom:16px; text-align:center; font-weight:normal; font-size:16px; background:url(Img/Index/titJd_ico2.png) no-repeat center bottom;}
.sccj h4 a{margin:0 auto; display:block; width:316px; height:34px; line-height:34px; color:#333;}
.sccj h4 div{text-transform:uppercase; color:#999;}
.sccj .cjCont{position:relative;}
.sccj .cjCont ul{margin:0 auto; width:780px; overflow:hidden;}
.sccj .cjCont li{margin:0 5px; float:left; width:185px;}
.sccj .cjCont li h5{margin-top:12px; font-weight:normal;text-align:center;}
.sccj .cjCont li h5 a{color:#333;}
.sccj .cjCont .btnLeft , .sccj .cjCont .btnRight{position:absolute; top:50%; margin-top:-14px; width:28px; height:28px;}
.sccj .cjCont .btnLeft{left:48px; background:url(Img/Index/BtnLeft.png) no-repeat center;}
.sccj .cjCont .btnRight{right:48px; background:url(Img/Index/BtnRight.png) no-repeat center;}
.sccj .btnCkgd{margin:42px auto 0 auto; display:block; width:146px; height:30px; line-height:30px; text-align:center; color:#333; border:2px solid #666;}




.contTit{height:28px; line-height:28px; border-bottom:1px solid #666;position:relative;}
.contTit .titA{padding-left:6px; border-left:5px solid #2764ff; color:#333;}
.contTit .titMore{font-weight:normal;position:absolute;top:0;right:0;}








.wdSpan{margin:20px 0px; background-color:#ddd;}
.wdSpan .container{padding:20px 0px; background:url(Img/Index/wdSpan.png) no-repeat 480px center;}

/*问题解答*/
.wtjd{width:440px; height:280px;}
.wtjdCont{margin-top:30px; height:180px; overflow:hidden;}
.wtjdCont dl{padding:4px 0;}
.wtjdCont dt{background-image:url(Img/Index/tw_ico.png);}
.wtjdCont dt a{color:#333;}
.wtjdCont dd{line-height:20px; background-image:url(Img/Index/jd_ico.png); color:#2764ff;}
.wtjdCont dt , .wtjdCont dd{padding:8px 0; padding-left:26px; background-position:left 8px; background-repeat:no-repeat;}


/*荣誉*/
.ryBox{margin-right:40px; width:380px; height:280px;}
.ryBox .ryCont{padding-top:40px; position:relative;}
.ryBox .ryCont ul{margin:0 auto; width:238px;}
.ryBox .ryCont li{width:238px; float:left; _display:inline; text-align:center;}
.ryBox .ryCont li img{border:1px solid #ccc;}
.ryBox .ryCont li h5{margin-top:18px; font-weight:normal;}
.ryBox .ryCont li h5 a{color:#333;}
.ryBox .ryCont .btnLeft , .ryBox .ryCont .btnRight{position:absolute; top:50%; margin-top:-14px; width:28px; height:28px;}
.ryBox .ryCont .btnLeft{left:10px; background:url(Img/Index/BtnLeft.png) no-repeat center;}
.ryBox .ryCont .btnRight{right:10px; background:url(Img/Index/BtnRight.png) no-repeat center;}



/*动态*/
.dtBox{margin-right:48px; width:294px;}
.dtBox .dtImg{margin-top:14px; margin-bottom:10px; text-align:center;}
.dtBox ul{}
.dtBox li{position:relative; height:30px; line-height:30px;}
.dtBox li a{display:inline-block; padding-left:16px; background:url(Img/Index/dtLiIco.png) no-repeat left center; width:200px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#333;}
.dtBox li span{position:absolute; right:0px; top:0px; color:#999;}
.dtBox.fr{margin-right:0px;}



/*友情链接*/
.yqlj{margin-top:24px;}
.yqlj h4{padding-bottom:4px; font-style:italic; border-bottom:1px solid #d6d6d6;}
.yqlj h4 a{font-weight:normal; color:#333;}
.yqlj h4 span{margin-right:10px; font-size:18px; color:#2764ff; text-transform:uppercase;}
.yqlj p{margin-left:-10px; margin-top:10px; height:48px; line-height:48px; overflow:hidden;}
.yqlj p a{padding:0 10px; color:#333;}










.head {
    background: url("Img/Common/head_bg.jpg") no-repeat scroll left 0 rgb(255, 255, 255);
    height: 150px;
    width: 100%;
}
.head .topbar {
    background: none repeat scroll 0 0 rgb(0, 51, 147);
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    padding: 9px 0;
    text-align: right;
    width: 100%;
	}
.fr{
    float: right;
}
.h_top span a {
    color: rgb(136, 136, 136);
    display: inline-block;
    padding: 0 10px;
}
.head .cent {
    height: 108px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 1000px;
}
.head .cent .logo {
    height: 94px;
    overflow: hidden;
    width: 549px;
}
.fl {
    float: left;
}

.head .cent .logo a {
    float: left;
    height: 80px;
    width: 100%;
}

.head .cent .r {
    height: 80px;
    overflow: hidden;
    padding-top: 20px;
    width: 420px;
}
.fr {
    float: right;
}
.head .cent .r .tel {
    color: rgb(0, 0, 0);
    font-size: 30px;
    height: 35px;
    line-height: 35px;
    padding-left: 0;
    text-align: left;
    width: 100%;
}
.head .nav {
    margin: 0 auto;
    width: 1000px;
}
.head .nav ul {
    float: left;
    width: 100%;
}
.head .nav ul li {
    background: url("Img/Common/nav_line.png") no-repeat scroll left 0px rgba(0, 0, 0, 0);
    float: left;
    height: 42px;
    position: relative;
    width: 166px;
    z-index: 99;
}
.head .nav ul li a {
    color: rgb(255, 255, 255);
    float: left;
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    width: 166px;
}
.head .nav ul li a em {
    display: block;
    font-family: "Airal";
    font-size: 9px;
}
.head .nav ul li a:hover, .head .nav ul li.cur a {
    background: url("Img/Common/nav_cur2.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    color: rgb(254, 116, 0);
    height: 42px;
    width: 166px;
}
.head .nav ul li .drop {
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 42px;
    width: 100%;
    z-index: 999;
}
.head .nav ul li .drop a {
    background: none repeat scroll 0 0 rgb(0, 0, 0);
    border-bottom: 1px solid rgb(38, 38, 38);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    opacity: 0.7;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%;
}
.head .nav ul li .drop a:hover {
    background: none repeat scroll 0 0 rgb(174, 42, 35);
    color: rgb(255, 255, 255);
}
.head .nav ul li:hover .drop {
    display: block;
}




















#footer {
	text-align:center;
}
.fullSlide {
	width:100%;
	position:relative;
	height:500px;
	background:#000;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:500px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:500px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px; padding-bottom:20px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:42px;
	height:11px;
	margin:1px;
	overflow:hidden;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:#f00;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:15%;
	z-index:1;
	width:40px;
	height:60px;
	background:url(Img/Common/slider-arrow.png) -126px -137px #000 no-repeat;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:15%;
	background-position:-6px -137px;
}