.header_title, .header_title a, .header_title a:visited, .header_title a:hover, .header_desc {color: #FFFFFF;}
.carousel, .carousel .item {height: 400px;}
.mid_content {width:100%;margin:5px 0 20px 0;}
.bg_banner{width:100%;background:url(../images/about-us.jpg) no-repeat;height:600px;background-position:center;position:relative}
.tomato{position:absolute;margin:150px auto 20px auto;width:600px;height:500px;background:linear-gradient(65deg 0,180px,0,50px);transform:rotate(180deg);text-align:justify;text-justify:newspaper;word-break:break-all;}
.conten_div{transform:rotate(540deg);position:absolute;top:120px;left:30px;width:550px;text-align:justify;text-justify:newspaper;word-break:break-all;}
.conten_div p{line-height:30px;font-size:15px;color:#333}
.contact_banner{width:100%;background:url(../images/apogeeweb-contact-us.jpg) no-repeat;height:600px;background-position:center;position:relative}
.contact_div{width:600px;height:250px;position:relative;top:95px;left:230px}
.contact_div p{line-height:30px;font-size:15px;color:#333}
#post-2547 table:nth-child(3) td p {margin-top:5px;}
.apo_list .apo_char{width:100%;float:left;border-top:0px;margin-bottom:20px;}
.apo_list .apo_char ul{margin:0px;padding:0px;float:left;width:100%;}
.apo_list .apo_char ul li{float:left;display:inline;text-align:left;width:20%;overflow:hidden;padding-top:5px;list-style:none;text-indent:10px;}
.apo_list .apo_char ul li a{font-size:12px;text-indent:10px;text-decoration:none;color:#333;white-space: nowrap; overflow:hidden; text-overflow:hidden;}
.apo_list .apo_char ul li:hover a{text-decoration:underline;color:#0070BB;}

@media (max-width: 767px) {.carousel, .carousel .item {height: 250px;}}
/*#header { max-height: 100px;}*/
.recentcomments a {display: inline !important;padding: 0 !important;margin: 0 !important;}
#uc_Paging_pageDIV {display: inline-block;}
.currpage {float: right;margin: 0px 14px 0px 0px;}
#link {background-color: white; font-size: 12px;line-height: 18px;color: #bcb4c1;}
#link .blogroll { width: 100%;border-top: 1px solid #EEEEEE;background-color: White;float: left;}
#link .blogroll li { float: left;line-height: 52px; margin-left: 13px; list-style: none;}

/*分页页码*/
#pagenum .page_div{margin:20px 10px 20px 0;color:#666}
#pagenum .page_div button{display:inline-block;min-width:30px;height:28px;cursor:pointer;color:#666;font-size:13px;line-height:28px;background-color:#f9f9f9;border:1px solid #dce0e0;text-align:center;margin:0 4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#firstPage,#lastPage,#nextPage,#prePage{width:50px;color:#0073A9;border:1px solid #0073A9}
#nextPage,#prePage{width:70px}
#pagenum .page_div .current{background-color:#0073A9;border-color:#0073A9;color:#FFF}
#pagenum .totalPages{margin:0 10px}
#pagenum .totalPages span,.totalSize span{color:#0073A9;margin:0 5px}
#pagenum .page_div button:disabled{opacity:.5;cursor:no-drop}


/*首页*/

#divcontent .content4 {width: 100%;margin: auto;}
#divcontent .content4 .title {width:100%; height:45px;line-height:45px;text-align: left;margin: 0px 0px 10px 0px; background-color:#f9f9f9;}
#divcontent .content4 .title  .titlespan,.titleh3 {float:left; height:45px;line-height:45px;}
#divcontent .titleh3 h3 {line-height:45px;text-indent:10px;}
#divcontent .content4 .title  .titlespan:hover {color:#f6824e;text-decoration: underline;}
#divcontent .content4 ul {width:100%;}
#divcontent .content4 ul li {width:20%;float:left;padding:10px 0px;position:relative;}
#divcontent .content4 ul li a:hover {text-decoration:underline;color:#f6824e;}
#divcontent .content1 {width: 100%;margin: auto;}
#divcontent .content1 .title {width:100%; height:45px;line-height:45px;text-align: left;margin: 0px 0px 10px 0px; background-color:#f9f9f9;}
#divcontent .content1 .title  .titlespan,.titleh3 {float:left; height:45px;line-height:45px;}
#divcontent .content1 .title  .titlespan:hover {color:#f6824e;text-decoration: underline;}
#divcontent .content1 dl {float: left; width: 22%;margin: 0px 0.8em 20px 0px;}
#divcontent .content1 dl dt {border: 1px solid #fff;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-top: 0px;margin: auto;text-align: center;}
#divcontent .content1 dl dt img {width: 100%;height: 7em;}
#divcontent .content1 dl dd {text-align: center;padding-top: 5px;}
#divcontent .content2 {width: 100%;margin: auto;}
#divcontent .content2 .title {width:100%;height:45px;line-height:45px;text-align: left;margin: 0px 0px 5px 0px;background-color:#f9f9f9;}
#divcontent .content2 .title  .titlespan,.titleh3 {float:left; height:45px;line-height:45px;}
#divcontent .content2 .title  .titlespan:hover{color:#f6824e;text-decoration: underline;}
#divcontent .content2 dl {float: left;width: 28%;margin: 0px 45px 20px 0px;height:270px;}
#divcontent .content2 dl dt {border: 1px solid #fff;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-top: 0px;margin: auto;text-align: center;}
#divcontent .content2 dl dt img {width: 100%;height: 150px;}
#divcontent .content2 dl dd {text-align: left;padding-top: 5px;}
/*相关产品推荐版块*/
#divcontent3 .content3 {width: 100%;margin: auto;}
#divcontent3 .content3 .title {width:100%; height:45px;line-height:45px;text-align: left;margin: 0px 0px 10px 0px; background-color:#f9f9f9;}
#divcontent3 .content3 .title  .titlespan,.titleh3 {float:left; height:45px;line-height:45px;/*padding-top:10px;*/}
#divcontent3 .content3 .title  .titlespan:hover {color:#f6824e;text-decoration: underline;}
#divcontent3 .content3 dl {float: left; width: 30%;margin: 1em 2em 20px 0px;}
#divcontent3 .content3 dl dt {border: 1px solid #fff;box-shadow: 0 0 3px #ddd;box-shadow: 0 0 3px rgba(0,0,0,0.2);margin-top: 0px;margin: auto;text-align: center;}
#divcontent3 .content3 dl dt img {width: 100%;height: 10em;}
#divcontent3 .content3 dl dd {text-align: center;padding-top: 5px;}

.aleft {text-align:left;border:#333;font-size:12px;}
.span-atitle {font-size:14px;font-weight:700;}
.colorblue {color:#333;}
.colorblue:hover {color:#f6824e;text-decoration:underline;}
.colorblack {color:#333;}
.colorblack:hover {color:#0062ac;text-decoration:underline;}
.a-btn {display:block;height:30px;line-height:30px;color:#0062ac;font-size:12px;border-radius: 3px;text-align:left;display:block;float:left;}
.a-btn:hover {color:#0062ac;text-decoration:underline;}

.i-new {display: inline-block;position: absolute;top: -1px;left: 8em;width: 22px; height: 14px;background: url(../images/new.gif) no-repeat; margin-left: 5px;}

.header_title, .header_title a, .header_title a:visited, .header_title a:hover, .header_desc {color: #FFFFFF;}
.carousel, .carousel .item {height: 400px;}
 @media (max-width: 767px) {.carousel, .carousel .item {height: 250px;}}
#header {max-height: 100px;}
#link { background-color: white;font-size: 12px;line-height: 18px; color: #bcb4c1;}
#link .blogroll {width: 100%;border-top: 1px solid #EEEEEE;background-color: White; float: left;}
#link .blogroll li {float: left;line-height: 52px;margin-left: 13px; list-style: none;}
.replace-pro-ul { overflow: hidden;margin: 20px 0;}
.replace-pro-ul li {float: left;width: 82px;height: 24px; margin-right: 3px;line-height: 24px;font-size: 14px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.instering h3 {width: 100%;display: block;height: 28px;line-height: 20px;border-bottom: 1px solid #ddd;float:left; }
 #ulcs {float: left;}
#ulcs li {list-style: none;width: 46%;float: left;margin-top:10px;margin-bottom: 30px;margin-left:10px;text-align: left;}
#ulcs span { font-size:12px;}
.title {font-size:18px;}
.post-title { line-height:none;}
.small_pdfdiv {width:100%;float:left;margin-bottom:20px;margin-top:-40px;display:none;}
.small_pdfdiv a {font-size:15px;font-weight:bold;}

/*article*/
.header_desc,.header_title,.header_title a,.header_title a:hover,.header_title a:visited{color:#fff}
.carousel,.carousel .item{height:400px}
@media (max-width:767px){.carousel,.carousel .item{height:250px}}

#header{max-height:100px}
.recentcomments a{display:inline!important;padding:0!important;margin:0!important}
.p_divleft{height:60px;text-align:center;margin:auto;width:50%;float:left;border-left:1px solid #e9e8e3}
.post{padding:0}
.p_divright{height:60px;text-align:center;margin:auto;width:50%;float:left;border-right:1px solid #e9e8e3}
.titlep{text-align:center;height:30px;line-height:30px}
#instering h3{width:100%;display:block;height:28px;line-height:20px;border-bottom:1px solid #ddd}
#ulcs{float:left}
#ulcs li{list-style:none;width:46%;float:left;margin-top:10px;margin-bottom:30px;margin-left:10px;text-align:left;min-height:100px;}
#ulcs span{font-size:12px}
.title{font-size:18px}
.post-title{line-height:none}
.p-title{margin:15px 0 5px 0;font-size:16px;font-weight:700;color:#333;display:block}
.tableparam thead tr{height:30px;line-height:30px;font-size:14px;font-weight:700;background-color:#91bfeb;color:#fff}
.tableparam tbody tr .item{padding:20px 10px;font-size:12px}
.acolor{color:#ff6a00;font-size:14px}
.acolor:hover{text-decoration:underline;cursor:pointer}
/*article*/


.recentcomments a {display: inline !important;padding: 0 !important;margin: 0 !important;}
#uc_Paging_pageDIV {display: inline-block;}
.currpage {float: right;margin: 0px 14px 0px 0px;}
#link {background-color: white;font-size: 12px;line-height: 18px;color: #bcb4c1;}
 #link .blogroll {width: 100%;border-top: 1px solid #EEEEEE;background-color: White;float: left;}
#link .blogroll li {float: left;line-height: 52px;margin-left: 13px;list-style: none;}
#MainBoxBig{font-size:1em;}
.product_title h1 {font-size:30px;font-weight:700;line-height:normal;}

.mid_content {width:100%;margin:20px 5px;}

/*.carousel, .carousel .item { height: 400px;}*/
/*electronic*/
/*.header_desc,.header_title,.header_title a,.header_title a:hover,.header_title a:visited{color:#fff}
.carousel,.carousel .item{height:400px}@media (max-width:767px){.carousel,.carousel .item{height:250px}}
#header{max-height:100px}
.recentcomments a{display:inline!important;padding:0!important;margin:0!important}
.divleft{padding:20px 0;height:100px;text-align:center;margin:auto;width:50%;float:left;border-left:1px solid #e9e8e3}
.post{padding:0}
.divright{padding:20px 0;height:100px;text-align:center;margin:auto;width:50%;float:left;border-right:1px solid #e9e8e3}
.titlep{text-align:center;height:30px;line-height:30px}
#instering h3{width:100%;display:block;height:28px;line-height:20px;border-bottom:1px solid #ddd}
#ulcs{float:left}
#ulcs li{list-style:none;width:46%;float:left;margin-top:10px;margin-bottom:30px;margin-left:10px;text-align:left}
#ulcs span{font-size:12px}
.title{font-size:18px}
.post-title{line-height:none}*/
/*electronic*/

@media screen and (min-width:768px) and (max-width:999px) {
#divcontent .content1 dl {float: left; width: 100%;margin: 0px 0 20px 0px;height:auto;}
#divcontent .content1 dl dt img {width: 100%;height: auto;}
#divcontent .content2 dl {float: left;width: 100%;margin: 0px 45px 20px 0px; height:auto;}
#divcontent .content4 ul li {width: 50%;float: left;padding: 10px 0px;position: relative;}
#divcontent3 .content3 dl {float: left;width: 100%;margin: 1em 2em 20px 0px;}
#link .blogroll li {float: left;width:30%;margin:0px;padding:0px;text-align:left;line-height:10px;padding:5px;}
.pdfdiv {display:none;}
.small_pdfdiv {width:100%;float:left;margin-bottom:20px;margin-top:-40px;display:block;}
.small_pdfdiv a {font-size:15px;font-weight:bold;}
.product_content img {width: 80%;height: 150px;}
.product_content table img {width:auto;height:auto;}
.product_content {width:100%;font-size:12px;font-weight:normal;text-align: justify;text-justify: newspaper;word-break: break-all;}
.divcontent_samll table,.divcontent_samll table tbody,.divcontent_samll table tbody tr {width:100%;font-size:12px;font-weight:normal;text-align: justify;text-justify: newspaper;word-break: break-all;}
.divcontent_samll img {width:200px;}
.divcontent_samll table img{width:80px}
.previous{width:100%;float:left;text-align:left;height:35px;line-height:35px;margin:0}
.titlep{float:left;text-align:left;height:35px;line-height:35px}
.previous p a{margin-left:10px}
#content{background:#fff;padding:5px 0 30px 0}
.box390 {width:100%;float:left;}
#buydetails .buy-content {width: 100%;}
#buydetails .buy-left {width: 55%;}
#buydetails .buy-right {width: 45%;}
#buydetails .buy-right a {width: 85%;}

}

@media screen and (min-width:500px) and (max-width:767px)
{
#divcontent .content1 dl {float: left; width: 100%;margin: 0px 0 20px 0px;height:auto;}
#divcontent .content1 dl dt img {width: 100%;height: auto;}
#divcontent .content2 dl {float: left;width: 100%;margin: 0px 45px 20px 0px; height:auto;}
#divcontent .content4 ul li {width: 50%;float: left;padding: 10px 0px;position: relative;}
#divcontent3 .content3 dl {float: left;width: 100%;margin: 1em 2em 20px 0px;}
#link .blogroll li {float: left;width:30%;margin:0px;padding:0px;text-align:left;line-height:10px;padding:5px;}
.pdfdiv {display:none;}
.small_pdfdiv {width:100%;float:left;margin-bottom:20px;margin-top:-40px;display:block;}
.small_pdfdiv a {font-size:15px;font-weight:bold;}
.product_content img {width: 80%;height: 150px;}
.product_content table img {width:auto;height:auto;}
.product_content {width:100%;font-size:12px;font-weight:normal;text-align: justify;text-justify: newspaper;word-break: break-all;}
.divcontent_samll table,.divcontent_samll table tbody,.divcontent_samll table tbody tr {width:100%;font-size:12px;font-weight:normal;text-align: justify;text-justify: newspaper;word-break: break-all;}
.divcontent_samll img {width:200px;}
.divcontent_samll table img{width:80px}
.previous{width:100%;float:left;text-align:left;height:35px;line-height:35px;margin:0}
.titlep{float:left;text-align:left;height:35px;line-height:35px}
.previous p a{margin-left:10px}
#content{background:#fff;padding:5px 0 30px 0}
.box390 {width:100%;float:left;}
#buydetails .buy-content {width: 100%;}
#buydetails .buy-left {width: 55%;}
#buydetails .buy-right {width: 45%;}
#buydetails .buy-right a {width: 85%;}


}

@media screen and (min-width:351px) and (max-width:500px) {
#divcontent .content1 dl {float: left; width: 100%;margin: 0px 0 20px 0px;height:auto;}
#divcontent .content1 dl dt img {width: 100%;height: auto;}
#divcontent .content2 dl {float: left;width: 100%;margin: 0px 45px 20px 0px; height:auto;}
#divcontent .content4 ul li {width: 50%;float: left;padding: 10px 0px;position: relative;}
#divcontent3 .content3 dl {float: left;width: 100%;margin: 1em 2em 20px 0px;}
#link .blogroll li {float: left;width:30%;margin:0px;padding:0px;text-align:left;line-height:10px;padding:5px;}
#ulcs li {list-style: none; width: 100%; float: left;margin-top:10px; margin-bottom: 30px; margin-left:10px;text-align: left;}
.pdfdiv {display:none;}
.small_pdfdiv {width:100%;float:left;margin-bottom:20px;margin-top:-40px;display:block;}
.small_pdfdiv a {font-size:15px;font-weight:bold;}
.product_content img {width: 80%;height: 150px;}
.product_content table img {width:auto;height:auto;}
.product_content {width:100%;font-size:12px;font-weight:normal;text-align: justify;text-justify: newspaper;word-break: break-all;}
.divcontent_samll table,.divcontent_samll table tbody,.divcontent_samll table tbody tr {width:100%;font-size:12px;font-weight:normal;text-align: justify;text-justify: newspaper;word-break: break-all;}
.divcontent_samll img {width:200px;}
.divcontent_samll table img{width:80px}
.previous{width:100%;float:left;text-align:left;height:35px;line-height:35px;margin:0}
.titlep{float:left;text-align:left;height:35px;line-height:35px}
.previous p a{margin-left:10px}
#content{background:#fff;padding:5px 0 30px 0}
.box390 {width:100%;float:left;}
#buydetails .buy-content {width: 100%;}
#buydetails .buy-left {width: 55%;}
#buydetails .buy-right {width: 45%;}
#buydetails .buy-right a {width: 85%;}

.conten_div{transform:rotate(540deg);position:absolute;top:120px;left:280px;width:300px;text-align:justify;text-justify:newspaper;word-break:break-all;}
.conten_div p {line-height: 20px;font-size: 12px;color: #333;}

}


@media screen and (max-width:350px) {
#divcontent .content1 dl {float: left; width: 100%;margin: 0px 0 20px 0px;height:auto;}
#divcontent .content1 dl dt img {width: 100%;height: auto;}
#divcontent .content2 dl {float: left;width: 100%;margin: 0px 45px 20px 0px; height:auto;}
#divcontent .content4 ul li {width: 50%;float: left;padding: 10px 0px;position: relative;}
#divcontent3 .content3 dl {float: left;width: 100%;margin: 1em 2em 20px 0px;}
#link .blogroll li {float: left;width:30%;margin:0px;padding:0px;text-align:left;line-height:10px;padding:5px;}
.pdfdiv {display:none;}
.small_pdfdiv {width:100%;float:left;margin-bottom:20px;margin-top:-40px;display:block;}
.small_pdfdiv a {font-size:15px;font-weight:bold;}
.product_content img {width: 80%;height: 150px;}
.product_content table img {width:auto;height:auto;}
.product_content {width:100%;font-size:12px;font-weight:normal;text-align: justify;text-justify: newspaper;word-break: break-all;}
.divcontent_samll table,.divcontent_samll table tbody,.divcontent_samll table tbody tr {width:100%;font-size:12px;font-weight:normal;text-align: justify;text-justify: newspaper;word-break: break-all;}
.divcontent_samll img {width:200px;}
.divcontent_samll table img{width:80px}
.previous{width:100%;float:left;text-align:left;height:35px;line-height:35px;margin:0}
.titlep{float:left;text-align:left;height:35px;line-height:35px}
.previous p a{margin-left:10px}
#content{background:#fff;padding:5px 0 30px 0}
.box390 {width:100%;float:left;}
#buydetails .buy-content {width: 100%;}
#buydetails .buy-left {width: 55%;}
#buydetails .buy-right {width: 45%;}
#buydetails .buy-right a {width: 85%;}

}
@media (min-width:300px) and (max-width:1000px) {
    .apo_list .apo_char ul li {
        float: left;
        display: inline;
        text-align: left;
        width: 50%;
        overflow: hidden;
        padding-top: 5px;
        list-style: none;
        text-indent: 10px;
    }
}