body {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    color: #404040;
    background: #fff
}
.clear {
    clear: both;
    height: 0;
    overflow: hidden
}
.blank1 {
    height: 1px;
    overflow: hidden
}
.blank3 {
    height: 3px;
    overflow: hidden
}
.blank5 {
    height: 5px;
    overflow: hidden
}
.blank10 {
    height: 10px;
    overflow: hidden
}
.blank12 {
    height: 12px;
    overflow: hidden
}
.blank15 {
    height: 15px;
    overflow: hidden
}
.blank17 {
    height: 9px;
    overflow: hidden;
}
.blank20 {
    height: 20px;
    overflow: hidden
}
.blank25 {
    height: 25px;
    overflow: hidden
}
.blank30 {
    height: 30px;
    overflow: hidden
}
.blank40 {
    height: 40px;
    overflow: hidden
}
.blank50 {
    height: 50px;
    overflow: hidden
}
a {
    color: #333;
    text-decoration: none
}
a:focus,
a:hover {
    color: #F60;
    text-decoration: none
}
a:active {
    outline: 0
}
.img {
    vertical-align: auto
}
dd,
div,
dl,
dt,
form,
li,
p,
ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}
.img {
    padding: 3px;
    border: 0 solid #CCC;
    -moz-box-shadow: 0 0 6px #C4C4C4;
    -webkit-box-shadow: 0 0 6px #C4C4C4;
    box-shadow: 0 0 6px #C4C4C4
}
.img1 {
    padding: 0;
    border-radius: 5px;
    -moz-box-shadow: 0 0 3px #aaa;
    -webkit-box-shadow: 0 0 3px #aaa;
    box-shadow: 0 0 3px #aaa
}
.img2 {
    padding: 0;
    border-radius: 5px
}
.yuan-border {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    margin: 0 auto;
    padding: 5px 10px 10px;
    border-radius: 5px
}
.yingcang {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.xian {
    background-color: #e5e5e5;
    height: 1px;
    margin: 9px 0;
    overflow: hidden
}
.text-hong {
    color: #d00;
}
.text-lu {
    color: #009B4D
}
.text-xia {
    color: #E82B91
}
.text-bai {
    color: #FFF
}
.text-cheng {
    color: #F90
}
blockquote {
    border-left: 5px solid #009B4D;
    margin: 0 0 20px;
    padding: 0 0 0 15px
}
.btn-group-xs>.btn,
.btn-xs {
    border-radius: 1px;
    font-size: 12px;
    line-height: 1.5;
    padding: 3px 8px
}
.btn-group-xs>.btn,
.btn-md {
    border-radius: 1px;
    font-size: 14px;
    line-height: 1.5;
    padding: 8px 15px
}
.font12 {
    font-size: 12px
}
.font13 {
    font-size: 13px
}
.font14 {
    font-size: 14px
}
.font15 {
    font-size: 15px
}
.font16 {
    font-size: 16px
}
.font18 {
    font-size: 18px
}
.font20 {
    font-size: 20px
}
.font24 {
    font-size: 24px
}
.p10 {
    padding: 10px
}
.pt3 {
    padding-top: 3px
}
.pt5 {
    padding-top: 5px
}
.pt8 {
    padding-top: 8px
}
.pb5 {
    padding-bottom: 5px
}
.pt10 {
    padding-top: 10px
}
.pt15 {
    padding-top: 15px
}
.pt20 {
    padding-top: 20px
}
.pt25 {
    padding-top: 25px
}
.pt30 {
    padding-top: 30px
}
.pl3 {
    padding-left: 3px
}
.pl5 {
    padding-left: 5px
}
.pl10 {
    padding-left: 10px
}
.pl15 {
    padding-left: 15px
}
.plr50 {
    padding: 0 50px
}
.pr5 {
    padding-right: 5px
}
.pr10 {
    padding-right: 10px
}
.pr15 {
    padding-right: 15px
}
.pl20 {
    padding-left: 20px
}
.pl25 {
    padding-left: 25px
}
.pb10 {
    padding-bottom: 10px
}
.pb15 {
    padding-bottom: 15px
}
.pb20 {
    padding-bottom: 20px
}
.pb30 {
    padding-bottom: 30px
}
.mt5 {
    margin-top: 5px
}
.mt8 {
    margin-top: 8px
}
.mt10 {
    margin-top: 10px
}
.mt20 {
    margin-top: 20px
}
.mt30 {
    margin-top: 30px
}
.mt40 {
    margin-top: 40px
}
.mb10 {
    margin-bottom: 10px
}
.mb20 {
    margin-bottom: 20px
}
.mb30 {
    margin-bottom: 30px
}
.ml5 {
    margin-left: 5px
}
.ml10 {
    margin-left: 10px
}
.ml20 {
    margin-left: 20px
}
.w130 {
    width: 180px;
    height: 130px
}
.line20 {
    line-height: 20px
}
.line25 {
    line-height: 25px
}
.line30 {
    line-height: 30px
}
.line35 {
    line-height: 35px
}
.line40 {
    line-height: 40px
}
.line50 {
    line-height: 50px
}
.bg-bai {
    background: #FFF
}
.bg-blue {
    background: #0975BE
}
.bg-hui {
    background: #F0F0F0
}
.bg-lv {
    background: #DFDFDF
}
.bg-hei {
    background: #227b39;
}
.col-md-100{ width:100%; font-size:14px;}
.lvbg{background: url(../images/lvbg.jpg) no-repeat top center;}
s .btn-radius {
    border-radius: 0
}
.container {
    width: 1200px!important
}
.menu-products {
    height: 50px;
    width: 100%;
    margin: 0 auto;
    line-height: 50px;
    background: #86BE49;
    position: fixed;
    top: 0;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
    opacity: .9;
    z-index: 10000
}
.top-nav {
    height: 50px;
    font-size: 16px
}
.top-nav li {
    height: 50px;
    line-height: 50px;
    padding: 0;
    color: #000
}
.top-nav li a {
    padding: 0;
    color: #fff;
    text-align: center;
    transition: no
}
.top-nav li a:hover {
    background: #6C9C38;
    color: #fff
}
.top-nav li .current {
    display: block;
    font-weight: 600;
    color: #fff;
    background: #5F8931
}
#nav_all li ul {
    display: none;
    position: absolute;
    z-index: 99;
    padding: 0;
    top: 50px;
    left: 0;
    background: 0 0;
    width: 100%;
    overflow: hidden;
    border-bottom: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}
#nav_all ul li {
    padding: 0;
    overflow: hidden;
    float: none;
    height: 40px;
    background: #FFF;
    line-height: 40px;
    border-bottom: 1px solid #F2F2F2
}
#nav_all ul li a {
    margin: 0;
    height: 40px;
    display: block;
    line-height: 40px;
    color: #333;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    padding: 0 10px
}
#nav_all ul li a:hover {
    background: #5F8931;
    height: 40px;
    line-height: 40px;
    color: #fff
}
.nav_menu {
    height: 100px;
    position: relative;
    z-index: 999;
    float: left;
    width: 50%
}
.nav-i {
    height: 100px;
    margin: 0 auto
}
.nav-i li a {
    height: 100px;
    text-align: center;
    line-height: 80px;
   /* border-top: 3px solid #227b39;*/
    font-size: 18px;
    font-weight: 600;
    color: #227b39
}
.nav-i li a:hover {
    color: #fff
}
.nav-i li .now,
.nav-i li a:hover {
   
    background: #227b39;
    height: 100px;
	line-height:75px;
    color: #fff;
    border-top: 3px solid #227b39
}
.menu_box {
    position: absolute;
    right: 15px;
    top: 100px;
    width: 1170px;
    background: #FFF;
    height: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 999;
    opacity: 0;
    overflow: hidden
}
.menu_cont {
    position: relative;
    padding: 0;
    border-top: 3px solid #fff
}
.logobg {
    position: relative;
    background: #fff;
}

.logo-img {
    float: left;
    width: 50%
}
.logo-tel {
    height: 0;
    border-bottom: 100px solid #5AA929;
    border-left: 60px solid transparent;
    padding-left: 0;
    float: right;
    width: 26%
}
.head-right {
    color: #FFF;
    background: url(../images/t_tel.png) no-repeat left 38px;
    padding-left: 45px
}
.head-right span {
    font-size: 16px
}
.head-right p {
    font-size: 24px;
    font-weight: 600
}
.sublist li {
    margin-top: 30px;
    border-right: 1px solid #DDD
}
.sublist li:last-of-type {
    border-right: none
}
.text {
    text-align: justify;
    line-height: 25px
}

