@charset "utf-8";
* {margin:0;padding:0;transition-property: all;-ms-transition-property: all;-moz-transition-property: all; outline:none;-webkit-transition-property: all;-o-transition-property: all; }
.navbar,.topbar{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
body { font-size:14px; color:#444; padding:0;margin:0;font-family:'Microsoft YaHei'; line-height: 170%; background:#fff}
img {border:0px; height:auto; padding:0; display:block; vertical-align:middle; max-width:100%;}
::-webkit-input-placeholder {color: #96a8b8; } 
:-moz-placeholder {color: #96a8b8; } 
::-moz-placeholder { color: #96a8b8; } 
:-ms-input-placeholder {color: #96a8b8; }
a {color:#444; text-decoration: none;outline:none;}
a:Hover {color:#444;outline:none;text-decoration: none;}
.c{ display:block;clear:both;content:"";visibility:hidden;height:0}
input,button,select,textarea{ outline:none;font-family:arial,'Microsoft YaHei';border:0;color:#595757;font-size:14px}
textarea{resize:none;}i{ font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;padding:0;margin:0;font-weight:normal;}
ul,li,dl,dt,dd { padding: 0; margin: 0; list-style:none;}
h1,h2,h3,h4,h5 { padding: 0; margin: 0; font-weight:normal}
.anniu{ border:0px solid #ff6600; background:#2AA5A7; color:#ffffff; font-size:16px; font-weight:bold; width:140px; line-height:50px; text-align:center; font-family:"微软雅黑",Arial, Helvetica, sans-serif}
.pro_detail {width: 100%; margin: 10px 0}
.pro_detail tr{	border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.pro_detail th{	font-size: 12px;line-height: 20px;padding: 8px 0;color: #fffefe; font-weight: normal;background: #0ba29a;text-align: center;}
.pro_detail td{font-size: 12px;line-height: 20px;padding: 8px 0;text-align: center;border-right: 1px solid #e5e5e5;}
.toper{background: #eee; height:40px; line-height: 40px}
.wrapper{width:1260px; margin: 0px auto}
.toper_l{float:left;}
.toper_r{float:right;}
.toper_r img{display: inline-block; margin: 0 10px}
.no_ul,
.no_ul>li{
    list-style: none;
    padding: 0;
    margin: 0;
}

/*--------- Hearer ---------*/
/*bootstrap預設屬性*/
.navbar{
    min-width: 1260px;
    border-radius: 0;
    margin-bottom: 0;
}
.navbar-default {
    background-color: #fff;
    border-color: #fff;
}
.navbar-header{
    float: inherit;
    width: 1260px;
    height: 105px;
    margin: 0 auto !important;
    padding: 0;
}
.navbar-brand {
    height: 105px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.navbar{
    border:none;
    border-bottom: 0px solid #000;
}

/*選單*/
.container-fluid{
    padding: 0;
}
.menu{ background: url(../images/menudi.png) repeat-x #0a9b47}
.main_menu{
    width: 1260px;
    margin: 0 auto;
}
.navbar-default .navbar-nav > li > a,
.lv1 > li > a{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.lv1 > li > a:hover,
.lv1 > li.active > a{
    /*font-weight: bold;*/
}
.navbar-default .navbar-nav .on{background: #327118}
.navbar-nav > li > a {line-height: 48px;text-align: center; padding-left: 45px; padding-right: 45px}
.hidden_pc{
    display: none;
}
.hidden_m{
    display: block;
}
.lv1 > li
{
    position: relative;
}
.lv1 > li.hidden_pc{
    display: none;
}
.lv2{
    width: 200px;
    display: none;
    position: absolute;
    top: 54px;
    left: 30px;
    background-color: rgba(255,255,255,0.9);
    padding: 0;
    z-index: 100;
}
.lv2:before{
    position: absolute;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0;
    border-color: transparent transparent rgba(255,255,255,0.9) transparent;
    top: -10px;
    left: 30px;
}
.lv2 > li{
    display: block;
    width: 100%;
    position: relative;
}
.lv2 > li > a{
    display: block;
    font-size: 14px;
    color: #4f4f4f;
    padding: 6px 10px 6px 20px;
}
.lv2 > li > a:focus,
.lv2 > li > a:hover{
    text-decoration: none;
}
.lv2 > li:hover {
    background-color: rgba(69,90,100,0.9);
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}
.lv2 > li:hover > a{
    color: #fff;
    text-decoration: none;
    /*display: flex;*/
}
.lv2 > li:hover > a:after{
    content: '';
    height: 3px;
    background-color: #fff;
}
.top_item{float: right;height: 105px;display: flex;justify-content: center;align-items: center;}
.middle_item{float: left;height: 105px; display: flex; justify-content: center;align-items: center;padding-left:15%}
@media(max-width: 768px)
{
    .hidden_pc{
        display: block;
    }
    .hidden_m{
        display: none;
    }
	.top_item,.middle_item{display: none}
    /*bootstrap 預設樣式*/
    .navbar{
        min-width: 100%;
        border-bottom: 0;
    }
    .navbar-nav {
        padding-left: 0;
    }
    .navbar-header{
        width: 100%;
        height: 54px;
        float: inherit;
        display: flex;
        justify-content: flex-start;
        padding: 0 10px;
        margin: 0 auto !important;
    }
    .navbar-toggle{
        float: left;
        border:none;
        position: absolute;
        top: 0;
        right: 0px;
        margin-right: 0;
    }
    .navbar-toggle .icon-bar+.icon-bar{
        margin-top: 6px;
    }
    .navbar-brand> img {
        flex-shrink: 0;
        display: block;
        height:35px;
        margin-top: 0;
    }
    .navbar-default .navbar-toggle .icon-bar{
        width: 30px;
        height: 2px;
        background-color: #546e7a;
    }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
        background-color: #fff;
    }
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{
        margin: 0;
    }
    .navbar-collapse{
        padding: 0;
    }
    .navbar-collapse.menu{
        background: #eee;
        border-top: 1px solid #ccc;
        border-color: #ccc;
    }
    .navbar-brand{
        height: 50px; margin-top: 0
    }
    .navbar-toggle.collapsed .icon-bar:nth-child(2) {
        margin-top: 0px;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .navbar-toggle.collapsed .icon-bar:nth-child(3) {
        display: block;
    }
    .navbar-toggle.collapsed .icon-bar:nth-child(4) {
        margin-top: 6px;
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .navbar-toggle .icon-bar:nth-child(2) {
        margin-top: 6px;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .navbar-toggle .icon-bar:nth-child(3) {
        display: none;
    }
    .navbar-toggle .icon-bar:nth-child(4) {
        margin-top: -2px;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .navbar-nav{
        margin: 0;
    }
    .navbar-brand{
        padding: 0;
    }
    /*選單*/
    .main_menu{
        width: 100%;
    }
    
    /*搜尋列遮罩*/
    .cover{
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        /*height:100%;*/
        z-index: 888;
        background-color: rgba(0,0,0,0.8)
    }
    .lang.pc{
        display: none;
    }
    
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 29px;text-align: left;
    }
    .lv1 > li.hidden_pc{
        display: block;
    }
    .navbar-default .navbar-nav > li > a,
    .lv1 > li > a,
    .lv2 > li > a{
        font-weight: inherit;
        font-size: 16px;
        color: #546e7a;
        padding: 10px 20px;
        cursor: pointer;
    }
    .lv1 > li.has_child.active > a{
        /*color: #fff;*/
        /*font-weight: inhe。rit;*/
    }
    .navbar-default .navbar-nav > li > a:hover, .lv1 > li > a:hover, .lv1 > li.active > a{
        font-weight: inherit;
    }
    .lv1 > li.has_child.active{
        /*background-color: #00a0e9*/
    }
    .lv1 > li.hidden_pc{
        background: #546e7a;
        color: #fff;
    }
    .lv1 > li.hidden_pc a{
        color: #fff;
    }
    .navbar-nav > li > p{
        font-weight: inherit;
        font-size: 16px;
        color: #fff;
        padding: 10px 10px;
        cursor: pointer;
    }
    .lv1 > li.hidden_pc.lang_m a{
        color: #546e7a;
    }
    
    .lv1 > li.hidden_pc i,
    .lv1 > li.lang_m > a:before{
        margin-right: 10px;
    }
    .lv1 > li{
        border-bottom: 1px solid #ccc;
    }
    .lv1 > li.has_child.active:after,
    .lv2 > li.has_child.active:after{
        content: '-';
        font-size: 40px;
        top: 1px;
        right: 16px;
        color: #78909c;
    }
   .lv1 > li.lang_m.active:after{
        content: '-';
        font-size: 40px;
        top: 1px;
        right: 10px;
    }
    .lv1 > li.has_child:after,
    .lv2 > li.has_child:after,
    .lv1 > li.lang_m:after{
        content: '+';
        display: block;
        font-size: 28px;
        line-height: 30px;
        position: absolute;
        top: 3px;
        right: 14px;
        color: #78909c;
    }
    .lv1 > li.lang_m > a,
    .lv1 > li.lang_m > a:focus,
    .lv1 > li.lang_m > a:active{
        color: #fff !important;
    }
    .lv1 > li.lang_m > a{
        padding: 10px 10px;
    }
    .lv1 > li.lang_m > a:before{
        content: "\f0ac";
        color: #fff;
        display: inline-block;
        width: 13px;
        height: 18px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
    }
    .lv1 > li.lang_m:after{
        content: '+';
        color: #fff;
    }
    .lv1 > li.lang_m li.active{
        background-color: #455a64;
    }
    .lv1 > li.lang_m li.active a{
        color: #fff;
    }
    .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
        background-color: inherit;
    }
    .lv2{
        width: 100%;
        height: auto;
        display: none;
        position: relative;
        top: 0;
        left: 0;
        background-color: #d2d2d2;
        padding: 0;
    }
    .lv2 > li{
        position: relative;
        border-top: 1px solid #bfbfbf;
        padding: 0;
    }
    .lv2 > li > a{
        display: block;
        padding: 6px 20px;
        color: #263238;
    }
    .lv2 > li:hover {
        background-color: #455a64;
        transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
    }
    .lv1 > li.hidden_pc.lang_m .lv2 > li:hover a{
        color: #f1de25;
    }
   /* .lv2 > li:last-child{
        border-bottom: none;
    }*/

    .lv1 > li.member:after {
        content: '+';
        color: #fff;
    }
    .lv1 > li.member.active:after {
        content: '-';
        color: #fff;
    }
    .lang_m .lv2{
        width: 100%;
        background-color: #eee;
    }
    .member .lv2{
        width: 100%;
        background-color: #eee;
    }
    .lv1 > li.hidden_pc.member a {
        color: #fff;
    }
    .lv1 > li.hidden_pc.member ul a {
        color: #546e7a;
    }
    .lv2:before{
        display: none;
    }
    .lv2 > li.active{
        border-bottom: none;
    }
.navbar-default .navbar-nav .on{background: #ccc;}

}
/*--------- Footer ---------*/
/*to_the_top*/
.to_top{
    width: 45px;
    height: 45px;
    background-image: url(../images/chilisn_to_top.png);
    background-repeat: no-repeat;
    cursor: pointer;
    position: fixed;
    right: 20px;
    bottom: 12px;
    z-index: 1000;
    display: none;
    opacity: 0.6;
}
.to_top:hover{
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    opacity: 1;
}
.footer_menu{ background:#0a9b47; min-width: 1260px; font-size:14px;color:rgba(255,255,255,0.8);}
.footer_menu strong{ color: #fff;}
.footer_menu .container{padding:35px 0 25px}
.footer_menu .footer_menu_left{float:left; width:80%;}
.footer_menu .footer_menu_left ul{width:auto;margin-right: 70px; float:left;}
.footer_menu .footer_menu_left ul:last-child{margin-right:0;}
.footer_menu .footer_menu_left .fgswidth{margin-right:0;width:390px}
.footer_menu .footer_menu_left .fgswidth dd{width:50%;float:left;line-height: 30px}
.footer_menu .footer_menu_right{float:right;width:20%;}
.footer_menu .downphone{ text-align: right;font-size:14px; line-height: 30px}
.footer_menu .downphone img{width:auto; display: inline;}
.footer_menu .downphone dt{ font-size:12px; font-weight: normal;}
.footer_menu .downphone p{padding-top:5px;}
.footer_menu .downphone span{ display: block; font-size:20px; font-weight: normal}
.footer_menu ul li{line-height: 30px}
.footer_menu a{font-size: 14px;color:rgba(255,255,255,0.7);}
.footer_menu a:hover{color:rgba(255,255,255,1);}
.footer{ min-width: 1260px; border-top: 1px solid #2cab62;border-radius: 0;}
.footer > div{ height: 70px;}
.footer > div,
.footer > div > div{
    width: 1260px;
    font-size: 14px;
    display: flex;
    margin: 0 auto;
    align-items: center;
}
.footer > div > div.copyright{
    justify-content: flex-end;
}

.footer > div > div > div{
    margin-left: 8px;
}
.footer > div > div > div img{
    margin:0 4px;
}
@media(max-width: 768px){
    .to_top{
        right: 10px;
        bottom: 10px;
    }
    .footer{
        min-width: 100%;
        border-top: none;
    }
    .footer > div,
    .footer > div > div{
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .footer > div{
        height: auto;
        padding: 0 10px;
    }
    .footer > div > div:first-child{
        /*order: 2;*/
        padding: 25px 0 0px;
        /*margin-bottom: 17px;*/
    }
    .footer > div > div:last-child{
        font-size: 15px;
        text-align: center;
        padding: 5px 0 15px;
        justify-content: center;
    }
    .footer > div > div > div{
        width: 100%;
        text-align: center;
        margin-left: 0;
        font-size: 14px;
        margin: 10px auto 0px auto;
    }
    .footer > div > div > img{
        width: 110px;
        margin-bottom: 13px;
    }
}
/*主内容*/
.container{width:1260px;padding:50px 0 60px;}
/*业务*/
.sertitle{font-size:30px; line-height: 40px; color: #000; text-align: center; padding-bottom: 30px}
.sertitle:before,.sertitle:after{display:inline-block;height:1px;background:#999;content:'';width:60px; margin: 7px 20px}
.protitle{font-size:24px; line-height: 45px; color: #000; text-align: center; padding-bottom: 30px;color:#0a9b47}
.protitle:after{display:block;height:1px;background:#ff9900;content:'';width:50px; margin:0px auto; margin-top: -45px}
.protitle span{display: block; color: #999; font-weight:100; font-size:30px}
.moreprotitle{font-size:24px; line-height: 30px; color: #000; text-align: center; padding-bottom: 25px;}
.moreprotitle:after{display:block;height:1px;background:#ff9900;content:'';width:60px; margin:0px auto; margin-top: 8px}
.main-service{margin:0;padding-top:40px}
.contitle{position:relative;height:40px;line-height:40px;text-align: center; margin-bottom:30px}
.contitle i{display:block;height:1px;background:#ddd;position:absolute;top:50%;width:100%;}
.contitle p{display:inline-block;font-size:24px;color:#0a9b47;background:rgba(255,255,255,1);padding:0 15px;text-align: center;margin:0 auto;position:relative;z-index:2;}
.main-service .service-item{background: #ffffff;float:left;width:16%; margin-right:0.6%}
.main-service .service-item img{width:100%}
.main-service .service-item:last-child{margin-right:0}
.main-service .service-item .inner{position:relative}
.main-service .service-item .inner .line{position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#d90000;-webkit-transition:width ease-in-out 0.5s;-o-transition:width ease-in-out 0.5s;-moz-transition:width ease-in-out 0.5s;transition:width ease-in-out 0.5s}
.main-service .service-item .inner:hover h2 a{color:#d80000}
.main-service .service-item .inner:hover .sub{border-bottom-color:#d80000\9}
.main-service .service-item .inner:hover .line{width:100%}
.main-service h2 a{display:block;padding:20px 0 10px 12px;font-size:16px;line-height:24px;font-weight:bold;color:#008c2e;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.main-service .sub{min-height:80px; padding-left: 12px;}
.main-service .sub a{display:block;padding-left:12px;font-size:12px;line-height:25px;color:#666;background:url("../images/ibusline.png") no-repeat left center}
.main-service .sub a:hover{color:#d80000;background-image:url("../images/ibuslineac.png")}
.main-service .more{padding-left:12px; padding-bottom: 30px}
.main-service .more a{border:1px solid #008c2e; font-size:12px;padding:5px 10px}
.main-service .more a:hover{border:1px solid #ff6600;}
.graybox{width:100%;background: #f2f2f2}
.ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
.idx_pro {border-bottom:1px solid #e2e2e2;}
.morepro{height:25px;border-top:2px solid #e2e2e2;}
.idx_pro .container { position: relative;}
.idx_pro .pro_swiper { overflow: hidden;}
.idx_pro .pro_swiper .swiper-slide { border: 1px solid #e8e8e8;text-align: center;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;position: relative;z-index: 1;padding:10px}
.idx_pro .pro_swiper .swiper-slide:hover { border-color: #339967;box-shadow: 0 0 20px rgba(0,0,0,.2);}
.idx_pro .pro_swiper .swiper-slide img { max-width: 100%;display: inline-block;-webkit-transition: all .25s ease-in;
   -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
     -o-transition: all .25s ease-in;
        transition: all .25s ease-in;}
.idx_pro .pro_swiper .swiper-slide h2 { padding-top:20px; text-align: center;position: relative;padding-bottom: 20px;font-size: 16px;margin-top: 20px; line-height: 26px;color:#07853d;}
.idx_pro .pro_swiper .swiper-slide h2 a{color:#07853d;}
.idx_pro .pro_swiper .swiper-slide h2:before { content: '';width: 30px;height: 1px;background: #999;position: absolute;top: 0;left: 50%;margin-left: -15px;}
.idx_pro .pro_swiper .swiper-slide span {display: block; overflow: hidden;border: 1px solid transparent;}
.idx_pro .pro_swiper .swiper-slide:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
.idx_pro .swiper-button-prev{ top: 50%;width: 22px;height: 74px;background: url(../images/l1.png) no-repeat;background-size: contain;left: -32px;}
.idx_pro .swiper-button-next{top: 50%;width: 22px;height: 74px;background: url(../images/r1.png) no-repeat;background-size: contain;right: -32px;}
.idx_pro .xunjia a { background: #e5e5e5;-webkit-transition: all .3s;  -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;display: block;padding:8px 0}
.idx_pro .xunjia a:hover{background: #07853d; color: #fff}
.idx_pro .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/l2.png) no-repeat;background-size: contain;}
.idx_pro .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/r2.png) no-repeat;background-size: contain;}

.productsort{padding:0;margin: 0;height: 250px; margin-top:40px;}
.productsort li{float:left;width:620px; margin-right:20px}
.productsort li:last-child{margin-right:0}
.productsort li a{display:block}
.productsort li img{display:block;width:100%}
.productsort li:hover .shadow{opacity:1}
.productsort li:hover .shadow img{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.productsort li:hover .content{background-color:#f8f8f8}
.productsort li:hover .title{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px);color:#d90000}
.productsort li:hover .desc{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px);}
.productsort li:hover .jian{-webkit-transform:translateX(10px);-moz-transform:translateX(10px);-ms-transform:translateX(10px);-o-transform:translateX(10px);transform:translateX(10px)}
.productsort .thumb{float:left;width:300px;}
.productsort .thumb a{position:relative}
.productsort .thumb .shadow{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;background:url("../images/caseshadow.png") repeat 0 0;opacity:0;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.productsort .thumb .shadow img{position:absolute;left:50%;top:45%;margin:-25px 0 0 -25px;width:50px;-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px);-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.productsort .content{float:right;width:318px;height: 250px;padding:20px 0 20px 25px;border:1px solid #dcdcdc; border-left:0;}
.productsort .content .title{margin-bottom:10px;font-size:18px;line-height:30px;color:#008c2e;font-weight:bold;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.productsort .content .title a{color:#d90000}
.productsort .content .desc{font-size:14px;line-height:27px;height:140px;color:#999999;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.productsort .content .jian{background:url("../images/casearr.png") no-repeat left center;width:22px; height: 15px; -webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s; margin-top: 10px}
.productsort .content a{color:#666}

.homenews{}
.homenews_l{float:left; width: 48%;}
.homenews_r{float:right; width: 48%;}
.homenews_tit{ height:50px}
.homenews_titl{float:left; font-size:18px; font-weight: bold; line-height: 40px; padding-left:40px}
.homenews_tit .n1{background:url(../images/newst.png) no-repeat left 50%;}
.homenews_tit .n2{background:url(../images/newsta.png) no-repeat left 50%;}
.homenews_titr{float:right; padding-top: 10px}
.homenews_img{ padding: 0px 0 15px}
.homenews_img img{width:100%}
.homenews_list{padding:0}
.homenews_list li{border-bottom:1px solid #e2e2e2; padding: 18px 0}
.homenews_list li:last-child{border-bottom:0; padding-bottom: 0}
.homenews .nleft{border-right:1px solid #e2e2e2;float:left; width: 12%; font-size:12px; text-align: center}
.homenews .nleft span{ display: block; font-size:28px; font-weight:100 }
.homenews .nright{float:right; width: 85%; font-size:12px;}
.homenews .nright h2,.homenews .nright h2 a{ font-size:16px; padding-bottom: 8px; color: #008c2e}
.homenews .nright p{padding:0; margin: 0;color:#888888}

/*其他*/
.kv{border-top:1px solid #1d450c;}
.kv img{width:100%}
.newsbanner{background:url(../images/news.jpg) no-repeat center center;height:320px;border-top:1px solid #1d450c;}
.lxbanner{background:url(../images/lxbanner.jpg) no-repeat center center;height:320px;border-top:1px solid #1d450c;}
.probanner{background:url(../images/product.jpg) no-repeat center center;height:320px;border-top:1px solid #1d450c;}
.jsbanner{background:url(../images/jishu.jpg) no-repeat center center;height:320px;border-top:1px solid #1d450c;}
.fabanner{background:url(../images/fangan.jpg) no-repeat center center;height:320px;border-top:1px solid #1d450c;}
.aboutbanner{background:url(../images/about.jpg) no-repeat center center;height:320px;border-top:1px solid #1d450c;}
.hbbanner{background:url(../images/hb.jpg) no-repeat center center;height:320px;border-top:1px solid #1d450c;}
.hotImg{-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;transition: all 0.5s;}
.hotImg:hover {transform: scale(1.05);}
.wrapper .container{padding:0}
.n_left{float:left; width:234px}
.lefttitle{font-size:18px; background:url(../images/jlbg.png) no-repeat center center #e93746; color:#FFFFFF; padding:25px 20px; margin-top:-40px}
.lefttitle span{ font-size:18px; text-transform: uppercase; display:block; padding-bottom: 5px}
.location{ border-bottom:1px solid #e2e2e2; text-align:right; line-height:61px}
.location .bread-s0 {display: inline-block;padding-left: 20px;background: url(../images/map1.png) no-repeat left center;}
.location .bread-a {flex: 0 0 auto}
.n_right{float:right; width:77%}
.leftmenu{border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; margin-bottom: 10px}
.leftmenu li{ line-height: 35px;}
.leftmenu h2{line-height: 50px;font-size:16px; background: url(../images/jia.png) no-repeat right 50%; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;color:#008c2e;}
.leftmenu h2 a{color:#008c2e;}
.leftmenu a{padding-left: 20px; display: block}
.leftmenu a:hover,.leftmenu .active,.leftmenu .active a{ color: #ce0000;}
.leftmenu div{padding:10px 0;background: #f5f5f5}
.aboutcontent{ line-height: 180%; padding: 20px 0 0}
.aboutcontent img{ display:inline}
.aboutcontent .pro_detail td{text-align: left;padding: 6px;}
.aln{float:left; padding-right: 30px; padding-top: 0px; padding-bottom: 10px}
.leftimg{padding-top: 5px}
.product_pic{padding:10px 0; margin: -10px}
.product_pic li{float:left; width: 33.333%;}
.product_pic .pbox{margin: 9px;
border: 1px solid #e2e2e2;text-align: center;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;padding:20px 20px 15px}
.product_pic .pbox:hover { border-color: #339967;box-shadow: 0 0 20px rgba(0,0,0,.2);}
.product_pic .pbox img { max-width: 100%;display: inline-block;-webkit-transition: all .25s ease-in;
   -moz-transition: all .25s ease-in;
    -ms-transition: all .25s ease-in;
     -o-transition: all .25s ease-in;
        transition: all .25s ease-in;}
.product_pic .pbox h2 { padding-top:20px; text-align: center;position: relative;padding-bottom: 20px;font-size: 16px;margin-top: 20px; line-height: 26px;color:#07853d;}
.product_pic .pbox h2 a{color:#07853d;}
.product_pic .pbox h2:before { content: '';width: 30px;height: 1px;background: #999;position: absolute;top: 0;left: 50%;margin-left: -15px;}
.product_pic .pbox span {display: block; overflow: hidden;border: 1px solid transparent;}
.product_pic .pbox:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.product_pic .pbox .xunjia a { background: #e5e5e5;-webkit-transition: all .3s;  -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;display: block;padding:8px 0}
.product_pic .pbox .xunjia a:hover{background: #07853d; color: #fff}
.viewbox{padding:15px 0 10px}
.viewbox h2{ color:#008c2e; font-size:22px;}
.viewcontent{padding:15px 0 20px; line-height: 200%; min-height:300px}
.viewcontent img{ display:block; margin:0px auto; text-align:center; padding:15px 0}
.context{ border-top:1px dashed #ccc; padding-top: 5px}
.context li{ line-height: 30px}
.case_list{padding:10px 0 0}
.case_list li{float:left;width:32%;margin-right:2%; margin-top:2%}
.case_list li:nth-child(3n){margin-right:0}
.case_list dt{font-size:14px; font-weight: normal;padding:10px 0 0}
.prolist { position:relative}
.prolist img {width:100%}
.prolist .procons { position:absolute; z-index:3;width:100%; height:100%; background:rgba(0,0,0,0.6);color:#fff;opacity:0;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.prolist .procons:Hover {opacity:1}
.prolist .procons .down { background:url(../images/caseadd.png) no-repeat center; background-size: 100%; width:50px; height:50px; position:absolute; z-index:4;top:38%;left:42%}
.pcover { background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; z-index:1;width:100%; height:100%}

.newslist{padding:0}
.newslist li{border-bottom:1px dashed #ccc; padding: 18px 0}
.newslist .nleft{border-left:1px solid #e2e2e2;float:right; width: 12%; line-height:50px; font-size:14px; text-align: center}
.newslist .nleft span{ display: block; font-size:28px; font-weight:100 }
.newslist .nright{float:left; width: 85%; font-size:14px;}
.newslist .nright h2,.newslist .nright h2 a{ font-size:16px; padding-bottom: 8px; color: #008c2e}
.newslist .nright p{padding:0; margin: 0;color:#888888}
.productsm{background: #fff; margin-top: 20px; line-height: 180%}
.productsm strong{ color: #ec2828}
.productsm_l{float:left; width: 50%;padding:2%;}
.productsm_r{float:right; width: 48%;padding:3% 2% 2% 0;}
.productsm_r h2{color:#0a9b47; font-size:22px; padding-bottom: 20px}
.productsm_r .xunjia{padding-top:10px}
.productsm_r .xunjia a { background: #0ba29a;-webkit-transition: all .3s;  -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;display: block;width:150px; color: #fff;padding:10px 0; text-align: center;}
.productsm_r .xunjia a:hover{background: #07853d; color: #fff}
.csimage{padding:10px 0}
.csimage_l{float:left; width: 24%; margin: 0.5%}
.smbox{padding:25px 35px}
.pro_date_obj{display: inline-block;height: 37px;line-height: 37px;font-size: 16px;color: #fff;padding-right: 20px;background: #0ba29a; font-weight: bold;}
.pro_date_obj i{display: inline-block;float: left;width: 20px;height: 45px;background:url(../images/pro_eachbg.png) no-repeat left center;}
.pingjia{ border-bottom: 1px dashed #ccc;padding:10px 5px}
.pingjia_t{ font-size:14px; font-weight: bold;}
.pingjia_f{ font-size:14px;}
.contact{padding:10px 0 40px; line-height:240%}
.ewmimg{float:right;text-align:center}
.ewmimg img{border:1px solid #e2e2e2; padding:0; margin:0;}
.contact_l{float:left; width: 52%;line-height: 240%}
.contact_r{float:right; width: 42%;line-height: 240%}
.contact_l h3,.contact_r h3{ font-size:18px; font-weight: bold; padding-bottom: 5px; padding-top: 10px}
.contact_a{float:left; width:32%; margin-right:2%;}
.contact_b{float:left; width:32%;}
.contact_abox{border:1px solid #e2e2e2; padding:25px}
.contact .first{ font-size:18px; padding-bottom:25px; font-weight:bold;}
.contact .second{ font-size:12px; color:#888; line-height:180%}
.contact .three{ padding-top:25px; height:100px}
.buy{color:#888; text-align:center; padding-bottom:20px}
.buy h3{ font-size:24px; font-weight:normal; display:block; padding:10px 0; color:#333}
/*表单*/
.contact-feedback{padding:0 0 40px}
.contact-feedback .text{}
.contact-feedback .text label{display:block;width:90%;padding:5px 0 5px 10px;margin-bottom:10px;border:1px solid #d6d6d6}
.contact-feedback .text label input{display:block;width:100%;font-size:14px;line-height:32px;height:32px}
.contact-feedback .text .imgval{position:relative}
.contact-feedback .text .imgval img{position:absolute;right:12px;top:12px;height:20px}
.contact-feedback .msg{}
.contact-feedback .msg textarea{width:90%;border:1px solid #d6d6d6;height:100px;padding:5px 0 0 10px;}
/*分页*/
.propage{ height:70px;padding-top:20px}
.newspage{ height:70px;padding-top:20px;}
.black2 {text-align: center;font-size: 14px;line-height:22px;}
.black2 a {border:#b1b8bc 1px solid;padding:4px 8px;margin:2px;color: #444444;text-decoration: none;background-color:#ffffff; border-radius:3px}
.black2 a:hover {border:#83898c 1px solid;color: #ff0000;}
.black2 a:active {border:#83898c 1px solid;color: #ff0000;}
.black2 span.current {border: #49575d 1px solid; padding:4px 8px;font-weight: bold; margin:2px; color: #ffffff; background-color: #5a6b75; border-radius:3px}
.black2 span.disabled {border: #49575d 1px solid;padding:4px 8px;margin: 3px;color: #333;}
/*地图样式*/
.h40{height:40px}
#map label,#map img{max-width:none}
#map div{box-sizing:initial}
/*浮动客服*/
#floatDivBoxs{width:130px;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:40px;line-height:40px; background:#f08326;color:#fff;font-size:14px; font-weight: bold; text-indent:12px;position:relative;}
#floatDivBoxs .floatDqq{padding:5px 12px 6px;}
#floatDivBoxs .floatDqq li{height:40px;line-height:40px;font-size:14px;border-bottom:1px solid #ddd; padding:0;}
#floatDivBoxs .floatDqq img{display:inline}
#floatDivBoxs .floatDtxt{font-size:14px;color:#444;padding:5px 12px 0px;}
#floatDivBoxs .floatDtel{padding:0 0 10px 10px;font-size:14px; color: #000}
#floatDivBoxs .floatDbg{width:100%;height:5px;background:#ccc;}
#floatDivBoxs .ewm{border-top:1px solid #ddd; text-align: center; padding: 10px 12px; line-height:120%; font-size:12px}
#floatDivBoxs .ewm img{padding-bottom:3px; display:inline}
.floatShadow{ background:#f3f3f3; padding-top: 12px;}
#rightArrow{width:30px;height:40px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:130px;z-index:999;}
#rightArrow a{display:block;height:40px;}

@media(min-width:1921px){
	.newsbanner,.lxbanner,.ysbanner,.fgsbanner,.aboutbanner,.servicebanner{background-size: 100%;}
}

@media (max-width:1024px) {
.toper{ display: none}
.wrapper{width:auto;}
.container{width:auto; padding: 0 2%}
	.wrapper .container{width:auto; padding: 0 2%}
.footer_menu .footer_menu_left,.footer_menu .footer_menu_right{display:none}
.footer_menu .container{padding:0}
.footer_menu{ min-width:auto;}
.lefttitle,.leftimg{ display: none}
.newsbanner,.lxbanner,.ysbanner,.fgsbanner,.aboutbanner,.servicebanner{background-size: 100%; height:100px}
#floatDivBoxs{ display:none}
#rightArrow{display:none}
.homenews_l{float:none; width: 100%; padding-top: 10px}
.homenews_r{float:none; width: 100%; padding-top: 20px; padding-bottom: 20px}
.homenews_list li{ padding: 15px 0}
.homenews .nleft{display: none}
.homenews .nright{float:none; width: 100%;}
	
.main-service{margin:0;padding-top:20px; padding-bottom: 20px}
.contitle{height:30px;line-height:30px;margin-top:20px}
.contitle p{font-size:18px;}
.sertitle{font-size:20px; line-height: 40px; padding-bottom: 0px}
.sertitle:before,.sertitle:after{display:none}
.protitle{font-size:20px; font-weight: bold; line-height:25px; padding-bottom:0px;padding-top:20px}
.protitle:after{display:none}
.protitle span{display: none;}
	
.productsort{padding:0;margin: 0;height:auto; margin-top:20px;padding-bottom: 15px}
.productsort li{float:none;width:100%; margin-right:0;}
.productsort .thumb{float:none;width:100%;}
.productsort .content{float:none;width:100%;height:auto;padding:20px 0 10px 25px;border-top:0px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.productsort .content .title{font-size:16px;}
.productsort .content .desc{line-height:30px;height:auto;}	
	
.main-service .service-item{background: #ffffff;float:left;width:49.5%; margin-right:1%}
.main-service .service-item:nth-child(2n){margin-right:0}
.main-service .service-item .inner{position:relative}
.main-service .service-item .inner .line{position:absolute;left:0;bottom:0;width:0;height:2px;background-color:#d90000;-webkit-transition:width ease-in-out 0.5s;-o-transition:width ease-in-out 0.5s;-moz-transition:width ease-in-out 0.5s;transition:width ease-in-out 0.5s}
.main-service .service-item .inner:hover h2 a{color:#d80000}
.main-service .service-item .inner:hover .sub{border-bottom-color:#d80000\9}
.main-service .service-item .inner:hover .line{width:100%}
.main-service h2 a{display:block;padding:20px 0 10px 12px;font-size:16px;line-height:24px;font-weight:bold;color:#008c2e;-webkit-transition:all ease .3s;-o-transition:all ease .3s;-moz-transition:all ease .3s;transition:all ease .3s}
.main-service .sub{height:auto; min-height: 60px; padding-bottom: 10px}
.main-service .more{display:none}
	
.n_left,.n_right{float:none; width:100%}
.lefttitle{font-size:18px; background:url(../images/jlbg.png) no-repeat center center #e93746; color:#FFFFFF; padding:25px 20px; margin-top:-40px}
.lefttitle span{ font-size:18px; text-transform: uppercase; display:block; padding-bottom: 5px}
.location{ display: none}
	.leftmenu{margin-bottom: 0; margin-top: 15px;border-top:1px solid #e2e2e2;}
.newslist li{ padding: 15px 0}
.newslist .nleft{display:none}
.newslist .nright{float:none; width: 100%; font-size:14px;}
.viewbox{padding:15px 0 10px}
.viewbox h2{ color:#008c2e; font-size:18px;}
.viewcontent{line-height:160%; min-height:300px}
.viewcontent img{ padding:10px 0}
.case_list{padding:0}
.case_list li{float:left;width:49%;margin-right:2%; margin-bottom:1%}
.case_list li:nth-child(3n){margin-right:2%}
.case_list li:nth-child(2n){margin-right:0}

.product_pic{padding:5px 0; margin: -5px}
.product_pic li{float:left; width:50%;}
.product_pic .pbox{margin: 3px;padding:10px}
.product_pic .pbox:hover { box-shadow: 0 0 2px rgba(0,0,0,.2);}
.product_pic .pbox h2 { padding-top:15px; padding-bottom: 15px;font-size: 14px;margin-top: 15px;}
.product_pic .pbox h2 a{color:#07853d;}
.product_pic .pbox .xunjia a { padding:5px 0}

.productsm{margin-top: 10px; line-height: 150%}
.productsm_l{float:none; width: auto;padding:0%;}
.productsm_r{float:none; width: auto;padding:2% 3%;}
.productsm_r h2{color:#0a9b47; font-size:22px; padding-bottom: 20px}

.csimage{padding:10px 0}
.csimage_l{float:left; width: 49%; margin: 0.5%}
.smbox{padding:15px}
.pro_date_obj{font-size: 14px;}
.pingjia{ border-bottom: 1px dashed #ccc;padding:10px 5px}
.pingjia_t{ font-size:14px; font-weight: bold;}
.pingjia_f{ font-size:14px;}
.idx_pro {padding-bottom:15px}
.idx_pro .swiper-button-prev{ top: 50%;width: 11px;height: 37px;background: url(../images/l1.png) no-repeat #fff;background-size:100%;left:15px;}
.idx_pro .swiper-button-next{top: 50%;width: 11px;height: 37px;background: url(../images/r1.png) no-repeat #fff;background-size:100%;right:15px;}
.contact_l{float:none; width: 100%;line-height:180%}
.contact_r{float:none; width: 100%;line-height:180%; padding-bottom: 20px}
.contact_l h3,.contact_r h3{ font-size:16px; padding-top: 5px}
	
.contact-feedback{padding:0 0 20px}
.contact-feedback .text label{display:block;width:auto;padding:5px 0 0 10px;margin-bottom:10px;border:1px solid #e2e2e2}
.contact-feedback .text label input{display:block;width:100%;font-size:14px;line-height:32px;height:32px}
.contact-feedback .msg textarea{width:100%;height:auto; padding:5px 0 0 10px;}
.contact_a{float:none; width:100%; margin-right:0%;padding-bottom:10px;border-bottom:1px solid #e2e2e2;}
.contact_b{float:none; width:100%;}
.contact_abox{border:0px solid #e2e2e2; padding:10px 0 0}
.contact .first{ font-size:18px; padding-bottom:10px;}
.contact .three{ padding-top:15px; height:auto}
.buy{padding-bottom:10px}
.buy h3{ font-size:20px; font-weight:normal;padding:5px 0 0;}
.context{ padding-bottom:15px}
.morepro{height:15px;border-top:1px solid #e2e2e2;}
}