body { margin: 0; padding: 0; font-size: 14px; color: #333; background: #fff; }

a { color: #333; text-decoration: none; }

a img { border: 0; }

ul, li { list-style: none; padding: 0; margin: 0; }

p { padding: 0; margin: 0; }

.left { float: left; }

.right { float: right; }

.center { width: 1200px; margin: 0 auto; overflow: hidden; }

.clear { clear: both; }

.top { height: 30px; background: #e5e6e0; border-bottom: #d4d2d3 1px solid; line-height: 30px; font-size: 12px; }

.logo .center { height: 130px; }

/*导航*/





.nav { overflow: hidden; background: url(../images/navbg.jpg) repeat-x; height: 53px; line-height: 53px; }

.nav ul li { float: left; width: 130px; text-align: center; background: url(../images/linebg.jpg) no-repeat left center; }

#fir { background: none; }

.nav ul li:hover a, .nav ul li.on a { background: url(../images/hovernavbg.jpg) repeat-x center; }

.nav ul li a { display: block; width: 100%; color: #fff; font-size: 16px; font-weight: bold; }

.nav ul li.on a { color: #fff; }

.nav ul li:hover a { color: #fff; }

/*banner*/





.Bannerslider { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }

.Bannerslider ul { position: relative; width: 1000%; overflow: hidden; }

.Bannerslider ul li { height: 520px; width: 10%; float: left; display: block; background: center top no-repeat; }

.Bannerslider ul li img { display: block; visibility: hidden; }

.Bannerslider ol { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; }

.Bannerslider ol li { width: 16px; height: 16px; background: url(../images/dot.png) 0 -16px; cursor: pointer; display: inline-block; *display: inline;
    *zoom: 1;
}

.Bannerslider ol li.on { width: 16px; height: 16px; background: url(../images/dot.png) 0 0px; }

.Bannerslider .ScrollLeft { display: none; width: 60px; height: 90px; position: absolute; top: 50%; left: 0; opacity: 0.8; background: url(../images/ad_ctr.png) 0 0; cursor: pointer; z-index: 1; margin-top: -45px; }

.Bannerslider .ScrollRight { display: none; width: 60px; height: 90px; position: absolute; top: 50%; right: 0; opacity: 0.8; background: url(../images/ad_ctr.png) 0 -90px; cursor: pointer; z-index: 1; margin-top: -45px; }

.Bannerslider .ScrollLeft:hover, .Bannerslider .ScrollRight:hover { opacity: 1; }

.Bannerslider:hover .ScrollLeft, .Bannerslider:hover .ScrollRight { display: block; }

.Bannerslider1 { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }

.Bannerslider1 ul { position: relative; width: 1000%; overflow: hidden; }

.Bannerslider1 ul li { height: 300px; width: 10%; float: left; display: block; background: center top no-repeat; }

.Bannerslider1 ul li img { display: block; visibility: hidden; }

.Bannerslider1 ol { text-align: center; width: 100%; position: absolute; bottom: 10px; left: 0; }

.Bannerslider1 ol li { width: 16px; height: 16px; background: url(../images/dot.png) 0 -16px; cursor: pointer; display: inline-block; *display: inline;
    *zoom: 1;
}

.Bannerslider1 ol li.on { width: 16px; height: 16px; background: url(../images/dot.png) 0 0px; }

.Bannerslider1 .ScrollLeft { display: none; width: 60px; height: 90px; position: absolute; top: 50%; left: 0; opacity: 0.8; background: url(../images/ad_ctr.png) 0 0; cursor: pointer; z-index: 1; margin-top: -45px; }

.Bannerslider1 .ScrollRight { display: none; width: 60px; height: 90px; position: absolute; top: 50%; right: 0; opacity: 0.8; background: url(../images/ad_ctr.png) 0 -90px; cursor: pointer; z-index: 1; margin-top: -45px; }

.Bannerslider1 .ScrollLeft:hover, .Bannerslider1 .ScrollRight:hover { opacity: 1; }

.Bannerslider1:hover .ScrollLeft, .Bannerslider1:hover .ScrollRight { display: block; }

/*产品直通车*/





.cpztc { font-size: 12px; background: #e5e6e0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec');
    background: linear-gradient(#ffffff, #ececec); box-shadow: #a9a9a9 0px 6px 5px; line-height: 40px; height: 40px; behavior: url(PIE.htc); }

/*主体*/





.main { overflow: hidden; margin-top: 20px; margin-bottom: 15px; }

.main .leftList { width: 230px; }

.main .rightMain { width: 960px; }

/*标题样式*/




.boxTitle { height: 48px; line-height: 48px; padding: 0 10px; position: relative; color: #fff; overflow: hidden; behavior: url(PIE.htc); background: url(../images/cpbg5.jpg) no-repeat left center; width:940px; }

.boxTitle .right { font-size: 16px; }

.boxTitle a { color: #fff; font-weight: bold; font-size: 16px; }

.boxTitle span a { font-weight: normal; font-size: 14px; }

.boxTitle1 { height: 48px; line-height: 48px; padding: 0 10px; position: relative; color: #fff; overflow: hidden; behavior: url(PIE.htc); background: url(../images/cpbg5.jpg) no-repeat left center; width:1180px; }

.boxTitle1 .right { font-size: 16px; }

.boxTitle1 a { color: #fff; font-weight: bold; font-size: 16px; }

.boxTitle1 span a { font-weight: normal; font-size: 14px; }

/*内容样式*/



.boxTitle_cplist { height: 48px; line-height: 48px; padding: 0 10px; color: #fff; overflow: hidden; behavior: url(PIE.htc); background: #001d80; text-align: center; }

.boxTitle_cplist a { color: #fff; font-weight: bold; font-size: 18px; }

.boxTitle_cplist span a { font-weight: normal; font-size: 18px; }

.boxTitle_lxwm { height: 48px; line-height: 48px; padding: 0 10px; position: relative; color: #fff; overflow: hidden; behavior: url(PIE.htc); background: url(../images/cpbg5.jpg) no-repeat left center; width:290px; }

.boxTitle_lxwm a { color: #fff; font-weight: bold; font-size: 16px; }

.boxTitle_lxwm span a { font-weight: normal; font-size: 14px; }

.boxTitle1_lxwm { height: 48px; line-height: 48px; padding: 0 10px; position: relative; color: #fff; overflow: hidden; behavior: url(PIE.htc); background: url(../images/cpbg5.jpg) no-repeat left center; width:270px; }

.boxTitle1_lxwm a { color: #fff; font-weight: bold; font-size: 16px; }

.boxTitle1_lxwm span a { font-weight: normal; font-size: 14px; }

.boxTitle_case { height: 48px; line-height: 48px; padding: 0 10px; position: relative; color: #fff; overflow: hidden; behavior: url(PIE.htc); background: url(../images/cpbg5.jpg) no-repeat center; }

.boxTitle_case a { color: #fff; font-weight: bold; font-size: 16px; }

.boxTitle_case span a { font-weight: normal; font-size: 14px; }

.boxTitle_news { height: 48px; line-height: 48px; padding: 0 10px; position: relative; color: #fff; overflow: hidden; behavior: url(PIE.htc); background: url(../images/cpbg5.jpg) no-repeat left center; width:625px; }

.boxTitle_news a { color: #fff; font-weight: bold; font-size: 16px; }

.boxTitle_news span a { font-weight: normal; font-size: 14px; }

.boxTitle_wt { height: 48px; line-height: 48px; padding: 0 10px; position: relative; color: #fff; overflow: hidden; behavior: url(PIE.htc); background: url(../images/cpbg5.jpg) no-repeat left center; width:525px; }

.boxTitle_wt a { color: #fff; font-weight: bold; font-size: 16px; }

.boxTitle_wt span a { font-weight: normal; font-size: 14px; }

.boxContent { border: 1px solid #e8e8e8; overflow: hidden; }

.pic { cursor: pointer; margin: 1px 1px; padding: 0; position: relative; width: 1200px; margin:0 auto; }

.pic img {cursor: pointer; height: 320px;width: 1200px;}

.intro { background:url(../images/about.png) repeat; color: #fff; display: none; height: 100%; left: 0; margin: 0; position: absolute; top: 0; width: 100%; }

.intro p { padding: 10px; line-height: 30px; }

/*左侧列表样式*/




.leftList ul .class { background: /*#95ac00*/ #012ec7; width: 210px; height: 33px; line-height: 33px; border-radius: 3px; margin: 5px auto; }

.leftList .boxContent {padding-bottom: 10px;background: #ccc;}

.leftList ul .class a { color: #fff; text-align: center; display: block; width: 100%; font-size: 14px; font-weight: bold; }

.leftList ul li.pro { background: #fff url(../images/ico01.gif) no-repeat 10px center; /*border-bottom:dashed 1px #d8d8d8;*/ height: 33px; overflow: hidden; float: left; width:104px; margin: 6px auto 0 9px; border-radius: 5px; }

.leftList ul li.pro:hover { background-color: #012ec7; }

.leftList ul li.pro:hover a { color: #fff; }

.leftList ul li.pro a { padding-left: 18px; line-height: 33px; display: block; }

/*产品列表样式*/






.caseHome {
    background:url("../images/caseBg.jpg") repeat fixed center center;
    padding: 55px 0 50px;
    width: 100%;
}
.caseHomeIn {
    margin: 0 auto;
    width: 1200px;
}
.caseHome a:hover {
    text-decoration: none;
}
.caseHome .title {
    font-size: 36px;
    margin-top: 20px;
    text-align: center;
}
.caseHome .title a {
    color: #fff;
}
.caseHome .title2 {
    color: #fff;
    font-size: 16px;
    margin-top: 11px;
    text-align: center;
}
.caseHome .caseHomeContent {
    margin: 30px auto 0;
    width: 1200px;
}
.caseHome .caseHomeContent ul {
    overflow: hidden;
}
.caseHome .caseHomeContent ul li {
    background: #7c7b80;
    border: 1px solid #333;
    float: left;
    height: 270px;
    margin-bottom: 30px;
    margin-right: 30px;
    overflow: hidden;
    padding: 3px;
    width: 360px;
}
.caseHome .caseHomeContent ul li a {
    display: block;
    position: relative;
    z-index: 222;
}
.caseHome .caseHomeContent ul li .casePic {
    height: 270px;
    overflow: hidden;
    position: relative;
    width: 360px;
}
.caseHome .caseHomeContent ul li .caseName {
    background:url(../images/casename.png) repeat center;
    bottom: 20px;
    color: #fff;
    font-size: 18px;
    left: 0;
    line-height: 50px;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 2;
}
.caseHome .caseHomeContent ul li:hover {
    background: #fff;
    border-color: #fff;
}
.caseHome .caseHomeContent ul li .caseName:hover {
    background:url(../images/casename1.png) repeat center;
}
.caseHome .caseHomeContent ul li img {
    height: 270px;
    width: 100%;
}





.productList { overflow: hidden; margin-top: 10px; }

.productList li { float: left; width: 305px; text-align: center; margin-left: 11px; line-height: 38px; }

.productList li img { width: 297px; height: 206px; display: block; padding: 3px; border: 1px #012ec7 solid; }

.productList li img:hover { border: 1px solid #001c80; }

/*工程案例样式*/




.case { margin-top: 20px; }

.caseList { overflow: hidden; padding: 5px 0 10px; }

.caseList li { float: left; width: 261px; text-align: center; margin-left: 11px; margin-top: 10px; line-height: 2; }

.caseList li img { width: 256px; height: 180px; display: block; }

/*公司简介联系我们样式*/




.main .about { width: 1200px; }

.main .contact { width: 290px; }

.main .contact .boxContent { padding:0 10px; line-height: 26px; }

.main .about .boxContent { padding: 7px 0; }

.main .about .boxContent img.left { width: 440px; height: 190px; padding: 4px; border: 1px solid #dadada; margin: 20px 10px 0 10px; }

.main .about .boxContent .right { width: 422px; line-height: 2; }

.main .about .boxContent .right h2 { margin: 20px 0 0 0; }

/*资质荣誉*/





.honner { margin-top: 20px; margin-bottom: 15px; }

.honner .boxContent { padding: 10px 0; }

/*资质荣誉滚动*/





.gd { overflow: hidden; width: 1190px; height: 245px; position: relative; margin: 0 auto; }

.gd ul { position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden; width: 9999999px; }

.gd ul li { width: 290px; float: left; text-align: center; margin: 0 2px; }

.gd ul li img { width: 275px; height: 200px; }

.gd ul li a { line-height: 2; }

/*新闻样式*/





.news { margin-top: 20px; }

.news .xwzx { width: 645px; }

.news .jszc { width: 545px; }

.newsList li { background: url(../images/ico03.gif) no-repeat 10px center; height: 40px; line-height: 40px; overflow: hidden; border-bottom: dashed 1px #d8d8d8; padding: 0 10px 0 30px; }

.news ul li a { }

/*友情链接*/





.friendLink { margin-top: 20px;  margin-bottom: 20px}

/*底部友情链接*/





.bNav { text-align: center; line-height: 53px; background: url(../images/navbg.jpg) repeat-x; color: #fff; }

.bNav a { color: #fff; font-weight: bold; font-size: 14px; padding: 0 8px; }

/*底部样式*/




.footer { background: #E5E6E0; text-align: center; line-height: 2; padding: 15px 0 80px; }

/*优势*/




.ys {/* background: url(../images/ys_title.jpg) top center no-repeat; *//* margin-top: 20px; *//* padding-top: 165px; */line-height: 2;font-size: 16px;}

.ys .center { }

.ys_center {height: 886px;background: url(../images/ys_bg.jpg) no-repeat top center;position: relative;width: 100%;}

.ys1 {margin: 122px 0 0 70px;}

.ys2 { margin: 115px 0 0 70px; }

.ys3 {margin: 228px 0 0 764px;}

.ys4 {margin: 123px 0 0 764px;}

.ys p span { border: 7px #fff solid; border-left-color: #006633; width: 0; height: 0; display: block; float: left; margin: 10px 5px 0 0; position: relative; }

.ztc { line-height: 40px; }

/*内页*/





.rightMain .info { padding: 10px; line-height: 2; }

.rightMain .info { font-size: 16px; line-height: 2; }

.pageCode { text-align: center; line-height: 40px; }

.product h1 { margin: 10px; text-align: center; }

.xTitle { text-align: center; line-height: 2; }

.picList { text-align: center; }

.picList img { width: 400px; height: 300px; border: 1px solid #ccc; padding: 3px; margin: 3px; }

.productContet { line-height: 2; padding: 10px; }

.tag { line-height: 2; padding: 0 10px; }

.productContet a, .tag a, .fanye a { color: #136ec2; }

.fanye { line-height: 2; padding: 0 10px; }

.ewmBox { bottom: 0; left: 0; position: fixed; width: 100%; z-index: 1; height: 65px; background: url(../images/xfbg.png) repeat;z-index: 9999 }

.ewmBoxIn { width: 1160px; margin: 0 auto; /*background:url(../images/xf.png) no-repeat center top;*/ height: 65px; line-height: 65px; position: relative; }

.ewm2 { bottom: 0; height: 65px; position: absolute; right: 0px; width: 65px; z-index: 999; }

.ewm2 img.wxx { width: 100%; height: 100%; }

.ewm2 img.wx { bottom: 78px; display: none; left: -144px; position: absolute; }

.ewm2:hover .wx { display: block; }

.ewmBox a { text-decoration: none; color: #fff; }

.ewmBox .ico { width: 54px; height: 54px; background: url(../images/ico.png) no-repeat; float: left; }

.ewmBox .font { float: left; color: #fff; font-size: 22px; font-weight: bold; font-family: 微软雅黑; width: 250px; padding-left: 10px; }

.ewmBox .font p { margin: 0; line-height: 30px; }

.ewmBox .font p.num { text-indent: 3em; }

.ewmBox .phoneNum { width: 350px; float: left; padding: 5px 0; }

.ewmBox .phoneNum .ico { background-position: 0 0; }

.ewmBox .QQ { width: 350px; float: left; padding: 5px 0; }

.ewmBox .QQ .ico { background-position: -57px 0; }

.ewmBox .weChat { width: 350px; float: left; padding: 5px 0; }

.ewmBox .weChat .ico { background-position: -113px 0; }

.ewm { position: fixed; left: 10px; bottom: 60px; z-index: 9999; }

.ewm img { width: 200px; height: 200px; }

.xbanner { background: url(../banner/xt.jpg) no-repeat top center; height: 300px; width: 100%; }

.xbanner a { width: 100%; height: 300px; display: block; }