/*初始化*/
* { margin: 0px; padding: 0px; font-family: "Arial"; }
i { font-style: normal; }
li { list-style: none; }
 
a { text-decoration: none;    color: #333; }
.clter { clear: both; }
h2, h3, h4, h5 { font-weight: 100; }
html { font-size: 62.5% !important; /* 10÷16=62.5% */ }
.ba { width: 100%; overflow: hidden; }
.aet_ba{color:#333; padding-left: 1em; float:left}
.details_ba { width:64%; padding-left:1em;}
.details_ba a {padding: 5px 10px;background-color: #24782c;border-radius: 5px;margin: 0 10px; color:#fff;}
.box { max-width: 1200px; margin: 0px auto; width: 98%; overflow: hidden; }
h1 { text-align: center; font-size: 2.2rem; line-height: 60px; font-family: "Arial"; }
/*页头*/
.top_ba { width: 100%; background-color: #fff; border-bottom: #eee solid 1px; overflow: visible; }
.top_ba .top_box { height: 80px; background: url(../Images/logo.png) no-repeat left center; max-width: 1200px; margin: 0px auto; width: 98%; position: relative; }
/*搜索*/
.top_ba .search { float: right; margin-top: 24px; width: 256px; overflow: hidden; border: #ccc solid 1px; border-radius: 30px; z-index: 1; }
.top_ba .search input { float: left; line-height: 1.8em; font-size: 1.6rem; color: #333; padding: 2px 5px; padding-left: 10px; border: none; outline: none; }
.top_ba .search .btn { width: 38px; background-color: #24782c; background: url(../Images/01btn.png) no-repeat -4px center; }
.top_ba .search .sea_box { width: 200px; }
/*隐藏的导航*/
.top_ba .nav_box1 .btn { height: 20px; width: 30px; margin: 0px auto; margin-bottom: 10px; background: url(../Images/icon.png) no-repeat -56px 1px; cursor: pointer; }
.top_ba .nav_box1 { position: absolute; right: 0px; top: 40px; width: 160px; display: none; z-index: 6; }
.top_ba .nav_box1 ul { float: left; }
.top_ba .nav_box1 li { overflow: hidden; }
.top_ba .nav_box1 li a { font-size: 1.6rem; background-color: #24782c; border-bottom: #999 1px solid; line-height: 2em; color: #fafafa; width: 160px; float: left; font-family: "Arial"; padding-left: 10px; }
.top_ba .nav_box1 ol { margin-top:33px;}
.top_ba .nav_box1 ol li a { font-size: 1.4rem; width: 146px; }
.top_ba .nav_box1 li a:hover { background-color: #006ba8; }
.top_ba .nav_box1 .aa { display: none; }
/*导航*/
.nav_ba { width: 100%; }
.nav_ba .nav_box { max-width: 1200px; margin: 0px auto; width: 98%; }
.nav_ba ul { float: left; position: relative; }
.nav_ba ul li { float: left; padding: 0px 36px; position: relative; }
.nav_ba ol { position: absolute; top: 40px; left: -5px; z-index: 2; }
.nav_ba ol li { border-bottom:#999 1px solid; overflow: hidden; width: 170px; padding: 0px 4px;  background-color: #24782c; }
.nav_ba ol li a { font-size: 1.6rem; line-height: 3rem; color: #fafafa; float: left; font-family: "Arial"; padding-left: 10px; }
.nav_ba ol li:hover { background-color: #006ba8; }
.nav_ba li a { font-size: 1.6rem; line-height: 4rem; color: #121212; font-family: "Arial"; }
.nav_ba li a:hover { color: #ffc000; }
/*广告*/
.banner { width: 100%; position: relative; }
.banner img { width: 100%; }
/*广告按键*/
.banner .right_btn, .left_btn { position: absolute; top: 48%; margin-top: -4%; }
.banner .left_btn { left: 3rem; }
.banner .right_btn { right: 3rem; }
.banner ul { font-size: 0px; text-align: center; position: relative; margin-top: -2rem; }
.banner li { width: 0.7rem; height: 0.7rem; margin: 6px; background-color: #666; display: inline-block; text-align: center; border: #666 solid 1px; border-radius: 50%; color: #fff; }
.banner .cc { background-color: #fff; color: #00b1ff; border: #24782c solid 1px; }
/*页脚*/
.feeter_ba { width: 100%; background-color: #353535; }
.feeter_ba .feet_box { max-width: 1200px; width: 98%; margin: 0 auto; overflow: hidden; padding-top: 50px; }
.feeter_ba .tp { width: 100%; overflow: hidden; border-bottom: #CCC solid 1px; padding-bottom: 40px; }
.feeter_ba .tp .img { width: 32%; max-width: 280px; overflow: hidden; float: right; margin-top: 24px; }
.feeter_ba .tp .img img { width: 100%; }
.feeter_ba .lf { float: left; width: 66%; }
.feeter_ba .lf li { text-align: left; color: #ccc; font-size: 1.5rem; font-family: "Arial"; line-height: 2rem; }
.feeter_ba .lf li:nth-child(1) { text-align: left; color: #ccc; font-size: 1.6rem; font-family: "Arial"; line-height: 2.6rem; }
.feeter_ba .pr ul { overflow:hidden; margin:20px 0px;}
.feeter_ba .pr li { float:left; color: #ccc; font-size: 1.4rem; font-family: "Arial"; line-height: 2.2rem;  }
.feeter_ba .pr li a { color: #ccc; }
.feeter_ba .pr li:nth-child(2n) { float: right;  }
/*分享图标*/
.gunav { position: fixed; right: 0px; overflow: hidden; top: 28%; z-index: 9999; }
.gunavbox { display: none; float: left; }
.gunavbox a { margin: 10px; display: block; width: 32px; height: 32px; }
.sharef { background-image: url(../Images/sharef.png); }
.sharei { background-image: url(../Images/sharei.png); }
.sharen { background-image: url(../Images/sharen.png); }
.shareq { background-image: url(../Images/shareq.png); }
.sharet { background-image: url(../Images/sharet.png); }
.sharew { background-image: url(../Images/sharew.png); }
.sharebtn { margin-top: 82px; float: left; }
@media (max-width:1200px) {
/*banner按键*/
.banner .right_btn, .left_btn { width: 5.6%; }
.top_ba .top_box { width: 95%; }
.details_ba { width:50%; padding-left:0;}
}

@media (max-width:860px) {
/*广告按键*/
.top_ba .nav_box1 { display: block; }
.nav_ba { display: none; }
.top_ba .search { position: relative; right: 50%; margin-bottom: 10px; margin-top: 90px; margin-right: -128px; z-index: 3; }
.banner .right_btn, .left_btn { margin-top: 0%; }
/*广告按键隐藏*/
.banner .right_btn, .left_btn { display: none; }
.details_ba { width:100%; padding-left:0;}
.show_ba .img { max-width:600px;}
}

@media (max-width:640px) {
.feeter_ba .feet_box { padding-top: 20px; }
.top_ba .nav_box1 ol { margin-top:26px;}
html { font-size: 50% !important; /* 10÷16=62.5% */ }
}

@media (max-width:580px) {
.feeter_ba .tp { padding-bottom: 20px; }
.feeter_ba .feet_box { width: 94%; }
.feeter_ba .tp .img { display: none; }
.feeter_ba .lf { width: 100%; }
}

@media (max-width:500px) {
.feeter_ba .pr li {float:none; }
.feeter_ba .pr li:nth-child(2n) { float: none;  }
}


/*产品详情页图片展示*/
.show_ba .box { background-color: #f7f7f7; padding: 12px 12px 40px 12px; box-shadow: 5px 0px 10px 5px #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; margin-top: 1px; }
.show_ba .img { width: 100%; max-width: 400px; height: auto; float: left; border: #e5e5e5 solid 1px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; }
.show_ba .img li { float: left; width: 20%; height: auto; overflow: hidden; }
.show_ba .img img { width: 100% !important; height: auto !important; }
.show_ba .img .current { transform: scale(1.2, 1.2); transition: .3s transform; }
/*产品详情页产品信息*/
.details_ba .box { background-color: #f7f7f7; padding: 12px 12px 40px 12px; box-shadow: 5px 0px 10px 5px #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; }
.details_ba img { max-width: 100% !important; height:auto !important; }
.details_ba li { float: left; width: 33.3%; font-size: 1.4rem; color: #333; line-height: 1.8em; font-weight: 100;    width: 100%;    padding: 1em 0; }
.details_ba ul { overflow: hidden; }
.details_ba span { font-size: 1.4rem; color: #333; line-height: 1.8em; font-weight: 100; }
.details_ba h2 { font-size: 1.8rem; color: #067eb5; line-height: 2em; font-weight: 600; }
/*产品详情页型号*/
.model_ba { margin-bottom: 40px; padding-bottom: 12px; }
.model_ba .box { background-color: #f7f7f7; padding: 12px 12px 40px 12px; box-shadow: 5px 0px 10px 5px #e5e5e5; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box; }
.model_ba img { max-width: 100%!important; height:auto !important; }
.model_ba li { font-size: 1.4rem; color: #333; line-height: 1.8em; font-weight: 100; }
.model_ba span { font-size: 1.4rem; color: #333; line-height: 1.8em; font-weight: 100; }
.model_ba h2 { font-size: 1.8rem; color: #067eb5; line-height: 2em; font-weight: 600; }
.model_ba table { border-collapse: collapse; max-width: 700px; width: 100%; }
.model_ba h6 { width: 12rem; padding-left: 10px; font-size: 1.8rem; color: #fafafa; line-height: 1.8em; font-weight: 600; background-color: #24782c; border-radius: 4px; margin-top: 30px; margin-bottom: 15px; }
.model_ba h5 { font-size: 1.8rem; color: #24782c; line-height: 2em; font-weight: 600; }
.model_ba p { font-size: 1.6rem; color: #121212; line-height: 1.8em; font-weight: 100; }
.model_ba li { font-size: 1.6rem; color: #121212; line-height: 1.8em; font-weight: 100; }
.model_ba table td { width: 50%; padding-left: 8px; }



.position { font-size:14px; color:#555; padding:10px; width:100%; max-width:1200px; margin:auto;}
.position a {font-size:14px; color:#555;}

.sidebar { width:100%; max-width:1200px; margin:auto; padding:10px;}
/*内页侧栏*/
.sidebar{ margin-top:60px;}
.sidebar .sb_nav{ float:left; width:290px;}
.sidebar .sb_nav h3.title{ text-align:left; background:url(../Images/dt-6.gif) repeat-x; padding:0px 15px; height:33px; line-height:33px; border-bottom:1px solid #cecece; font-size:14px; color:#fff;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{ padding:10px 15px; background:#fff;}
#sidebar dl{ margin-left:5px;}
#sidebar dl dt{ padding:4px 0px 5px 15px; margin-top:5px; background:url(../Images/dt-11.gif) no-repeat 2px 11px;}
#sidebar dl dd{ padding:0px 0px 0px 15px;}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px; background:url(../Images/dt-0.gif) no-repeat left center;}
#sidebar dl dt.on a{ font-weight:bold; color:#1C57C4; }
#sidebar dl h4.on a{ font-weight:bold;}
.sidebar .sb_box{ float:right; width:890px; background:#fff; overflow:hidden; }
.sidebar .sb_box h3.title{ border-bottom:1px solid #ddd; background:#f8f8f8; height:35px; line-height:35px; position:relative; font: 12px/1.8 Microsoft YaHei,'����' , Tahoma, Helvetica, Arial, sans-serif;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:14px; border-bottom:2px solid #ff6633; padding:0px 15px;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:6px; right:15px;}
.sidebar .sb_box h3.title div.position a{ color:#1C57C4;}
.box iframe{width:100% !important;}