/*global css*/.col07913a{ color: #07913a;}
.ohide{ overflow: hidden;}
.disnone{ display: none;}
.backnone{ background: none;}
/*head foot*/.header{ background: url("../images/headbg.png") left center no-repeat; background-size: 100% 100%;}
.header-con{ margin: 0 auto; width: 1200px; height: 90px; position: relative;}
.header-con img{ float: left; width: 350px; height: 68px; margin-top: 11px;}
.header-ul1{ position: absolute; right: 0; z-index: 200;}
.header-ul1 li{ float: left; position: relative;}
.header-ul1 li>a{ width: 200px; height: 68px; line-height: 68px; display: block; font-size: 24px; font-weight: bold; text-align: center; margin: 11px 1px; color: #fff; background-size: 200px 68px;}
.header-ul2{ position: absolute; top: 90px; left: 0; padding: 7px 0; width: 290px; display: none;}
.header-ul2 a{ font-size: 13px; min-height: 20px; margin: 15px 55px; color: #fff; display: block;}
.header-ul2 a:hover{ text-decoration: underline;}
.header-ul1 li:first-child>a{ background: url("../images/headbg1.png") center center;}
.header-ul1 li:first-child>a:hover{ background: none; background-color: #00ada7;}
.header-ul1 li:first-child>a.nav_on{ background: none; background-color: #00ada7;}
.header-ul1 li:first-child>div.header-ul2{ background-color: #00ada7;}
.header-ul1 li:nth-child(2)>a{ background: url("../images/headbg2.png") center center;}
.header-ul1 li:nth-child(2)>a:hover{ background: none; background-color: #ffa305;}
.header-ul1 li:nth-child(2)>a.nav_on{ background: none; background-color: #ffa305;}
.header-ul1 li:nth-child(2)>div.header-ul2{ background-color: #ffa60a;}
.header-ul1 li:nth-child(3)>a{ background: url("../images/headbg3.png") center center;}
.header-ul1 li:nth-child(3)>a:hover{ background: none; background-color: #c4256d;}
.header-ul1 li:nth-child(3)>a.nav_on{ background: none; background-color: #c4256d;}
.header-ul1 li:nth-child(3)>div.header-ul2{ background-color: #c4256d;}
.header-ul1 li:nth-child(4)>a{ background: url("../images/headbg4.png") center center;}
.header-ul1 li:nth-child(4)>a:hover{ background: none; background-color: #d1313b;}
.header-ul1 li:nth-child(4)>a.nav_on{ background: none; background-color: #d1313b;}
.header-ul1 li:nth-child(4)>div.header-ul2{ background-color: #d1313b;}
.c_n{ position: absolute; top: 0; right: 80px; z-index: 1; padding: 30px 0; line-height: 30px; font-size: 22px; color: #d1313b;}
.c_n a{ font-size: 22px; color: #d1313b;}
.footer{ width: 100%; height: 80px; background: url("../images/footerbg.png");}
.index-footer{ position: fixed; left: 0; bottom: 0; z-index: 999;}
.footer-con{ width: 1200px; margin: 0 auto; height: 80px; color: #fff; font-size: 13px; padding: 15px 0;}
.footer-con a{ color: #fff;}
.footer-p1 p{ display: inline-block; height: 15px; line-height: 15px; margin: 5px 0; border-right: 1px solid #fff; padding: 0 15px;}
.footer-p1 p:last-child{ border:none;}
.footer-p{ text-align: center; height: 25px; line-height: 25px;}
.footer-logo{ margin-top: -10px; width: 70px; height: 100px; text-align: center; line-height: 30px;}
.footer-logo img{ width: 70px; height: 70px; display: block;}
/*������*/.window{ position: fixed; top: 350px; right: 10px; z-index: 999; width: 60px;}
.wechat{ position: relative; width: 50px; height: 50px; margin-bottom: 2px;}
.wechat .wechat-a{ width: 50px; height: 50px; display: block; position: absolute; top: 0; right: 0; z-index: 1000; background: url("../images/wechat.png") center center no-repeat;}
.wechat .wechat-a:hover{ background-image: url("../images/wechathover.png");}
.wechat .wechat-a.check{ background-image: url("../images/wechathover.png");}
.wechat_list{ position: absolute; z-index: 1000; top: 0; left: -230px; width: 226px; height: 245px; background: url("../images/winleftbg.png");}
.wechat_list img{ width: 180px; height: 180px; margin: 18px 18px 0 18px; display: block;}
.wechat_list p{ width: 216px; height: 40px; line-height: 40px; text-align: center; color: #333;}
.call{ position: relative; width: 50px; height: 50px; margin-bottom: 2px;}
.call .call-a{ width: 50px; height: 50px; display: block; position: absolute; top: 0; right: 0; z-index: 1000; background: url("../images/call.png") center center no-repeat;}
.call .call-a:hover{ background-image: url("../images/callhover.png");}
.call_list{ position: absolute; z-index: 1000; padding: 5px 15px; top: 0; left: -230px; width: 226px; min-height: 40px; background: url("../images/winleftbg.png");}
.call_list p{ font-weight: bold; font-size: 16px; white-space: nowrap; background: url("../images/smallcall.png") left center no-repeat; padding: 3px 0 3px 25px; text-align: center; color: #32963c;}
.skype{ position: relative; width: 50px; height: 50px; margin-bottom: 2px;}
.skype .skype-a{ width: 50px; height: 50px; display: block; position: absolute; top: 0; right: 0; z-index: 1000; background: url("../images/skype.png") center center no-repeat;}
.skype .skype-a:hover{ background-image: url("../images/skypehover.png");}
.skype_list{ position: absolute; padding: 5px 15px; font-weight: bold; font-size: 18px; width: 226px; min-height: 100px; background: url("../images/winleftbg.png"); top: 0; left: -230px;}
.skype_list a{ background: url("../images/smallskype.png") left center no-repeat; padding: 3px 0 3px 25px; color: #32963c; display: block;}
.gotop{ height: 50px; width: 50px;}
.gotop a{ display: block; height: 50px; width: 50px; background: url("../images/top.png") center center no-repeat;}
.gotop a:hover{ background-image: url("../images/tophover.png");}
/*banner*/.banner{ min-width: 1200px; max-width: 1900px; margin: 0 auto; min-height: 260px; max-height: 415px; text-align: center;}
.banner img{ width: 100%; height: auto;}
/*pagetitle*/.page-title{ width: 1200px; margin: 0 auto; height: 50px; line-height: 50px; font-size: 13px; text-indent: 20px; background: url("../images/homebg.png") left center no-repeat; margin-bottom: 50px;}
.page-title a{ color: #999;}
.page-title a:hover{ color: #666; text-decoration: underline;}
.page-title span{ padding: 0 5px;}
.container{ margin-bottom: 100px;}
/*banner*/.banner1{ min-width: 1200px; max-width: 1920px; width: 100%; margin: 0 auto; min-height: 630px; max-height: 1000px; position: relative; overflow: hidden;}
.banner2{ min-width: 1200px; max-width: 1920px; width: 100%; margin: 0 auto; text-align: center;}
.banner2 img{ width: 100%; height: 100%;}
.banner_ri .d1{ min-width: 1200px; width: 100%; display: block; position: absolute;}
.banner_ri .d1 img{ width: 100%; height: 100%;}
.banner_ri .d2{ min-width: 1200px; width: 100%; clear: both; position: fixed; text-align: center; z-index: 10; height: 15px; background-color: rgba(0,0,0,0); bottom: 90px;}
.banner_ri .d2 span{ display: inline-block; width: 10px; height: 10px; cursor: pointer; border-radius: 10px; margin: 0 3px; background-color: #fff;}
.banner_ri .d2 span.nuw{ background-color: #32963c;}
/*index*/.index-container{ width: 1200px; height: 160px; position: absolute; z-index: 100; top: 510px; left: 50%; margin-left: -600px;}
.indexpro{ float: left; width: 380px; height: 160px; margin-right: 30px; background-color: #fff;}
.indexpro img{ width: 160px; height: 160px; display: inline-block;}
.index-con{ float: right; width: 180px; height: 120px; margin: 20px; overflow: hidden;}
.index-title{ font-size: 26px; max-height: 60px; line-height: 30px; margin-bottom: 15px; color: #333; font-weight: bold; overflow: hidden;}
.index-cont{ max-height: 60px; line-height: 20px; color: #999; overflow: hidden;}
.indexpro:hover .index-title{ color: #32963c; text-decoration: underline;}
.indexpro:hover .index-cont{ text-decoration: underline;}
/*P2 about*/.amain{ width: 1200px; margin: 0 auto;}
/*P3 product*/.pagination{ margin: 40px 10px 30px 0;}
.pagination a{display:block;width: auto;padding: 0 10px;height: 40px;line-height: 40px;text-align: center;float: left;margin-left: 10px;font-size: 15px;color: #b2b2b2;}
.pagination span{display:block;width: auto;padding: 0 10px;height: 40px;line-height: 40px;text-align: center;float: left;margin-left: 10px;font-size: 15px;color: #fff;background-color: #b2b2b2;}
.count{ color: #b2b2b2; background-color: #fff;}
.pagination a.prve:nth-of-type(2){ background: url("../images/back.png") center center no-repeat;}
.pagination a.next:nth-last-child(2){ background: url("../images/next.png") center center no-repeat;}
.pagination a.prve:hover:nth-of-type(2){ background-image: url("../images/backhover.png"); background-color: #b2b2b2;}
.pagination a.next:hover:nth-last-child(2){ background-image: url("../images/nexthover.png"); background-color: #b2b2b2;}

/*.back{ background: url("../images/back.png") center center no-repeat;}
.next{ background: url("../images/next.png") center center no-repeat;}
.back:hover{ background-image: url("../images/backhover.png"); background-color: #b2b2b2;}
.next:hover{ background-image: url("../images/nexthover.png"); background-color: #b2b2b2;}*/
.check{ background-color: #b2b2b2; color: #fff;}
.count:hover{ background-color: #b2b2b2; color: #fff;}
.left-ul li{ line-height: 40px; width: 180px; margin-bottom: 40px;}
.left-ul li a{ font-size: 22px; color: #333; width: 180px; line-height: 25px; display: block; padding-right: 55px; font-weight: bold;}
.left-ul li a:hover{ background-color: #fff; color: #339639;}
.left-ul .li-a{ background-color: #fff; color: #339639; background: url("../images/listbg.png") right center no-repeat;}
.right{ min-height: 300px; width: 1000px; padding: 0 10px; overflow: hidden;}
.right img{ max-width: 100%; display: block; margin: 0 auto; margin-bottom: 20px;}
.contact{ min-height: 300px; width: 1000px; padding: 0 20px; overflow: hidden;}
.contact img{ max-width: 100%; margin: 0 auto; margin-bottom: 20px;}
/*catelog*/.yi_li{ width: 180px; overflow: hidden;}
.yi_li a:hover{ color: #339639;}
.yi_ul2{ width: 100%; overflow: hidden; display: none;}
.yi_li2 a{ width: 100%; height: 40px; line-height: 20px; color: #787878; display: block;}
.yi_li2 a:hover{ color: #339639; text-decoration: underline;}
.yi_li .yi_jubai{ color: #339639; text-decoration: underline; background: url("../images/listbg.png") right 3px no-repeat; background-size: 8px;}
.yi_licss{ font-size: 22px; font-weight: bold; color: #333; width: 100%; height: 30px; display: block; cursor: pointer; margin-bottom: 30px;}
.yi_li .yi_licsshov{ color: #339639;}
/*detail*/.pro-ul{ width: 100%; min-height: 400px;}
.pro-ul a:hover{ color: #339639;}
.pro-ul li{ float: left; width: 230px; height: 340px; text-align: center; margin: 0 20px 40px 0;}
.pro-ul li:nth-child(4n){ margin-right: 0;}
.pro-ul li img{ width: 100%; height: 100%; margin-bottom: 15px;}
.pro-title{ color: #787878; display: block; max-height: 40px; overflow: hidden; text-align: center;}
.pro-price{ font-size: 16px; color: #333; display: block; text-align: center; overflow: hidden;}
.detail-left{ width: 860px; margin-right: 20px;}
.detail-left .rec-ul{ width: 860px; margin-bottom: 50px;}
.detail-left li{ float: left; width: 190px; height: 280px; text-align: center; margin: 0 33px 40px 0;}
.detail-left li img{ width: 100%; height: 100%;}
.detail-title{ width: 100%; height: 10px; border-bottom: 1px solid #d3d3d3; margin-bottom: 35px; position: relative; z-index: 1;}
.detail-title span{ position: absolute; left: 50%; margin-left: -47px; bottom: -15px; z-index: 10; padding: 0 10px; color: #787878; background-color: #fff; height: 30px; line-height: 30px; font-size: 16px; display: inline-block;}
.pro-content{ width: 310px; padding-top: 20px;}
.pro-content img{ max-width: 100%; margin: 10px auto; display: block;}
.prodetail-title{ width: 100%; text-align: center; font-size: 24px; color: #333;}
.prodetail-price{ width: 100%; font-size: 15px; color: #666; text-align: center; margin-bottom: 20px;}
.size{ margin: 30px 0 10px 0; display: block;}
/*��ϸҳ*/.conxxsubnav{ width: 65px; height: 560px; overflow: hidden; margin: 0 auto; margin-bottom: 10px; position: relative;}
.cf{ position: absolute; top: 0; left: 0; width: 65px;}
.cf li img{ width: 65px; height: 95px;}
.cf li{ width: 65px; height: 95px; position: relative; cursor: pointer; margin-bottom: 5px;}
.cf li div{ width: 65px; height: 95px; background: url("../images/proimgbg.png"); position: absolute; top: 0; left: 0; z-index: 999;}
.cf img.on + div{ display: none;}
.cf li:hover div{ display: none;}
.picBox{ width: 770px; height: 560px; overflow: hidden; margin: 0 auto; position: relative;}
.picBox .nextTop{ width: 23px; height: 71px; position: absolute; top: 243px; right: 5px; background: url(../images/proimg-next.png) no-repeat center center; cursor: pointer; z-index: 99;}
.picBox .prevTop{ width: 23px; height: 71px; position: absolute; top: 243px; left: 5px; background: url(../images/proimg-prev.png) no-repeat center center; cursor: pointer; z-index: 99;}
.picBox ul{ position: absolute; top: 0; left: 0;}
.picBox li{ width: 380px; height: 560px; margin: 0 auto; float: left; margin-right: 10px;}
.picBox li .div_513{ width: 100%; height: 100%;}
.picBox li img{ width: 100%; height: 100%;}
.picBox2{ width: 980px; height: 300px; overflow: hidden; margin: 0 auto; position: relative;}
.picBox2 .nextTop2{ width: 49px; height: 96px; position: absolute; top: 100px; right: 0; background: url(../images/proimg-next2.png) no-repeat center center; cursor: pointer; z-index: 99;}
.picBox2 .nextTop2:hover{ background-image: url("../images/proimg-next2hover.png");}
.picBox2 .prevTop2{ width: 49px; height: 96px; position: absolute; top: 100px; left: 0; background: url(../images/proimg-prev2.png) no-repeat center center; cursor: pointer; z-index: 99;}
.picBox2 .prevTop2:hover{ background-image: url("../images/proimg-prev2hover.png");}
.picBox2 ul{ position: absolute; top: 0; left: 0;}
.picBox2 li{ width: 300px; height: 300px; margin: 0 auto; float: left; margin-right: 40px;}
.picBox2 li .div_513{ width: 100%; height: 100%;}
.picBox2 li img{ width: 100%; height: 100%;}
.picBox3{ width: 980px; height: 230px; overflow: hidden; margin: 0 auto; position: relative;}
.picBox3 .nextTop3{ width: 49px; height: 96px; position: absolute; top: 70px; right: 0; background: url(../images/proimg-next2.png) no-repeat center center; cursor: pointer; z-index: 99;}
.picBox3 .nextTop3:hover{ background-image: url("../images/proimg-next2hover.png");}
.picBox3 .prevTop3{ width: 49px; height: 96px; position: absolute; top: 70px; left: 0; background: url(../images/proimg-prev2.png) no-repeat center center; cursor: pointer; z-index: 99;}
.picBox3 .prevTop3:hover{ background-image: url("../images/proimg-prev2hover.png");}
.picBox3 ul{ position: absolute; top: 0; left: 0;}
.picBox3 li{ width: 230px; height: 230px; margin: 0 auto; float: left; margin-right: 20px;}
.picBox3 li .div_513{ width: 100%; height: 100%;}
.picBox3 li img{ width: 100%; height: 100%;}
/*P7 social */.social-p{ color: #333; font-size: 24px; font-weight: bold; line-height: 24px; margin-bottom: 20px;}
.social-a{ position: relative; float: left; width: 300px; height: 300px; margin: 0 25px 50px 0; font-size: 16px;}
.social-a img{ width: 100%; height: 100%;}
.social-a p{ color: #fff; display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 54px; font-size: 18px; padding: 0 5px; overflow: hidden; text-align: center; line-height: 54px; background: url("../images/socialhover.png");}
.social-a:hover{ border: 2px solid #32963c;}
.social-a:hover p{ display: block;}
/*P10 error*/.error{ width: 100%; height: 700px;}
.error-con{ margin: 50px auto; width: 1200px; height: 800px; color: #333; font-size: 25px; text-align: center;}
.error-con a{ width: 320px; height: 60px; line-height: 60px; text-align: center; letter-spacing: 2px; font-size: 25px; color: #fff; background-color: #07913a; display: block; margin: 0 auto;}
.error-con a:hover{ text-decoration: underline;}
.h_banbentaidi_b{ width: 100%; height: 50px; background: #f8efb4; display: none}
.h_iestishi{ width: 1200px; height: 50px; text-align: center; background: #f8efb4}
.h_banbentaidi{ display: inline-block; height: 50px; line-height: 50px; color: #503708; font-size: 15px;}
.h_buzaitishi{ display: inline-block; height: 50px; line-height: 50px; color: #503708; font-size: 15px; cursor: pointer; width: 15px; text-align: center;}