html{ font-size: 16px;}
body{ font-size: 1rem;}
.columnbg{ width:100%; background-color:#f5f5f5; padding:10px 0px 50px 0px; overflow:hidden;}
.columnnobg{ width:100%; background-color:#fff; padding:10px 0px 50px 0px; overflow:hidden;}

.topbanner{ width:100%; height:500px; background-image:url(/images/v3/spe/shengchanxian/banner.jpg); background-position: center center; background-repeat:no-repeat;}
.topbanner .slogan{ width:100%; height:80px; font-size:45px; font-weight:bold; color:#00a2ff; text-align:center; margin-top:35px; margin-bottom:25px; position:relative; z-index:2;}
.topbanner .slogan.yellow{ color:#ffde00;}
.topbanner .item{ width:900px; margin:0px auto; text-align:center; position:relative; z-index:2; text-align:center;}
.topbanner .item span{ background-image:url(/images/v3/spe/icon/banner-gou.png); background-position:15px 15px; background-repeat:no-repeat; padding-left:50px; font-size:26px; color:#00a2ff; padding-right:15px; display:inline; border-top:1px solid #bbb; border-bottom:1px solid #bbb; padding-bottom:12px; padding-top: 10px;}
.topbanner .item.white span{ background-image:url(/images/v3/spe/icon/banner-gou-white.png); color:#fff;}
.topbanner .guide{ font-size:28px; color:#ffde00; text-align:center; margin-top:40px; vertical-align:middle; position:relative; z-index:2;}
.topbanner .guide a.zx,.topbanner .guide a.ks{ font-size:20px; border:2px solid #fdd000; border-radius:5px; vertical-align:middle; padding:4px 8px 4px 10px; color:#fdd000; position:relative; margin-left:20px; text-decoration:none;}
.topbanner .guide a.ks{border:2px solid #fdd000; background-color:#fdd000;}
.topbanner .guide a.zx:hover{border:2px solid #fdd000; background-color:#fdd000;}
.topbanner .guide a.ks:hover{border:2px solid #fff; background-color:#fff; color:#fdd000;}
.topbanner .guide a.zx i,.topbanner .guide a.ks i {width: 0px;height: 0px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 10px solid #fdd000;font-size: 0px;line-height: 0px;vertical-align:middle;margin-left:6px;}
.topbanner .guide a.ks:hover i{ border-left:10px solid #fff;}
.topbanner .guide a.zx:hover i{ border-left:10px solid #fff;}
.topbanner .guide a.zx:hover{ color:#fff;}
.topbanner .bannerdesc{ width:560px; color:#fff; padding:20px 40px; margin-left:100px; margin-top:200px; position:relative;}
.topbanner .bannerdesc.hr{ margin-top:150px; float:right;}
.topbanner .bannerdesc h1{ font-size:30px; position:relative; z-index:2;}
.topbanner .bannerdesc p{ font-size:16px; line-height:30px; padding-top:10px; position:relative; z-index:2;}
.topbanner .bannerdesc .bg{ width:640px; height:150px; background-color:#3671cf; filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8; position:absolute; top:0px; left:0px; bottom:0px; z-index:1;}
.touzitoplink{display:block; width:250px; height:70px; float:right; margin-top:210px; margin-right:170px;}
.topbanner .bannercon{ position:relative; width:980px; height:300px; margin:80px auto 0px auto;border-radius: 10px; overflow:hidden;}
.topbanner .bannercon .bg{background-color:#000; width:100%; height:300px; position:absolute; top:0px; left:0px; z-index:1; filter: alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}

.productitems{ margin-top: 50px;}
.productitems h1{ font-size: 1.75rem; font-weight: normal; text-align: center; padding: 20px 0px;}
.productitems p{ width: 90%; margin: 0px auto; font-weight: normal; text-align: center; line-height: 2em; padding: 20px 0px 40px 0px;}
.productitems{ width: 100%; }
.productitems .item{ width: 47%; background-color: #f5f5f5; margin: 1.5%; box-sizing: border-box; padding: 2%; float: left;}
.productitems.col4 .item{ width: 22%; }
.productitems.nopadding .item{ padding: 0px;}
.columnbg .productitems .item{ background-color: #fff;}
.columnbg .productitems .item:hover{ background-color: #fff;}
.productitems .item:hover{ background-color: #f1f1f1;}
.productitems .item .proimg{ width: 50%; float: left;}
.productitems.col4 .item .proimg{ width: 100%;}
.productitems .item .proimg img{ width: 100%;}
.productitems .item .prolink{ width: 50%; font-size: 14px; line-height: 3em; text-align: center; margin-top: 16%; float: left;}
.productitems .item .prolink.row3,.productitems .item .prolink.row2{margin-top: 13%;}
.productitems.col4 .item .prolink{ width: 100%;}
.productitems .item .prolink h2{ font-size: 18px; font-weight: normal;}
.productitems .item .prolink a{ margin: 0px 5px;}
.productitems.nopadding .item{ position: relative;}
.productitems.nopadding .item img{ float: left;}
.productitems.nopadding .item span{ display: none;}
.productitems.nopadding .item:hover span{ display: block; position: absolute; left: 0px; top:0px; bottom:0px; right:0px; background-color: #3671cf; text-align: center; color: #fff; line-height: 220px; font-size: 24px; z-index: 1; opacity: 0.9}
.productitems.nopadding .item span a{ display: block; width: 100%; color: #fff; text-decoration: none;}

.productitems .col-md-4{ width: 30%;}
.productitems .col-md-4 .proimg{ width: 100%; float:none;}
.productitems .col-md-4 .prolink{ width: 100%;}
.productitems .col-md-4 .prolink.row3{ margin-top: 1rem; padding-bottom: 1rem;}