.wrapper{width: 100%; height: auto;  overflow:hidden; float: left; margin-top: 120px;}
.sidebar{padding: 0; background: #006CFF; height: 750px;}
.content-box{padding: 0; background-color: #fff; height: 750px;  padding: 25px;background-color: rgba(255,255,255,0.9);filter:Alpha(opacity=90);position:static; *zoom:1; overflow-y: scroll;}
.btn-blue{ background: #006CFF; color:#fff; border-color:#006CFF; margin:2px 9px;}
.btn-blue:focus,.btn-blue:hover,{ background: #00be16; color:#fff; border-color:#00be16;}

.sub_nav{ width: 100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.sub_nav h3{ width: 100%; height: 80px; padding-top:15px; line-height: 24px; background: url(../image/sidebar.jpg) no-repeat center; background-size:100% 100%; color: #fff; margin-top: 0;}
.sub_nav h3 small{ color: #fff;}
.sub_nav ul{ width: 100%; height: auto; overflow: hidden; padding: 0;}
.sub_nav ul li{ width: 100%; height: 50px; background: url(../image/sub_bg.png) no-repeat center bottom; float: left; text-align: center; line-height: 50px;}
.sub_nav ul li a{ display: inline-block; font-size: 16px; width: 80%; height: 50px; overflow: hidden;border-radius: 25px;}
.sub_nav ul li:hover a,.sub_nav ul li.active a{ background: url(../image/sidebar.jpg) no-repeat center; color: #333;}
.sub_contact{ padding: 10px 15px;}
.sub_contact p{ color: #fff; line-height: 24px;}
.sub_contact img{ width: 100%;}
/*content-box*/
.content-box .position{ color: #333; margin-bottom: 20px;}
.content-box .position span,.content-box .position a{ color: #00be16;}
.ny_content,.ny_content p{ line-height: 24px; margin-bottom: 10px;}
.news_1_list ul{ overflow: hidden; width: 100%; height: auto; padding: 0;}
.news_1_list ul li {
    border: 1px solid #ddd;
    float: left;
    margin: 10px 0;
    overflow: hidden;
    padding: 25px 22px;
    position: relative;
    width: 100%;
    height: auto;
}

.news_1_list ul li h5 {
    color: #666;
    font-weight: 400;
    font-size: 16px;
    font-family: 微软雅黑, 'Microsoft YaHei';
}

.news_1_list ul li img {
    height: 130px;
    margin-right: 15px;
    width: 210px;
}
.news_1_list ul li span{ color: #333;}

.news_1_list ul li span strong {
    color: #888;
    font-weight: 400;
    font-size: 26px;
    padding-right: 10px;
}

.news_1_list ul li p {
    color: #999;
}

.news_1_list ul li .border_top,
.news_1_list ul li .border_left {
    left: 0;
    top: 0;
}

.news_1_list ul li .border_right,
.news_1_list ul li .border_bottom {
    bottom: 0;
    right: 0;
}

.news_1_list ul li .border_top,
.news_1_list ul li .border_bottom {
    height: 2px;
    width: 0;
}

.news_1_list ul li .border_right,
.news_1_list ul li .border_left {
    height: 0;
    width: 2px;
}

.news_1_list ul li,
.news_1_list ul li .border_top,
.news_1_list ul li .border_right,
.news_1_list ul li .border_bottom,
.news_1_list ul li .border_left {
    transition: all 0.4s ease 0s;
}

.news_1_list ul li:hover {
    background: #fbfbfb none repeat scroll 0 0;
    border-color: transparent;
}

.news_1_list ul li:hover .border_top,
.news_1_list ul li:hover .border_bottom {
    width: 100%;
}

.news_1_list ul li:hover .border_left,
.news_1_list ul li:hover .border_right {
    height: 100%;
}

.news_1_list ul li .border_top,
.news_1_list ul li .border_right,
.news_1_list ul li .border_bottom,
.news_1_list ul li .border_left {
    background: #20b345 none repeat scroll 0 0;
    position: absolute;
}

.pages {
    margin: 20px auto;
    text-align: center;
}

.pages a {
    font-family: 微软雅黑, 'Microsoft YaHei';
    border: 1px solid #ddd;
    display: inline-block;
    margin-right: 5px;
    padding: 5px 10px;
    color: #333;
}

.pages a:hover {
    color: #20b345;
    border: 1px solid #20b345;
}

.pages a:last-child {
    margin-right: 0;
}

.pages a.curr {
    color: #fff;
    border-color: #20b345;
    background: #20b345;
}
/*产品列表*/

.pro_0_list {
    width: 100%;
    height: auto;
    overflow: hidden
}
.pro_0_list ul{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0;
}

.pro_0_list ul li {
    float: left;
    margin-top: 20px;
    min-height: auto;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #eee;
}

.pro_0_list ul li a.img {
    display: block;
    height: auto;
    max-height: 180px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #f9f9f9;   
}

.pro_0_list ul li img {
    height: auto;
    width: 100%;
}

.pro_0_list ul li img,
.pro_0_list ul li a.jia,
.pro_0_list ul li i.bor2 {
    transition: all 0.4s ease 0s;
}

.pro_0_list ul li .title {
    padding: 15px;
    background: #f9f9f9; 
}

.pro_0_list ul li a.jia {
    bottom: 28px;
    display: block;
    height: 12px;
    opacity: 0;
    position: absolute;
    right: 23px;
    width: 12px;
    z-index: 10;
}

.pro_0_list ul li a.jia span {
    color: #20b345;
    font-weight: 700;
    font-family: 微软雅黑, 'Microsoft YaHei';
    font-size: 18px;
}

.pro_0_list ul li i.bor2 {
    display: block;
    height: 2px;
    width: 0;
}

.pro_0_list ul li .title h5 a {
    color: #666;
    font-size: 14px;
    font-weight: 400;
}

.pro_0_list ul li .title p.entitle {
    color: #999;
    font-size: 12px;
}

.pro_0_list ul li:hover img {
    transform: scale(1.1);
}

.pro_0_list ul li:hover a.jia {
    opacity: 1;
}

.pro_0_list ul li:hover i.bor2 {
    width: 100%;
    background: #20b345;
}
/*ny_product*/
.ny_product .icon-infomation{margin: 10px auto;}
.ny_product .grid img{ width: 100%; max-height: 300px;}
.blank10{height:10px;}
.next-page{ width: 100%; margin:25px auto;  text-align: center; float: left;}
.pagepn p{color:#333; padding: 5px 25px; border: 1px solid #ddd; font-size: 12px;transition: border ease 1s,background ease 1s;-webkit-transition: border ease 1s,background ease 1s}
.pagepn p a{color:#333;}
.pagepn p:hover{background:#20b345; color:#fff; border:solid 1px #20b345;}
.pagepn p:hover a{ color: #fff;}

.ny_content h3.tit{ border-bottom: 1px solid #ddd; font-size: 16px; margin-bottom: 10px; padding-bottom: 10px; width: 100%;}
.btn-pay{display: inline-block; color: #666; box-shadow: 0 0 20px #eee; font-size: 14px; padding: 5px 25px; margin: 5px 10px 5px 0; background: #ccc; transition:background ease 1s,color 1s; -webkit-transition:background ease 1s,color 1s;}
.btn-pay:hover{ background: #20b345; color: #fff;}
/*========产品详情页（焦点图片）========*/
.product_img {
    width: 100%;
    height: auto;
    float: left;
    overflow: hidden;
}

.tb-pic a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.tb-pic a img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.tb-pic a {
    *display: block;
    *font-family: Arial;
    *line-height: 1;
}

.tb-thumb {
    overflow: hidden;
    margin-top: 5px;
    background: #fff;
    padding: 1px;
    border: 1px solid #ddd;
}

.tb-thumb li {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 47px;
    margin: 3px;
    overflow: hidden;
}

.tb-s310 {
    height: auto;
    width: 100%;
    padding: 10px;
    overflow: hidden;
}

.tb-s310 a {
    display: inline-block;
    height: auto;
    width: 100%;
}

.tb-s310,
.tb-s310 img {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.tb-s310 a {
    *font-size: 271px;
}

.tb-s40 a {
    *font-size: 35px;
}

.tb-s40,
.tb-s40 a img{
    height: 47px;
    width: 68px;
}

.tb-booth {
    border: 1px solid #CDCDCD;
    position: relative;
    z-index: 1;
}

.tb-thumb .tb-selected {
    background: none repeat scroll 0 0 #C30008;
    height: 47px;
}

.tb-thumb .tb-selected div {
    background-color: #FFFFFF;
    border: medium none;
}

.tb-thumb li div {
}

div.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}

div.zoomMask {
    position: absolute;
    background: url(../image/mask.png) repeat scroll 0 0 transparent;
    cursor: move;
    z-index: 1;
}
/*相关案例滚动*/
.about_case .picScroll-left { width: 100%;overflow: hidden; position: relative;}
.about_case .picScroll-left .bd{ width: 100%; overflow: hidden; position: relative;}
.about_case .picScroll-left .bd ul { overflow: hidden; zoom: 1; padding: 0;}
.about_case .picScroll-left .bd ul li { padding: 0; float: left;  _display: inline; overflow: hidden; text-align: center;}
.about_case .picScroll-left .bd ul li .pic { text-align: center; width: 100%; height: 100%; overflow: hidden; position: relative;}
.about_case .picScroll-left .bd ul li .pic img {width: 100%;height: 100%; max-width: 450px; max-height:300px; display: block; padding: 1px; margin: auto;}
.about_case .picScroll-left .bd ul li .pic h3{ position: absolute; bottom: -30px; color: #fff; font-size: 16px; text-align: center; width: 100%;transition:bottom ease 1s;-webkit-transition:bottom ease 1s;}
.about_case .picScroll-left .bd ul li .pic span.hbg{ position: absolute; bottom: 0; left:0; display: block; width: 100%; height: 0; background: #000; opacity: 0.5;transition:height ease 1s;-webkit-transition:height ease 1s;}
.about_case .picScroll-left .bd ul li:hover .pic h3{bottom: 15px;}
.about_case .picScroll-left .bd ul li:hover .pic span.hbg{height:50px;}
.about_case .picScroll-left .bd .prev,.picScroll-left .bd .next {display: block; position: absolute; z-index: 999; top:50%; width: 50px; height: 50px;line-height: 46px; margin-top: -25px; text-align: center; color:#aaa; font-size: 20px; background: #fff; border:2px solid #ddd;transition:background ease .6s,border-color ease .6s;-webkit-transition:background ease .6s,border-color ease .6s;}
.about_case .picScroll-left .bd .prev { right: 0;}
.about_case .picScroll-left .bd a:hover{ background: #f00; border-color: #f00; color: #fff;}
/*文章*/
.article_box {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.article_box h1 {
    text-align: center;
    padding: 15px;
    font-weight: 400;
    font-size: 18px;
    font-family: 微软雅黑, 'Microsoft YaHei';
}
.newsinfo {
    border-bottom: 1px dotted #ccc;
    color: #666;
    font-size: 12px;
    height: auto;
    line-height: 20px;
    padding-bottom: 15px;
    text-align: center;
    width: 100%;
}

.newsinfo span {
    color: #ff0000;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    font-weight: bold;
}
.detail {
    width: 100%;
    height: auto;
    overflow: hidden;
    line-height: 24px;
    padding: 15px 0;
    border-bottom: 1px dotted #ccc;
}

.detail img {
    max-width: 100%;
    display: inline-block;
}


@media(max-height:1050px ) {
	.wrapper{ margin-top: 120px;}
	.sidebar{ height: 720px;}
	.content-box{height: 720px;}
}

@media(max-height:900px ) {
	.wrapper{ margin-top: 120px;}
	.sidebar{ height: 660px;}
	.content-box{height: 660px;}
}
@media(max-height:850px ) {
	.wrapper{ margin-top: 120px;}
	.sidebar{ height: 620px;}
	.content-box{height: 620px;}
	.sub_contact p{ line-height: 24px; font-size: 12px;}
}
@media(max-height:800px ) {
	.wrapper{ margin-top: 100px;}
	.sidebar{ height: 580px;}
	.content-box{height: 580px;}
	.sub_contact p{display: none;}
}
@media(max-height:768px ) {
	.wrapper{ margin-top: 110px;}
	.sidebar{ height: 520px;}
	.content-box{height: auto; margin-bottom: 60px;}
	.sub_contact p{display: none;}
}
@media(max-height:680px ) {
	.wrapper{ margin-top: 100px;}
	.sidebar{ height: 480px;}
	.content-box{height: 480px;}
	.sub_contact{display: none;}
}
@media(max-height:600px ) {
	.wrapper{ margin-top: 100px;}
	.sidebar{ height: 420px;}
	.content-box{height: 420px;}
	.sub_contact{display: none;}
}
@media(max-width:1200px ) {
	.pro_0_list ul li a.img { max-height:142px;}
}


@media(max-width:768px ) {
	.wrapper{margin-top: 60px;}
	.subnav{ margin-bottom: 10px;}
	.box-xs{ background: #0036af; box-shadow: 0 0 10px #0036af;}
	.news_1_list ul li {padding: 15px;}
	.pro_0_list ul li a.img { max-height: 600px;}
}