html{font:12px/1.5 Arial,Helvetica,sans-serif}
body,form,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}
ol,ul{padding-left:0;list-style-type:none}
td,th{padding:0}
img{border:0;-ms-interpolation-mode:bicubic}
a{text-decoration:none}
a:active,a:hover{outline:0}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;outline:none;border: #0077C4;cursor: pointer;}
button,input{line-height:normal}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
/*input:focus{border: 0;}*/
.w_1360{
    width: 1360px;
    margin: 0 auto;
}

/*index.html*/
.title_top_four{line-height: 32px;background-color: #262626;height: 32px;}
.title_top_four_text{float: left;font-family: arial;font-size: 12px;color: #ffffff;}
.top-info-lang,.title_top_four_link{float: right;}
.top-info-lang {
    position: relative;
    float: right;
    width: 95px;
    height: 28px;
    line-height: 28px;
    padding: 0 20px 0 5px;
    font-size: 12px;
    cursor: pointer;
    color: #555;
    margin-top: 1px;
    margin-left: 20px;
}
.top-info-lang-list {
    position: absolute;
    left: -1px;
    top: 0;
    z-index: 9999;
    width: 120px;
    border: 1px solid #eaeaea;
    background: #fff;
    /*box-shadow: 0 5px 10px -5px;*/
}
.top-info-lang-list li {
    position: relative;
    display: none;
}
.top-info-lang-list li.active{
    display: block;
}
.top-info-lang-list a {
    display: block;
    position: relative;
    z-index: 20;
    padding-right: 5px;
    color: #666;
    transition: all .3s ease-in-out 0s;
}
li.lang-cn a {
    background-image: url(../images/china.jpg);
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding-left: 42px;
}
.top-info-lang .top-info-lang-list:hover li{
    display: block;
}
.title_top_four_link span{padding:0 5px;color: #ffffff;}
.title_top_four_link>*{float: left;}
.title_top_four_link>img{width: 23px;height: 23px;margin-top: 8px;margin-right: 10px;}
.title_top_four_link a{color:#ffffff;font-size: 12px;font-family: arial;}
.title_top_four_link a:hover {
    color: #2c8fd2;
}

.search_three{
    height: 155px;
    background-color: #f2f2f2;
}
.search_three>div>form{
    float: left;
    display: block;
    width: 75%;
    height: 65px;
    border: 1px solid #dddddd;
    /*border-radius: 5px;*/
    margin-top: 56px;
    background-color: #ffffff;
}
.search_three>div>form>*{
    float: left;
}

.search_three>div>form>button{
    float: right;
    width: 65px;
    height: 65px;
    cursor: pointer;
    background-image: url(../images/search.png);
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: 15px;
}
.search_three>div>form>input{
    border: 0;
    height: 60px;
    line-height: 60px;
    margin-left: 15px;
    width: 800px;
    font-size: 18px;
}
.search_three>div>div{
    float: right;
    height: 65px;
    line-height: 65px;
    position: relative;
    margin-top: 56px;
    width: 300px;
    text-align: center;
    text-indent: 40px;
    background-color: #ffffff;
    /*border-radius: 5px;*/
    color: #88b900;
    font-family: arial;
    font-size: 16px;
    cursor: pointer;
    box-sizing: border-box;
    border: 2px solid #8aba04;
}
.search_three>div>div img{
    position: absolute;
    height: 32px;
    width: auto;
    top: 16px;
    left:45px;
}


.nav-show-o{
    display: none;
}
.xzj_nav{background-color: #88b900;}
.nav,.nav-cate-title{height:40px;line-height:40px}
.nav{background: #1a7144;}
.nav_list_three{float:right;line-height: 60px;width: 680px;}
.nav-cate a span,.nav-cate-sub li span{margin-left:5px}
.nav_list_three li{float:left;font-size:14px;width: 33.3%;text-align: center;}
.nav_list_three li.on a,.nav_list_three li:hover a{color:#2c8fd2}
.nav_list_three li.on a{color: #2c8fd2;}
.nav_list_three a{display:block;padding:0 20px;color:#333333;color:#fff;font-size: 18px;font-family: arial;}
.nav-cate{*zoom:1;float:left;}
.main-sidebar .nav-cate{margin-bottom:30px;float:none;}
.nav-cate:after, .nav-cate-major:after{content:'';visibility:hidden;clear:both;display:block;height:0;}
/*.nav-cate:hover .nav-cate-major {display:block;}*/
.nav-cate-title{
    float:left;
    height: 60px;
    width: 272px;
    background-color:#000000;
    box-sizing: border-box;
    position: relative;
}
.nav-cate-title>span{
    display: block;
    width: 100%;
    height: 100%;
    font-family: arial;
    color:#ffffff;
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    position: relative;
    text-indent: 15px;
}
.nav-cate-title>span>img{
    width: 16px;
    height: auto;
    position: absolute;
    top: 21px;
    left: 20px;
}
.has-sub:hover .nav-cate-sub{display: block;}
.ind-cate:hover .nav-cate-sub{display: block;}
.nav-cate-major{
    *zoom:1;
    position:absolute;
    left:0;
    top:60px;
    z-index:10;
    width:1360px;
    padding:28px 50px;
    border:3px solid #88b900;
    box-shadow:8px 8px 20px -10px #555;
    margin-right:-40px;
    box-sizing: border-box;
    display:none;
    background-color: #ffffff;
}
.nav-cate-major>li{position:relative;width:245px;margin-right:40px;float:left;}
.nav-cate-major>li.has-sub {}
.nav-cate-major>li.has-sub:hover {}
.nav-cate .nav-cate-sub li:hover .arrow{color:#2c8fd2}
/*.nav-cate .nav-cate-sub li:hover .nav-t{display: block;}*/
/*.nav-cate .nav-cate-sub li.nav-t:hover{color:#ffaa0b ;}*/
/*.nav-cate-major>li.has-sub:hover .nav-cate-sub{display:block}*/
.nav-cate-major-name{
    display:block;
    position:relative;
    height:36px;
    line-height:36px;padding:0 32px 0 0;
    color:#88b900;font-family: 宋体;
}
.nav-cate-major-name>span{font-weight: bold;}
.nav-cate-major-name>a{font-size: 14px;color: #88b900;font-family: arial;}
.nav-cate .nav-cate-sub li .arrow{position:absolute;right:9px;top:0;font-size:12px;color: #888;transition:all .3s ease-in-out 0s;}
.nav-cate-sub>li>a{
    font-size: 12px;
    color: #666666;
    font-family: arial;
}
.nav-cate-sub>li>a:hover{
    color: #88b900;
}
.nav-cate-sub{display:none;position:absolute;left:0;top:40px;z-index:20;width:240px;padding:10px 0px;padding-left:18px;border-top:2px solid #88b900;background:#fff;box-shadow:6px 6px 20px -10px #555}
/*.nav-cate-sub:before {content:'';position:absolute;left:-1px;top:36px;z-index:2;display:block;width:1px;height:36px;background:#fff;}*/
.banner a,.banner img,.nav-cate a{display:block}
.nav-cate .nav-cate-sub li{height:34px;line-height:34px;white-space:nowrap;position: relative;}
.nav-cate .nav-cate-sub a{display:block;color:#555555;width: 220px;}
/*.nav-cate .nav-cate-sub a:hover{color:#ff8400}*/
.nav-cate a{color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*.nav-cate a:hover{color:#ff8400}*/
.nav-cate-sub .more a {color:#1a7144;display:inline;}
.nav-cate-title:hover .nav-cate-major{
    display: block;
}

.all_cate_three{
    *zoom: 1;
}

.all_cate_three:after{
    content:'';display:block;height:0;visibility:hidden;clear:both
}

.banner_four{
    width: 100%;
    min-width: 1360px;
}
.banner_four a img{
    width: 100%;
}
.banner_four .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
}
.banner_four .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 6px;
}

.product_image{
    margin-top: 60px;
}
.product_image ul li{
    float: left;
    width: 280px;
    margin-right: 80px;
}
.product_image ul li:nth-child(4n){margin-right: 0;}
.product_image ul li a{
    width: 280px;
    height: 280px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.product_image ul li a img{
    max-width: 280px;
    max-height: 280px;
    vertical-align: middle;
}
.product_list{
    margin-top: 60px;

}
.product_list p.title{
    text-align: center;
    font-size: 36px;
    color: #000000;
    font-family: arial;
    font-weight: bold;
}
.swiper_container{
    width: 1260px;
    overflow: hidden;
}
.swiper_container .swiper-wrapper .swiper-slide{
    box-sizing: border-box;
    border: 2px solid #ffffff;
}
.swiper_container .swiper-wrapper .swiper-slide>a{
    width: 290px;
    height: 290px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.swiper_container .swiper-wrapper .swiper-slide>a img{
    max-width: 290px;
    max-height: 290px;
    vertical-align: middle;
}
.swiper_wrap{
    margin-top: 30px;
}
.swiper_wrap>*{
    float: left;
}
.swiper_wrap .swiper_btn{
    width: 50px;
    height: 350px;
    outline:none;
    background-position: 2px 150px;
    cursor: pointer;
}
.swiper_wrap .swiper_next{
    background-image: url(../images/back.png);
    background-repeat: no-repeat;
}
.swiper_wrap .swiper_prev{
    background-image: url(../images/more.png);
    background-repeat: no-repeat;
}
.swiper_container .swiper-wrapper .swiper-slide p a{
    font-size: 16px;
    color: #000000;
    display: block;
    font-family: arial;
    text-align: center;
    padding: 20px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.advertising{
    margin-top: 60px;
    width: 100%;
    min-width: 1360px;
}
.advertising img{
    width: 100%;
}
.swiper_container .swiper-wrapper>div:hover{
    border-color: #f4f4f4;
}
.swiper_container .swiper-wrapper>div:hover p a{
    color: #88b900;
}



/*footer*/
.footer_x{
    margin-top: 60px;
    width: 100%;
    height: 300px;
    background-color: #f5f5f5;
}
.footer_x>div>div{
    float: left;
    width: 680px;
    height: 300px;
}
.footer_x .footer_left{
    background-color: #fcfcfc;
}
.footer_x .footer_left>*{display: block;margin: 0 auto;}
.footer_x .footer_left .title{
    text-align: center;
    font-size: 24px;
    color: #88B900;
    font-family: arial;
    font-weight: bold;
    margin-top: 60px;
}
.footer_x .footer_left input{
    width: 280px;
    height: 50px;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    font-size: 16px;
    color: #a4a4a4;
    font-family: arial;
    padding-left: 10px;
    margin-top: 40px;
}
.footer_x .footer_left button{
    width: 180px;
    height: 40px;
    font-size: 16px;
    color: #ffffff;
    font-family: arial;
    font-weight: bold;
    background-color: #000000;
    margin-top: 30px;
}
.footer_x .footer_right{
    padding-left: 80px;
    box-sizing: border-box;
}
.footer_right .title{
    font-size: 18px;
    color: #000000;
    font-family: arial;
    font-weight: bold;
    margin-top: 65px;
}
.footer_right ul{
    margin-top: 30px;
}
.footer_right ul li{
    float: left;
    width: 50%;
}
.footer_right ul li a{
    display: block;
    font-size: 15px;
    color: #666666;
    font-family: arial;
    line-height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.footer_right ul li a:hover{
    color: #88B900;
}
.footer_bot{
    height: 110px;
}
.footer_bot p{
    text-align: center;
    color: #7f7f7f;
    font-size: 12px;
    font-family: arial;

}
.footer_bot p:first-child{
    margin-top: 36px;
}
.footer_bot p:last-child{
    margin-top: 16px;
}


.nav_cate_xzj .nav-cate-major{
    padding: 0;
    width: 272px;
    border: 0;

    box-shadow: none;
    position: static;
}
.nav_cate_xzj .nav-cate-major>li{
    margin-right: 0;
}
.nav_cate_xzj .nav-cate-major>li{
    padding-left: 15px;
    box-sizing: border-box;
    border-left: 5px solid #8fbd11;
    background-color: #f5f5f5;
    margin-bottom: 4px;
    width: 272px;
    height: 45px;
    line-height: 45px;
}
.nav_cate_xzj .nav-cate-major>li .nav-cate-major-name{
    height: 45px;
    line-height: 45px;
}
.nav_cate_xzj .nav-cate-major>li .nav-cate-major-name .arrow{
    float: right;
}
.nav_cate_xzj .nav-cate-sub{left: 266px;top: 0;}
.content_wrap .content_left{
    float: left;
    width: 272px;
    margin-top: 46px;
}
.content_wrap .content_right{
    margin-left: 45px;
    float: left;
    width: 1043px;
}
.content_wrap .content_right .content_right_path{
    line-height: 45px;
    font-size: 16px;
    font-family: arial;
    color: #000000;
}
.content_wrap .content_right .content_right_path a{
    color: #000000;
}
.content_wrap .content_right .content_right_path a:hover{
    color: #88B900;
}

.product_name_list table,.product_name_list table td{
    border: 0;
}
.product_name_list table td{
    text-align: center;
}
.product_name_list table td p{
    text-align: left;
    padding-left: 40px;
}
.product_name_list tr td:first-child{
    background-color: #88b900;
    color: #ffffff;
    font-size: 16px;
    font-family: arial;
    font-weight: bold;
    border-right: 5px solid #fff;
}
.product_name_list tr{
    border-bottom: 5px solid #fff;
}
.product_name_list tr td{
    background-color: #f5f5f5;
    padding: 10px 0;
}
.product_name_list tr td p{
    line-height: 36px;
}
.product_name_list tr td p a{
    color: #444444;
    font-size: 14px;
    font-family: arial;
}
.product_name_list tr td p a:hover{
    color: #88B900;
}
.all_products{
    margin-top: 30px;
}
.all_products>P.title{
    color: #000000;
    font-size: 16px;
    font-family: arial;
    font-weight: bold;
    line-height: 48px;
    border-bottom: 1px solid #ededed;
}
.all_products>ul{
    margin-top: 45px;
}
.all_products>ul>li{
    float: left;
    width: 310px;
    margin-right: 56px;
    text-align: center;
    margin-bottom: 30px;
    box-sizing: border-box;
    border: 2px solid #ffffff;
}
.all_products>ul>li:nth-child(3n){
    margin-right: 0;
}
.all_products>ul>li>a{
    width: 306px;
    height: 306px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.all_products>ul>li>a>img{
    max-width: 306px;
    max-height: 306px;
    vertical-align: middle;
}
.all_products>ul>li>p{
    margin: 5px 0;
}
.all_products>ul>li>p>a{
    display: block;
    text-align: center;
    font-family: arial;
    font-size: 15px;
    color: #000000;
}
.all_products>ul>li>button{
    margin: 5px 0;margin-bottom: 10px;
    width: 140px;
    height: 36px;
    background-color: #000000;
    font-family: arial;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}
.all_products>ul>li:hover{
    border: 2px solid #f4f4f4;
}
.all_products>ul>li:hover>p>a{
    color: #88B900;
}
.all_products>ul>li:hover>button{
    background-color: #88B900;
}
.content_left .new_products{
    margin-top: 35px;
}
.content_left .new_products .title{
    height: 48px;
    line-height: 48px;
    background-color: #f5f5f5;
    border-left: 5px solid #000000;
    padding-left: 15px;
    font-family: arial;
    font-size: 16px;
    color: #000000;
    font-weight: bold;
}
.content_left .new_products ul{
    margin-top: 30px;
}
.content_left .new_products ul li{
    box-sizing: border-box;
    padding: 10px;
    margin-bottom: 10px;
    height: 80px;
    overflow: hidden;
}
.content_left .new_products ul li .left{
    float: left;
    width: 80px;

}
.content_left .new_products  .left>a{
    width: 80px;
    height: 80px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.content_left .new_products  .left>a img{
    max-width: 80px;
    max-height: 80px;
    vertical-align: middle;
}
.content_left .new_products  .right{
    float: left;
    margin-left: 10px;
}
.content_left .new_products  .right a{
    display: block;
    height: 80px;
    line-height: 80px;
    width: 160px;
    font-family: arial;
    font-size: 14px;
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content_left .new_products  .right a:hover{
    color: #88b900;
}
/*大分类页.html*/
.content_right .content_advertising{
    width: 100%;
}
.content_right .content_advertising img{
    width: 100%;
    height: auto;
}
.all_products .products_content{
    padding: 30px 0;
    font-family: arial;
    font-size: 14px;
    color: #666666;
}
.classify_four_con{
    margin-top: 10px;
}
.classify_four_con .view>p{
    float: left;
}
.view_right span{
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.classify_four_con .view{
    padding-bottom: 10px;
    border-bottom: 1px solid #ededed;
}
.classify_four_con .view_left {
    font-family: arial;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
    margin-right: 20px;
}
.view_right span.grid{
    background-image: url(../images/grid-1.png);
    background-repeat: no-repeat;
    margin-right: 15px;
}
.view_right span.grid.active{
    background-image: url(../images/grid-2.png);
}
.view_right span.list{
    background-image: url(../images/list-1.png);
    background-repeat: no-repeat;
}
.view_right span.list.active{
    background-image: url(../images/list-2.png);
}

.classify_four_con .classify_four_list ul{
    display: none;
    margin-top: 25px;
}

.classify_four_con .classify_four_list ul.active{
    display: block;
}
.classify_four_list>.grid_l>li {
    float: left;
    width: 310px;
    margin-right: 56px;
    text-align: center;
    margin-bottom: 30px;
    box-sizing: border-box;
    border: 2px solid #ffffff;
}
.classify_four_list>.grid_l>li:nth-child(3n){
    margin-right: 0;
}
.classify_four_list>.grid_l>li>a{
    width: 306px;
    height: 306px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.classify_four_list>.grid_l>li>a>img{
    max-width: 306px;
    max-height: 306px;
    vertical-align: middle;
}
.classify_four_list>.grid_l>li>p{
    margin: 5px 0;
}
.classify_four_list>.grid_l>li>p>a{
    display: block;
    text-align: center;
    font-family: arial;
    font-size: 15px;
    color: #000000;
}
.classify_four_list>.grid_l>li>button{
    margin: 5px 0;margin-bottom: 10px;
    width: 140px;
    height: 36px;
    background-color: #000000;
    font-family: arial;
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}
.classify_four_list>.grid_l>li:hover{
    border: 2px solid #f4f4f4;
}
.classify_four_list>.grid_l>li:hover>p>a{
    color: #88B900;
}
.classify_four_list>.grid_l>li:hover>button{
    background-color: #88B900;
}
.classify_four_list .list_l li{
    padding: 30px 20px; 
    border: 1px solid #ffffff;
}
.classify_four_list .list_l li:hover{
    border: 1px solid #e2e2e2;
}
.classify_four_list .list_l li>*{
    float: left;
}
.classify_four_list .list_l li .left{
    width: 280px;
}
.classify_four_list .list_l li .left>a{
    width: 280px;
    height: 280px;
    vertical-align: middle;
    display: table-cell;
    text-align: center;
}
.classify_four_list .list_l li .left>a img{
    max-width: 280px;
    max-height: 280px;
    vertical-align: middle;
}
.classify_four_list .list_l li .right{
    width: 620px;
    margin-left: 60px;
}
.classify_four_list .list_l .right .title a{
    font-size: 16px;
    color: #88B900;
    display: block;
    font-family: arial;
    line-height: 48px;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.classify_four_list .list_l .right .con{
    color: #333333;
    font-size: 14px;
    font-family: arial;
    line-height: 30px;
    padding: 10px 0;
}
.classify_four_list .list_l .right .list_btn{
    margin-top: 20px;
}
.classify_four_list .list_l .right .list_btn button{
    padding: 0 20px;
    height: 36px;
    margin-right: 20px;
    color: #ffffff;
    font-size: 14px;
    font-family: arial;
    font-weight: bold;
}
.classify_four_list .list_l .right .list_btn button.send{
    background-color: #000000;
}
.classify_four_list .list_l .right .list_btn button.add{
    background-color: #88b900;
}
.classify_four_list .list_l .right .list_btn button.click{
    background-color: #999999;
}
.click{
     background-color: #999999;
}

/*详情页.html*/
/*详情页放大镜*/
.detail_l{
    width: 415px;
    float: left;
}
.detail_l .zoom-small-image{
    position: relative;
}
.detail_l .zoom-small-image .add_sc{
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 5px;
    left: 10px;
    z-index: 10000;
    background: rgba(218,217,221,0.6);
    cursor: pointer;
}
.detail_l .zoom-small-image .add_sc i{
    font-size: 18px;
    color: #666666;
}
.detail_l .zoom-small-image .add_sc i.active{
    color: #eb4f38;
}
.detail_l .zoom-small-image img{
    width: 440px;
    height: 440px;
}

.spec-preview {
    width: 415px;
    height: 415px;
    border: 1px solid #DFDFDF;
}
.spec-scroll {
    margin-top: 10px;
    width: 415px;
    overflow: hidden;
}
.spec-scroll .items {
    float: left;
    position: relative;
    width: 415px;
    height: 60px;
    overflow: hidden;
}
.spec-scroll .items ul {
    position: absolute;
    width: 999999px;
    height: 60px;
    margin-top: 0;
}
.spec-scroll .items ul li {
    float: left;
    width: 60px;
    height: 60px;
    text-align: center;
    margin-right: 11px;
}
.spec-scroll .items ul li img {
    border: 1px solid #CCC;
    padding: 2px;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
}
.spec-scroll .items ul li img:hover {
    border: 2px solid #FF6600;
    padding: 1px;
}
.jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
    width: 450px;
    height: 450px;
}
.jqzoom img{
    width: 415px;
    height: 415px;
}
/*图片放大镜样式*/
.jqzoom {
    float: left;
    border: none;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
    width: 415px;
    height: 415px;
}
.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 350px;
    height: 350px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}
.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    border: 1px solid #aaa;
    background: #ffffff/*url(http://style.bosscdn.com/site_themes/en/zyz_1808_xzj_green/images/zoom.png) 50% center no-repeat*/
        ;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}
.right-extra .right-extra-s {
    margin-top: 10px;
    text-align: center;
}
.right-extra .right-extra-s>a {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    text-indent: 35px;
    background-image: url(http://style.bosscdn.com/site_themes/en/zyz_1808_xzj_green/images/fdj1.png);
    background-repeat: no-repeat;
    background-position: 5px 0px;
    color: #999999;
    font-size: 18px;
}
.imglarge{width:310px;height:54px;}
.imglarge li{float:left;width:54px;height:54px;margin-right:0;}
.imglarge li+li{margin-left:10px;}
.imglarge li a{display:table-cell;width:54px;height:54px}
.x_cp_box .cp_dt_right{width:550px;padding-top:26px;float: left;margin-left: 45px;}

.cp_t1{border-bottom:0}
.cp_name a{font-weight:400}
.cp_dt_right_detail{margin:1em 0;line-height:26px;color:#666;}
.cp_dt_right_detail dt{float:left;margin-right:5px;}
.content_right .cp_name{
    font-size: 16PX;
    font-family: arial;
    color: #000000;
    font-weight: bold;
    line-height: 48px;
    border-bottom: 1px solid #ededed;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content_right .cp_dt_right_detail{
    margin: 30px 0;
    font-size:14px;
}
.content_right .cp_dt_right_detail{
    color:#333;
}
.content_right .cp_dt_right_detail dt{
    font-size: 14PX;
    font-family: arial;
    color: #333333;
    font-weight: bold;
}
.content_right .cp_dt_right_detail dd{
    font-size: 14PX;
    font-family: arial;
    color: #333333;
}
.content_right .details_btn a{
    display: inline-block;
    padding: 0 20px;
    height: 36px;
    line-height: 36px;
    font-size: 14PX;
    font-family: arial;
    color: #ffffff;
    font-weight: bold;
}
.content_right .details_btn a.send{
    background-color: #000000;
    margin-right: 10px;
}
.content_right .details_btn a.add{
    background-color: #88b900;
    margin-right: 10px;
}
.x_p_01_xzj{width: 100%;background-color: #fff;margin-top: 20px;box-sizing: border-box;}
.x_p_01_xzj .x_p_01_tiele{height: 40px;line-height: 40px;padding: 0 15px;background-color: #88b900;}
.x_p_01_xzj .x_p_01_tiele h2{font-size: 16px;color: #ffffff;font-family: arial;}
.x_p_01_xzj .x_p_01_box_Wz .detail_infos{box-sizing: border-box;padding: 15px;padding-bottom: 0;background-color: #f2f2f2;}
.x_p_01_xzj .x_p_01_box_Wz .detail_infos p{width: 31%;margin-right: 3%;}
.x_p_01_xzj .x_p_01_box_Wz .detail_infos p:nth-child(3n){margin-right: 0;}
.x_p_01_xzj .x_p_01_con{padding: 15px;padding-bottom: 0;background-color: #f2f2f2;}
.x_p_01_xzj .x_p_01_con p{font-size: 12px;color: #606060;font-family: arial;line-height: 24px;}
.x_p_01_xzj .x_p_01_con .bott{margin-top: 30px;}
.content_right .ly_kuang_bg_title{
    height: 40px;line-height: 40px;padding: 0 15px;background-color: #88b900;font-size: 16px;color: #ffffff;font-family: arial;
}
.classify_list_xzj .classify_top{
    height: 60px;
    background-color: #88b900;
    line-height: 60px;
}
.classify_list_xzj .classify_top>.classify_top_l {
    float: left;
    font-family: arial;
    font-size: 30px;
    color: #ffffff;
    padding-left: 30px;
}
.supplier-content{padding:20px 10px;border-bottom:1px solid #e0e0e0;margin-bottom:17px;transition:all .3s ease-in-out 0s}
.supplier-content:hover{box-shadow:5px 5px 20px -5px #888;border-bottom-color:#fdfcfc;}
.supplier-content:after{content:'';display:block;height:0;visibility:hidden;clear:both}
.supplier-info{float:left;width:500px}
.supplier-info-name{font-size:14px;font-weight:700;color:#88b900;transition:all .3s ease-in-out;}
.supplier-info-name:hover{color:#ff3d00;}
.supplier-info dl{margin:1em 0;color:#666}
.supplier-info dt{float:left;margin-right:5px}
.supplier-info dd a{color:#888;transition:all .3s ease-in-out 0s}
.supplier-info dd a:hover{color:#ee875a}
.supplier-info-txt{color:#888}
.supplier-pic{float:right;display:inline-block;zoom:1;width:240px;height:240px;text-align:center;}
.supplier-pic a{display:table-cell;width:240px;height:240px;vertical-align:middle}
.supplier-pic img{max-width:240px;max-height:240px;vertical-align:middle}
.classify_list_xzj .classify_con{
    padding: 25px 0px;
    background-color: #fff;
}
.classify_list_xzj .classify_con .classify_con_ms{
    padding: 7px 17px;
    box-sizing: border-box;
    border: 1px solid #d2d2d2;
    line-height: 2;
    color: #868686;
}
/*products list和group里面添加h1 class="h-title"*/
.all_products h1.h-title{
    color: #000000;
    font-size: 16px;
    font-family: arial;
    font-weight: bold;
    line-height: 48px;
}

.x_pr_box3_xzj{
    margin-top: 10px;
    background-color: #fff;
    /*padding: 15px;*/
}
.x_pr_box3_xzj .x_about_box{
    font-size: 13px;
    color: #606060;
    font-family: arial;
    padding: 15px;
}
.x_pr_box3_xzj .x_pr_box1{
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    background-color: #88b900;
}
.x_pr_box3_xzj .x_pr_box_title{
    position: relative;
    height: 40px;
    line-height: 40px;
    border: none;
    font-size: 16px;
    color: #ffffff;
    font-family: arial;
    font-weight: 700;
}

.x_pr_box3_xzj #adImgs {
    position: relative;
    width: 200px;
    height: 150px;
    border-radius: 5px;
    overflow: hidden;
    float: left;
    margin: 0 10px 10px 0;
}
.x_pr_box3_xzj #adImgs ul {
    position: absolute;
    list-style-type: none;
    filter: Alpha(Opacity=50);
    opacity: 0.8;
    z-index: 1002;
    margin: 0;
    padding: 0;
    bottom: 1px;
    right: 1px;
    height: 20px;
}
.x_pr_box3_xzj #adImgs ul li {
    padding: 2px 7px;
    line-height: 18px;
    float: left;
    display: block;
    color: #333;
    background-color: #eee;
    cursor: pointer;
    margin: 0;
    font-size: 11px;
    border-radius: 2px;
    margin-left: 4px;
}
.x_pr_box3_xzj #adImgs ul li.active{
    background-color: rgb(255, 51, 0);
    color: rgb(255, 255, 255);	
}
.x_pr_box3_xzj #adImgs #adImgs_list{
    position: relative;
}
.x_pr_box3_xzj #adImgs #adImgs_list>a{
    float: left;
    width: 200px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.x_pr_box3_xzj #adImgs #adImgs_list>a.active{
    opacity: 1;
}
.x_pr_box3_xzj #adImgs #adImgs_list>a>img{
    max-width: 200px;
    max-height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.x_pr_box3_xzj .pr_box_title_inquiry {
    line-height: 40px;
}
.pr_box_title_inquiry {
    float: right;
    position: relative;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    margin-right: 12px;
    transition: all .3s ease-in-out;
}
.x_pr_box_o .x_pr_box_Contont{
    padding: 15px;
    background-color: #f2f2f2;
}
.x_pr_box_o .x_pr_box_Contont li{
    font-size: 12px;
    color: #606060;
    font-family: arial;
    line-height: 24px;
}


.all_products li p a{overflow: hidden;height:18px;}
.list_boxa_ly2_ms2 {
    padding-bottom: 8px;
}
.list_boxa_ly2_ms2>*{
    display: inline-block;
}

.list_boxa_ly2_ms2 .p_attribute {
    overflow: hidden;
    height: 22px;
    line-height: 22px;
    float: left;
    width: 300px;
}

.list_boxa_ly2_ms2 .p_attribute .title {
    float: left;
    font-weight: 400;
    color: #777;
}
.list_boxa_ly2_ms2 .p_attribute .title span{
    color: #666666;
}
.add,.send{text-transform:Uppercase}
.grid_l p a{height:18px;overflow:hidden;}

.detail-info,.gywm_box_an{height:28px;line-height:28px;text-align:center;background:0 0;font-size:14px}
.gywm_box_an{border-radius:5px}
.detail-info{padding:0 15px;border:1px solid #ff7e00;border-radius:5px;font-weight:400}
.detail-info:hover,.gywm_box_an:hover{background:#e53935;border-color:#e53935}
.detail-info a:hover,.detail-info:hover a,.gywm_box_an a:hover,.gywm_box_an:hover a{color:#fff}
.gywm_box_an_right{padding:0 15px;background:0 0}
.list_boxa_right .list_boxa_ly2_ms2 .p_attribute{color:#333}
.list_boxa_right .list_boxa_ly2_ms2 .p_attribute .title{float:left;font-weight:400;color:#777}
.list_boxa_ly3 span{margin-right:25px}
.list_boxa_right{float:left;width:800px}
.list_boxa_right .list_boxa_ly2_ms2 .p_attribute{overflow:hidden;height:22px;line-height:22px;float:left;width:336px}
.list_boxa_right .p_datail{line-height:20px;padding:10px;border:1px solid #e5e5e5;margin-top:13px}
.list_boxa_right .p_datail .more_a{color:red}
.yiiPager a{color:#333}
.cp_dt_left,.cp_dt_right{float:left;}
a{color:#333;}
.new_left_box_b{width:1040px;}
.pic_w,.pic_wrap1,.new_left_box,.w_940{width:1060px;}
.big_pic{width:960px;}
.list_boxa_right .gywm_box_an a{padding:0px 10px;float:left;
                                color:#fff;}
.list_boxa_right .gywm_box_an {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: 0 0;
    font-size: 14px;
    border-radius: 5px;
    background: #2c8fd2;
    transition: all .3s ease-in-out;
    margin-right: 16px;
    float: left;
    margin-right:20px;
}
.cp_big_kuang .cp_xx_kuang>a{
    padding: 0 15px;
    display: inline-block;
    line-height: 30px;
    border-radius: 5px;
}
.cp_big_kuang .cp_xx_kuang .contact_now{
    background: #4249d6;
    color: #fff;
    margin-right: 20px;
}
.cp_big_kuang .cp_xx_kuang .add_basket{
    background: #FFFFFF;
    background-color: #88b900;
    color:#fff;
}

.cp_dt_right .cp_name{
    color: #333;
    font-family: arial;
    font-size: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.pr_box_contont .Pr_big_kuang li{width:250px;}
.title_image{
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    background-color: #88b900;
    font-size: 16px;
    color: #ffffff;
    font-family: arial;
    margin-bottom:10px;
}