/*二导航*/
.sec-nav { height:45px; line-height:45px; font-size:16px; margin:0 -10px !important;}
.sec-nav>li{ width:16.66666667%; padding-left: 10px; padding-right: 10px; float:left; margin-bottom:20px;}
.sec-nav>li a{  padding:0;color:#fff;  text-align:center; transition: no; font-weight:600; background:#227b39;}
.sec-nav>li:hover a {  background:#5AA929; color: #fff;}
.sec-nav>li .current   {  display:block; font-weight:600;  color: #fff; background:#5AA929;}
.sec-nav>li:last-child  a{ margin-right:0;}


/* 二级 */
#sec_all li ul { display: none;  position: absolute; z-index: 99;padding-left: 10px; padding-right: 10px; top: 45px; left:0px;  background:none;  width:100%; overflow:hidden; }
#sec_all ul li {padding: 0; overflow:hidden; float: none; height: 50px;  background:#FFF; line-height:50px;border-bottom:1px solid #f2f2f2;}
#sec_all ul li:last-child { border-bottom:none;}
#sec_all ul li a { margin: 0px; height: 50px;  display:block; line-height: 50px;background:#FFF; color: #333;  font-size:15px; font-weight:normal;  text-align:center;  padding:0 10px; }
#sec_all ul li a:hover { background: #71CF37;  height: 50px; line-height: 50px; color: #fff; }

.my-btn { border-radius: 0; height: 45px; line-height: 45px; padding: 0; font-size: 16px;}
.btn-success {
    color: #fff;
    background-color: #227b39;
    border-color: #65BF2E;
}




/*首页热销产品*/

.index-rxcp {
    background: url(../images/banner-di.jpg) top center no-repeat;
    background: #000;
}
.rxcp-title {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 4px;
    background: #333333;
    color: #131E5C;
    height: 90px;
    line-height: 90px;
}
.rxcp-title a {
    color: #fff;
}
.rxcp-box {
    height: 240px;
    padding: 0;
    font-size: 16px;
    line-height: 30px;
    text-align: justify;
}
.rxcp-box li {
    border-right: 1px solid #dedede;
   height: 220px;
}
.rxcp-box li:last-child {
    border-right: none;
}
.rxcp-box-nav {
    height: 140px;
    padding-top: 15px;
}
.rxcp-box-nav li {
    border-right: none;
    margin-top: 20px;
    height: auto;
}
.rxcp-box-nav li a {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    height: 28px;
    display: block;
    border: 1px solid #ddd;
    background: #fff;
    color: #000;
}
.rxcp-box-nav li a:hover {
    border: 1px solid #FF8C19;
    background: #FF9933;
    color: #fff;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.btn-rxcp {
    color: #fff;
    background-color: #f00;
    border-color: #E47104;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0;
    font-size: 18px;
    letter-spacing: 2px
}
.btn-rxcp:hover {
    color: #fff;
    background-color: #E47104;
    border-color: #CB6504;
    opacity: 1
}
.btn-cp {
    color: #131E5C;
    background-color: #fff;
    border-color: #F2F2F2;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0;
    font-size: 18px;
    letter-spacing: 2px;
    opacity: .8
}
.btn-cp:hover {
    color: #fff;
    background-color: #E47104;
    border-color: #CB6504;
    opacity: 1
}
.hotproducts-title {
    background: url(../images/qz.png) left center no-repeat;
    letter-spacing: 1px;
    text-align: center;
    width: 350px;
    height: 45px;
    line-height: 45px;
    margin: 60px auto 30px;
    font-size: 22px;
    font-weight: 600;
}
.hotproducts-title span {
    font-size: 14px;
    padding-left: 20px;
    letter-spacing: 0;
    /*font-style: italic;*/
}
.pr {
    position: relative
}
.pa {
    position: absolute
}
.rect-27 {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 74%
}
.rect-57 {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 68%
}
.imgZoom {
    overflow: hidden
}
.imgZoom img {
    width: 100%;
    height: 203px;
    position: relative;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}
.imgZoom:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}
.bom-text {
    padding: 15px 1%;
    background-color: #EBEBEB;
    overflow: hidden;
    z-index: 2;
    display: block;
    color: #000
}
.bom-text:hover {
    background-color: #227b39
}
.bom-text:hover h2 {
    color: #fff
}
._name {
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 600
}
._price {
    padding: 10px;
    font-size: 13px;
    line-height: 30px;
    text-align: center;
    color: #F60
}
.bom-text:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #227b39;
    left: 0;
    bottom: -100%;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    z-index: -1
}
.scroll_c {
    float: left;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    margin-top: 20px
}
._full {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}
.transitionf {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease
}
.top-Floor {
    background: rgba(0, 0, 0, 0) url(../images/black.4.png) repeat scroll 0 0;
    height: 100%;
    left: 0;
    top: -100%;
    width: 100%;
    z-index: 3
}
.top-Floor .white-cross {
    background: rgba(0, 0, 0, 0) url(../images/whit_cross.png) no-repeat scroll 0 0;
    display: block;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    top: 50%;
    width: 60px
}
.imglist {
    display: inline
}
.imglist img {
    cursor: pointer;
    transition: all .5s;
    height: 168px;
    background: url(../images/loading.gif) center center no-repeat
}
.imglist a:hover img {
    transform: scale(1.04);
    transition: all .7s ease 0s;
    -webkit-transform: scale(1.04);
    -webkit-transform: all .7s ease 0s
}
.txt {
    background: #FFF;
    padding: 8px;
    border: 1px solid #F5F5F5;
}
.txt img{ height:189px;}
.txt p {
    padding: 5px 0 10px 5px;
    text-align: center;
    color: #F60;
}
.txt h3 {
    font-weight: 700;
    font-size: 16px;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 0;
    text-align: center;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.txt a:hover h3 {
    color: #f00;
}
.txt a:hover p {
    color: #333333;
}
.txt:hover {
    box-shadow: 0 0 8px #9D9D9D;
    transition: box-shadow 0.2s ease-in-out 0s;
}
.index-title {
    background: url("../images/tz.png") no-repeat center bottom;
    height: 90px;
    padding-top: 40px;
}
.index-title-more { font-size: 18px; font-weight: 700; float: right; padding:5px 5px 0 0; }
.lmtitle {
    font-size: 22px;
    color: #0e75bd;
    font-weight: 700;
	margin-left:56px;
}
.tab_conbox {
    height: 510px;
    position: relative;
    margin-top: 30px;
}
.tab_con {
    display: none;
}
.tabs {
    height: 40px;
    width: 520px;
    float: right;
    background: #227b39;
    border-radius: 5px 5px 0 0;
    padding: 0 20px;
}
.tabs li {
    height: 40px;
    line-height: 40px;
}
.tabs li a {
    display: block;
    text-align: center;
    color: #FFF;
    padding: 0;
    margin: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
}
.tabs li a:hover {
    background: #000;
    color: #f00;
}
.tabs .thistab,
.tabs .thistab a:hover {
    background: #5AA929;
    color: #f00;
}
.tab_con {
    font-size: 14px;
    position: absolute;
    top: 0;
    left: 0
}
.weibo {
    border: 1px solid #ccc
}
.post-item {
    box-shadow: 1px 0 0 rgba(0, 0, 0, .1)
}
.product-img {
    position: relative;
    border-radius: 3px;
    margin-top: 5px;
    border: 1px solid #dedede;
    height: 370px;
    overflow: hidden;
    padding: 8px;
    box-shadow: 0 0 5px #F5F5F5;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.product-img p {
    padding: 5px 0 10px 5px;
    text-align: center;
    color: #F60;
    font-size: 18px;
}
.product-img h3 {
    font-weight: 700;
    font-size: 18px;
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 10px 0 0;
    text-align: center;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

/*首页关于我们*/

.index-about {
    background: #CCC;
    height: 120px;
    position: relative;
    padding: 30px 60px 30px 30px;
}
.index-about .more {
    position: absolute;
    right: 0;
    height: 50px;
    width: 50px;
    background: #3C0;
    top: 0;
    line-height: 40px;
    font-size: 40px;
    text-align: center;
    color: #FFF;
}
.index-about .more a {
    color: #FFF;
}
.btn-about {
    color: #131E5C;
    background-color: #fff;
    border-color: #F2F2F2;
    width: 100%;
    height: 79px;
    margin-bottom: 15px;
    line-height: 30px;
    padding: 0;
    font-size: 18px;
    opacity: .6;
    width: 100%;
    overflow: hidden
}
.btn-about:hover {
    color: #fff;
    background-color: #227b39;
    border-color: #FF1A47;
    opacity: 1
}
.index-about-right {
    padding: 10px 10px
}
.date {
    float: right;
    color: #999;
    font-size: 13px
}
.date a {
    float: right;
    color: #999;
    font-size: 13px
}
.products-box {
    padding: 0 15px;
    width: 1170px;
    margin: 0 auto;
    background: #FFF
}
.p-c p {
    padding-top: 10px;
    line-height: 30px
}
.products {
    background-color: #fff;
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, .1);
    margin-bottom: 40px;
    padding: 30px;
    letter-spacing: 0;
    text-align: justify;
    line-height: 25px;
    font-size: 15px
}
.products h2 {
    margin: 0;
    font-size: 22px;
    height: 45px;
    line-height: 45px;
    letter-spacing: 1px
}
.products-title {
    font-size: 22px;
    padding-left: 66px;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    background: #fff url(../images/products-green.png) no-repeat 5px -1px;
    color: #fff;
    margin-bottom: 10px
}
.products-title a {
    color: #FFF
}
.products-cptd .block {
    border-bottom: 1px dashed #ddd;
    height: auto;
    overflow: hidden;
    padding: 0 0 30px
}
.products-cptd .block p {
    line-height: 25px;
    padding-top: 15px
}
.products-cptd h4 {
    font-size: 16px
}
.products-cptd h4 .icon_nb {
    background: rgba(0, 0, 0, 0) url(../images/icon_nb3.jpg) no-repeat scroll center center;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    height: 70px;
    line-height: 76px;
    margin-right: 25px;
    position: relative;
    text-align: center;
    width: 46px
}
.index-fw-title {
    background: #227b39;
    text-align: center;
    width: 280px;
    height: 60px;
    line-height: 60px;
    color: #FFF;
    margin: 80px auto 80px;
    font-size: 24px
}
.pms {
    border: 1px solid #dedede;
    padding: 15px;
    line-height: 30px;
    font-size: 18px;
    text-align: justify;
}
.mimg {
    padding: 0 10px 0 0;
    position: relative;
    margin-top: -3px
}
.subnav {
    background: transparent url(../images/divider.png) repeat-x scroll left bottom!important;
    height: 40px;
    line-height: 30px
}
.subnav p {
    color: #3c3b3c;
    float: left;
    font-size: 16px;
    font-weight: 700;
    display: block;
    margin-bottom: -3px;
    padding-bottom: 7px;
    height: 35px
}
.subnav p a {
    color: #3c3b3c
}
.product-img:hover {
    z-index: 9;
    margin-top: -5px;

    box-shadow: 0 0 10px #dedede
}
.cp-title {
    background: #227b39;
    text-align: center;
    width: 250px;
    height: 40px;
    line-height: 40px;
    color: #FFF;
    margin: 60px auto 10px;
    font-size: 24px
}
.cp-title a {
    color: #FFF
}
.cp-title-sub {
    width: 1186px;
    margin: 0 auto;
    text-align: center
}
.cp-title-sub li {
    border: 1px solid #dedede;
    text-align: center;
    margin: 10px 7px;
    padding: 0 25px;
    height: 35px;
    line-height: 33px;
    display: inline-block
}
.cp-title-sub li:hover {
    background: #227b39;
    color: #FFF;
    border: 1px solid #5AA929
}
.cp-title-sub li:hover a {
    color: #FFF;
    transition: all .4s ease 0s
}

.bg-huang {
    background-color: #FFAD33;
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}
.relation_box {
    padding: 5px 0;
    overflow: auto
}
.relation_box li p {
    width: 100%;
    line-height: 18px;
    text-align: center;
    padding-top: 5px;
    text-indent: 0;
    font-size: 13px
}
.scroll_c:hover .top-Floor {
    top: 0
}
.scroll_c:hover .bom-text:before {
    bottom: 0
}
.scroll_c:hover .bom-text,
.scroll_c:hover .bom-text ._price {
    color: #fff
}
.overflow-hidden {
    overflow: hidden
}
.thumbnail-kenburn img {
    left: 10px;
    margin-left: -10px;
    position: relative;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}
.thumbnail-kenburn:hover img {
    -webkit-transform: scale(1.2) rotate(2deg);
    -moz-transform: scale(1.2) rotate(2deg);
    -o-transform: scale(1.2) rotate(2deg);
    -ms-transform: scale(1.2) rotate(2deg);
    transform: scale(1.2) rotate(2deg)
}
.crumbs {
    width: 100%;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    margin-top: 15px;
    border-bottom: 1px solid #D8DADA;
    background: url(../images/symbol-6.png) no-repeat 5px 18px;
    padding-bottom: 1px;
    padding-left: 30px
}
.h120 {
    height: 210px;
    position: relative;
    border-bottom: 1px dashed #CCC;
    margin-top: 30px
}
.red-i {
    position: absolute;
    bottom: 40px;
    height: 20px;
    left: 282px;
    right: 0;
    color: red
}
.red-buton {
    position: absolute;
    bottom: 41px;
    height: 20px;
    left: 1080px;
    right: 0;
    color: red
}
#Article {
    overflow: hidden
}
#Article,
.photo-channel .relevance {
    border: 0 solid #E3E3E3;
    zoom: 1;
    padding: 0
}
#Article h1 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 6px;
    text-align: center;
    padding: 16px 0 0;
    border-bottom: 1px solid #e5e5e5
}
#Article h1 span {
    font-size: 12px;
    font-weight: 400;
    line-height: 50px;
    color: #999
}
#Article .content {
    font-size: 14px;
    line-height: 26px;
    color: grey;
    text-align: justify
}
#Article .content p {
    font-size: 14px;
    line-height: 26px;
    padding-top: 20px
}
#Article .content img {
    max-width: 660px;
    text-align: center;
    margin: 0 auto
}
#Article .related {
    border-top: dashed 1px #ccc;
    margin-top: 15px
}
#Article .related h5 {
    padding-bottom: 4px;
    font-weight: 700
}
#Article .related {
    padding: 10px 0 0
}
#Article .related li {
    background: url(../images/fk.gif) no-repeat 5px 13px;
    line-height: 28px;
    padding-left: 20px
}
#Article .related li a {
    color: grey
}
.page_gsjs {
    width: 100%;
    height: auto;
    background: #fff;
    margin: 0 auto 30px auto;
    padding: 10px 0
}
.page_gsjs .head {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #D8DADA;
    background: url(../images/symbol-6.png) no-repeat 5px 18px;
    padding-bottom: 1px
}
.page_gsjs .head ul.left {
    clear: #41484d;
    font-size: 16px;
    font-weight: 700;
    margin-left: 40px;
    width: 200px;
    float: left
}
.page_gsjs .head ul.right {
    float: right;
    width: auto;
    height: 22px;
    line-height: 22px;
    margin-top: 15px
}
.page_gsjs .head ul.right a {
    color: #41484d;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    float: left;
    display: block
}
.page_gsjs .head ul.right span {
    display: block;
    height: 22px;
    line-height: 22px;
    float: left;
    width: 20px;
    text-align: center;
    color: #AFB7BD
}
.page_gsjs .head ul.right a:hover {
    color: #fff;
    background: #009B4D;
    text-decoration: none
}
.page_gsjs .section {
    width: 100%;
    height: auto;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 15px
}
.page_gsjs .section #section-1 img {
    padding: 0
}
.page_gsjs .section h1 {
    color: #41484d;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    padding-bottom: 15px;
    background: url(../images/show_dot.png) no-repeat left 1px;
    padding-left: 40px;
    margin-left: -37px;
    margin-top: 0
}
.page_gsjs .section p {
    color: #666;
    line-height: 30px;
    text-align: left;
    padding-bottom: 15px;
    text-align: justify;
	font-size:16px;
}
.page_gsjs .section #section-1 {
    padding-left: 30px;
    height: auto;
    border-left: 1px solid #C5C7C8;
    padding-bottom: 30px;
	color:#000 !important;
	
}
.col-md-12 table{ font-size:16px !important; line-height:32px;}
.page_gsjs .section #section-2 {
    padding-left: 30px;
    height: auto;
    border-left: 1px solid #C5C7C8;
    padding-bottom: 30px
}
.page_gsjs .section #section-3 {
    padding-left: 30px;
    height: auto;
    border-left: 1px solid #C5C7C8;
    padding-bottom: 30px
}
.page_gsjs .section #section-4 {
    padding-left: 30px;
    height: auto;
    border-left: 1px solid #C5C7C8;
    padding-bottom: 30px
}
.view-table {
    width: 100%
}
.view-table table {
    border: 1px solid #DDD
}
.view-table .cp-hang {
    color: #F60;
    font-size: 16px;
    font-weight: 600;
    text-align: center
}
.view-table .view-table-first td:nth-child(odd) {
    font-weight: 600;
    padding-left: 5px;
    width: 15%;
    background: #FAFAFA
}
.view-table .view-table-second td:nth-child(odd) {
    font-weight: 600;
    padding-left: 5px;
    width: 15%;
    background: #FAFAFA
}
.view-table .view-table-three tr:nth-child(2) {
    font-weight: 600;
    padding-left: 5px;
    width: 15%;
    background: #FAFAFA
}
.view-table .view-table-title-first td:first-child {
    color: #F60;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background: #F5F5F5
}
.view-table .view-table-title-second td:first-child {
    color: #F60;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background: #F5F5F5
}
.view-table .view-table-title-three td:first-child {
    color: #F60;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background: #F5F5F5
}
.view-table table td {
    word-wrap: break-word;
    word-break: break-all
}
.pricing {
    position: relative;
    border-radius: 3px;
    margin-bottom: 15px;
    box-shadow: 0 0 5px #eee
}
.pricing:hover {
    box-shadow: 0 0 15px #b5b5b5
}
.pricing:hover h4 {
    color: #55c931
}
.pricing-head {
    text-align: center
}
.pricing-head h3,
.pricing-head h4 {
    margin: 0;
    line-height: normal;
    font-weight: 700!important
}
.pricing-head h3 span,
.pricing-head h4 span {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    font-style: italic
}
.pricing-head h3 {
    color: #fafafa;
    padding: 12px 0;
    font-size: 35px;
    font-family: Arial;
    background: #5CB85C;
    border-radius: 3px 3px 0 0;
    text-shadow: 0 1px 0 #32a20f;
    border-bottom: solid 1px #41b91c
}
.pricing-head h4 {
    color: #bac39f;
    padding: 5px 0;
    font-size: 70px;
    font-family: Arial;
    background: #fbfef2;
    text-shadow: 0 1px 0 #fff;
    border-bottom: solid 1px #f5f9e7
}
.pricing-head h4 i {
    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative
}
.pricing-head h4 span {
    top: -10px;
    font-size: 14px;
    font-style: normal;
    position: relative
}
.pricing-content {
    margin-top: 10px
}
.pricing-content li {
    color: #888;
    font-size: 13px;
    padding: 7px 15px;
    border-bottom: solid 1px #f5f9e7
}
.pricing-content li i {
    top: 2px;
    color: #72c02c;
    font-size: 16px;
    margin-right: 5px;
    position: relative
}
.pricing-footer {
    color: #777;
    font-size: 11px;
    line-height: 17px;
    text-align: center;
    padding: 0 20px 19px;
    border-radius: 0 0 3px 3px
}
.pricing-footer a,
.pricing-footer button {
    color: #fff;
    border: none;
    margin-top: 5px;
    font-size: 16px;
    padding: 6px 15px;
    text-align: center;
    border-radius: 2px;
    background: #55c931;
    display: inline-block;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #38b312;
    border-bottom: solid 2px #41b91c
}
.pricing-footer a:hover,
.pricing-footer button:hover {
    cursor: pointer;
    background: #40ba1a;
    text-decoration: none;
    box-shadow: 0 0 3px #999
}
.price-active,
.pricing:hover {
    z-index: 9;
    margin-top: -15px;
    box-shadow: 0 0 15px #b5b5b5
}
.price-active h4 {
    color: #55c931
}
.no-space-pricing .pricing:hover {
    -webkit-transition: box-shadow .3s ease-in-out;
    -moz-transition: box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .2s ease-in-out
}
.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
    color: #55c931;
    padding: 15px 0;
    font-size: 80px;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    -o-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out
}
.hover-effect {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.index-lx>.title {
    font-size: 20px;
    color: #CD2720;
    font-weight: 600;
    height: 50px;
    line-height: 50px
}
.index-ly>.title {
    font-size: 20px;
    color: #CD2720;
    font-weight: 600;
    height: 50px;
    line-height: 50px
}
.message_form {
    margin-top: 15px
}
.message_name {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #EAEAEA;
    color: #8F8F8F;
    float: left;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    padding-left: 5px;
    width: 100%
}
.message_content {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #EAEAEA;
    color: #8F8F8F;
    height: 120px;
    font-size: 14px;
    line-height: 32px;
    overflow: hidden;
    padding: 1%;
    width: 98%
}
.message_sub_do {
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    width: 100%;
    border: none
}
.message_sub_re {
    height: 32px;
    line-height: 32px;
    text-align: center;
    color: #FFF;
    width: 100%;
    border: none
}
.message_about {
    color: #8F8F8F;
    font-size: 14px;
    line-height: 25px
}
.lxfs {
    background: #fff;
    font-size: 16px;
    border: 1px solid #dedede;
    padding: 10px
}
.lxwm {
    width: 100%
}
.lx {
    border-bottom: 1px dashed #EEEDE9;
    height: 40px;
    line-height: 35px;
    padding-left: 10px
}
.lxr {
    font-size: 18px;
    font-weight: 700;
    color: red
}
.zzsl {
    margin-bottom: 10px;
    padding: 15px 15px 15px;
    background: #FAFAFA
}
.zzsl:hover {
    background: #5CB85C none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 0 8px #ddd;
    color: #FFF;
    transition: box-shadow .2s ease-in-out 0s
}
.zzsl:hover span {
    color: #fff
}
.zzsl span {
    color: #5CB85C;
    font-size: 42px;
    padding: 0;
    text-align: center;
    width: 322px;
    margin: 0 auto;
    transition: all .4s ease-in-out 0s
}
.zzsl h4 {
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    text-align: center
}
.zzsl p {
    font-size: 13px;
    line-height: 20px;
    color: #6F6F6F;
    text-align: justify
}
.zzsl:hover p {
    color: #FFF
}
.lc-box {
    font-size: 14px;
    line-height: 26px;
    padding: 15px 0 10px;
    text-align: justify;
    word-wrap: break-word
}
.lc-box p {
    padding-top: 10px
}
.cp-table {
    width: 100%
}
.cp-table table {
    border: 0 solid #000
}
.cp-table .cp-hang {
    color: #F60;
    font-size: 16px;
    font-weight: 600
}
.cp-table table td {
    word-wrap: break-word;
    word-break: break-all
}
.cp-table table td:nth-child(odd) {
    font-weight: 600;
    padding-left: 5px;
    width: 15%
}
.tag-nav {
    margin-top: 20px
}
.tag-nav li {
    border-right: none;
    margin-top: 10px;
    height: auto
}
.tag-nav li a {
    font-size: 14px;
    line-height: 50px;
    text-align: center;
    width: 100%;
    height: 50px;
    display: block;
    border: 1px solid #ddd;
    background: #fff;
    color: #000
}
.tag-nav li a:hover {
    border: 1px solid #FF8C19;
    background: #F93;
    color: #fff;
    opacity: 1;
    transition: all .4s ease 0s
}
.FocusPic {
    zoom: 1;
    position: relative;
    overflow: hidden
}
.FocusPic .content {
    overflow: hidden
}
.FocusPic .changeDiv a {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}
.FocusPic .title,
.FocusPic .title-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 434px;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}
.FocusPic .title-bg {
    background: #000;
    filter: alpha(opacity=50);
    opacity: .5
}
.FocusPic .title a {
    display: block;
    padding-left: 15px;
    color: #fff;
    font-size: 14px
}
.FocusPic .change {
    bottom: 4px;
    height: 20px;
    right: 3px;
    position: absolute;
    text-align: right;
    z-index: 9999
}
.FocusPic .change i {
    background: #666;
    color: #FFF;
    cursor: pointer;
    font-family: Arial;
    font-size: 12px;
    line-height: 15px;
    margin-right: 2px;
    padding: 2px 6px;
    font-style: normal;
    height: 15px;
    zoom: 1
}
.FocusPic .change i.cur {
    background: #F70
}
#pages {
    padding: 14px 0 10px 0;
    text-align: center
}
#pages a {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    background: #F1F1F1;
    border: 1px solid #E4E4E4;
    text-align: center;
    color: #999;
    padding: 0 10px
}
#pages a.a1 {
    background: url(../images/admin_img/pages.png) no-repeat 0 5px;
    width: 70px;
    padding: 0;
    background: #F1F1F1
}
#pages a:hover {
    background: #227b39;
    color: #fff;
    text-decoration: none
}
#pages span {
    display: inline-block;
    height: 32px;
    line-height: 30px;
    background: #227b39;
    border: 1px solid #227b39;
    color: #fff;
    text-align: center;
    padding: 0 10px
}
.page .noPage {
    display: inline-block;
    width: 70px;
    height: 32px;
    line-height: 30px;
    background: url(../img/icu/titleBg.png) repeat-x 0 -55px;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #a4a4a4
}
.foot {
    background: #EBEBEB;
    line-height: 25px;
    height: 320px;
    padding-bottom: 0;
    color: #BBBABA;
    border-top: 5px solid #227b39
}
.foot h4 {
    padding-bottom: 5px;
    color: #000
}
.foot ul li {
    float: left;
    width: 33%
}
.foot ul li a {
    color: #000
}
.f1 {
    width: 340px;
    float: left;
    height: 180px;
    border-right: 1px solid #D1D1D1;
    color: #5B5B5B
}
.f2 {
    width: 360px;
    float: left;
    padding-left: 30px;
    height: 180px;
    border-right: 1px solid #D1D1D1;
    color: #5B5B5B
}
.f3 {
    width: 260px;
    float: left;
    padding-left: 30px;
    height: 180px;
    border-right: 1px solid #D1D1D1;
    color: #5B5B5B
}
.f4 {
    width: 130px;
    float: right;
    color: #5B5B5B
}
.fbottom {
    background: #bf1b1c;
    color: #ff0;
    height: 60px;
    line-height: 60px;
    position: fixed;
    margin-top: 40px;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 32px;
    font-weight: 700;
    z-index: 10000
}
.fbottom a {
    color: #fff
}
.fbottom a:hover {
    color: #f00
}
.link {
    height: 90px
}
.link a {
    color: #5B5B5B
}
.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 25%;
    right: -126px;
    cursor: pointer;
    transition: all .3s ease
}
.yb_bar ul li {
    width: 180px;
    height: 53px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden
}
.yb_bar .yb_top {
    background: #227b39 url(../images/fixCont.png) no-repeat 0 0
}
.yb_bar .yb_phone {
    background: #227b39 url(../images/fixCont.png) no-repeat 0 -57px
}
.yb_bar .yb_QQ {
    text-indent: 0;
    background: #227b39 url(../images/fixCont.png) no-repeat 0 -113px
}
.yb_bar .yb_ercode {
    background: #227b39 url(../images/fixCont.png) no-repeat 0 -169px
}
.hd_qr {
    padding: 0 29px 25px 29px
}
.yb_QQ a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff
}
.headtop{background:#227b39; height:35px; line-height:35px; color:#FFF; font-size:12px;}

.new_content{
	width:1200px;
	height:auto;
}
 .new_left{
	width:463px;
	height:auto;
	float:left;
	position:relative;
	overflow:hidden;
}
.new_left img { width:463px; height:296px;}
.clear{clear:both;}
.about_me  { margin-top:30px;    text-align:left; color: #fff;  font-size: 14px; }
.about_me a { padding:0 25px; border:1px solid #464646; display:inline-block; color:#464646;line-height: 35px;}
.about_me a:hover { background:#227b39; color:#FFF; border-color:#227b39}
.newlist1 {font-size:14px;line-height:28px;text-align:left;width:700px;padding-top:0px; height:auto;background:#fff; float:right; padding-left:20px;
 color:#333;}
 
 .wt{ width:1200px; overflow:hidden; font-family:"Microsoft YaHei";}
.wt .pb_h{height:127px;}
.wt .pb_h a{width:375px;}
.wt .pb_h i a{width:63px;}

.wt dl{ text-align:center; height:400px; background:#f5f5f5;float:left;margin:0 15px 0 10px; display:inline;width:220px;overflow:hidden;}
.wt .lst{margin:0;}
.wt dt{ vertical-align:top; text-align:center;height:182px; overflow:hidden;}
.wt dt img{ vertical-align:top;display:block;width:220px; vertical-align:top;height:180px;overflow:hidden;}
.wt dd h4{text-align:center; line-height:38px;height:38px; overflow:hidden; font-size:14px; font-weight:bold;}
.wt dd h4 a{ color:#362c24;}
.wt dd p{ text-align:left; color:#362c24;line-height:22px;padding:0 14px; text-align:justify;height:85px; overflow:hidden;}
.wt dd span a{ display:inline-block; text-align:center;width:124px; line-height:36px;height:36px; overflow:hidden; color:#fff; font-size:14px; background:#227b39; margin:0 auto; margin-top:10px;}/*od*/


.clearfix {
*zoom:1;
}
.headlines-list-2col .headlines-content {
	width: 48%;
	float: left;
	display: inline;
	margin-right: 5%;
}
.headlines-list-2col .headlines-content p {
	margin-bottom: 15px;
}
.headlines-list-2col .headlines-content p a {
	display: block;
}
.headlines-list-2col .headlines-content p img {
	display: block;
	width: 100%;
}
.headlines-list-2col .headlines-content h2 {
	font-size: 20px;
	font-weight:bold;
	margin-top:5px;
	line-height: normal;
	margin-bottom: 8px;
}
.headlines-list-2col .headlines-content-summary {
	font-size: 13px;
	line-height: 1.5;
	color: #666;
}
.headlines-list-2col .headlines-others {
	overflow: hidden;
*zoom:1;
}
.headlines-list-2col .headlines-others .entry-set-time-hl .entry-item {
	border-bottom: none;
	margin-bottom: 25px;
	padding-bottom: 10px;
	height:76px;
	float:left;
	width:100%;
}
.headlines-list-2col .headlines-others .entry-set-time-hl .entry-summary {
	margin-bottom: -8px;
}
.qhd-content p {
	margin-bottom: 5px;
}


.headlines-others .entry-set-time-hl .entry-item {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.headlines-others .entry-set-time-hl .entry-summary {
	margin-bottom: -8px;
}

.entry-list-time-hl .time {
	width: 60px;
}
.entry-list-time-hl .time-day {
	line-height: 40px;
	font-size: 26px;
}
.entry-list-time-hl .time-date {
	line-height: 20px;
	font-size: 12px;
}
.entry-summary {
	color: #808080;
	font-size: 13px;
	margin-bottom: -5px;
}
.entry-summary p {
	line-height: 1.6;
}
.entry-list-time-hl .time {
	float:left;
	width: 75px;
	background-color: #f2f2f2;
	text-align: center;
	font-family: Arial;
	margin-right:10px;
}
.entry-list-time-hl .time-day {
	display: block;
	line-height: 50px;
	border-bottom: 1px solid #fff;
	color: #666;
	font-size: 30px;
}
.entry-list-time-hl .time-date {
	display: block;
	color: #999;
	line-height: 22px;
	font-size: 12px;
}
.entry-set-time-hl .entry-title {
	margin-bottom: 10px;
}
.entry-set-time-hl .entry-title h2 {
	font-size: 14px; margin:0;
}



.left-nav{ font-size:16px;}
.mainti { max-width: 1200px; width: 100%; margin: 25px auto; position: relative; z-index: 1000; }

/*产品内容页*/

.cp_title {
	font-size: 26px;
	font-weight: 500;
	color: #555555;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #dedede;
}
.cp_ss {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #dedede;
	padding-left: 50px;
	font-size: 18px;
	font-weight: 700;
	color: #FFAD33;
}
.cp_ss a {
	color: #FFAD33;
}
.cp_con {
	margin: 10px 0 0 0;
}
.cp_con li {
	line-height: 30px;
	font-size: 16px;
	padding: 0 0 5px 20px;
	background: url(../images/fk.gif) no-repeat 3px center;
	height: 30px;
	overflow: hidden;
}
.cp_hz {
	margin: 10px 0 0 0;
}
.btn-cpinfo {
	color: #fff;
	background-color: #FFAD33;
	border-color: #F2F2F2;
	width: 358px;
	height: 60px;
	margin-bottom: 15px;
	line-height: 60px;
	padding: 0;
	font-size: 18px;
	display: block;
	text-align: center;
	margin-left: 53px;
}
/*产品详细列表*/

.content {
	font-size: 16px;
	text-align: justify;
}
.content p {
	font-size: 16px;
	line-height: 23px;
	word-wrap: break-word;
	padding: 8px 0
}
.content img {
	max-width: 800px;
}
.related {
	border-top: dashed 1px #ccc;
	margin-top: 15px
}
.related h5 {
	padding-bottom: 4px
}
.related {
	padding: 10px 0 0
}
.related ul {
}
.related li {
	background: url(../images/fk.gif) no-repeat 5px 10px;
	line-height: 24px;
	padding-left: 20px;
}
.bg-huang {
	background-color: #FFAD33;
	margin-bottom: 20px;
	padding-left: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}
.example-image-link {
	display: block;
	overflow: hidden;
	position: relative;
}
.example-image-link:before {
	width:100%;height:100%;
	content:'';
	display: block;
	position: absolute;
	z-index: 999;
	left:0;top:0;
	background: rgba(0,0,0,0.1) url(../images/icon_fdj.png) no-repeat right top;
	background-size: 13% auto;
}
.lb-prev,.lb-next {
    filter: alpha(Opacity=100) !important;
    opacity: 1 !important;
	display: block !important;
}
.show-img {  margin: 0 auto; text-align: center; }
.show-img img { display: block; margin: 0 auto 15px; max-width: 100% !important; height: auto;}

.plr50 table{  width:100% !important;}
.plr50 table td{border:1px solid #ddd;}
.htbock_03{margin-bottom:50px;}
.htbock_03 h1{margin-bottom:30px;}
.htbock_03 h1 span{ font-size: 18px; display: inline-block; height: 33px; line-height: 34px; border: 2px solid #383842; border-right:0; padding-right: 14px;  padding-left: 25px;}
.htbock_03 ul{ overflow: hidden;}
.htbock_03 li{ float: left;  *margin-left: -1px; line-height:24px;}
.htbock_03 li a{ color: #626670;  display: block;}
.htbock_03 li a p{text-decoration: underline;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float: left; max-width: 100%;}
.htbock_03 li a span{ margin-left: 10px;}
.htbock_04 ul{ margin: 0 -10px;}
.htbock_04 li{ width: 25%;}
.htbock_04 li a{ margin:0 10px; display: block; position: relative;}
.htbock_04 p{ background: url(../images/lv.png) repeat; position: absolute; bottom: 0; left: 0; height: 40px; line-height: 40px; font-weight: bold; width:100%; color: #fff; padding: 0 2%; text-align: center;text-decoration: none !important;}
.ratio-img{ width:100%; height:214px;}

.header-bar {
    width: 100%;
    height: auto;
}
.header-bar .header-top {
    height: auto;
    width: 100%;
    float: left;
    background: #f5f5f5;
    border: 1px solid #e1e1e1;
}
.header-bar .header-top .head {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.header-bar .header-top .head p {
    font-size: 12px;
    color: #666;
    line-height: 35px;
    float: left;
}
.header-bar .header-top .head .t-l {
    width: auto;
    height: auto;
    float: right;
}
.header-bar .header-top .head .t-l ul li {
    padding-left: 10px;
    padding-right: 10px;
    float: left;
    text-align: center;
    line-height: 35px;
	font-size:12px;
}
.header-bar .header-ct {
    width: 100%;
    height: auto;
    background: #fff;
}
.header-bar .header-ct .head-ct-b {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}
.header-bar .header-ct .head-ct-b .logo {
    width: 1200px;
    float: left;
    margin-top: 11px;
    float: left;
    margin-bottom: 7px;
}

.wrap_top_menu {
	width:100%; float:left;
    height: 50px;
    background: #227b39;
	margin-bottom:1px;
}
.top_menu {
	width: 1200px;
	height: 40px;
	margin:0 auto;
	position: relative;
	z-index: 110;
}
.top_menu li {
	width: auto;
	height: 50px;
	line-height: 18px;
	text-align: center;
	padding: 0 35px 0 35px;
	float: left;
	display: inline-block;
	position: relative;
	z-index:100;
}
.top_menu li a {
	height: 50px;
	display:inline-block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	width:80px;
	line-height:50px;
}
.top_menu li.cur {
	background: #3fc60c;
}
.top_menu li:hover {
	background: #3fc60c;
}
.top_menu li:hover a {
	color: #fff;
}
.top_menu li .inner_menu {
	width: 100%;
	height: auto;
	background: #3fc60c;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 100;
	display: none;
}
.top_menu li .inner_menu a {
	width: 100%;
	height: 40px;
	display: block;
	line-height: 40px;
	font-weight:normal;
}
.top_menu li:hover .inner_menu {
	display: block;
}
.top_menu li:hover .inner_menu a:hover {
	background: #227b39;
}
.top_menu li.last {
	float: right;
}
.top_menu li.last .inner_menu a {
	width: 142px;
	padding: 0;
	text-indent: 5px;
}
h3 {
	display: block;
	font-size: 1.17em;
	-webkit-margin-end: 0px;
	font-weight: bold; margin:0;
}

.i_part_hd{text-align:center;padding-bottom:22px; width:100%; margin-top:40px;}
.i_part_hd ._hd_title{margin-bottom:20px;}
.i_part_hd ._hd_title a{display:inline-block;*display:inline;*zoom: 1;padding:0px 32px;border:1px solid #a8a8a8;font-size:32px;font-weight:700;color:#565656;position:relative;}
.i_part_hd ._hd_title a:after,.i_part_hd ._hd_title a:before{content:"";width:58px;height:1px;background-color:#a8a8a8;display:block;position:absolute;top:50%;margin-top:-0.5px;}
.i_part_hd ._hd_title a:after{right:-42px;}
.i_part_hd ._hd_title a:before{left:-42px;}
.i_part_hd ._hd_text{padding:0px 100px;font-size:14px;color:#333333;line-height:24px;}

.casePart {
	clear:both;
	clear: both;
}
.caseCon {
	width: 1180px;
	margin: 0 auto;
	padding-top:20px;
}
.caseTitle {
	height: 53px;
	background:url(../images/zz.png) no-repeat center 0;
	margin-bottom: 30px
}
.caseCONTE {
	height: 560px;
	overflow: hidden;
}
.leftCaseP {
	float: left;
	width: 380px;
	margin-right: 13px;
}
.rightCaseP {
	float: right;
	width: 380px;
}
.caseCONTE img {
	display: block;
	width: 380px;
	height: 260px;
	margin-bottom: 20px;
}
.caseMore {
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	width: 120px;
	height: 40px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 40px;
	color: #fff;
}


.ly_time{ width:576px; height:276px; float:left; position:relative;} 
.img_time{position:absolute;left:14px;top:14px;background:#227b39;color:#fff;text-align:center;padding:10px 16px 10px;}
.img_time ._day{font-size:24px;display:block;}

.pagesss table{border-spacing:0; border-collapse: collapse;  word-wrap: break-word; word-break:break-all;}
.pagesss td{ border:1px solid #ddd; padding:4px;}

.wrapper{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}

.item{
	height: auto; overflow: hidden; margin-bottom: 20px;
}
.pro-imgs{
	width: 710px; float: left; display: inline;
	height: auto; overflow: hidden;
}
/*.item .wrap img{
	width: 560px; height: 420px; display: block;
}*/
.pro-imgs .view{
	width: 560px; float: left; height: 420px; display: block;
}
.pro-imgs .view img{
	width: 560px; height: 420px; display: block;
}
.pro-imgs .imgs{
	width: 140px;  float: left; display: inline; margin-left: 10px;
}
.pro-imgs .imgs .list li{
	width: 134px; border: 1px solid #CCCCCC; padding: 2px;
	margin-bottom: 5px;
}
.pro-imgs .imgs .list li.selected{
	border: 1px solid #008FE5;
}
.pro-imgs .imgs .list li img{
	width: 128px; height: 95.3px; display: block;
}

.item .text{
	width: 470px; float: right; display: inline;
	
}
.item .text h2,
.item .text h4{
	border-bottom: 1px solid #CCCCCC; font-size: 30px;
	height: 50px; line-height: 50px; padding-left: 50px; overflow:hidden; margin:0;
}
.item .text h4{
	font-size: 20px; color: #008FE5;
}
.item .text .ph{
	padding-left: 50px; margin-top: 10px; position: relative;
}
.item .text .ph li.last{
	position: absolute; top: 10px; right: 50px;	
}
.item .text .ph li.last img{
	width: 130px; height: 130px; display: block;
}
.item .text .ph li{
	  font-size: 16px;
    line-height: 46px;
}
.item .text .ph li img{
	display: inline-block; position: relative; top: -2px;
}
.item .text .ico{
	height: auto; overflow: hidden; padding-left: 50px; width: 110%;
	margin: 20px 0;
}
.item .text .ico li{
	width: 62px;  display: inline; float: left; 
	margin: 0 16px; text-align: center;
}
.item .text .ico li h5{
	font-size: 14px; margin-top: 4px;
}
.item .text .ico li .ic{
	width: 62px; height: 62px;
}
.item .text .ico li.n1 .ic{
	background: url(../images/picon4.png) no-repeat;
	background-size: cover;
}
.item .text .ico li.n2 .ic{
	background: url(../images/picon1.png) no-repeat;
	background-size: cover;
}
.item .text .ico li.n3 .ic{
	background: url(../images/picon2.png) no-repeat;
	background-size: cover;
}
.item .text .ico li.n4 .ic{
	background: url(../images/picon3.png) no-repeat;
	background-size: cover;
}
.item .text .ico li.n1:hover .ic{
	background: url(../images/icon4.png) no-repeat;
	background-size: cover;
}
.item .text .ico li.n2:hover .ic{
	background: url(../images/icon1.png) no-repeat;
	background-size: cover;
}
.item .text .ico li.n3:hover .ic{
	background: url(../images/icon2.png) no-repeat;
	background-size: cover;
}
.item .text .ico li.n4:hover .ic{
	background: url(../images/icon3.png) no-repeat;
	background-size: cover;
}
.item .text a{
	height: 50px; line-height: 50px; display: block; font-size: 20px;
	background-color: #227b39; color: #FFFFFF; margin: 0 50px; padding-left: 50px;
}
.item .text a img{
	display: inline-block; position: relative; top: 5px;
}

.aside{
	width: 240px; float: left; display: inline;
}
.ui-top{
	height: 70px; line-height: 70px; padding: 0 10px 0 20px;
	background-color: #227b39; font-size: 20px; color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF; margin:0;
}
.ui-top span{
	font-size: 12px; margin-left: 10px;
}
.pro-list li a{
	border: 1px solid #DDDDDD; display: block;
	padding: 5px; margin-bottom: 20px;
}
.pro-list li img{
	width: 230px; height: 172px;
}
.pro-list li .txts{
	padding: 5px 0; text-align: center;
}
.pro-list li .txts h3{
	font-size: 16px; /*font-weight: bold;*/ color: #333333; font-weight:100;
}
.pro-list li a:hover .txt h3{
	color: #008FE5;
}
.pro-list li .txt h4{
	font-size: 14px; color:#008FE5; margin-top: 5px;
}

.center{
	width: 930px; float: right; display: inline;
} 
.pro-detail{
	width:100%; float:left; overflow:hidden; padding-top:10px; word-wrap:break-word; word-break:break-all;
}
.pro-detail table{ width:100%; float:left; word-wrap:break-word; word-break:break-all; margin-bottom: 20px; border-spacing:0; border-collapse:collapse;}
.pro-detail td{ padding:4px; font-size: 14px; line-height: 32px; border:1px solid #ddd;}
.pro-detail h2{
	font-size: 24px; font-weight: bold; line-height: 60px;
	text-align: center; margin:0;
}

.pro-detail img{ max-width:100%;}

.hide {
	display:none;
}
.showCaseHome {
	width:1200px;
	margin:0 auto;
}
.showCase_title {
	width:1200px;
	float:left;
	text-align:center;
	font-size:24px;
	color:#d93037;
	padding-top:30px;
}
.spanen {
	color:#999;
	font-family:"Arial";
	font-size:24px;
	margin-left:10px;
}
.showCase_content {
	width:1200px;
	float:left;
}
.scc_title {
	width:1200px;
	float:left;
	margin:20px 0;
	text-align:center;
}
.scc_title span {
	position: relative;
    cursor: pointer;
	width:130px;
	height:46px;
	float:left;
	background:#227b39;
	margin:0 10px;
	border-radius:2px;
	text-align:center;
	line-height:46px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
}
.scc_title span.hover {
	background:#de0025;
}

.bgfff{ width:100%; height:auto; margin-top:10px; overflow:hidden;}

.scc_title .hover .sj {
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 4px solid #de0025;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -8px;
    display: block;
}

.scc_content {
	width:1200px;
	float:left;
}
.scc_content li {
	width:285px;
	float:left;
	margin:0 20px 20px 0;
}
.scc_content .no_mar {
	margin-right:0px;
}
.case_image {
	width:285px;
	float:left;
	height:176px;
}
.case_title {
	width:285px;
	float:left;
	height: 34px;
	line-height: 35px;
	text-align:center;
	background-color:#111;
	color:#fff;
	font-size:14px;
	/* padding-top: 16px; */
	margin-top: 30px;
}

.listPro{ max-width:1200px;middle-width:100px;margin:0 auto;padding-bottom:5px; overflow:hidden;} 
.left-list{width:100%;overflow:hidden;float:left;}
.bhpl{width:100%;float:left;margin-bottom:8px; background:#f5f5f5;}
.bhplul{display:inline-block;padding:10px 10px;text-align:center;background:#227b3a;color:#fff;width:120px; font-size:16px; font-weight:700;}
.bhplul:hover{color:#fff;}
.bhpl:hover .bhplul{transition:padding-right 0.5s;-moz-transition:padding-right 0.5s;-ms-transition:padding-right 0.5s;-o-transition:padding-right 0.5s;-webkit-transition:padding-right 0.5s;}
.bhplli{display:inline-block;padding:5px 10px;text-align:center;border:1px solid #f5f5f5;color:#000;width:auto; font-size:15px;}
.bhplli:hover{border:1px solid #227b3a;background:#227b3a;color:#fff;border-radius:5px;transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-webkit-transition:all 0.5s;}

.section-three{
	overflow:hidden;
	width:100%;
	height:500px;
}
.owl-carousel-c{
	width: 100%;
	float:left;
	overflow:hidden;
	margin-top:1px;
}
#banner{
	width:1920px;
	float:left;
	overflow:hidden;
	position:relative;
	margin-left:-960px;
	left:50%
}
#banner .item{ display: block;}
#banner img { display: block;width:1920px;margin:0 auto;}
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;}	
.owl-carousel .owl-item{float: left;}
.owl-controls{position:absolute;bottom:50px;left:50%;float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing { cursor:url(grabbing.png) 8 8, move;}
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{margin-top: 10px;text-align: center;}
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */margin: 5px;
padding: 3px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;background: #869791;
filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px;height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/
opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background: #ddd;overflow: hidden;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/
opacity: 1;background:#1567a1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;
-moz-border-radius: 30px;border-radius: 30px;}
.owl-item.loading{min-height: 150px;background: url(AjaxLoader.gif) no-repeat center center}


.gridex {
    position: relative;
    overflow: hidden;
}
.gridex1 {
    position: relative;
    overflow: hidden;
}
.col-md-20 {
    width: 280px;
	margin-right:20px;
    float: left;
	overflow:hidden;
	margin-bottom:20px;
}
.col-md-20:hover h4{ background:#227b39; color:#fff;}

.transitionf {
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    -webkit-transition: all .5s ease;
}
.bom-text {
    padding: 15px 1%;
    background-color: #EBEBEB;
    overflow: hidden;
    z-index: 2;
    display: block;
    color: #000;
	margin:0;
	text-align:center;
}
.gridex > li > a {
    position: relative;
}

.gridex1 > li > a {
    position: relative;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.gd-expander {
	position: absolute;
	overflow: hidden;
	height: 0px;
	margin-top: 20px;
	width:1200px;
	left: 0; /* standar row margin is 30px */
}
.gd-expander1 {
	position: absolute;
	overflow: hidden;
	height: 0px;
	margin-top: 20px;
	width:1200px;
	left: 0; /* standar row margin is 30px */
}
/* inner content container */

.gd-inner {
	padding: 0;
	overflow:hidden;
}
/* top arrow when expanded */

.gridex > li > a {
	position: relative;
}
.gridex > .gd-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #ccc;
	border-width: 0;
	left: 50%;
	margin: -25px 0 0 76px;
}
.gd-ejfl{ width:200px; height:auto; float:left; overflow:hidden; padding:10px;}
.gd-ejfl img{ width:100%; height:155px; float:left;}


.advantage{
	 background: rgba(0, 0, 0, 0) url("../images/p_bck.jpg") repeat scroll 0 0;
    /*border-bottom: 3px solid #00a8ff;*/
}
.advantage .h_p1 {
    background: #fbfbfb url("../images/p1_t.jpg") repeat-x scroll center center;
   /* border-top: 3px solid #00a8ff;*/
    color: #555555;
    display: block;
    font-size: 18px;
    height: 229px;
    margin-top: 30px;
    text-align: center;
}
.advantage .h_p1 h3 {
    color: #33b9ff;
    font-size: 33px;
    margin: 0 auto;
    padding-bottom: 23px;
    padding-right: 30px;
    padding-top: 46px;
    width: 556px;
}
.advantage .h_p1 p {
    line-height: normal;
}
.advantage .h_p1 .h_mb25 {
    font-size: 12px;
    margin: 0 auto;
    padding-bottom: 25px;
    padding-right: 70px;
    text-align: right;
    text-transform: uppercase;
    width: 600px;
}
.advantage .h_p1 h3 span {
    color: #ff6600;
}
.h_p4 {
   height: auto; overflow: hidden; 
}
.h_p4_w {
    line-height: 22px; margin-bottom: 50px;
    width: 48%; float: left; display: inline;
     height: 200px; overflow: hidden; margin-right: 2%;
}
.h_text_color {
    color: #ff6600;
}
.h_f_r {
    float: right; display: inline; width: 48%;
}
.h_f_l {
    float: left; display: inline;  width: 50%;
}
.h_youshi_p{
	text-indent: 2em;
}
.h_youshi01 {
    color: #222222;
    font-size: 13px;
    text-align: justify;
    width: 50%;
}
.h_youshi01 img {
    display: block;
    margin-bottom: 23px;
    width: 100%;
}

.aside{
	width: 240px; float: left; overflow:hidden;
}
.fl{ float:left;}
.fr{ float:right;}

.list-page{width: 100%; margin-bottom:15px;}
.list-page-title{width: 100%;height: 50px;line-height: 50px;text-align:center;color:#fff;font-size: 20px;background:#227b39; margin:0;}
.procate{width: 100%;border-bottom: 2px solid #ddd}
.procate li.f_lix{line-height:38px;height:38px;border-bottom:1px solid #227b39;background:#e5e5e5 url(../images/listh3.gif) no-repeat 210px center;}
.procate li.f_lix:hover{background:#227b39;}
.procate li.f_lix a{display:block;width:230px;height:38px;padding-left:20px;color: #227b39;font-size:16px;font-weight:700;}
.procate li.f_lix a:hover{color:#fff;}
.procate li.z_lix{line-height:38px;height:35px;border-bottom:1px solid #ddd;background:#f7f7f7;}
.procate li.z_lix:hover{background:#227b39;}
.procate li.z_lix a{display:block;width:230px;height:38px;padding-left:20px;color: #666; font-size:15px;}
.procate li.z_lix a:hover{color:#fff;}
.procate li img{ margin-right:10px;}

.aside .img,
.aside .map{
	background-color: #f5f5f5;  color: #333333; width:100%; float:left;
}
.aside .map h4{
	height: 70px; line-height: 70px; padding: 0 10px 0 20px;
	background-color: #227b39; font-size: 20px; color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.aside .map h4 span{
	font-size: 12px;
}
.aside .map ul{
	padding: 15px 10px;
	width:100%; float:left;
}
.aside .map li{
	font-size: 14px; line-height: 25px; margin-bottom: 5px;
}
.aside .map li img{display: inline-block;position: relative;top: -2px;}
.aside .img{
	padding: 20px;
}
.aside .img img{
	width: 200px; height: 200px; display: block;
}
.aside .img p{
	text-align: center; line-height: 25px; font-size: 14px; margin-top: 15px;
}

.prolist_right{ width:905px; height:auto; float:right; overflow:hidden;}
.product_content_c{ width:290px; height:auto; border:1px solid #ddd; border-bottom:3px solid #227b39; margin-bottom:15px; padding:2px; float:left; margin-right:16px; overflow:hidden;}
.product_content_c img{ width:284px; height:213px; float:left;}
.product_content_c span{ width:100%; height:30px; line-height:30px; float:left; text-indent:10px; overflow:hidden; font-size:16px; font-weight:bold;}


.ttt{width:1150px;height:60px; float:left; margin-left:50px; overflow:hidden;}
.ttt li{float:left;width:130px;height:40px;background:#227b39;margin-right:12px;text-align:center;line-height:40px;cursor:pointer;font-size:14px;font-weight:700; color:#fff;}
.ttt li a{ color:#fff;}
.ttt li.hover{background:#de0025;font-weight:bold;color:#fff;}
.ttt li.hover a{font-weight:bold;color:#fff;}
.tabcont{width:1200px;float:left;height:auto;clear:both;}
.tabcont .tabc{width:1200px;float:left;height:auto;clear:both;}
.tabcont .tabc ul{width:285px;height:auto;float:left;overflow:hidden;padding:0px; margin-right:20px; margin-bottom:20px;}
.tabcont .tabc ul li{width:285px;height:auto;float:left;overflow:hidden;}
.tabcont .tabc ul li.tu1{width:285px;float:left;}
.tabcont .tabc ul li.tu1 img{width:285px;height:214px;}
.tabcont .tabc ul li.tu2{width:254px;padding:2px 0px 5px;margin:0px;float:left;}
.tabcont .tabc ul li.tu2 img{float:left;}
.tabcont .tabc ul li.wz{text-align:center;height:auto;line-height:34px; width:285px; height:34px; float:left; background:#111;}
.tabcont .tabc ul li.wz a{color:#fff ;font-size:14px;font-family: microsoft yahei;font-weight:bold;}
.tabcont .tabc ul li.wz a span{color:#666;font-weight:400;}


.pro_detail_title{height:34px;line-height:34px;overflow:hidden;background:#fafafa;border-bottom:2px solid #b5b5b5; margin-bottom:20px;}
.pro_detail_title li{float:left;padding:0 2em;font-size:14px;cursor:pointer;}
.pro_detail_title .on{background:#227b39;color:#fff;font-weight:bold;}

.al { width:1200px; margin:0 auto; height:330px; overflow:hidden;}
.al h2 { background:url(../image/baral.gif) no-repeat center bottom; height:60px; font: bold 24px/60px "寰蒋闆呴粦"; overflow:hidden; padding:8px 0 0 0; text-align:center;}
.al h2 a { color:#074d33;}
.al_c { height:239px; overflow:hidden; padding:23px 0 0 0;}
.al_c ul { width:1000px; float:left; margin:0 0 0 16px; display:inline; overflow:hidden;}
.al_c ul li { float:left; width:206px; overflow:hidden; display:inline; margin-right:19px;}
.al_c ul li img { width:204px; height:169px; border:1px solid #dbdbdb;}
.al_c ul li span a { text-align:center; display:block; font:12px/30px "瀹嬩綋"; color:#8b8b8b; overflow:hidden;}
.al_c ul .nobot { margin:0;}
.al01 a { display:inline-block; background:url(../images/l.gif) no-repeat; width:22px; height:22px; margin-top:68px;}
.al01 a:hover { display:inline-block; background:url(../images/l02.gif) no-repeat;}
.al02 a { display:inline-block; background:url(../images/r.gif) no-repeat; width:22px; height:22px; margin-top:68px;}
.al02 a:hover { display:inline-block; background:url(../images/r02.gif) no-repeat;}

.pro_recom{border:1px solid #ddd;background:#f6f6f6; margin-bottom:10px;}
.pr{position:relative;}.pa{position:absolute;}
.pro_recom .t{font-size:14px;color:#333;line-height:34px;background:#e7e7e7;padding-left:15px;font-weight:bold;}
.pro_recom_scroll{width:1075px;height:170px;margin:20px auto 0;overflow:hidden;}
.pro_recom_scroll li{width:165px;height:170px;font-size:12px;white-space:normal;text-align:center;vertical-align:top;}
.pro_recom_scroll img{width:163px;height:128px;border:1px solid #ddd;}
.pro_recom .s_prev,.pro_recom .s_next{position:absolute;top:95px;width:43px;height:43px;background:url(../image/scrollbtn.png) no-repeat;text-indent:-99em;overflow:hidden;cursor:pointer;}
.pro_recom .s_prev{left:6px;}
.pro_recom .s_next{right:6px;background-position:0 bottom;}
.pro_recom .s_prev:hover{background-position:-43px 0;}
.pro_recom .s_next:hover{background-position:-43px bottom;}
.gallery{font-size:0;white-space:nowrap;}
.gallery li{font-size:12px;display:inline-block;overflow:hidden;*display:inline;*zoom:1;margin:0 0 0 13px;}



.preview{width: 700px;margin-top: 5px;float:left;position: relative; overflow:hidden;}
.preview .show{width: 560px;height:420px; overflow: hidden; position: relative; float:left;}
.preview .show img{ vertical-align: middle; width:560px; height:420px;}

.thumb-scroll{width: 140px;height: 420px; float:right; position: relative;}
.thumb-scroll .pro-thumb{width: 140px;height: 420px; position: relative; overflow: hidden; margin: 0 auto;}
.thumb-scroll .pro-thumb ul { position: absolute;height: 420px; left: 0;top: 0}
.thumb-scroll .pro-thumb ul li{float: left;width: 130px;height: 101px;padding: 2px; border: 1px solid #cccccc; float:right; overflow: hidden; margin-bottom:5px;} 
.thumb-scroll .pro-thumb ul li img{vertical-align: middle; width:124px; height:95.3px;}
.thumb-scroll .pro-thumb ul li.on{ border: 1px solid #008FE5;}