/* CSS Document */

*{box-sizing:border-box;}
#fancybox-wrap,#fancybox-wrap *{box-sizing:content-box !important;}

a{ font-family:"Microsoft Yahei",Arial,sans-serif; font-size:14px;color:#515151; text-decoration:none;transition:all 0.2s linear 0s;}
a:hover{color:#029b63;}
body,p,ul,li,div,dd,dt{padding:0; margin:0; list-style:none; font-size:14px;}
h1,h2,h3,h4,h5,h6{margin: 0; padding: 0;}
html body { font-family: "Microsoft Yahei";color:#444444; font-size:14px;}
 table{border-collapse: collapse; }
table th,table td{ padding:5px;border:1px solid #dedede;} 
ins{display:none;}
img{border:none;}

.w1200{ width:1200px; margin:0 auto;position: relative; }
.w1100{ width:1100px; margin:0 auto;position: relative; }
.fleft{ float:left;}
.fright{ float:right;}
.clear{clear:both; margin:0; padding:0;}
.blank15{height:15px;}
.blank12{height:12px;}
.block{display:block;}
.wrap{ margin:0; padding:0;  max-width:1920px; width:100%; margin:0 auto; overflow:hidden; position:relative; height:auto; }

.icon.tel{ background: url("img/icon_tel.png") 0 0 no-repeat; display: block; width: 19px; height: 19px; margin-top: 20px; margin-right: 5px;}

.header{ border-top: 5px solid #029b63; background:url("img/header_bg.png") bottom center repeat;}
.header .logo{position:relative; float: left; width:340px; height:152px;}
.header .logo img{ display:block; position: absolute; left:-60px;}
.header .headerRightTop{ height:62px; float: right; width: 430px;}
.header .headerRightTop .tel{ float: left; line-height: 62px; font-size: 18px;}
.header .headerRightTop .tel i.fa{color: #029b63;}
.header .headerRightTop .tel span{color: #e87816; font-weight: bold;}

.header .headerRightTop .changeLang{ float: right; background: url("img/lang_bg.png") left center no-repeat; width: 125px;height: 62px; line-height: 62px; padding-left: 50px;padding-left: 56px;}
.header .headerRightTop .changeLang .langs{ text-indent: 10px; line-height: 32px;height: 32px;overflow: hidden; margin-top: 12px; }
.header .headerRightTop .changeLang .langs a.on{ color: #e87816;}
.header .headerRightTop .changeLang:hover .langs{ height: 62px;}

.header .nav{ height:90px;float:left; width:850px; position: relative;}
.header .nav li{float: left; width:140px; text-align: center;}
.header .nav li >a{line-height: 90px; font-size: 17px;}

.header .nav li .subnav{ position: absolute; z-index: 9; background: #ffffff; padding: 10px 0; display: none; width: 1920px; left: -700px;}
/*.header .nav li .subnav li{line-height: 36px;}
.header .nav li .subnav li a{line-height: 30px; font-size: 14px; display: block;border-radius: 5px; height: 30px; margin-top: 3px; width: 80%; margin: 0 auto;}
 .header .nav li .subnav li a:hover{ background-color: #029b63; color: #ffffff;} */
.header .nav li .subnav.product{ }
.header .nav li .subnav.product .productSnav{ width: 1200px; margin: 0 auto; height: 600px;}
.header .nav li .subnav .subnavCon{ width: 1200px; margin: 0 auto; height: auto;overflow: hidden; padding-bottom: 15px;}
.header .nav .subnav .subnavCon .subnavConLeft{ float: left; width: 420px; padding: 20px 30px;}
.header .nav .subnav .subnavCon .subnavConLeft li{ width: 170px; padding: 0 10%; float: left;}
.header .nav .subnav .subnavCon .hvr-underline-from-center:before{ background:#029b63; max-width: 90%; margin: 0 auto;}
.header .nav .subnav .subnavCon .subnavConRight{ float: right;}
.header .nav .subnav .subnavCon .subnavConRight .subnavItem{ float: left; width: 350px; overflow: hidden;}
.header .nav .subnav .subnavCon .subnavConRight .subnavItem a{display: block;padding: 10px;}
.header .nav .subnav .subnavCon .subnavConRight .subnavItem a:hover{ background-color: #ebebeb;}
.header .nav .subnav .subnavCon .subnavConRight .subnavItem .subnavimg{ width: 326px; height: 201px; overflow: hidden;}
.header .nav .subnav .subnavCon .subnavConRight .subnavItem .subnavimg img{height: 100%; width: 100%; display: block;}
.header .nav .subnav .subnavCon .subnavConRight .subnavItem p{ line-height: 36px;}



.subnav.product .productSnav dl{float: left; width: 167px; margin: 0 15px;}
.subnav.product .productSnav dl dt{border-bottom: 2px solid #029b63; margin-bottom: 10px;}
.subnav.product .productSnav dl dt .snavImg{max-width: 167px;}
.subnav.product .productSnav dl dt p{ line-height: 32px; margin-bottom: 5px;}
.subnav.product .productSnav dl dd{ height: 36px;}
.subnav.product .productSnav dl dd a{ font-size: 12px; height: 30px; line-height: 30px; display: block;border-radius: 5px; width: 98%; margin: 0 auto; text-align: center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.subnav.product .productSnav dl dd a:hover{color: #ffffff; background-color: #029b63;}


.indexMain{clear; width:100%; height:100%;}

.flash_box{width:1200px; position:relative; margin:0 auto; height: 620px;}
.flash_box .flash{width:1920px; position: absolute; left:-360px; height: 620px;}
.flash_box .flash li{ float: left;}
.flash_box .flash .bd{overflow: hidden;position: relative;}
.flash_box .flash .prev,.flash_box .flash .next{ display: block; position: absolute; width: 48px; height: 48px; left:10%; background: url("img/arrows-48-48.png") 0 0 no-repeat; opacity: 0; top: 45%;}
.flash_box .flash .next{ left: auto; right:10%; background-position: -50px 0;}

.flash_box .flash:hover .prev{ opacity: .7; left: 15%;}
.flash_box .flash:hover .prev:hover{ opacity: .9;}
.flash_box .flash:hover .next{opacity: .7; right: 15%;}
.flash_box .flash:hover .next:hover{opacity: .9;}

.indexSearch{background-color: #f4f4f4; height:60px; line-height: 60px;}
.indexSearch .keywords{float: left;  }
.indexSearch .keywords .keywordName{background-color: #4f4f4f;text-align: center; color:#ffffff; float: left; width:162px;}
.indexSearch .keywords .keywordList{float: left; margin-left: 20px;}
.indexSearch .keywords .keywordList a{margin:0 5px;}
.indexSearch .searchBox{float: right; padding-top: 15px;}
.indexSearch .searchBox .searchText{border:1px solid #e0e0e0; height:35px; line-height: 35px; background-color: #ffffff;color:#b6b4b4; font-size: 13px; text-indent: 15px; width:240px; float: left;}
.indexSearch .searchBox .searchBtn{ display:block; border:none; background-color: #029b63; color:#ffffff; text-align: center; line-height: 36px; height:35px; float: left; padding:0 15px;cursor: pointer;}
.indexSearch .searchBox .searchBtn:hover{background-color: #4f4f4f;}

.indexYoushi .head{ text-align: center; width:230px; margin:0 auto;} 
.indexYoushi .head .cnName{ font-size: 30px; font-weight: bold; line-height: 66px; color:#4f4f4f; border-bottom: 1px solid #666666;;}
.indexYoushi .head .cnName .bottomLine{ height:0px; border:1px solid #109e6a;display:block; width:50px; margin:0 auto;}
.indexYoushi .head .headDesc{ line-height: 36px; color:#666666;}
.indexYoushi .head img{ margin:0 auto;}
.indexYoushi .youshiCon{ width:1200px; margin:20px auto 50px;}
.indexYoushi .youshiCon .youshiItem{width:260px; float: left; margin:0 20px; text-align: center;}
.indexYoushi .youshiCon .youshiItem i.icon{display:block; margin:0 auto; width:120px; height:120px; background:url("img/ys_icon.png") 0 0 no-repeat;}
.indexYoushi .youshiCon .youshiItem .ysItemTitle{ font-size: 22px; color:#4f4f4f; line-height: 42px; margin:6px auto;}
.indexYoushi .youshiCon .youshiItem .ysItemDesc p{ font-size: 13px; color:#888888; line-height: 26px;;}

.indexYoushi .youshiCon .youshiItem i.icon_1:hover{ background-position: 0 -179px;}
.indexYoushi .youshiCon .youshiItem i.icon_2:hover{ background-position: -260px -179px;}
.indexYoushi .youshiCon .youshiItem i.icon_3:hover{ background-position: -520px -179px;}
.indexYoushi .youshiCon .youshiItem i.icon_4:hover{ background-position: -780px -179px;}

.indexYoushi .youshiCon .youshiItem i.icon_1{ background-position: 0 0;}
.indexYoushi .youshiCon .youshiItem i.icon_2{ background-position: -260px 0;}
.indexYoushi .youshiCon .youshiItem i.icon_3{ background-position: -520px 0;}
.indexYoushi .youshiCon .youshiItem i.icon_4{ background-position: -780px 0;}

.indexProduct {background-color: #f3f3f3; height:566px;}
.indexProduct .head{ text-align: center; width:230px; margin:0 auto;} 
.indexProduct .head .cnName{ font-size: 30px; font-weight: bold; line-height: 66px; color:#4f4f4f; border-bottom: 1px solid #666666;;}
.indexProduct .head .cnName .bottomLine{ height:0px; border:1px solid #109e6a;display:block; width:50px; margin:0 auto;}
.indexProduct .head .headDesc{ line-height: 36px; color:#666666;}
.indexProduct .head img{ margin:0 auto;}

.indexProduct  .slideProduct{ width: 1200px; margin: 20px auto 0;}
.indexProduct  .slideProduct .slideitem{ float: left; width: 120px; overflow: hidden; height: 358px; position: relative;}
.indexProduct  .slideProduct .slideitem .slideCon{ width: 100%; background:url("img/bg.png") 0 0 repeat; color: #ffffff;height: 358px; position: absolute; z-index: 2;cursor:  pointer;padding:0 50px; }
.indexProduct  .slideProduct .slideitem .slideCon .catname{ font-size: 26px;  margin-top: 20px; text-align: center;font-weight: normal;}
.indexProduct  .slideProduct .slideitem .catimg{position: absolute; right:-160px; z-index: 1; height: 358px;}
.indexProduct  .slideProduct .slideitem .slideCon .catContent{ padding:20px; color:#ffffff; opacity: 0; font-size: 14px; line-height: 26px; top: 100px; position: relative; width: 280px;}
.indexProduct  .slideProduct .slideitem .slideCon .catContent a.more{ display: block; width:140px; height:32px; line-height: 32px; background-color: #ffffff; color:#029b63; text-align: center; margin-top: 24px; border-radius: 5px;}
.indexProduct  .slideProduct .slideitem.active{ width:600px;}
.indexProduct  .slideProduct .slideitem.active .slideCon{ background:url("img/slide_bg.png") right top no-repeat;  width: 281px; padding:0;}
.indexProduct  .slideProduct .slideitem.active .catContent{ opacity: 1; top: 0;}
.indexProduct  .slideProduct .slideitem.active .slideCon .catname{font-size: 26px;padding:0; font-weight: bold; }

.indexNews { height:auto; padding-bottom: 50px;}
.indexNews .head{ text-align: center; width:230px; margin:0 auto;} 
.indexNews .head .cnName{ font-size: 30px; font-weight: bold; line-height: 66px; color:#4f4f4f; border-bottom: 1px solid #666666;;}
.indexNews .head .cnName .bottomLine{ height:0px; border:1px solid #109e6a;display:block; width:50px; margin:0 auto;}
.indexNews .head .headDesc{ line-height: 36px; color:#666666;}
.indexNews .head img{ margin:0 auto;}
.indexNews .indexNewsCon{ width:1200px; margin:20px auto 0;}
.indexNews .indexNewsCon .indexNewsLeft{ float: left; width:760px;}
.indexNews .indexNewsCon .indexNewsLeft ul li{ float: left; width:360px; margin-bottom: 25px;}
.indexNews .indexNewsCon .indexNewsLeft ul li.first{ width:760px;}
.indexNews .indexNewsCon .indexNewsLeft ul li.first .newsImg{ width:360px; float: left; margin-right: 20px; overflow: hidden; height: 250px; border: 1px dotted #029b63;}
.indexNews .indexNewsCon .indexNewsLeft ul li.first:hover .newsImg{border: 1px dashed #029b63;}

.indexNews .indexNewsCon .indexNewsLeft ul li.first .newsImg img{max-width: 100%; max-height: 100%;height: 100%; width: 100%;}
.indexNews .indexNewsCon .indexNewsLeft ul li.first .newsInfo{ width:365px; float: left;}
.indexNews .indexNewsCon .indexNewsLeft ul li.first .newsInfo .newsTitle{ font-size: 16px; line-height: 42px;}
.indexNews .indexNewsCon .indexNewsLeft ul li.first .newsInfo .newsDesc{ font-size: 12px; line-height: 29px;}
.indexNews .indexNewsCon .indexNewsLeft ul li.first .newsInfo .moreBtn{ background-color: #f29400; color:#ffffff; border-radius: 10px; width:50px; height:29px; line-height: 29px; text-align: center; padding:5px 10px; font-family: sans-serif;text-transform: uppercase;font-size: 20px;}
.indexNews .indexNewsCon .indexNewsLeft ul li.first .newsInfo .moreBtn:hover{ opacity: .8;}
.indexNews .indexNewsCon .indexNewsLeft ul li .newsTime{ float: left; width:72px; height:72px; text-align: center; background-color: #029b63; color:#ffffff;padding-top: 10px;}
.indexNewsLeft ul li .newsTime .day{ font-size: 20px; }
.indexNewsLeft ul li .newsTime .mouth{font-size: 15px;}
.indexNewsLeft ul li .newsInfo {float: left; width: 260px; margin-left: 10px;}
.indexNewsLeft ul li .newsInfo .newsTitle{ line-height: 26px;}
.indexNewsLeft ul li .newsInfo .newsDesc{color:#a5a5a5; font-size: 12px; line-height: 22px;}

.indexNews .indexNewsCon .indexNewsRight{ float: right; width: 420px; position: relative;}
.indexNews .indexNewsCon .indexNewsRight .news_item{ width: 100%; overflow: hidden; }
.indexNews .indexNewsCon .indexNewsRight .news_item .newsImg{width: 420px; height: 288px; overflow: hidden;}
.indexNews .indexNewsCon .indexNewsRight .news_item .newsImg img{ width: 100%; height: 100%; display: block;}
.indexNews .indexNewsCon .indexNewsRight .news_item .newsItemBottom{background-color: #029b62; padding: 20px;color: #ffffff;}
.indexNews .indexNewsCon .indexNewsRight .news_item .newsItemBottom a{opacity: .9; color: #ffffff; display: block;}
.indexNews .indexNewsCon .indexNewsRight .news_item .newsItemBottom a:hover{opacity: 1.0;}
.indexNews .indexNewsCon .indexNewsRight .news_item .newsTitle{ font-size: 20px; line-height: 42px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.indexNews .indexNewsCon .indexNewsRight .news_item .newsInfo{ font-size: 14px; line-height: 26px;}
.indexNews .indexNewsCon .indexNewsRight .news_item .more{ display: block; float: right; border: 1px solid #ffffff; opacity: .4; padding: 5px 8px; color: #ffffff;}
.indexNews .indexNewsCon .indexNewsRight .news_item .more:hover{color: #029b63;border: 1px solid #029b63; opacity: .9;}

/* ?????????css */

.indexNewsRight .hd{ overflow:hidden;  height:30px;  left: 45%; padding:0 10px; position: absolute; top: 0; z-index: 3;}
.indexNewsRight .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../Images/arrow.png") 0 0 no-repeat;}
.indexNewsRight .hd .next{ background-position:0 -50px;  }
.indexNewsRight .hd .prevStop{ background-position:-60px 0; }
.indexNewsRight .hd .nextStop{ background-position:-60px -50px; }
.indexNewsRight .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.indexNewsRight .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("img/icoCircle.gif") 0 -9px no-repeat; }
.indexNewsRight .hd ul li.on{ background-position:0 0; }



.indexAd{ width:1200px; margin:0 auto; position:relative; height:222px;}
.indexAd img{position:absolute; left:-360px; display:block;}
.line{width:155px; height:0; position:relative; margin:0 auto;}
.gotop{ width: 155px; height:48px; background:url("img/gotop_bg.png") top center no-repeat; position: relative; margin:0 auto; position:absolute; bottom:0; padding-top: 5px;}
.gotop p{text-align: center; color:#ffffff; text-transform:uppercase;}
.gotop p i{font-size: 24px;}

.footer{ background:url("img/footer_bg.png") 0 0 repeat-x #eaeaea; width:100%; margin: 0 auto 0;}
.footer .footerNav{ height:330px; width: 1200px; margin:0 auto;}
.footer .footerNav dl{float: left; width: 143px; margin:0;}
.footer .footerNav dl dt{line-height: 60px; padding-left: 10px; }
.footer .footerNav dl dt a{color:#ffffff; opacity:.8;font-size: 18px;}
.footer .footerNav dl dt i{ margin-right: 10px; font-size: 24px;}
.footer .footerNav dl dd{text-align: center; line-height: 36px; }
.footer .footerNav dl dd a{color:#909090;}
.footer .footerNav dl dd a:hover{color: #029b63;}
.footer .footerNav .footerSubnav{ border-right: 1px dotted #ffffff; border-left: 1px dotted #b8b9bd; min-height: 250px; margin-top: 10px;}
.footer .footerNav dl:first-child .footerSubnav{ border-left: none;}
.footer .footerNav dl.contact{width:625px;}
.footer .footerNav dl.contact dt{ margin-left: 20px; width:390px; float: left;}
.footer .footerNav dl.contact .footerSubnav{ border-right: none; padding-top: 25px; background: url("img/footer_contact_bg.png") right center no-repeat;}
.footer .footerNav dl.contact .qrcodeBox{ padding:10px; background-color: #ffffff; text-align: center; float: left; margin:10px;}
.footer .footerNav dl.contact .qrcodeBox:hover{ background-color: #f29400; color: #ffffff;}
.footer .footerNav dl.contact .favBox{float:right; background-color: #ffffff; height:34px; width:205px; margin-top: 13px;}

.footer .copyright{ height:70px; padding:5px 0; line-height:30px; background-color: #3d4240;}
.footer .copyright i.fa{color:#179164;}
.footer .copyright p,.footer .copyright a{color:#a6a8a7; }

.sbanner_box{width: 1200px; margin: 0 auto;height: 305px; position: relative;}
.sbanner_box .sbanner{height: 305px; width: 1920px; left: -360px;  position: absolute;}


.mainPage{width: 100%; margin: 0 auto;}
.mainPage .head{ width: 100%; height: 60px; position: relative; background-color: #4f4f4f;}
.mainPage .head .headLeft{ float: left;}
.mainPage .head .headLeft .headName{ float: left; position: relative; height: 85px; width: 180px; padding-top: 10px; text-align: center; color: #ffffff; background: url('img/snav_head_bg.png') 0 0 no-repeat; top: -200px;opacity:0;}
.mainPage .head .headLeft .headName .cnName{ font-weight: bold; font-size: 25px;}
.mainPage .head .headLeft .headName .enName{ opacity: .48; font-size: 27px; font-weight: bold; text-transform: uppercase;}

.mainPage .head .headLeft .pageNav{ float: left; padding-top: 30px; margin-left: 10px;}
.mainPage .head .headLeft .pageNav a{ display: block; float: left; width: 175px; height: 46px; text-align: center;color: #ffffff; line-height: 46px; font-size: 16px; background-color: #029b63; margin: 0 5px; opacity:0; position: relative; transition:none;}
.mainPage .head .headLeft .pageNav a:hover,.mainPage .head .headLeft .pageNav a.on{background-color: #e87816;}
.mainPage .head .location{ float: right; margin-right: 20px; line-height: 60px; color: #ffffff;}
.mainPage .head .location a{color: #ffffff;}
.mainPage .head .location a:hover{color: #e87816;}
.mainPage .pageCon{ clear: both; width: 1200px; margin: 0 auto 20px; position: relative; overflow: hidden;}
.mainPage .pageCon .conMain{ margin-top: 15px; line-height: 26px; padding: 10px;}
.mainPage .pageCon .conMain .conHead{ position: relative; border: 1px solid #c5c5c5; width: 470px; height: 36px; text-align: center; margin: 20px auto;}
.mainPage .pageCon .conMain .conHead .headName{ font-size: 25px; font-weight: bold;  position: relative; top: -15px; height: 10px; width: 110px; margin: 0 auto;}
.mainPage .pageCon .conMain .conHead .headName p{ font-size: 22px;background-color: #ffffff; position: absolute; height: 32px; width: 100%; color: #4f4f4f; bottom: -18px}
.mainPage .pageCon .conMain .conHead .headDesc{ font-size: 16px; line-height: 22px; position: relative; z-index: 2;}

.mainPage .pageCon .conMain .articleImg{display: block; margin: 20px auto; max-width: 100%;}

.pageRel{background-color: #f9f9f9;margin-bottom: 100px;padding-bottom: 30px;}
.pageRel .box{float: left; padding: 30px;    padding-top: 10px;}
.pageRel .box .boxHead{ line-height: 42px; font-size: 16px; color: #565656;}
.pageRel .box .boxCon{ overflow: hidden; width: 100%;}

.imgList{margin-bottom: 50px;}
.imgList li{ float: left; margin: 10px; text-align: center; width: 372px;}
.imgList li .imgPic{ max-width: 100%; height: 280px; overflow: hidden; padding: 5px; border: 1px solid #029b63;}
.imgList li .imgPic img{ width: 100%; height: 100%;}
.imgList li .imgName{ line-height: 36px;}
.imgList li:hover .imgPic{ padding: 2px;border: 3px solid #029b63; }


.newsList{}
.newsList li{ width: 100%; padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dotted #636363;}
.newsList li .imgPic{ width: 250px; height:188px; padding: 5px; border: 1px dotted  #029b63;margin-left: 10px; margin-right: 10px; overflow: hidden; float: left;}
.newsList li .imgPic img{width: 100%; height: 100%;}
.newsList li .newsInfos{ float: left; margin-left: 10px; margin-right: 10px; width: 890px;}
.newsList li .newsInfos .newsTitle{ line-height: 32px; font-size: 14px;}
.newsList li .newsInfos .newsTitle i.fa-bookmark{color: #e87816;}
.newsList li .newsInfos .newsTitle .newsTime{ float: right;}

.newsList li .newsInfos .newsInfo{ line-height: 26px; text-indent: 2em;}
.newsList li.l .imgPic{float: right;}


.newsList li:hover{ border-bottom: 1px dashed #636363;}
.newsList li:hover .imgPic{border: 1px dashed #636363;}

.page{height: 42px; line-height: 42px; border: 1px dashed #029b63; text-align: center; margin-bottom: 32px; margin-top: 10px;}


.news_detail{font-family:'Microsoft YaHei',arial; padding: 10px;}
.news_detail .news_tit_u{font-size:16px;font-weight:bold;text-align:center;margin:0 auto auto;}
.news_detail .news_tit_d{color:#999999;font-size:12px;text-align:center;margin:0 auto;}
.news_detail > p{font-size:14px;line-height:28px;color:#444444; text-indent:2em;}
.news_detail .news_main{ padding:15px;}
.news_detail .news_main > p{text-indent:2em; line-height:26px; font-size:14px; margin-bottom:5px;}


.article{ width:100%; margin:0 auto;}
.article .article_main{ width:100%; float:left; padding-bottom: 30px;}
.article .article_main .article_title{ font-size:30px; margin:0 auto 15px; text-align:center; font-weight:normal;}
.article .article_main .article_img{ margin-bottom:15px;max-width: 790px;}
.article .article_main .articleimg{ max-width:760px; margin:10px auto 0; display:block;}
.article .article_main strong{ color:#0091d5}
.article .article_main p{ line-height:28px;}


/* ???????????? */
.productPage{}
.productPage .head .headLeft{ position: absolute; width: 263px; background: url("img/leftNavNameBg.png") 0 0 no-repeat; margin-left: 8px;}

.productPage .head .headLeft .headName{ background:none; }
.productPage .pageCon .pageConLeft{ border: 1px solid #f3f3f3; border-top: none; padding-left: 8px; padding-right: 6px; width: 275px; float: left; padding-top: 46px;}
.productPage .pageCon .pageConLeft li{ background:url("img/leftNavBg.png") 0 0 no-repeat; width: 259px; margin: 5px auto; line-height: 36px; }
.productPage .pageCon .pageConLeft li i{display: block; width: 21px; height: 21px; background: url("img/icon_plus.png") 0 0 no-repeat; float: left; margin-left: 20px; margin-right: 10px;    margin-top: 8px;}
.productPage .pageCon .pageConLeft li a{ color: #ffffff;}
.productPage .pageCon .pageConLeft li .catgoods{ width: 100%; height: auto;}
.productPage .pageCon .pageConLeft li .catgoods p{ padding-left: 20px; overflow: hidden; width: 100%;}
.productPage .pageCon .pageConLeft li .catgoods a{color: #333333;}



.productPage .pageCon .pageConRight{float: left; margin-left: 20px; width: 905px; padding-top: 20px;}

.productPage .pageCon .pageConRight .pageConRightTop{ border: 1px solid #e1e1e1; line-height: 39px; width: 100%; height: 42px;}
.productPage .pageCon .pageConRight .pageConRightTop .catname{ margin-left: 30px; font-weight: bold; font-size: 20px; color: #4f4f4f;}
.productPage .pageCon .pageConRight .pageConRightTop .catname i{ color:#029b63;}
.productPage .pageCon .pageConRight .pageConRightTop .catname strong{ color:#029b63;}
.productPage .pageCon .pageConRight .pageConRightTop .catdesc{ margin-right: 20px; color: #909090;font-style: italic;}

.productList{padding-top: 10px; padding-bottom: 10px;}
.productList li{ float: left; width: 280px; height: 250px; text-align: center; margin: 10px;}
.productList li .productImg{ width:280px; height:214px;}
.productList li .productImg img{ max-width:280px; max-height:214px;}
.productList li .productTitle{ line-height: 36px; text-align: center;}


.productPageInfo .location{width: 1002px; margin: 0 auto !important;}
.productPageInfo .pageCon{width: 1002px; margin: 0 auto; position: static;}
.productPageInfo.productPage .pageCon .pageConRight{ width: 100%;margin-left: 0;}

.productPageInfo.productPage .pageCon .pageConRight .pageConRightTop{ margin-bottom:20px;}

.productPageInfo .productMain{ width:100%; margin:0 auto 20px;}
.productPageInfo .productMain .productImgs{ width:480px; height:360px; float: left; margin-right: 10px; border:1px solid #e1e1e1;}
.productPageInfo .productMain .productImgs img{ width:100%; height:100%;}
.productPageInfo .productMain .productInfo{ float: left; width:500px; padding-left: 15px; padding-right: 10px;}
.productPageInfo .productMain .productInfo .proudctTitle{ font-size: 20px; line-height: 36px; font-weight: bold; margin-bottom: 15px;}

.productPageInfo .productMain .productInfo .productCat{ line-height: 46px; margin-bottom: 15px;}
.productPageInfo .productMain .productInfo .productCat .catLeft{float: left; color:#ffffff; width:147px; margin-right: 15px;}
.productPageInfo .productMain .productInfo .productCat .catLeft .proIcon{ width:49px; height:46px; display:block; float: left; background: url("img/icon_cat.png") center center no-repeat #029b63;}

.productPageInfo .productMain .productInfo .productCat .catLeft span{ display:block; width:98px; float: right;line-height: 46px; text-align: center; background-color: #4f4f4f; }


.productPageInfo .productMain .productInfo .productDesc { clear:both; margin-bottom: 10px; height:auto;}
.productPageInfo .productMain .productInfo .productDesc .catLeft{ float: left;background-color: #74c6a8; color:#ffffff; width:147px;margin-right: 15px;height:46px; line-height: 46px;}
 .productPageInfo .productMain .productInfo .productDesc .catLeft i{ font-size: 20px;margin-left: 10px;}
.productPageInfo .productMain .productInfo .productDesc .catLeft span{ display:block; width:98px; float: right;line-height: 46px; text-align: center; background-color: #4f4f4f; }

.productPageInfo .productMain .productInfo .productDesc .productDescCon{ width:313px;line-height: 26px; float: left;height: auto;}

.productPageInfo .productMain .productInfo .orderBtn{background-color: #eb8d4a; display:block; width:80%;text-align: center; height:46px; line-height: 46px; color:#ffffff; margin-bottom: 20px;}
.productPageInfo .productMain .productInfo .tel{ line-height: 46px; padding-left: 20px;}
.productPageInfo .productMain .productInfo .tel b{color:#029b63; font-size: 24px; margin-left: 10px; font-family: Impact;}

.productPageInfo .productMain .productContents{ margin-top: 20px;}
.productPageInfo .productMain .productContents .proConHead{ height:52px; border-bottom: 3px solid #e2e2e2;}
.productPageInfo .productMain .productContents .proConHead li{ float: left;}
.productPageInfo .productMain .productContents .proConHead li a{ display:block; width:165px; line-height: 49px; font-size: 15px; text-align: center;}
.productPageInfo .productMain .productContents .proConHead li.on{ background: url("img/proConHead_bg.png") bottom center no-repeat;}
.productPageInfo .productMain .productContents .proConHead li.on a{ background-color: #4f4f4f;
    margin-bottom: 11px; color:#ffffff;}

.productPageInfo .productMain .productContents .proCon{ min-height: 300px; margin-bottom: 15px;margin-top: 12px;}
.productPageInfo .productMain .productContents .proCon .proudctContent{ line-height: 26px; padding:10px;}
.productPageInfo .productMain .productContents .proCon .proudctContent strong{ color: #029B63}


.productPageInfo .productMain .productContents table{width: 100%; margin-top: 10px; margin-bottom: 10px;}
.productPageInfo .productMain .productContents tr:first-child{ background-color:#eeeeef; font-weight:bold}
.productPageInfo .productMain .productContents tr:hover{ background-color:#029b63 !important;}
.productPageInfo .productMain .productContents tr:hover > *{color:#ffffff;}
.productPageInfo .productMain .productContents tr{text-align: center;}
.productPageInfo .productMain .productContents tr:nth-child(odd){background-color:#eeeeef}



.productRelated{ width: 100%; margin-bottom: 100px;}
.productRelated .relHead{ line-height: 46px; width: 1200px; margin: 0 auto; padding-left: 15px;  font-size: 16px;}
.productRelated .relativeCon{ background-color: #f9f9f9; width: 100%; height: auto;}
.productRelated .relativeCon ul{ width: 1200px; padding-top: 20px; padding-bottom: 20px;}
.productRelated .relativeCon ul li{ float: left; margin: 0 5px;}
.productRelated .relativeCon ul li img{ width: 290px; height: 217px;}
.productRelated .relativeCon ul li p{ text-align: center; line-height: 36px;}


/*?????????????????????*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:358px;height:358px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../Images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}



.wxBox{ width: 935px; margin: 30px auto 20px;  position: relative; height: 630px;}
.wxBox .wxItem{ width: 355px; height: 308px; position: absolute;padding-top: 40px;}
.wxBox .wxItem .wxHead{ text-align: center; font-weight: bold; text-align: center; font-size: 25px; line-height: 42px;}
.wxBox .wxItem .icon{ display: block; height: 60px; width: 60px; margin: 0 auto; background: url("img/wh_icon.png") 15px 5px no-repeat;}
.wxBox .wxItem .wxText{ text-align: center; line-height: 31px;margin-top: 60px; font-size: 20px; }
.wxBox .wxItem .wxTextLine{ width: 50%; height: 0; border-bottom: 1px solid #c5c5c5; margin: 15px auto 0;}

.wxBox .wxItem.item_1{ left: 295px; background: url("img/wh_bg1.png") 0 -321px no-repeat; }
.wxBox .item_1.wxItem:hover .icon{ background-position: 15px -145px;}
.wxBox .wxItem.item_2{ top: 158px; left: 15px; background: url("img/wh_bg2.png") 0 -321px no-repeat; }
.wxBox .wxItem.item_2 .icon{ background-position: -162px 5px;}
.wxBox .wxItem.item_2:hover .icon{ background-position: -162px -145px;}
.wxBox .wxItem.item_3{ left: 575px; top: 158px; background: url("img/wh_bg3.png") 0 -321px no-repeat; }
.wxBox .wxItem.item_3 .icon{ background-position: -335px 5px;}
.wxBox .wxItem.item_3 .wxText{ margin-top: 0}
.wxBox .wxItem.item_3:hover .icon{ background-position: -335px -145px;}
.wxBox .wxItem.item_4{ left: 295px; top: 316px; background: url("img/wh_bg4.png") 0 -321px no-repeat; }
.wxBox .wxItem.item_4 .icon{ background-position: -499px 5px;}
.wxBox .wxItem.item_4:hover .icon{ background-position: -499px -145px;}
.wxBox .wxItem.item_4 .wxText{ margin-top: 20px}
/*.wxBox .wxItem.item_1:hover,.wxBox .wxItem.item_2:hover,.wxBox .wxItem.item_3:hover,.wxBox .wxItem.item_4:hover{ background-position: 0 0; color: #ffffff;}*/


.hxjz{ height: 90px; line-height: 90px; color: #ffffff; background-color: #4f4f4f; width: 1920px; position: relative; left: -360px;}
.hxjz .hxjzh{ text-transform: uppercase; line-height: 20px; font-weight:bold ; text-align: center; float: left; margin-top: 25px; margin-right: 10px; width: 120px; border-right:1px solid #a1a1a1; margin-left: 170px;}