/* base*/
* { margin: 0; padding: 0; list-style: none; outline: none !important; }
body,html,ul { margin: 0; padding: 0; }
body { position: relative; font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","PingFang SC","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; font-size: 14px; line-height: 24px; }
a { color: #333; text-decoration: none!important; outline: none; }
a:hover { text-decoration: none; color: #8fc31f; }
a:visited { text-decoration: none; }
ul { list-style-type: none; }
h1 { font-size: 28px; line-height: 48px; margin-top: 0; }
h1.clr_topMn { margin-top: -12px; }
h1.center { margin-bottom: 10px; }
h2 { font-size: 24px; }
h2.title { font-size: 28px; text-align: left; }
h3 { font-size: 18px; }
h3.Subtitle { font-size: 14px; color: #999; }
h4 { font-size: 16px; }
h6 { margin-top: 24px; }
i, em { font-style: normal; }
.fl { float: left; }
.fr { float: right; }
.logo { width: 180px; height: 53px; display: block; }
.v_con01,.v_con02,.v_con03,.v_con04,.v_con05 { margin-top: -200px; overflow: hidden; }
#footer .left_inner label,h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","PingFang SC","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; font-weight: 400; }
.hover { cursor: pointer; cursor: hand; }
.center { text-align: center; }
#zy1_masthead_wrap { position: relative; background-color: #fff; /*-moz-transition: all .4s cubic-bezier(.23,1,.32,1); -o-transition: all .4s cubic-bezier(.23,1,.32,1); -webkit-transition: all .4s cubic-bezier(.23,1,.32,1); transition: all .4s cubic-bezier(.23,1,.32,1); box-shadow: 0 2px 8px rgba(0,0,0,.1); */ top: 0; width: 100%; z-index: 900; padding: 6px 0; border-bottom: 1px solid #e5e5e5; }
.lg-container { width: 100%!important; margin: 0 auto; margin-right: auto; margin-left: auto; }
#zy1_global_nav { background: #fff; height: 40px; position: relative; z-index: 2; }
#container { position: relative; left: 0; width: 100%; top: 0; }
.container { width: 100%!important; max-width: 1200px; }
.fs12 { font-size: 12px; }
.fs13 { font-size: 13px; }
.fs14 { font-size: 14px; }
.buy-content { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0px 20px; }
/*二维码展示*/
.icon-item { position: relative; cursor: pointer; text-align: center; }
.qrcode-box { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: white; padding: 4px; border-radius: 12px; display: none; z-index: 100; width: 134px; height:150px; margin-bottom: 6px; }
.qrcode-box-long { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background: white; padding: 4px; border-radius: 10px; display: none; z-index: 100; width: 226px; height:120px; margin-bottom: 3px; }
.qrcode-box::after,.qrcode-box-long::after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; border-width: 8px; border-style: solid; border-color: white transparent transparent transparent; z-index:999; }
.qrcode-img { width: 100%; height: auto; display: block; }
/*手风琴*/
.slider dd .in { width: 998px; height: 267px; }
.slider dd .fl { width: 660px; height: 230px; padding-top: 30px; padding-left: 20px; }
.slider dd .fl h5 { padding-bottom: 14px; margin-bottom: 12px; font-size: 18px; font-weight: normal; color: #555; border-bottom: 1px solid #ebebeb; }
.slider dd .fl h4 { font-size: 16px; font-weight: normal; color: #555; padding: 3px 0px 0px 0px; }
.slider dd .fl p { text-indent: 2em; color: #999999; line-height: 24px; }
.slider dd .fl ol li { color: #999; background: url(../images/s_dy.png) no-repeat -7px -44px; padding-left: 12px; height: 24px; }
.slider dd .fr { width: 305px; height: 267px; margin-right: 0px; overflow: hidden; }
.slider dd .fr img { width: 268px; height: 175px; margin-top: 55px; margin-right: 37px; cursor: pointer; }
/*产品页二级导航*/
.pro_nav { width: 100%; background: #4f5151; }
.pro_nav_b { width: 100%; max-width: 1200px; height: 50px; margin: 0 auto; }
.pro_nav_b dl,.pro_nav_b dl dt,.pro_nav_b dl dd { height: 48px; line-height: 48px; }
.pro_nav_b dl { line-height: 48px; }
.pro_nav_b dl a { color: #666; }
.pro_nav_b dt { float: left; font-size: 18px; font-weight: normal; }
.pro_nav_b dt ul li { float: left; color: #ffffff ; padding: 0 25px; height: 48px; }
.pro_nav_b dt ul li.child { font-size: 14px; color: #83b31d; margin-left: 26px; }
.pro_nav_b dt ul li.child:hover { color: #83b31d; }
.pro_nav_b dt ul a li.current { border-bottom: 2px solid #83b31d; }
.pro_nav_b dt span { display: inline-block; width: 30px !important; height: 35px; background: url(../images/menuico.png) no-repeat -76px -14px; cursor: pointer; padding-top: 5px; overflow: hidden; margin-left: 3px; }
.pro_nav_b dd { float: right; }
.pro_nav_b dd ul li { float: left; margin-left: 50px; height: 49px; color: #fff; }
.pro_nav_b dd ul li.current { border-bottom: 2px solid #83b31d; }
.pro_nav_b dd ul li:hover { color: #83b31d; }
.pro-nav-list { width: 100%; background: rgb(48 50 51 / 98%); z-index: 9999; padding: 22px 0; display: none; position: absolute; }
.pro-nav-list>div { width: 100%; max-width: 1200px; height: auto; margin: 0 auto; overflow: hidden; padding-top: 30px; }
.pro-nav-list dl { overflow: hidden; line-height: 30px; }
.pro-nav-list dl dt { font-size: 14px; color: #e5e5e5; float: left; font-weight: normal; }
.pro-nav-list dl dd { color: #d0d0d0; }
.pro-nav-list dl dd a { color: #83b31d; margin: 0 15px; }
.pro-nav-list p a { color: #83b31d; margin: 0px; }
.pro-nav-list a:hover { color: #8fc31f; }
.pro_nav_name { color: #fff; }
/*产品页移动端二级导航*/
.pro_nav_mb { width: 100%; height: 52px; margin: 0 auto; }

/*footer*/
.footer { background: #000000; overflow: hidden; z-index:999; position:relative; margin-top: }
.footer-top { width: 1200px; height: 350px; margin: 0 auto; }
.footer-top-left { width: 900px; height: 335px; float: left; }
.footer-top-right { width: 270px; height: 262px; float: left; margin-top: 73px; margin-left: 30px; }
.footer-top-left ul { width: 900px; height: auto; margin: 0 auto; overflow: hidden; padding-top: 90px; }
.footer-top-left ul li { float: left; width: 190px; margin-left: 30px; }
.footer-top-left ul li:first-child { width: 160px; margin-left: 10px; margin-right: 30px; }
.footer-top-left ul li:first-child>dl { padding-left: 0px; }
.footer-top-left ul li dl { padding-left: 30px; }
.footer-top-left ul li dl dt { font-size: 22px; font-weight: normal; color: #fff; padding-bottom: 21px; line-height: 32px; }
.footer-top-left ul li dl dd { font-size: 14px; font-weight: normal; line-height: 30px; color: #b9b9b9; }
.footer-top-left ul li dl dd a { color: #b9b9b9; padding-left: 13px; letter-spacing: 0; }
.footer-top-left ul li dl dd a:hover { color: #fff; }


/*.footer-top-right h3 { font-size: 24px; font-weight: normal; color: #fff; margin-bottom: 24px; }
.footer-top-right p { font-size: 24px; line-height: 36px; font-weight: bold; letter-spacing: 1px; color: #86b522; }
.footer-top-right ul { width: 300px; height: 34px; margin-top: 13px; }
.footer-top-right ul li { width: 34px; height: 34px; float: left; margin-left: 12px; }
.footer-top-right ul li:first-child { margin-left: 2px; }
.footer-top-right ul li a { width: 34px; height: 34px; display: block; }
.footer-top-right svg { width: 34px; height: 34px; fill: #86b522; }
.footer-top-right li:hover>svg { fill: #a9e528; }
.footer-top-right ul li a:hover>svg { fill: #a9e528; }*/

.footer-top-right{ padding-top:20px; }
.footer-top-right .contact-row { width:260px; height:28px; align-items: center; margin-bottom: 10px; }
.footer-top-right .contact-row:last-child { margin-bottom: 0; }	
.footer-top-right .label-text { width:80px; font-size: 14px; line-height:24px; float:left; color:#a3a3a3; }
.footer-top-right .hotline-num { font-size: 26px; font-weight: bold; color: #86b522; letter-spacing: 1.2px; }
.footer-top-right .icon-item{ width:36px; height:36px; float:left; margin:-5px 0px 0px; }
.footer-top-right .icon-item>svg,.footer-top-right .icon-item>a>svg{ fill:#86b522; }
.footer-top-right .icon-item:hover>svg,.footer-top-right .icon-item:hover>a>svg{ fill:#a9e528; cursor:pointer; }
			
.footer-bottom { width: 100%; height: 86px; background: #161616; }
.copyright { width: 100%; height: 30px; position: absolute; background: #161616; margin-top: 15px; }
.copyright p { font-size: 12px; text-align: center; color: #747474; }
.copyright p a { color: #747474; }
.footer-wechat,.bgtel { cursor: pointer; }
.copyright_waxinxi { width: 220px; margin: 0 auto; padding: 4px 0; }
/*弹出微信二维码遮罩层*/
.tc_bg { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); z-index: 1000; display: none; }
.tc_con { position: fixed; width: 258px; left: 50%; margin-left: -226px; top: 50%; margin-top: -128px; z-index: 1000; display: none; }
.tc_con2 { position: fixed; width: 258px; left: 50%; margin-left: -226px; top: 50%; margin-top: -146px; z-index: 1000; display: none; }
/*首页本地弹出视频遮罩层*/
.video_btn { cursor: pointer; }
.tc_video { display: none; width: 712px; height: 400px; position: fixed; left: 50%; margin-left: -356px; top: 50%; margin-top: -200px; z-index: 1010; cursor: pointer; }
.tc_video span.video_start { position: absolute; width: 149px; height: 149px; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; z-index: 1020; }
.tc_video span.close,span.close { position: absolute; width: 35px; height: 35px; right: -25px; top: -15px; cursor: pointer; opacity: 1; }
.tc_video span.close img { width: 100%; }
/*弹出遮罩层视频（线上）*/
.v_bg { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; z-index: 1001; -moz-opacity: 0.7; opacity: .70; filter: alpha(opacity=70); }
.v_con01,.v_con02,.v_con03,.v_con04,.v_con05 { display: none; position: fixed; top: 50%; /*margin-top: -200px; */ left: 50%; margin-left: -356px; width: 712px; height: 400px; background-color: white; z-index: 1002; overflow: auto; }
.v_close { position: absolute; top: 50%; margin-top: -220px; left: 50%; margin-left: 360px; cursor: pointer; z-index: 1003; }
/*轮播图开始*/
.lunbo { position: relative; height: 540px; }
.lunbo>ul>li { width: 100%; height: 540px; position: absolute; top: 0; left: 0; display: none; }
.lunbo>ul>li:first-child { display: block; }
.lunbo>ul>li>a { display: block; width: 100%; height: 100%; }
.lunbo .leftBut,.lunbo .rightBut { width: 41px; height: 69px; position: absolute; top: 50%; margin-top: -35px; background: url(../images/button.png) no-repeat; cursor: pointer; display: none; }
.lunbo .leftBut { background-position: -83px 0; left: 50%; margin-left: -580px; }
.lunbo .rightBut { background-position: -125px 0; right: 50%; margin-right: -580px; }
.lunbo .leftBut:hover { background-position: 0 0; }
.lunbo .rightBut:hover { background-position: -41px 0; }
.lunbo>ol { width: 156px; position: absolute; bottom: 20px; left: 50%; margin-left: -50px; }
.lunbo>ol>li { float: left; width: 12px; height: 12px; background: #ffffff; margin-right: 10px; cursor: pointer; border-radius: 10px; -ms-border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.lunbo>ol>li.current { background: #8fc31f; }
/*轮播图结束*/
/*J版轮播图开始*/
#lunbo_j { position: relative; height: 650px; }
#lunbo_j>ul>li { width: 100%; height: 650px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_j>ul>li:first-child { display: block; }
/*J版轮播图结束*/
/*I版轮播图开始*/
#lunbo_i { position: relative; height: 766px; }
#lunbo_i>ul>li { width: 100%; height: 766px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_i>ul>li:first-child { display: block; }
#lunbo_i>ol { bottom: 80px; }
/*I版轮播图结束*/
/*固定产品导航*/
.fixedProNav { position: fixed; top: 0px; left: 0px; z-index: 999999; width: 100%; height: auto; }
@media (min-width: 300px) {
#cnzz_stat_icon_5194702 { display: none; }
.logo { width: 180px; height: 50px; display: block; }
.pro_nav_mb { width: 100%; height: 35px; }
.pro_nav_mb ul { width: 100%; overflow: hidden; }
.pro_nav_mb li { width: 70px; font-size: 13px; float: left; padding-top: 5px; margin-left: 5px; text-align: center; line-height: 28px; }
.pro_nav_mb li.child { font-size: 14px; color: #ffffff; }
.pro_nav_mb li.child:hover { color: #83b31d; }
.pro_nav_mb li.current { border-bottom: 2px solid #83b31d; background: url(../images/menuico.png) no-repeat 72px -19px; }
.pro_nav_mb li.current a { color: #83b31d; }
.cont-item { width: 100%; height: auto; position: absolute; background: #f6f6f6; z-index: 10001; }
.cont-item2 { width: 100%; height: auto; position: absolute; background: #f6f6f6; z-index: 10002; }
.child a { text-decoration: none; color: #ffffff; }
.child a:hover { text-decoration: none; color: #83b31d; }
.child a:active { text-decoration: none; color: #83b31d; }
.pro_item-ul { overflow: hidden; }
.list-item { display: block; width: 100%; height: 38px; line-height: 38px; border-bottom: 1px solid #e9e9e9; text-align: left; padding-left: 15px; float: left; }
.list-item a { color: #666666; }
.list-litem-class { width: 100%; height: auto; float: left; }
.list-litem-class span { display: block; border-bottom: 1px solid #e9e9e9; line-height: 38px; padding-left: 15px; text-align: left; color: #8fc31f; }
.list-litem-container { display: block; height: auto; }
.list-litem-nomore { display: block; width: 100%; height: 38px; line-height: 38px; border-bottom: 1px solid #e9e9e9; text-align: left; padding-left: 30px; }
.list-litem-nomore:hover { background-color: #8fc31f; color: #FFF; cursor: pointer; }
.list-litem-nomore a { width: 100%; color: #666666; display: block; white-space: pre; }
.list-litem-nomore:hover a,.list-litem-nomore a:hover { color: #fff; }
.fixeditem { position: fixed; top: 0px; left: 0px; width: 100%; height: auto; z-index: 9999; }
.fixedcontainer { position: fixed; top: 35px; left: 0px; width: 100%; height: 100%; overflow: auto; padding-bottom: 35px; }
#pro_menuitem,#function_menuitem,.menclose { cursor: pointer; }
.mico1 { width: 90px !important; height: 35px; float: left; background: url(../images/menuico2.png) no-repeat -12px -19px; }
.mico2 { width: 90px !important; height: 35px; float: left; background: url(../images/menuico2.png) no-repeat -106px -19px!important; }
.mico3 { width: 90px !important; height: 35px; float: left; background: url(../images/menuico2.png) no-repeat -196px -19px; color: #ffffff!important; }
.mico4 { width: auto; height: 35px; float: right; background: url(../images/menuico.png) no-repeat -30px -14px!important; }
.micobuy { width: 72px !important; height: 25px; line-height: 26px !important; float: right !important; color: #ffffff; background: #8db13e; margin: 5px 22px 0px 0px; padding-top: 0px !important; border-radius: 4px; }
.micobuy a:hover { color: #ffffff !important; }
#lunbo_j { position: relative; height: 274px; }
#lunbo_j>ul>li { width: 100%; height: 274px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_j>ol { width: 100px; bottom: 10px; margin-left: -45px; }
#lunbo_j .leftBut { display: none !important; }
#lunbo_j .rightBut { display: none !important; }
#lunbo_j>ol { bottom: 10px; }
#lunbo_i { position: relative; height: 360px; top: 75px; }
#lunbo_i>ul>li { width: 100%; height: 360px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_i>ol { width: 110px; bottom: 10px; margin-left: -15px; }
#lunbo_i .leftBut { display: none !important; }
#lunbo_i .rightBut { display: none !important; }
#lunbo_i>ol { bottom: 10px; }
.lol_2 { margin-left: -18px !important; }
.lol_3 { margin-left: -29px !important; }
.lol_4 { margin-left: -39px !important; }
.lol_5 { margin-left: -50px !important; }
.col-buy-row { width: 100%; height: 164px; float: left; margin: 10px auto; }
.col-buy-div { width: 260px; height: 164px; background: #f4f8fa; border-radius: 12px; padding: 3px 6px 3px 12px; }
.col-buy-t { width: 236px; height: 50px; float: left; }
.col-buy-t h2 { font-size: 20px; font-weight: bold; margin: 20px 0px 0px 12px; }
.col-buy-l { width: 120px; height: 106px; float: left; padding-left: 12px; }
.col-buy-l p { font-size: 14px; color: #333333; width: 100%; height: 42px; line-height: 18px; }
.col-buy-l a { display: block; width: 80px; height: 36px; background: #8fc31f; color: #ffffff; text-align: center; border-radius: 26px; line-height: 34px; }
.col-buy-r { width: 122px; height: 106px; float: left; }
}
/*针对iphone5s*/
@media (min-width: 315px) {
#lunbo_j { position: relative; height: 288px; }
#lunbo_j>ul>li { width: 100%; height: 288px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_i { position: relative; height: 378px; }
#lunbo_i>ul>li { width: 100%; height: 378px; position: absolute; top: 0; left: 0; display: none; }
.col-buy-row { height: 170px; }
.col-buy-div { width: 265px; height: 170px; background: #f4f8fa; border-radius: 12px; padding: 3px 6px 3px 12px; }
.col-buy-t { width: 240px; height: 50px; float: left; }
.col-buy-t h2 { font-size: 20px; font-weight: bold; margin: 20px 0px 0px 12px; }
.col-buy-l { width: 120px; height: 116px; float: left; padding-left: 12px; }
.col-buy-l p { font-size: 14px; color: #333333; width: 100%; height: 42px; }
.col-buy-l a { display: block; width: 80px; height: 36px; background: #8fc31f; color: #ffffff; text-align: center; border-radius: 26px; line-height: 34px; }
.col-buy-r { width: 126px; height: 116px; float: left; }
}
/*针对1080*1920的android*/
@media (min-width: 360px) {
#lunbo_j { position: relative; height: 329px; }
#lunbo_j>ul>li { width: 100%; height: 329px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_i { position: relative; height: 432px; }
#lunbo_i>ul>li { width: 100%; height: 432px; position: absolute; top: 0; left: 0; display: none; }
.col-buy-row { height: 180px; }
.col-buy-div { width: 320px; height: 180px; background: #f4f8fa; border-radius: 12px; padding: 3px 6px 3px 12px; }
.col-buy-t { width: 292px; height: 50px; float: left; }
.col-buy-t h2 { font-size: 20px; font-weight: bold; margin: 20px 0px 0px 12px; }
.col-buy-l { width: 168px; height: 110px; float: left; padding-left: 12px; }
.col-buy-l p { font-size: 14px; color: #333333; width: 100%; height: 46px; }
.col-buy-l a { display: block; width: 80px; height: 36px; background: #8fc31f; color: #ffffff; text-align: center; border-radius: 26px; line-height: 34px; }
.col-buy-r { width: 134px; height: 110px; float: left; }
}
/*针对iphone6*/
@media (min-width: 375px) {
#lunbo_j { position: relative; height: 342px; }
#lunbo_j>ul>li { width: 100%; height: 342px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_i { position: relative; height: 450px; }
#lunbo_i>ul>li { width: 100%; height: 450px; position: absolute; top: 0; left: 0; display: none; }
.col-buy-div { width: 330px; height: 180px; background: #f4f8fa; border-radius: 12px; padding: 3px 12px; }
.col-buy-t { width: 302px; height: 50px; float: left; }
.col-buy-t h2 { font-size: 20px; font-weight: bold; margin: 20px 0px 0px 12px; }
.col-buy-l { width: 168px; height: 110px; float: left; padding-left: 12px; }
.col-buy-l p { font-size: 14px; color: #333333; width: 100%; height: 40px; }
.col-buy-l a { display: block; width: 80px; height: 36px; background: #8fc31f; color: #ffffff; text-align: center; border-radius: 26px; line-height: 34px; }
.col-buy-r { width: 138px; height: 110px; float: left; }
}
@media (min-width: 390px) {
#lunbo_i { position: relative; height: 468px; }
#lunbo_i>ul>li { width: 100%; height: 468px; position: absolute; top: 0; left: 0; display: none; }
.col-buy-row { width: 100%; height: 180px; float: left; margin: 13px auto; }
.col-buy-div { width: 350px; height: 194px; background: #f4f8fa; border-radius: 12px; padding: 3px 12px; }
.col-buy-t { width: 315px; height: 50px; float: left; }
.col-buy-t h2 { font-size: 20px; font-weight: bold; margin: 20px 0px 0px 12px; }
.col-buy-l { width: 180px; height: 124px; float: left; padding-left: 12px; }
.col-buy-l p { font-size: 14px; color: #333333; width: 100%; height: 50px; }
.col-buy-l a { display: block; width: 80px; height: 36px; background: #8fc31f; color: #ffffff; text-align: center; border-radius: 26px; line-height: 34px; }
.col-buy-r { width: 146px; height: 124px; float: left; }
}
@media (min-width: 400px) {
.logo { width: 180px; height: 53px; display: block; }
.pro_nav_mb { width: 100%; height: 35px; }
.pro_nav_mb ul { width: 100%; overflow: hidden; }
.pro_nav_mb li { width: 80px; font-size: 14px; float: left; padding-top: 5px; margin-left: 5px; text-align: center; line-height: 28px; }
.pro_nav_mb li.child { font-size: 14px; color: #ffffff; }
.pro_nav_mb li.child:hover { color: #83b31d; }
.pro_nav_mb li.current { border-bottom: 2px solid #83b31d; }
#lunbo_j { position: relative; height: 365px; }
#lunbo_j>ul>li { width: 100%; height: 365px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_i { position: relative; height: 480px; }
#lunbo_i>ul>li { width: 100%; height: 480px; position: absolute; top: 0; left: 0; display: none; }
}
/*针对iphone6s plus*/
@media (min-width: 410px) {
#lunbo_j { position: relative; height: 374px; }
#lunbo_j>ul>li { width: 100%; height: 374px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_i { position: relative; height: 492px; }
#lunbo_i>ul>li { width: 100%; height: 492px; position: absolute; top: 0; left: 0; display: none; }
.buy-content { width: 100%; margin: 0 auto; padding: 0px 6px; }
.col-buy-row { width: 194px; height: 160px; float: left; margin: 10px 0px 10px 2px; }
.col-buy-div { width: 184px; height: 160px; background: #f4f8fa; border-radius: 12px; padding: 3px 12px; }
.col-buy-t { width: 166px; height: 50px; float: left; }
.col-buy-t h2 { font-size: 16px; font-weight: bold; margin: 20px 0px 0px 6px; }
.col-buy-l { width: 70px; height: 100px; float: left; padding-left: 6px; }
.col-buy-l p { font-size: 12px; color: #333333; width: 100%; height: 50px; }
.col-buy-l a { display: block; width: 66px; height: 26px; background: #8fc31f; color: #ffffff; text-align: center; border-radius: 26px; line-height: 24px; }
.col-buy-r { width: 90px; height: 100px; float: left; }
}
@media (min-width: 414px) {
.buy-content { width: 100%; margin: 0 auto; padding: 0px 8px; }
}
/*针对1440*2560的android*/
@media (min-width: 480px) {
#lunbo_j { position: relative; height: 438px; }
#lunbo_j>ul>li { width: 100%; height: 438px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_j>ol { width: 100px; bottom: 10px; margin-left: -40px; }
#lunbo_i { position: relative; height: 576px; }
#lunbo_i>ul>li { width: 100%; height: 576px; position: absolute; top: 0; left: 0; display: none; }
.buy-content { width: 100%; margin: 0 auto; padding: 0px 10px; }
.col-buy-row { width: 220px; height: 164px; float: left; margin: 10px 0px 10px 10px; }
.col-buy-div { width: 220px; height: 164px; background: #f4f8fa; border-radius: 12px; padding: 3px 12px 3px 4px; }
.col-buy-t { width: 205px; height: 50px; float: left; }
.col-buy-t h2 { font-size: 16px; font-weight: bold; margin: 20px 0px 0px 6px; }
.col-buy-l { width: 104px; height: 100px; float: left; padding-left: 6px; }
.col-buy-l p { font-size: 14px; color: #333333; width: 100%; height: 50px; }
.col-buy-l a { display: block; width: 66px; height: 26px; background: #8fc31f; color: #ffffff; text-align: center; border-radius: 26px; line-height: 24px; }
.col-buy-r { width: 100px; height: 100px; float: left; }
}
@media (min-width: 500px) {
#lunbo_j { position: relative; height: 457px; }
#lunbo_j>ul>li { width: 100%; height: 457px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_i { position: relative; height: 600px; }
#lunbo_i>ul>li { width: 100%; height: 600px; position: absolute; top: 0; left: 0; display: none; }
.col-buy-row { width: 230px; height: 160px; float: left; margin: 10px 0px 10px 10px; }
.col-buy-div { width: 230px; height: 160px; background: #f4f8fa; border-radius: 12px; padding: 3px 12px 3px 4px; }
.col-buy-t { width: 210px; height: 50px; float: left; }
.col-buy-t h2 { font-size: 16px; font-weight: bold; margin: 20px 0px 0px 6px; }
.col-buy-l { width: 114px; height: 94px; float: left; padding-left: 6px; }
.col-buy-l p { font-size: 14px; color: #333333; width: 100%; height: 50px; }
.col-buy-l a { display: block; width: 66px; height: 26px; background: #8fc31f; color: #ffffff; text-align: center; border-radius: 26px; line-height: 24px; }
.col-buy-r { width: 100px; height: 94px; float: left; }
}
@media (min-width: 600px) {
#lunbo_j { position: relative; height: 548px; }
#lunbo_j>ul>li { width: 100%; height: 548px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_i { position: relative; height: 720px; }
#lunbo_i>ul>li { width: 100%; height: 720px; position: absolute; top: 0; left: 0; display: none; }
.col-buy-row { width: 270px; height: 150px; float: left; margin: 10px 0px 10px 10px; }
.col-buy-div { width: 270px; height: 150px; background: #f4f8fa; border-radius: 12px; padding: 3px 12px; }
.col-buy-t { width: 250px; height: 50px; float: left; }
.col-buy-t h2 { font-size: 16px; font-weight: bold; margin: 20px 0px 0px 6px; }
.col-buy-l { width: 146px; height: 94px; float: left; padding-left: 6px; }
.col-buy-l p { font-size: 14px; color: #333333; width: 100%; height: 42px; }
.col-buy-l a { display: block; width: 66px; height: 26px; background: #8fc31f; color: #ffffff; text-align: center; border-radius: 26px; line-height: 24px; }
.col-buy-r { width: 100px; height: 94px; float: left; }
}
@media (min-width: 700px) {
#lunbo_j { position: relative; height: 639px; }
#lunbo_j>ul>li { width: 100%; height: 639px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_i { position: relative; height: 840px; }
#lunbo_i>ul>li { width: 100%; height: 840px; position: absolute; top: 0; left: 0; display: none; }
.buy-content { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0px 20px; }
.col-buy-row { width: 270px; height: 150px; float: left; margin: 10px 0px 10px 40px; }
.col-buy-div { width: 270px; height: 150px; background: #f4f8fa; border-radius: 12px; padding: 3px 12px; }
.col-buy-t { width: 250px; height: 50px; float: left; }
.col-buy-t h2 { font-size: 16px; font-weight: bold; margin: 20px 0px 0px 6px; }
.col-buy-l { width: 146px; height: 94px; float: left; padding-left: 6px; }
.col-buy-l p { font-size: 14px; color: #333333; width: 100%; height: 42px; }
.col-buy-l a { display: block; width: 66px; height: 26px; background: #8fc31f; color: #ffffff; text-align: center; border-radius: 26px; line-height: 24px; }
.col-buy-r { width: 100px; height: 94px; float: left; }
}
@media (min-width: 768px) {	
.pro-nav-list { padding: 22px 10px; }
.pro_nav_name { display: none; font-size: 14px; }
.pro_nav_mb ul { width: 100%; }
.pro_nav_mb li { width: 150px; font-size: 14px; float: left; }
#lunbo_j { position: relative; height: 650px; }
#lunbo_j>ul>li { width: 100%; height: 650px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_i { position: relative; height: 922px; }
#lunbo_i>ul>li { width: 100%; height: 922px; position: absolute; top: 0; left: 0; display: none; }
.col-buy-row { width: 270px; height: 150px; float: left; margin: 30px 0px 10px 60px; }
}
@media (min-width: 770px) {
#lunbo_i { position: relative; height: 924px; }
#lunbo_i>ul>li { width: 100%; height: 924px; position: absolute; top: 0; left: 0; display: none; }
}
@media (min-width: 785px) {
#lunbo_i { position: relative; height: 942px; }
#lunbo_i>ul>li { width: 100%; height: 942px; position: absolute; top: 0; left: 0; display: none; }
}
@media (min-width: 800px) {
#lunbo_i { position: relative; height: 960px; }
#lunbo_i>ul>li { width: 100%; height: 960px; position: absolute; top: 0; left: 0; display: none; }
.col-buy-row { width: 310px; height: 190px; float: left; margin: 26px 0px 0px 50px; }
}
@media (min-width: 880px) {
#lunbo_i { position: relative; height: 1056px; }
#lunbo_i>ul>li { width: 100%; height: 1056px; position: absolute; top: 0; left: 0; display: none; }
}
@media (min-width: 900px) {
#lunbo_i { position: relative; height: 1080px; }
#lunbo_i>ul>li { width: 100%; height: 1080px; position: absolute; top: 0; left: 0; display: none; }
.col-buy-row { width: 310px; height: 190px; float: left; margin: 26px 0px 0px 76px; }
}
@media (min-width: 980px) {
#lunbo_i { position: relative; height: 1176px; }
#lunbo_i>ul>li { width: 100%; height: 1176px; position: absolute; top: 0; left: 0; display: none; }
}
@media (min-width: 992px) {
.pro-nav-list { padding: 22px 10px; }
.pro_nav_name { display: block; font-size: 14px; width: auto; height: auto; overflow: hidden; float: left; }
}
@media (min-width: 1024px) {
#cnzz_stat_icon_5194702 { display: block; }
.pro_nav { width: 100%; background: #4f5151; }
.child a { text-decoration: none; color: #FFF; }
.child a:hover { text-decoration: none; color: #83b31d; }
.child a:active { text-decoration: none; color: #83b31d; }
.buy-content { padding: 25px 0px 20px 0px; }
.col-buy-row { width: 280px; height: 170px; float: left; margin: 26px 0px 0px 40px; }
.col-buy-div { width: 286px; height: 170px; background: #f4f8fa; border-radius: 12px; padding: 3px 4px 0 12px; }
.col-buy-t { width: 262px; height: 50px; float: left; }
.col-buy-t h2 { font-size: 20px; font-weight: bold; margin-left: 12px; }
.col-buy-l { width: 136px; height: 100px; float: left; padding-left: 12px; }
.col-buy-l p { font-size: 14px; color: #333333; width: 100%; height: 42px; }
.col-buy-l a { display: block; width: 80px; height: 36px; background: #8fc31f; color: #ffffff !important; text-align: center; border-radius: 26px; line-height: 34px; }
.col-buy-r { width: 134px; height: 100px; float: left; }
#lunbo_i { position: relative; height: 766px; top: 0px; }
#lunbo_i>ul>li { width: 100%; height: 766px; position: absolute; top: 0; left: 0; display: none; }
#lunbo_i>ul>li:first-child { display: block; }
#lunbo_i>ol { bottom: 40px; }
.lol_2 { margin-left: -20px !important; }
.lol_3 { margin-left: -30px !important; }
.lol_4 { margin-left: -41px !important; }
.lol_5 { margin-left: -52px !important; }
}
@media (min-width: 1200px) {
.pro-nav-list { padding: 22px 0; }
#lunbo_j .leftBut { display: block !important; }
#lunbo_j .rightBut { display: block !important; }
.col-buy-row { width: 280px; height: 190px; float: left; margin: 0px 0px 0px 16px; }
}
@media (min-width: 1921px) {
body { width: 1920px; margin: 0 auto; }
}
@media (min-width: 2000px) {
body { width: 100%; margin: 0 auto; }
}
@media (min-width: 2561px) {
body { width: 2560px; margin: 0 auto; }
.pro_nav_b dd ul li { font-size: 14px; }
}