/*!
 * 深圳慧联软通科技有限公司
 * @Author http://www.lonwin.net iyejing.
 * @Copyright 2016
 */
body { position: relative }
#portamento_container { position: relative; z-index: 2; float: left }
#portamento_container .pdtleft.fixed { position: fixed }
.sltbanner { position: relative }
.sltbanner a { position: absolute; top: 300px; left: 0 }
.sltbanner, .sltbanner img { width: 1170px; height: 368px }
.container .main { background: #f9f9f9; position: relative }
.pdt_hd { background: #fff; margin: 20px 0; padding: 10px; line-height: 32px; position: relative }
.pdt_hd .position { float: right }
.pdt_hd .pdt_search { width: 189px; float: left }
.pdt_hd .pdt_search form { width: 179px; margin-left: 10px; height: 32px; line-height: 32px; background: url(../images/pdt_search.png) no-repeat }
.pdt_hd .pdt_search input { height: 30px; line-height: 30px; border: none; background: none }
.pdt_hd .pdt_search .kw { width: 125px; margin-left: 3px; float: left }
.pdt_hd .pdt_search .btn { width: 48px; float: right }
.affix { position: fixed; top: 80px }
.pdtleft { width: 220px; float: left; background: #fff; -webkit-box-shadow: 1px 1px 5px 1px #ddd; -moz-box-shadow: 1px 1px 5px 1px #ddd; box-shadow: 1px 1px 5px 1px #ddd; overflow: hidden }
.pdtleft .pdtmenu { padding-top: 30px; background: #fff }
.pdtleft li { line-height: 50px; border-top: 1px solid #e5e5e5 }
.pdtleft li a { display: block; text-decoration: none }
.pdtleft .first { border-top: none }
.pdtleft .navi { position: relative; background: url(../images/pdt_toggle.png) no-repeat 15px -65px; padding-left: 45px; font-size: 16px; font-weight: 700 }
.pdtleft .navi .arrow { position: absolute; right: 15px; top: 20px; width: 14px; height: 14px; background: url(../images/pdt_arrow.png) no-repeat 0 -45px; *top: 3px; }
.pdtleft .navi .arrow.open { background-position: 0 0 }
.pdtleft .pdtli ul { background: #f2f2f2; display: none }
.pdtleft .pdtli li a { border-left: 3px solid transparent; font-size: 15px }
.pdtleft .pdtli li a.on, .pdtleft .pdtli li a:hover { border-left: 3px solid #2c8bbf; color: #2c8bbf }
.pdtleft .pdtli li span { padding: 0 10px; font-weight: 700; font-size: 14px }
.pdtleft .pdtli li a { color: #6a6a6a }
.pdtleft .pdtli li a:active, .pdtleft .pdtli li a:focus, .pdtleft .pdtli li a:hover { color: #2c8bbf }
.pdtleft .active .navi { background-position: 15px 15px }
.pdtleft .active .navi .arrow { background-position: 0 0 }
.pdtleft .active .active a { border-left: 3px solid #2c8bbf; color: #2c8bbf }
.pdtleft .active>ul { display: block }
.pdtmid { width: 870px; float: right; min-height: 200px; background: #fff; padding: 30px; position: relative }
.pdtmid:after { clear: both; content: ''; zoom: 1 }
.pdtmid .hd { height: 50px; line-height: 50px; position: relative; border-bottom: 1px solid #d7d7d7; margin-bottom: 15px }
.pdtmid .hd h3 { position: absolute; left: 0; top: 0; font-weight: 700; color: #737272; font-size: 18px; padding-left: 20px; background: url(../images/dot.png) no-repeat left center }
.pdtmid .hd .position { position: absolute; right: 0; top: 0; font-size: 14px }
.pdtmid .hd .position .on { color: #42a5f5 }
.pdt_list .bd .product { border-bottom: 1px dashed #dee0e2; padding: 25px 0; *zoom: 1 }
.pdt_list .bd .product:after, .pdt_list .bd .product:before { display: table; content: "" }
.pdt_list .bd .product:after { clear: both }
.pdt_list .bd .thumb { float: left; border: 1px solid #e3e3e3; width: 227px; height: 184px; margin-right: 20px }
.pdt_list .bd .thumb a { display: block; text-align: center }
.pdt_list .bd .thumb img { width: auto; height: 184px }
.pdt_list .bd .txt { position: relative; height: 184px }
.pdt_list .bd h4 { font-size: 16px; padding: 10px 0 }
.pdt_list .bd p { font-size: 14px; color: #454545; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap }
.pdt_list .bd .desc { font-size: 13px; color: #6c6c6c; margin: 10px 0; line-height: 24px; height: 48px; overflow: hidden }
.pdt_list .bd .detail { text-decoration: none; background: #0093d6; -moz-border-radius: 15px; border-radius: 15px; display: block; height: 29px; line-height: 29px; text-align: center; color: #fff; width: 100px; float: left; }
.pdt_list .bd .detail:hover { background: #4ca5db }
.pdt_list .bd .bshare-custom { position: absolute; bottom: 5px; right: 0; height: 16px; width: 120px }
.pdt_list .bd .bshare-custom a { float: left; width: 18px; height: 16px; padding-left: 0 }
.pdt_list .bd .bshare-custom .share { float: left; color: #aaa }
.pdt_list .bd .bshare-custom .bshare-sinaminiblog { background: url(../images/news_weibo.png) no-repeat center }
.pdt_list .bd .bshare-custom .bshare-weixin { background: url(../images/news_wechat.png) no-repeat center }
.pdt_list .bd .bshare-custom .bshare-qqmb { background: url(../images/news_tqq.jpg) no-repeat center }
.pdt_list .bd .bshare-custom .bshare-more.more-style-addthis { display: none }
.pdt_slide { float: left; height: 269px; width: 263px; position: relative }
.pdt_slide .big { border: 1px solid #e3e3e3; position: relative; overflow: hidden; height: 200px }
.pdt_slide .big ul { position: absolute; overflow: hidden; left: 0; top: 0 }
.pdt_slide .big li { width: 263px; height: 200px; line-height: 200px; overflow: hidden; text-align: center }
.pdt_slide .big img { width: auto; height: 196px; vertical-align: middle }
.pdt_slide .small { position: relative; height: 65px; overflow: hidden; margin-top: 5px }
.pdt_slide .small ul { position: absolute; left: 0; top: 0 }
.pdt_slide .small li { float: left; height: 63px; line-height: 60px; width: 83px; cursor: pointer; border: 1px solid #e3e3e3; text-align: center; margin-right: 5px }
.pdt_slide .small img { height: 59px; width: auto; vertical-align: middle }
.pdt_slide .next, .pdt_slide .prev { position: absolute; top: 50%; width: 9px; height: 18px; margin-top: -9px }
.pdt_slide .prev { left: -5%; background: url(../images/feel3.png) no-repeat }
.pdt_slide .next { right: -5%; background: url(../images/feel4.png) no-repeat }
.pdt_cnt .bd { margin-bottom: 30px }
.pdt_cnt .bd:after { content: ''; clear: both;display: table; }
.pdt_cnt .pdt_txt { position: relative; width: 550px; float: right }
.pdt_cnt .pdt_txt h1 { font-size: 16px; padding: 10px 0 }
.pdt_cnt .pdt_txt p { font-size: 13px; color: #6c6c6c; line-height: 24px }
.pdt_cnt .pdt_txt .desc { margin-bottom: 30px }
.pdt_cnt .pdt_txt .clearfix { margin-top: 20px }
.pdt_cnt .pdt_txt .download { text-decoration: none; padding-right: 35px; background: url(../images/pdt_icon.png) no-repeat 75px center; float: left }
.pdt_cnt .pdt_txt .bshare-custom { line-height: 23px !important; height: 23px; float: right }
.pdt_cnt .pdt_txt .bshare-custom a { float: left; width: 23px; height: 23px; padding-left: 0; background: url(../images/pdt_icon.png) no-repeat center }
.pdt_cnt .pdt_txt .bshare-custom .share { float: left; color: #aaa }
.pdt_cnt .pdt_txt .bshare-custom .bshare-sinaminiblog { background-position: -102px center }
.pdt_cnt .pdt_txt .bshare-custom .bshare-weixin { background-position: -45px center }
.pdt_cnt .pdt_txt .bshare-custom .bshare-qqmb { background-position: -72px center }
.pdt_cnt .pdt_txt .bshare-custom .bshare-more.more-style-addthis { display: none }
.pdt_cnt .ft { margin-top: 20px; border-top: 1px dashed #dedede; padding-top: 10px }
.pdt_cnt .ft li { line-height: 35px }
.navs li { float: left; padding: 0 30px; text-align: center; font-size: 15px; height: 40px; line-height: 40px; color: #5b5b5b; background: #dcdcdc; cursor: pointer }
.navs li.on { background: #0081bd; color: #fff; position: relative }
.navs li.on:after { position: absolute; content: ""; border: 5px solid transparent; border-top: 5px solid #0081bd; bottom: -10px; left: 50%; margin-left: -5px }
.tab { background: #f8f8f8; display: none; padding: 30px; line-height: 33px; color: #6d6d6d }
.tab p { padding-bottom: 10px }
.ban { height: 269px }
.ban, .ban .ban2 { width: 263px; position: relative; overflow: hidden }
.ban .ban2 { height: 200px }
.ban .ban2 ul { position: absolute; left: 0; top: 0 }
.ban .ban2 ul li, .ban .ban2 ul li img { width: 263px; height: 200px }
.ban .prev { float: left; cursor: pointer }
.ban .num { height: 63px; overflow: hidden; width: 263px; position: relative; float: left }
.ban .num ul { position: absolute; left: 0; top: 0 }
.ban .num ul li { margin-right: 5px; padding: 1px }
.ban .num ul li, .ban .num ul li img { height: 63px; width: 83px }
.ban .num ul li.on { border: 1px solid red; padding: 0 }
.ban .min_pic { padding-top: 10px; width: 263px; height: 63px }
.ban .prev_btn1 { margin-right: 20px; float: left }
.ban .next_btn1, .ban .prev_btn1 { width: 16px; text-align: center; height: 18px; margin-top: 40px; cursor: pointer }
.ban .next_btn1 { float: right }
.ban .prev1 { left: 20px }
.ban .next1, .ban .prev1 { position: absolute; top: 220px; width: 28px; height: 51px; z-index: 1; cursor: pointer }
.ban .next1 { right: 20px }
@media screen and (max-width:1260px) {
  .pdtmid { float: none; width: auto; margin-left: 240px; padding: 10px }
  .pdt_cnt .bd { position: relative }
  .pdt_slide { position: absolute; float: none; left: 20px; top: 30px }
  .pdt_cnt .pdt_txt { float: none; width: auto; margin-left: 320px }
  .sltbanner, .sltbanner img {width: 100%; height: auto; }
}
@media screen and (max-width:768px) {
  .pdtleft { display: none }
  .pdtmid { margin-left: 0 }
  .pdt_list .bd .thumb { width: 34%; height: auto }
  .pdt_list .bd .thumb img { height: auto }
  .pdt_slide .next, .pdt_slide .prev, .pdt_slide .small { display: none }
  .pdt_slide { position: static; width: 100%; height: auto }
  .pdt_slide .big { border: none }
  .pdt_cnt .pdt_txt { margin-left: 0 }
  .tab { padding: 10px 0 }
  .tab ul { list-style: none !important }
  .tab table { width: 100% !important }
}
@media screen and (max-width:560px) {
  .pdt_hd .position { display: none }
}
@media screen and (max-width:480px) {
  .pdt_list .bd .detail { left: 0 }
}