/* CSS Document */

/* */

* {
    font-family: Microsoft Yahei, "", "Times New Roman", '', Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    color: #333;
}
body, span, dl, dd {
    margin: 0;
}
img {
    border: 0;
    vertical-align: top;
}
h1, h2, h3, h4, h5 {
    margin: 0;
    font-weight: normal;
    padding: 0;
}
p {
    margin: 0;
}
ul, input, textarea {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
a {
    text-decoration: none !important;
    color: #333;
    cursor: pointer;
}
input {
    border: none;
    border: 0;
    outline: none;
    /*去除边框*/
}
button {
    border: none;
}
tr, td {
    padding: 0;
}
table {
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}
form {
    margin: 0;
}
select {
    margin: 0;
}
textarea {
    overflow: auto;
}
a:hover {
    color: #1B1B1B;
}
::-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}
::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}
input:-ms-input-placeholder {
    color: #fff;
    opacity: 1;
}
input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}
/*通用类*/

.container {
    max-width: 1200px;
    padding: 0 !important;
}
.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.f-left {
    float: left;
}
.f-right {
    float: right;
}
.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.clearfix {
    clear: both;
}
.mt-15 {
    margin-top: 15px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mt-30 {
    margin-top: 30px;
}
.mb-30 {
    margin-bottom: 30px;
}
.pl-0 {
    padding-left: 0px !important;
}
.pr-0 {
    padding-right: 0px !important;
}
.pd-0 {
    padding: 0px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.textinfo {
    font-family: Microsoft Yahei;
    line-height: 24px;
    font-size: 14px;
    text-indent: 2em;
    text-align: justify;
}
.more {
    border-radius: 40px;
    background: #0B8E50;
    color: #fff;
    padding: 15px;
    line-height: 20px;
    width: 130px;
    text-align: center;
}
.more:hover {
    background: #1967B2;
    font-size: 15px;
    transition: 0.3s;
}
.more a {
    color: #fff;
}
.bottom-line {
    margin: 0 auto;
    width: 60%;
    border-bottom: 1px solid #ccc;
}
.bottom-line .text-center {
    width: 160px;
    margin-left: auto;
    margin-right: auto;
}
.line-green {
    border-top: #5bb432 3px solid;
    height: 2px;
    width: 80px;
    float: left;
    margin-top: -1px;
}
.line-blue {
    border-top: #0C59A0 3px solid;
    height: 2px;
    width: 80px;
    float: left;
    margin-top: -1px;
}
.imgbox {
    overflow: hidden;
}
.imgbox img {
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: all 0.6s;
}
.imgbox img:hover {
    transform: scale(1.2);
}
@media (max-width:768px) {
    .bottom-line .text-center {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
    }
    .line-blue, .line-green {
        width: 75px;
    }
    .more {
        margin-left: auto;
        margin-right: auto;
    }
}

/***************************************************************************************************/

.infolist h2,.infolist h5{
  margin: 15px 0;
}
.infolist{
    width: 100%;

}
.info-content{
    padding: 30px 0;
    width: 100%;
    overflow: hidden;
}
.info-content-p{
    width: 100%;
    overflow: hidden;
        text-indent: 2em;
    text-align: justify;

}
.info-content-p p{
    text-indent: 2em;
    text-align: justify;

}
/***************************************************************************************************/

/**/

.header {
    /*border-bottom:1px solid  #EEF7ED;*/
    background: #4a4b4a;
    padding-left: 0px !important;
    padding-right: 0px !important;
    height: 35px;
}
.header .container h1, .header .container h5 {
    line-height: 35px;
    font-size: 14px;
    color: #fff;
}
.header .container h5 a {
    margin: 0 10px;
    color: #fff;
}
/*logo*/

.webheader {
    margin: 0 auto;
}
.webheader .logo {
    width: 25%;
    float: left;
    overflow: hidden;
    padding: 15px;
    /*height: 0;
    padding-bottom: 11%;*/
}
.webheader .logo .img {
    width: 100%;
    overflow: hidden;
}
.webheader .logo .text {
    text-align: center;
}
.webheader .logo .text h1 {
    color: #000;
    font-size: 30px;
    font-weight: 900;
}
.webheader .contact {
    width: 75%;
    float: left;
    padding: 15px 15px 0 15px;
    overflow: hidden;
    border-left: 1px solid #ccc;
}
.webheader .contact .con {
    width: 100%;
    overflow: hidden;
}
.webheader .contact .con .info {
    width: 68%;
    overflow: hidden;
    float: left;
    padding: 10px 0 15px 0;
}
.webheader .contact .con .tel {
    width: 32%;
    overflow: hidden;
    float: left;
    padding-top: 15px;
}
.webheader .contact .con .info h2 {
    line-height: 30px;
    font-size: 25px;
    overflow: hidden;
    height: 30px;
}
.webheader .contact .con .info h3 {
    line-height: 30px;
    font-size: 20px;
    color: #ed6e25;
    overflow: hidden;
    height: 30px;
}
.webheader .contact .con .info span {
    font-size: 25px;
    line-height: 30px;
    padding: 0 8px 0 5px;
    font-weight: 900;
}
.webheader .contact .con .info strong {
    font-size: 30px;
    color: #5bb432;
    font-weight: 900;
}
.webheader .contact .con .tel .ico{
    overflow: hidden;
    width: auto;
    float: left;
    width: 18%;
    /*min-width: 40px;*/
}
.webheader .contact .con .tel .text{
    overflow: hidden;
    width: 82%;
    float: left;
    padding: 2px 0;
    /*width: 100%;*/
    text-align: left;
}
.webheader .contact .con .tel .glyphicon {
    line-height: 40px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    float: left;
    text-align: center;
    font-size: 25px;
    border-radius: 100%;
    border: 3px solid #5bb432;
    color: #5bb432;
    margin: 0;
}
.webheader .contact .con .tel .text h5,
.webheader .contact .con .tel .text h6{
    line-height: 20px;
    font-weight: 700;
    font-size: 14px;
    margin:0;
}
@media (max-width: 768px) {
    .webheader .logo {
        width: 100%;
    }
    .webheader .contact {
        width: 0%;
    }
    .webheader .logo .img{
        width: 50%;
        float: left;
        height: 0;
        padding-bottom: 14%;
    }
    .webheader .logo .text{
        width: 50%;
        height: 0;
        float: left;
        overflow: hidden;
            padding-bottom: 14%;
            position: relative;
    }
    .webheader .logo .text h1{
        color: #4a4b4a;
        text-align: right;
        position: absolute;
        top:50%;
        left:50%;
        width:100%;
        transform:translate(-50%,-50%);
    }
}
@media (max-width: 1000px){
    .webheader .contact .con .info{
        width: 100%;
    }
}

/*导航栏*/

.webheader .contact .connav {
    width: 100%;
    /*float: left;*/
    overflow: hidden;
    /*  height: 0;
  padding-bottom: 15%;
*/
}


.webheader .contact .connav {
    /*border-bottom: 1px solid #ccc;*/
}
.webheader .contact .connav ul li {
    float: left;
    width: 14.284%;
    overflow: hidden;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    position: relative;
    /*background: #ccc;*/
}
.webheader .contact .connav ul li:after {
    content: '';
    height: 12px;
    border-right: 0.06em solid #5bb432;
    position: absolute;
    top: 16px;
    right: 0px;
}
.webheader .contact .connav ul li:hover, .webheader .contact .connav ul li.active {
    background: #5bb432;
}
.webheader .contact .connav ul li:hover a, .webheader .contact .connav ul li.active a {
    color: #fff;
}
/*
.webheader-logo{
  width: 70%;
  float: left;
}
.webheader-logo img{
  float: left;
}
.webheader-index{
  float: left;
  margin-left: 20px;
  border-left: 1px solid #ccc;
  padding-left: 20px;
}
.webheader-index h1{
  line-height: 45px;
  font-size: 24px;
  font-weight:700;
  color: #0A9046;
}
.webheader-index h2{
  line-height: 30px;
  font-size: 18px;
  font-weight:600;
  color: #246FB5;
  letter-spacing:2px;
}
.webheader-contact{
  float: right;
}
.webheader-contact .glyphicon{
  float: left;
  font-size: 30px;
  color: #0A9046;
  line-height: 40px;
  width: 45px;
  border: 2px solid #0A9046;
  border-radius: 45px;
  margin-top:15px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5px;
}

.webheader-contact .webheader-contact-h{
  float: left;
  margin-left:20px;
  margin-top: 10px;
}
.webheader-contact .webheader-contact-h h3{
  line-height: 20px;
  font-size: 14px;
}
.webheader-contact .webheader-contact-h h4{
  line-height: 40px;
  font-size: 25px;
  color: #0A9046;
  font-weight:600;
}
*/

@media (max-width:768px) {
    .header .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .webheader-logo {
        width: 60%;
        overflow: hidden;
        float: left;
    }
    .menu {
        width: 40%;
    }
    .menu span {
        float: right;
        font-size: 28px;
        line-height: 60px;
        margin-right: 15px;
        color: #5bb432;
    }
}
/*mobile nav */

.navigation {
    line-height: 48px;
    position: absolute;
    z-index: 999;
    left: 0;
    display: none;
    width: 100%;
    background: #fff;
}
.navigation .container {
    padding: 0;
}
.navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.navigation ul.level-1>li::after, .navigation ul.level-2>li::after, .navigation ul.level-2>li::before {
    position: absolute;
    top: 19px;
    right: 15px;
    width: 12px;
    height: 12px;
    content: '';
    background: url(images/menu.png) no-repeat;
    background-size: cover;
}
.navigation ul.level-1 {
    border-bottom: solid 3px #5bb432;
    border-top: solid 3px #5bb432;
    background: #fff;
}
.navigation ul.level-1 a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    color: inherit;
    text-align: left;
    text-indent: 20px;
    background: none;
}
.navigation ul.level-1 li {
    width: 100%;
    position: relative;
    border-bottom: solid 1px #e4e4e4;
    display: block;
    padding: 0;
    line-height: 50px;
}
.navigation ul.level-1>li::after {
    background-position: -36px 0;
}
.navigation ul.level-1>li.active::after, .navigation ul.level-1>li:hover::after {
    background-position: -96px 0;
}
.navigation ul.level-1>li.more::after {
    background-position: -12px 0;
}
.navigation ul.level-1>li.more:hover::after {
    background-position: -72px 0;
}
.navigation ul.level-1>li.more.active::after {
    background-position: -84px 0;
}
.navigation ul.level-1>li.active>a, .navigation ul.level-1>li:hover>a {
    background-color: #5bb432;
    color: #fff;
}
.navigation ul.level-1 ul.level-2 {
    display: none;
    position: relative;
    width: 100%;
    background: #fff;
}
.navigation ul.level-2 li {
    background: none;
}
.navigation ul.level-2 li:hover {
    background: none;
}
.navigation .level-1 li .level-2 li a {
    background: none;
    padding-left: 2em;
}
.navigation ul.level-2 li a:hover {
    color: #5bb432;
    background: #eeeeee;
}
.navigation ul.level-2 li:first-child {
    border-top: solid 1px #e4e4e4;
}
.navigation ul.level-2 li:last-child {
    border-bottom: none;
}
.navigation ul.level-2>li::before {
    right: auto;
    left: 1.5em;
    background-position: 0 0;
}
.navigation ul.level-2>li::after {
    background-position: -48px 0;
}
.navigation ul.level-2>li.active::after {
    background-position: -108px 0;
}
.navigation ul.level-3 {
    line-height: 40px;
    display: none;
}
.navigation ul.level-3 a {
    font-size: .8em;
    padding-left: 4em;
}
.navigation .nav-active {
    background-color: #5bb432;
}
/*mobile nav end*/

/*首页产品*/

.index .product .tit {
    text-align: center;
    height: 0;
    padding-bottom: 16%;
    /*padding: 60px;*/
    background-image: url(images/p1.png);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
    min-height: 60px;
}
.index .product .tit h2 {
    font-size: 30px;
    padding-top: 6%;
}
.index .product .list {
    padding: 40px 0 50px 0;
    /*background: url('images/product_bg.jpg');*/
    background-image: url(images/product_bg.png);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.index .product .list ul{
    width: 100%;
    overflow: hidden;
    padding: 0 15px;
    /*position: relative;*/
}
.index .product .list ul li {
    width: 20%;
    float: left;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 400px;
    box-sizing:border-box;
    transition: all 0.4s;
}
.index .product .list ul li img {
    width: 100%;
    height: 400px;
}
.index .product .list ul li .img{
    position: absolute;
    width: 100%;
    z-index: 99;
    overflow: hidden;
    top:0;
    left: 0;
    cursor: pointer;
    /* transition: all 0.4s; */
}
.index .product .list .info {
    width: 100%;
    opacity:0;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    background: rgba(73, 166, 30, 0.8);
    color: #fff;
    padding: 30px;
    line-height: 25px;
    cursor: pointer;
    transition: all 0.4s;
    height: 400px;
    box-sizing:border-box;
}
.index .product .list .info h3 {
    text-align: center;
}
.index .product .list .info h5 {
    text-indent: 2em;
    text-align: justify;
    line-height: 30px;
    padding-top: 30px;
}
.index .product .list ul li.active,
.index .product .list ul li:hover {
    width: 40%;
}
.index .product .list ul li.active .img,
.index .product .list ul li:hover .img,
.index .product .list ul li.active .info,
.index .product .list ul li:hover .info{
    /* width: 100%; */
    opacity:1;
}
.index .product .list ul li.active .info,
.index .product .list ul li:hover .info {
    display: block;
}

/*@media (max-width: 980px) {
    .index .product .list ul li{
        width: 33.3333%;
    }
    .index .product .list ul li.active,
    .index .product .list ul li:hover {
        width: 66.666666%;
    }
}*/
@media (max-width: 768px) {
    .index .product .list ul li{
        width: 100%;
    }
    .index .product .list ul li.active,
    .index .product .list ul li:hover {
        width: 100%;
    }
    .index .product .list{
        background: #fff;
    }
    .index .product .list ul li .img,
    .index .product .list .info {
        width: 100%;
    }
}
/*case*/

.index .case .tit {
    text-align: center;
    height: 0;
    padding-bottom: 14%;
    /*padding: 60px;*/
    background-image: url(images/c1.png);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
    min-height: 60px;
}
.index .case .tit h2 {
    font-size: 30px;
    padding-top: 5.5%;
}
.index .case .list {
    padding: 30px 0 40px 0;
    /*height: 470px;*/
    background: #fff;
    overflow: hidden;
}
.index .case .list ul{
    padding: 0 15px;
    overflow: hidden;   
}
.index .case .list ul li {
    width: 31.333%;
    margin: 0 1%;
    float: left;
    overflow: hidden;
    position: relative;
    height: 0;
    padding-bottom: 50.700647249190936%;
    cursor: pointer;
    transition: all 0.6s;
    margin-bottom: 15px;
}
.index .case .list ul li img {
    width: 100%;
    height: auto;
}
.index .case .list ul li .imgbox {
    width: 100%;
    height: 0;
    padding-bottom:75%;
    overflow: hidden;
    background: #ccc;
    /*height: 200px;*/
}
.index .case .list .info {
    position: absolute;
    bottom: 0%;
    left: 0;
    color: #fff;
    /*padding: 30px;*/
    width: 100%;
    line-height: 25px;
    cursor: pointer;
    transition: all 0.7s;
    height: 0;
    padding-bottom: 86.8%;
    /*height: 200px;*/
    background: #fff;
    color: #000;
}
.index .case .list .info h3 {
    padding-top: 50px;
    line-height: 40px;
    text-align: center;
}
.index .case .list .info h5 {
    text-indent: 2em;
    text-align: justify;
    line-height: 20px;
    padding-top: 20px;
    padding: 15px;
    line-height: 30px;
}
.index .case .list ul li.active .info,
.index .case .list ul li:hover .info {
    /*height: 300px;*/
    padding-bottom: 125%;
    background: rgba(73, 166, 30, 1);
    color: #fff;
}

/*@media (max-width: 980px) {
    .index .case .list ul li{
        width: 50%;
    }
}*/
@media (max-width: 768px) {
    .index .case .list ul li{
        width: 100%;
        padding-bottom: 161.81229773462783%;
    }
    .index .case .list ul li.active .info,
    .index .case .list ul li:hover .info {
        /*height: 300px;*/
        padding-bottom: 86.8%;
        background: rgba(73, 166, 30, 1);
        color: #fff;
    }

}

/**关于我们*/
.index .advantage {
    height: 0;
    padding-bottom: 52%;
    /*padding: 60px;*/
    background-image: url('images/y11.jpg');
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.index .advantage .infobox {
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    height: 0;
    padding-bottom: 52%;
}
.index .advantage .info {
    /*padding-top: 80px;*/
    width: 80%;
    /*max-width: 600px;*/
    float: right;
    /*padding:50px 0;*/
}
.index .advantage .info ul li {
    width: 100%;
    overflow: hidden;
    /*height: 0;*/
    /*margin-top: 6%;
    padding-bottom: 23%;*/
}
.index .advantage .ico {
    width: 9%;
    /*margin-left: 5%;*/
    float: left;
    overflow: hidden;
}
.index .advantage .tabbox {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: #fff;
    text-align: center;
    position: relative;
}
.index .advantage .clipped {
    clip-path: polygon(50% 0%, 46.93% 3.1%, 43.47% 0.43%, 40.83% 3.9%, 37.06% 1.7%, 34.89% 5.49%, 30.87% 3.81%, 29.21% 7.85%, 25% 6.7%, 23.89% 10.92%, 19.56% 10.33%, 19.01% 14.66%, 14.64% 14.64%, 14.66% 19.01%, 10.33% 19.56%, 10.92% 23.89%, 6.7% 25%, 7.85% 29.21%, 3.81% 30.87%, 5.49% 34.89%, 1.7% 37.06%, 3.9% 40.83%, 0.43% 43.47%, 3.1% 46.93%, 0% 50%, 3.1% 53.07%, 0.43% 56.53%, 3.9% 59.17%, 1.7% 62.94%, 5.49% 65.11%, 3.81% 69.13%, 7.85% 70.79%, 6.7% 75%, 10.92% 76.11%, 10.33% 80.44%, 14.66% 80.99%, 14.64% 85.36%, 19.01% 85.34%, 19.56% 89.67%, 23.89% 89.08%, 25% 93.3%, 29.21% 92.15%, 30.87% 96.19%, 34.89% 94.51%, 37.06% 98.3%, 40.83% 96.1%, 43.47% 99.57%, 46.93% 96.9%, 50% 100%, 53.07% 96.9%, 56.53% 99.57%, 59.17% 96.1%, 62.94% 98.3%, 65.11% 94.51%, 69.13% 96.19%, 70.79% 92.15%, 75% 93.3%, 76.11% 89.08%, 80.44% 89.67%, 80.99% 85.34%, 85.36% 85.36%, 85.34% 80.99%, 89.67% 80.44%, 89.08% 76.11%, 93.3% 75%, 92.15% 70.79%, 96.19% 69.13%, 94.51% 65.11%, 98.3% 62.94%, 96.1% 59.17%, 99.57% 56.53%, 96.9% 53.07%, 100% 50%, 96.9% 46.93%, 99.57% 43.47%, 96.1% 40.83%, 98.3% 37.06%, 94.51% 34.89%, 96.19% 30.87%, 92.15% 29.21%, 93.3% 25%, 89.08% 23.89%, 89.67% 19.56%, 85.34% 19.01%, 85.36% 14.64%, 80.99% 14.66%, 80.44% 10.33%, 76.11% 10.92%, 75% 6.7%, 70.79% 7.85%, 69.13% 3.81%, 65.11% 5.49%, 62.94% 1.7%, 59.17% 3.9%, 56.53% 0.43%, 53.07% 3.1%);
}
.index .advantage .info .tabbox span {
    color: #ec6b1f;
    font-size: 30px;
    font-weight: 900;
    font-style: italic;
    text-align: center;
    width: 70%; 
    height: 70%; 
    overflow: hidden; 
    margin: auto; 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    line-height: 50px;
}
.index .advantage .info .text {
    width: 91%;
    color: #fff;
    overflow: hidden;
    float: left;
    padding: 0 15px;
}
.index .advantage .info .text span {
    color: #ec6b1f;
    font-weight: 900;
    font-size: 30px;
    line-height: 30px;
}
.index .advantage .info .text h3 {
    font-size: 18px;
    line-height: 30px;
}
.index .advantage .info .text h4 {
    font-size: 13px;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /*padding-top: 15px;*/
}

.index .advantage .info ul li .ico{
    font-size: 30px;
}
.index .advantage .info ul li .order{
    width: 20%;
}
.index .advantage .info ul li .order .glyphicon{
    color: #fff;
    font-size:45px;
    overflow: hidden;
    position: relative;
    float: left;
}
.index .advantage .info ul li .order i{
    width: 100%;
    position: absolute;
    color:#ec6b1f;
    top:0;
    left: 0;
    z-index: 99;
    font-size: 15px;
    text-align: center;
    line-height: 45px;
    font-weight: 900;
}
@media (max-width: 1920px){
    .index .advantage .info ul li{
        margin:85px 0;
    }
    .index .advantage .info {
        padding: 50px 0;
    }

}
@media (max-width: 1366px){
    .index .advantage .info .tabbox span{
        line-height: 30px;
        font-size: 20px;
    }
    .index .advantage .info {
        padding: 50px 0;
    }
    .index .advantage .info ul li{
        margin:35px 0;
    }
}  
@media (max-width: 1100px){
    .index .advantage .info .tabbox span{
        line-height: 50px;
    }
}
@media (max-width: 900px){
    .index .advantage .info{
        width: 100%;
    }
    .index .advantage .info ul li{
        margin: 0;
    }
}
@media (max-width: 768px) {
    .index .advantage{
        height: auto;
        padding: 0;
    }
    .index .advantage .infobox{
        height: auto;
        padding: 0;
    }

    .index .advantage .info ul li .ico{
        width: 10%;
        margin: 0;
        /*display: none;*/
    }
    .index .advantage .info ul li{
        margin: 15px 0;
        padding: 0 15px;
        height: auto;
    }
    .index .advantage .info .tabbox{
        margin-top: 5px;
    }
    .index .advantage .info .tabbox span{
        font-size: 18px;
        line-height: 30px;
    }
    .index .advantage .info .text{
        width: 90%;
        /*padding: 0;*/
    }
    .index .advantage .info .text span{
        font-size: 18px;
        /*line-height: 30px;*/
    }
    .index .advantage .info .text h3{
        font-size: 14px;
    }
    .index .advantage .info .text h4{
        padding:0;
        font-size: 12px;
    }
}

.index .about {
    margin-top: 50px;
    overflow: hidden;
}
.index .about .aboutcon{
    width: 100%;
    overflow: hidden;
    float: left;
    /*height: 0;
    padding-bottom: 35%;*/
    position: relative;
    margin-bottom:15px;
}
.index .about .aboutcon .img{
    width: 65%;
    overflow: hidden;
    float: left;
    height: 0;
    padding-bottom: 35%;
    background-image: url('/templates/ganfenzhan/style/images/about.jpg');
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;

}
.index .about .aboutcon .info {
    position: absolute;
    top: 12.5%;
    right: 0;
    width: 50%;
    padding: 15px;
    height: 0;
    padding-bottom: 25%;
    overflow: hidden;
    background: #49a61e;
    color: #fff;
    z-index: 99;
}
@media (max-width: 768px) {
    .index .about .aboutcon .img{
        width: 100%;
    }
    .index .about .aboutcon{
        /*padding-bottom: 60%;*/
    }
    .index .about .aboutcon .info {
        width: 100%;
        /*top: 46%;*/
        height: auto;
        padding-bottom: 0;
        position: inherit;
    }
}
.index .about .info h2 {}
.index .about .info h3 {
    font-size: 18px;
    line-height: 30px;
}
.index .about .info .text {
    /*height: 0;*/
    width: 100%;
    padding: 5px 15px;
    /*height: 140px;*/
    /*padding-bottom: 200px;*/
    overflow: hidden;
}
.index .about .info p {
    color: #fff;
    font-size: 12px;
    line-height: 22px;
}
.index .about .list {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}
.index .about .list ul li {
    width: 23.5%;
    margin-left: 2%;
    overflow: hidden;
    /*height: 0;
    padding-bottom: 20%;*/
    float: left;
}
.index .about .list ul li:first-child {
    margin-left: 0;
}
.index .about .list ul li .img {
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 75%;
}
.index .about .list ul li .img img {
    height: 200px;
}
.index .about .list ul li p {
    text-align: center;
    line-height: 30px;
    font-size: 13px;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    .index .about .list ul{
        width: 100%;
        padding:0 15px;
        overflow: hidden;
    }
    .index .about .list ul li {
        width: 49%;
        margin-left:2%;
    }
    /*.index .about .list ul li:first-child,*/
    .index .about .list ul li:nth-child(2n+1) {
        /*margin:0 1%;*/
        margin-left: 0;
    }
}
/*news*/

.index .news {
    overflow: hidden;
}
.index .news .tit {
    text-align: center;
    height: 0;
    padding-bottom: 8%;
    /*padding: 60px;*/
    background-image: url(images/n1.png);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
    min-height: 60px;
}
.index .news .tit h2 {
    font-size: 30px;
    padding-top: 3%;
}
.index .news .listbg {
    text-align: center;
    height: auto;
    padding-bottom: 100px;
    /*padding: 60px;*/
    background-image: url(images/n2.png);
    background-repeat: no-repeat;
    -moz-background-size: 100% 120%;
    -webkit-background-size: 100% 120%;
    -o-background-size: 100% 120%;
    background-size: 100% 120%;
}
.index .news .list {
    width: 100%;
    overflow: hidden;
    padding: 15px;
    /*margin-top: 30px;*/
    background: #fff;
}
.index .news .list ul li {
    width: 33.333%;
    padding: 0 4%;
    overflow: hidden;
    float: left;
    margin-bottom: 50px;
    border-left: 1px solid #e1e1e1;
}
@media (max-width: 768px) {
    .index .news .listbg{
        width: 100%;
        height: auto;
        padding-bottom: 0;
    }
    .index .news .list ul li {
        width: 100%;
        /*padding: 0 4%;*/
        overflow: hidden;
        float: left;
        margin-bottom: 15px;
        border:none;
    }

}
.index .news .list ul li h3 {
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    font-weight: 700;
}
.index .news .list ul li h4 {
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    height: 40px;
    text-indent: 2em;
    text-align: justify;
    margin: 15px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index .news .list ul li h5 {
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    margin: 15px 0;
}
.index .news .list ul li .imgbox {
    width: 100%;
    height: 0;
    padding-bottom: 186px;
}
.index .news .list ul li .imgbox img {
    width: 100%;
    height: auto;
    min-height: 186px;
}
/*footer*/

.footerbg {
    height: 0;
    padding-bottom: 32%;
    /*padding: 60px;*/
    background-image: url(images/f1.png);
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    overflow: hidden;
    color: #fff;
}
.footer {
    background: rgba(0, 0, 0, 0.6);
    height: 0;
    padding-bottom: 38%;
    overflow: hidden;
}
@media (max-width: 1366px) {
    .footerbg,
    .footer{
        padding-bottom: 42%;
    }
}

.footer .f1 {
    overflow: hidden;
    padding-top: 10%;
    overflow: hidden;
    /*height: 0;*/
    /*padding-bottom: 28%;*/
}
.footer .f2 {
    overflow: hidden;
    padding-top: 10%;
}
.footer .f3 {
    overflow: hidden;
    padding-top: 80px;
}
.footer .f1 h3 {
    color: #fff;
    line-height: 50px;
    font-size: 30px;
    text-align: justify;
}
.footer .f1 h4 {
    color: #fff;
    line-height: 50px;
    font-size: 14px;
    text-align: left;
}
.footer .f1 .qrcodebox {
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 50%;
    position: relative;
}
.footer .f1 .qrcode {
    position: absolute;
    display: flex;
    overflow: auto;
    margin: auto;
    position: absolute;
    width: 150px;
    height: 150px;
    padding: 15px;
    top: 0;
    left: 0;
    bottom: 0%;
    right: 0;
    border: 1px solid #ccc;
}
.footer .call {
    width: 100%;
    overflow: hidden;
}
.footer .call span {
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
}
.footer .call h5 {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.footer .f2 h4 {
    line-height: 40px;
    color: #fff;
}
.footer .f2 .msgtobox {
    width: 100%;
    overflow: hidden;
}
.footer .f2 .msgtobox .group {
    margin-bottom: 15px;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #fff;
    overflow: hidden;
}
.footer .f2 .msgtobox .group span {
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    width: 20%;
    float: left;
    overflow: hidden;
}
.footer .f2 .msgtobox .group input, .footer .f2 .msgtobox .group textarea {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    line-height: 25px;
    width: 80%;
    float: left;
    overflow: hidden;
    border: none;
}
.footer .f2 .btn {
    background: #fff;
    color: #000;
}
.footer .f3 {
    padding-left: 0px;
}
.footer .f3 h4 {
    margin-bottom: 15px;
    color: #fff;
    line-height: 70px;
    height: 70px;
    overflow: hidden;
    padding-left: 50px;
    margin-top: 5px;
}
.footer .f3 h4 span {
    color: #fff;
    margin-right: 10px;
}
.footer-nav {
    line-height: 70px;
    background: #ffffff;
}
.footer-nav ul{
  width: 100%;
}
.footer-nav ul li {
    float: left;
    width: 14.284%;
    overflow: hidden;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    line-height: 60px;
    text-align: center;
    font-size: 15px;
    position: relative;
}
.copyright{
  width: 100%;
  text-align: center;
  overflow: hidden;
  line-height: 25px;
  margin-bottom: 15px;
}
@media (max-width:1400px) {
    .footer .f1,
    .footer .f2,
    .footer .f3 {
        padding-top: 50px;
    }
}
@media (max-width:1366px) {
    .footer .f1,
    .footer .f2,
    .footer .f3 {
        padding-top: 90px;
    }
}
@media (max-width:1100px) {
    .footer .f1,
    .footer .f2,
    .footer .f3 {
        padding-top: 120px;
    }
}
@media (max-width:768px) {

}

/* 产品*/

.product-center {
    margin-top: 45px;
}
.product-center h1 {
    color: #0E0E0E;
    padding-bottom: 15px;
    font-size: 34px;
    font-weight: 600;
}
.product .product-center h3 {
    color: #5f5f5f;
    margin-bottom: 15px;
    font-size: 16px;
    padding-top: 15px;
}


.infobt {
    margin: 20px 10%
}
.infobt-a, .infobt-b {
    border: 2px solid #fff;
    float: left;
    padding: 10px 15px;
    color: #fff;
}
.infobt-a a, .infobt-b a {
    color: #fff;
}
.infobt-bg a {
    color: #000 !important;
}
.infobt-a {
    /*border-radius: 10px;*/
    border-top-left-radius: 25px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 25px;
    width: 50%;
}
.infobt-b {
    border-top-left-radius: 0px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 0px;
    width: 50%;
}
.infobt-a:hover, .infobt-b:hover, .infobt-bg {
    background: #fff;
    color: #000;
    transition: 0.1s;
}

@media (max-width:768px) {
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.main .product {
    margin: 45px auto 30px auto;
}
.main .product .detail{
  text-align: center;
}
.main .product .detail .imgbox{
    width: 100%;
    height: 0;
    padding-bottom: 76%;
    overflow: hidden;
}
.main .product .detail .imgbox img{
    min-height: 340px;
    width: 100%;
}
.main .product .detail .info{
  width: 100%;
  margin-bottom: 45px;
}
.main .product .detail .info h2{
  width: 100%;
  text-align: center;
  line-height: 60px;
  font-size: 18px;

}
.main .product .detail .info p{
  text-indent: 2em;
  text-align: justify;
  font-size: 13px;
  line-height: 20px;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 58px;
}

.product-list{

}
.product-list ul li{
    width: 23.5%;
    margin-left:2%;
    float: left;
    height: 40px;
    line-height: 40px;
    background: #5bb432;
    text-align: center;
    color:#fff;
    font-size: 15px;
    font-weight: 700;
}
.product-list ul li:first-child{
    margin:0;
}
.product-list ul li a{
    color:#fff;
}
.product-list ul li:hover,
.product-list ul li.active{
    background: #ed6e25;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*case*/

.main .case {
    margin: 45px auto 30px auto;
}
.main .case .detail{
  text-align: center;
}
.main .case .detail .info{
  width: 100%;
  margin-bottom: 15px;

}
.main .case .detail .info h2{
  width: 100%;
  text-align: center;
  line-height: 60px;
  font-size: 18px;

}
.main .case .detail .info p{
  text-indent: 2em;
  text-align: justify;
  font-size: 13px;
  line-height: 20px;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;

}
@media (max-width:768px) {
    .case {
        margin-top: 0px;
        margin-bottom: 15px;
    }
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 关于我们*/
.about1{
    /*margin:30px 0;*/
    background: #fafafa;
    padding: 80px 0 60px 0;;
}
.about1 .info h2{
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color:#5bb432;
    padding: 15px 0;
}
.about1 .info .text{
    width: 100%;
    overflow: hidden;
    text-indent: 2em;
    text-align: justify;
    line-height: 25px;
}
.about1 .info .adorn{
    overflow: hidden;
    text-align: center;
}
.about1 .info .adorn h5{
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color:#5bb432;
}
.about1 .info .adorn h6{
    font-size: 15px;
}
.about1 .img{
    overflow: hidden;
}
.about1 .img img{
    max-width: 260%;
    height: auto;
    margin:0 -80%;
}
.about2 {
}
.about2 h1{
    padding: 30px 0;
}
.about2 .info{
    overflow: hidden;
    margin-bottom: 30px;
}
.about2 .info .text{
    width: 100%;
    line-height: 30px;
    padding-top: 80px;
    text-indent: 2em;
    text-align: justify;
}
.about2 .info .adorn{
    width: 100%;
    overflow: hidden;
    padding: 30px;
}
.about2 .info .adorn h5{
    padding-top: 40px;
    line-height: 40px;
}
.about2 .info .adorn h4{
    color:#f06e25;
}
.about3{
    background: #fafafa;
}
.about3 .tit{
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
}

.about3 .tit h2{
    line-height: 70px;
}
.about3 .tit h4{
    color:#ccc;
}

.about3 .info{
    overflow: hidden;
    padding: 30PX 0 60px 0;
}
.about3 .info .ibox{
    overflow: hidden;
}
.about3 .info .ico{
    /*min-width: 50px;*/
    width: 20%;
    overflow: hidden;
    height: 0;
    padding-bottom: 20%;
    margin:0 auto;
}
.about3 .info .ibox h2{
    text-align: center;
    line-height: 60px;
    color:#59ac36;
    font-weight: 700;
    /*height: 40px;*/
    overflow: hidden;
}
.about3 .info .ibox p{
    width: 100%;
    text-align: center;
    line-height: 40px;
    letter-spacing:4px;
}
.about4{
    overflow: hidden;
}
.about4 .tit{
    width: 100%;
    overflow: hidden;
}
.about4 .img{

}
.about4 .list{
    width: 100%;
    overflow: hidden;
}
.about4 .list img{
    padding: 10px;
    background: #5bb432;
    width: 100%;
    height: 186px;
}
.about4 .list .c p{
    text-align: center;
    width: 100%;
    line-height: 30px;
}


/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*news*/
.main .news .news-pic{
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 50%;
}
.main .news .news-list{
    margin-bottom: 30px;
    overflow: hidden;
}
.main .news .news-tit{
    padding: 0 15px;
}
.main .news .news-tit h4{
    /*line-height：*/
    padding-bottom: 30px;
}
.main .case-imglist ul li {
    position: relative;
    /*padding: 0px 15px 15px 15px;*/
    float: left;
    width: 48%;
    margin: 15px 1%;
}
.main .case-imglist ul li img {
    width: 100%;
    margin: 0 auto;
}
.main .case-imglist ul li div {
    /*  margin-left: 15px;
  margin-right: 15px;*/
    width: 100%;
    height: 100%;
    z-index: 99;
    position: absolute;
    background: rgba(25, 103, 178, 0);
    top: 0;
    left: 0;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    color: transparent;
}
.main .case-imglist ul li div h2 {
    padding-top: 15%;
    color: transparent;
    text-align: center;
}
.main .case-imglist ul li div p {
    color: transparent;
    text-indent: 2em;
    text-align: left;
}
.main .case-imglist ul li:hover div h2 {
    transition: 0.6s;
    color: #fff;
}
.main .case-imglist ul li:hover div {
    transition: 0.6s;
    color: #fff;
    background: rgba(11, 142, 80, 0.95);
}
.main .case-imglist ul li:hover div p {
    transition: 0.6s;
    color: #fff;
}
@media (max-width:768px) {
    .main .case-imglist ul li {
        width: 100%;
    }
    .main .case-imglist ul li div h2 {
        font-size: 16px;
    }
}
/*.main .product-center h3{
  float: left;
}*/


.main .honor-center h3, .main .patent-center h3 {
    color: #5f5f5f;
    margin-bottom: 15px;
    font-size: 20px;
    padding-top: 15px;
}
.main .patent-center .green {
    color: #5bb432;
}
.main .patent-center .blue {
    color: #0C59A0;
}
.main .news {
    margin-top: 15px;
}
.main .contact-center {
    padding-bottom: 15px;
}
.main .contact-center h3 {
    color: #5f5f5f;
    margin-bottom: 15px;
    font-size: 20px;
    padding-top: 15px;
}
.main .contact-about {
    background: url(images/contact-bg.png);
    background-position: center;
    background-size: 100% 100%;
    /*padding-top: 100px;
  padding-top: 100px;*/
    /*height: 0;*/
    /*padding-bottom: 30%;*/
}
.main .contact-list {
    padding: 30px;
}
.contact-list h3 {
    padding: 15px 10px;
}
.contact-list ul li {
    line-height: 40px;
    width: 100%;
    overflow: hidden;
}
.contact-list ul li span {
    float: left;
    font-size: 20px;
    line-height: 30px;
    margin-right: 20px;
}
.contact-list ul li h4 {
    float: left;
    font-size: 18px;
    line-height: 30px;
}
.contact-list .glyphicon-phone-alt {
    color: #5bb432;
}
.contact-list .glyphicon-earphone {
    color: #F04F43;
}
.contact-list .glyphicon-open-file {
    color: #FF9B42;
}
.contact-list .glyphicon-folder-close {
    color: #a019ee;
}
.contact-list .glyphicon-globe {
    color: #1A68B3;
}
.main .contact-about .qrcode {
    vertical-align: middle;
    /*margin:60px auto;*/
    overflow: hidden;
}
.main .contact-about .qrcode img {
    border: 4px solid #1A68B3;
    border-radius: 5px;
    margin: 60px auto 30px auto;
}
.conatct-us {
    background: url(images/contact-bg.png);
    background-position: center;
    /*background-size: 100% 100%;*/
    padding: 15px;
}
.conatct-us h4 {
    font-size: 13px;
}
.conatct-us h3 {
    font-size: 16px;
    padding: 0px 0px 5px 0px;
}
.contact-formbox{
    text-align: center;
    /*height: 0;*/
    /*padding-bottom: 24%;*/
    /*padding: 60px;*/
    background-image: url(images/contact-2bg.png);
    background-repeat: no-repeat;
    -moz-background-size: 100% 120%;
    -webkit-background-size: 100% 120%;
    -o-background-size: 100% 120%;
    background-size: 100% 120%;
}
.contact-form{
    margin:30px 0;
    background: #5bb432;
    height: 400px;
    overflow: hidden;
}
.contact-form h3{
    width: 100%;
    line-height: 40px;
    text-align: right;
    color:#fff;
    margin-top:30px;
}
.contact-form h4{
    width: 100%;
    line-height: 30px;
    text-align: right;
    color:#fff;
    font-size: 14px;
}
.contact-form form{
    padding: 15px;
}
.contact-form form .group{
    width: 100%;
    overflow: hidden;
    margin-bottom: 15px;
}
.contact-form form .group input{
    line-height: 35px;
    width: 100%;
    padding: 0 15px;
    color:#000;
}
.contact-form form .group textarea{
    width: 100%;
    padding: 0 15px;
    color:#000;
}
.contact-form form .group input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #666;
}

.contact-form form .group input:-moz-placeholder, textarea:-moz-placeholder {
  color: #666;
}

.contact-form form .group input::-moz-placeholder, textarea::-moz-placeholder {
  color: #666;
}

.contact-form form .group input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #666;
}
.contact-form form .btn {
    background: #fff;
    color: #000;
}

@media (max-width:768px) {
    /*.contact-list {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }*/
    .contact-list ul li {
        line-height: 25px;
        padding: 5px 0px;
    }
    .contact-list ul li span {
        margin-right: 10px;
    }
    .contact-list ul li h4 {
        font-size: 14px;
    }
}
/*产品详情*/

/*zoom大图查看插件*/

.tb-pic a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.tb-pic a img {
    vertical-align: middle;
}
.tb-pic a {
    *display: block;
    *font-family: Arial;
    *line-height: 1;
}
.tb-s310, .tb-s310 a {
    height: 310px;
    width: 310px;
}
.tb-s310, .tb-s310 img {
    max-height: 310px;
    max-width: 310px;
}
.tb-s310 a {
    *font-size: 271px;
}
.tb-s40 a {
    *font-size: 35px;
}
.tb-s40, .tb-s40 a {
    height: 40px;
    width: 40px;
}
.tb-booth {
    border: 1px solid #CDCDCD;
    position: relative;
    z-index: 1;
}
.tb-thumb .tb-selected {
    background: none repeat scroll 0 0 #C30008;
    height: 40px;
    padding: 2px;
}
.tb-thumb .tb-selected div {
    background-color: #FFFFFF;
    border: medium none;
}
.tb-thumb li div {
    border: 1px solid #CDCDCD;
}
.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
}
.zoomMask {
    position: absolute;
    background: url("images/mask.png") repeat scroll 0 0 transparent;
    cursor: move;
    z-index: 1;
}
/*产品详情*/

/*-->产品介绍组图左侧*/

.product-detail {
    margin-bottom: 45px;
}
.product-detail-meta {
    padding-top: 15px;
}
.product-detail-imgbox {
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
}
.product-detail-imgbox-zoomimg {
    max-width: inherit;
    margin-bottom: 15px;
    border: solid 1px #ddd;
    overflow: hidden;
    text-align: center;
    width: 90%;
    height: 368px;
}
.product-detail-imgbox-zoomimg img {
    height: 100%;
}
.product-detail-imgbox-picscroll {
    overflow: hidden;
    position: relative;
    width: 90%;
    /*height: 0;
  padding-bottom: 15%;*/
    margin-top: 15px;
}
.product-detail-imgbox-picscroll .hd {
    width: 5%;
    text-align: center;
    float: left;
}
.product-detail-imgbox-picscroll .hd>a {
    line-height: 90px;
    cursor: pointer;
    font-size: 26px;
    color: #d2fbdb;
}
.product-detail-imgbox-picscroll .hd>a>span {
    color: #d2fbdb;
}
.product-detail-imgbox-picscroll .bd ul li {
    padding: 0 5px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 25%;
}
.product-detail-imgbox-picscroll .bd ul li .pic {
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
}
.product-detail-imgbox-picscroll .bd ul li .pic img {}
.product-detail-imgbox-picscroll .bd {
    width: 90%;
    float: left;
    overflow: hidden;
    height: 85px;
}
.product-detail-imgbox-picscroll .bd .mpicList {
    width: 98%;
    padding: 10px 0;
    margin: 0 1%;
}
.product-detail-imgbox-picscroll .bd ul li .pic img {
    display: block;
    padding: 2px;
    border: 1px solid #ccc;
}
/*-->产品介绍右侧*/

.product-detail-about {}
.product-detail-about-des {
    min-height: 160px;
    padding-left: 15px;
    padding-right: 15px;
    background: #f7f7f7;
    padding: 15px;
}
.product-detail-about-des h5 {
    font-family: 微软雅黑;
    line-height: 34px;
    font-size: 14px;
    text-indent: 2em;
    text-align: justify;
}
.product-detail-bt a {
    border-color: #5bb432;
    background-color: #5bb432;
    border-radius: 0px;
    color: #fff;
    width: 180px;
    height: 45px;
    line-height: 30px;
    font-size: 20px;
    float: left;
}
.product-detail-bt a:hover {
    background-color: #1967B2;
    border-color: #1967B2;
    color: #fff;
}
.product-detail-bt p {
    float: left;
    padding-left: 30px;
    line-height: 45px;
    font-size: 18px;
}
@media (max-width:768px) {
    .product-detail-about h1 {
        margin-top: 30px;
    }
    .product-detail-imgbox-zoomimg {
        height: 268px;
    }
    .product-detail-imgbox-picscroll .hd>a {
        line-height: 70px;
        font-size: 16px;
    }
    .product-detail-imgbox-zoomimg {
        width: 100%;
    }
}
/*-->产品介绍*/

.product-detail-main {}
.product-detail-nav {
    line-height: 38px;
    font-size: 16px;
    background: #ececec;
    padding-left: 0px;
    padding-right: 0px;
}
.product-detail-nav ul li {
    float: left;
    padding: 5px 30px;
    width: 33.33%;
    text-align: center;
}
.product-detail-nav ul li:hover, .product-detail-nav .nav-active, .product-detail-nav .nav-active>a, .product-detail-nav ul li:hover a {
    background: #0CC73D;
    color: #fff;
}
.product-detail-con {}
.product-detail-con-pro {
    /*display: none;*/
}
.product-active {
    display: block;
}
.product-detail-con-pro .detail-con {
    font-family: 微软雅黑;
    line-height: 28px;
    font-size: 14px;
    text-indent: 2em;
    text-align: justify;
}
.product-detail-con-pro h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    width: 100%;
}
.detail-con table tr td {
    border: 1px solid #ececec;
}
.detail-con .adl {
    padding: 30px 15px;
    text-align: center;
    line-height: 30px;
    background: #5bb432;
    color: #fff;
    text-indent: 0em;
    overflow: hidden;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    width: 20%;
}
/*.detail-con .adl h3{
  padding-top: 15px;
  font-size: 24px;
  font-weight: bold;
}*/

.detail-con .adl, .detail-con .adc {
    vertical-align: middle
}
.detail-con tr:nth-child(even) .adl, .detail-con tr:nth-child(even) .adl>p {
    background: #ececec;
    color: #333333;
}
.detail-con .adl p {
    color: #fff;
    text-align: center;
    text-indent: 0em;
    line-height: 30px;
}
.detail-con .adc p {
    text-align: left;
    line-height: 30px;
    padding: 30px 15px;
    overflow: hidden;
}
.detail-con .adr {
    overflow: hidden;
    width: 20%;
}
.detail-con .adr img {
    width: 100%;
}
.detail-con table tr {
    background: #fff;
}
@media (max-width:768px) {
    .product-detail-nav ul li {
        font-size: 14px;
        padding: 5px 5px;
    }
    #pro1 .detail-con table tr td {
        overflow: hidden;
        width: 100% !important;
        float: left;
    }
    .detail-con .adl {
        text-align: left;
        text-indent: 0em;
        overflow: hidden;
        margin: 0;
    }
    .detail-con .adl p {
        text-align: left;
        text-indent: 0em;
        float: left;
    }
}
/*map*/

.iw_poi_title {
    color: #CC5522;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-right: 13px;
    white-space: nowrap
}
.iw_poi_content {
    font: 12px arial, sans-serif;
    overflow: visible;
    padding-top: 4px;
    white-space: -moz-pre-wrap;
    word-wrap: break-word
}
/*特效*/

#case {
    overflow: hidden;
    height: 490px;
}
#case ul {
    overflow: hidden;
}

/*jobinfo1*/

.jobinfo1{
    /*width: 100%;*/
    overflow: hidden;
    padding: 30px 0;
}
.jobinfo1 h1{
    line-height: 100px;
}
.jobinfo1 .info p{
/*    width: 100%;
    overflow: hidden;
*/    text-align: center;
    line-height: 30px;
}

.jobinfo1 h5{
    font-weight: 900;
}
.jobinfo2{
    margin-bottom: 30px;
}
.jobinfo2 .tit{
    width: 100%;
    overflow: hidden;
    padding: 30px 0;
}

.jobinfo2 .tit h2{
    line-height: 70px;
}
.jobinfo2 .tit h4{
    color:#ccc;
}
.jobinfo2 .list{
    width: 100%;
    overflow: hidden;
}
.jobinfo2 .list ul li{
    width: 100%;
    overflow: hidden;
    padding: 0;
}
.jobinfo2 .list ul li .arow{
    width: 100%;
    overflow: hidden;
    padding: 0;
}
.jobinfo2 .list ul li .arow div{
    width: 33.3333%;
    float: left;
    overflow: hidden;
    line-height: 60px;
    text-align: center;
    margin:0;
}
.jobinfo2 .list ul li .arow{
    border-bottom: 1px solid #ccc;
}
.jobinfo2 .list ul li:first-child{
    background: #7cb13c;
    color:#fff;
}
.jobinfo2 .list ul li:first-child div{
    color:#fff;
}
.jobinfo2 .list ul li .info{
    width: 100%;
    overflow: hidden;
    background: #ededed;
    height: 0;
    padding: 0;
}
.jobinfo2 .list ul li .info h3{
    line-height: 60px;
}
.jobinfo2 .list ul li.active .info{
    height: auto;
    padding: 30px;
}

/*移动导航*/
.mnav{
    width: 100%;
    overflow: hidden;
}
.mnav ul li{
    width: 33.333%;
    padding: 5px 0;
    line-height: 40px;
    text-align: center;
    float: left;
    border-top:1px solid #efefef;
    border-left:1px solid #efefef;
    border-top:1px solid #efefef;
}
.mnav ul li:hover,
.mnav ul li.active{
    background: #5bb432;
}
.mnav ul li:hover a,
.mnav ul li.active a{
    color:#fff;
}
.mnav ul li:nth-child(3n+1){
    border:none;
}

@media (max-width: 768px) {
    .index .product .tit,
    .index .news .tit,
    .index .case .tit{
        min-height: 80px;
        line-height: 80px;
        background:#f7f7f7;
        border-bottom: 3px solid #49a61e;
    }
    .index .tit h2{
        padding-top: 0 !important;
        margin:0;
        line-height: 80px;
    }
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #5bb432;
    border-color: #5bb432;
}
.pagination > li > a,
.pagination > li > span{
    color:#5bb432;;
}