﻿
/*当前位置*/
.m-cur{
    float: right;
    font-size: 13px;color:#000;line-height: 33px;
    padding-left: 18px;
    margin-top: 5px;
    background: url(../images/icon12.png) no-repeat left center;
}
.m-cur a{color: inherit;}
.m-cur a:hover{color: #07913a;}

/*左右分栏*/
.side-col{float: left;width: 252px;margin-right: 35px;}
.main-col{overflow: hidden;}

#bd.fixed .main-col{margin-left: 300px;}
/*#bd.fixed .side-col{
    position: fixed;left:50%;top: 0;z-index: 900;
    margin-left: -600px;
}*/

.g-tit1{
    font-size: 26px;color: #fff;font-weight: normal;line-height: 36px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 28px;
    background: #07913a url(../images/bg2.png) no-repeat center bottom;
}

.g-pic1{height: 109px;overflow: hidden;}
.g-pic1 img{display: block;width: 100%;height: 100%;}
.g-pic1: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);
    transform-origin: 50% 50%;
}

.snav{background-color: #fff;}
.snav li{ background:#f1f1f1;}
.snav li a{
    display: block;
    font-size: 15px;color:#000;line-height: 48px;
    background: url(../images/icon13.png) no-repeat 90% center;
    padding: 0 24px 0 19px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.snav li a:hover,.snav li.on a{
    color: #fff;
    background: #07913a url(../images/icon13-1.png) no-repeat 90% center;
}

.g-tit2{overflow: hidden;padding-bottom: 8px;border-bottom: 1px #d8d8d8 solid;margin-bottom: 30px;}
.g-tit2 h3{
    overflow: hidden;
    font-size: 18px;color: #000;line-height: 38px;font-weight: normal;
}

/*******************************
    -------[=番茄]-------
********************************/
#bd{overflow: hidden;margin-bottom: 60px;}
.index #bd{margin-bottom: 0;}

.m-tit1{
    font-size: 18px;color: #333;line-height: 48px;/*font-weight: normal;*/
    border-bottom: 1px #e5e5e5 solid;
    padding-left: 30px;
    background: url(../images/gicon17.png) no-repeat left center;
    margin-bottom: 22px;
}

/*
-----------------[03研发与创新-02合作共赢]--------------*/
.m-txt1{
    font-size: 14px;color: #333;line-height: 1.6;
    padding: 5px 0 0;
}
.m-txt1 .txt{padding: 6px 0 24px;}
.m-txt1 p{padding-bottom: 22px;}

.m-hosp{position: relative;background: url(../images/bg4.jpg) repeat-x left 9px;margin-bottom: 9px;}
.m-hosp .slick-next,.m-hosp .slick-prev{
    position: absolute;top: 0;overflow: hidden;
    width: 20px;height: 20px;font-size: 0;line-height: 0;z-index: 999;
    background: none;border: none;
    background-repeat: no-repeat;
    cursor: pointer;
}
.m-hosp .slick-prev{left: 0;background-image: url(../images/arr-l.png);background-position: left center;}
.m-hosp .slick-next{right: 0;background-image: url(../images/arr-r.png);background-position: right center;}
.m-hosp .slick-prev:hover{left: 0;background-image: url(../images/arr-l-1.png);}
.m-hosp .slick-next:hover{right: 0;background-image: url(../images/arr-r-1.png);}
.m-hosp .item{
    padding: 43px 4px 0;
    background: url(../images/icon14.png) no-repeat center top;
}
.m-hosp .con{
    display: block;
    font-size: 14px;color: #fff;line-height: 34px;text-align: center;
    background: #87cceb;border-radius: 4px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-hosp .con:hover{background: #64c0ea;}

.ul-list1{overflow: hidden;margin-top: 11px;}
.ul-list1 li{
    float: left;width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;border: 1px #e5e5e5 solid;
}
.ul-list1 li:last-child{
    border-left: none;
}
.ul-list1 a{display: block;position: relative;}
.ul-list1 .pic{height: 130px;line-height: 130px;text-align: center;}
.ul-list1 .pic img{
    display: inline-block;vertical-align: middle;
    max-height: 95%;max-width: 90%;
}
.ul-list1 .con{
    position: absolute;left: 0;top: 0;
    width: 100%;height: 100%;
    background: url(../images/bg3.png);
    font-size: 20px;text-align: center;color: #fff;
    overflow: hidden;
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list1 .con p{
    position: absolute;left: 0;right: 0;top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
}
.ul-list1 a:hover .con{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}


/*
-----------------[03研发与创新-01研发概况]--------------*/


.ul-list2{overflow: hidden;margin: 0 -9px 9px;}
.ul-list2 li{
    float: left;width:33%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding: 0 9px 18px; 
}
.ul-list2 a{
    display: block;position: relative;
    font-size: 16px;color: #fff;line-height: 46px;text-align: center;
}
.ul-list2 .pic{
    height: 0;padding-top: 74.88%;position: relative;z-index: 1;
}
.ul-list2 .pic img{
    display: block;width: 100%;height: 100%;
    position: absolute;left: 0;top: 0;
}
.ul-list2 p{
    position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;
    padding: 0;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/bg6.png);
}
.ul-list2 .bg{
    position: absolute;left: 0;top: 0;z-index: 3;
    width: 100%;height: 100%;
    background:rgba(7, 145, 58, 0.5) url(../images/icon15.png) no-repeat center 40%;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    opacity: 0;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.ul-list2 a:hover .bg{
    opacity: 1;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.btn-more{
    font-size: 18px;color: #07913a;line-height: 24px;text-align: center;font-weight: bold;
}
.btn-more a{
    display: inline-block;vertical-align: top;color: inherit;
    padding-bottom: 35px;
    background: url(../images/icon16.png) no-repeat center 27px;
}
.btn-more a:hover{background-position: center 32px;}

.m-platform{position: relative;height: 297px;padding-top: 15px;overflow: hidden;}
.m-platform .slick-next,.m-platform .slick-prev{
    position: absolute;overflow: hidden;top: 0;
    width: 250px;height: 100%;font-size: 0;line-height: 0;z-index: 999;
    background: none;border: none;cursor: pointer;
}
.m-platform .slick-prev{left: 0;}
.m-platform .slick-next{right: 0;}

.m-platform .item{width: 192px;margin: 72px 0;position: relative;z-index: 10;}

.m-platform .con{
    display: block;height: 153px;margin: 0 auto;
    position: relative;
    background: #ccc;
    font-size: 14px;color: #fff;line-height: 22px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
.m-platform h3{
    font-size: 18px;color: #fff;line-height: 30px;
    position: absolute;left: 20px;right: 5px;top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    /*text-align: center;*/
    padding: 0 90px;
}
.m-platform .txt p{
    display: none;
    height: 82px;overflow: hidden;
}
.m-platform .num{
    height: 65px;overflow: hidden;line-height: 65px;
    display: none;
}
.m-platform .num i{
    display: block;float: left;width:  77px;height: 65px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.m-platform .num span{
    float: right;font-size: 60px;
    font-size: 60px;font-weight: bold;
}

.m-platform .slick-center{z-index: 999;}
.m-platform .slick-center .con{
    width: 513px;
    padding: 27px 30px 0;
    height: 297px;
    background: #07913a;
    margin: -72px auto 0;
    left:-77px;
}
.m-platform .slick-center .con h3{
    position: static;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    margin-bottom: 9px;
    padding: 0;
    font-size: 24px;
}
.m-platform .slick-center .con .num{display: block;margin-bottom: 41px;}
.m-platform  .slick-center .txt p{display: block;}

/*
-----------------[06社会责任-01责任理念]--------------*/
.m-text-1{
    font-size: 14px;color: #333;line-height: 1.86;
    margin-bottom: 31px;
}
.m-text-1 h1{
    font-size: 24px;color: #000;line-height: 30px;font-weight: normal;
    padding: 8px 0 6px;
}
.m-text-1 .p-txt{
    font-size: 16px;color: #666;line-height: 30px;
    margin-bottom: 20px;
}


/*******************************
    -------[=苹果]-------
********************************/
#bd.index-bd{position: relative;overflow: visible;}
.g-section1{position: absolute;left: 0;right: 0;top: -105px;height: 105px;background: rgba(0,0,0,.25);z-index: 999;}
.ul-list3{overflow: hidden;}
.ul-list3 li{float: left;width: 12%;}
.ul-list3 .con{display: block;overflow: hidden;}
.ul-list3 li:hover,.ul-list3 .on{width: 28%;}
.ul-list3 .pic{width: 61%;float: right;display: none;height: 105px;    
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;background-position: center center;background-repeat: no-repeat;    
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;

}
.ul-list3 .pic img{display: block;width: 100%;height: 100%;display: none;}
.ul-list3 li:hover .pic,.ul-list3 .on .pic{display: block;}
.ul-list3 li:hover .txt,.ul-list3 .on .txt{background: #07913a;width: 39%;float: left;}
.ul-list3 .txt{padding-top: 20px;text-align: center;height: 105px;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.ul-list3 h4{color: #fff;font-size: 16px;font-weight: normal;height: 1.1em;line-height: 1.1em;overflow: hidden;}
.ul-list3 .icon{display: block;height: 39px;background-position: center bottom;background-repeat: no-repeat;margin-bottom: 15px;}
.g-title1{padding: 44px 0 25px;}
.g-title1 h2{font-size: 26px;font-weight: normal;color: #333;padding-left: 38px;background-position: center left;background-repeat: no-repeat;}
.g-section2{overflow: hidden;padding-bottom: 23px;}
.g-section2 .l-section{/*float: left;width: 55%;*/overflow: hidden;padding-right: 90px;}
.g-section2 .r-section{float: right;/*width: 38%;*/width: 387px;}

.ul-list4 li{overflow: hidden;margin-bottom: 30px;}
.ul-list4 .con{display: block;font-size: 14px;color: #999;}
.ul-list4 .date{float: left;color: #ccc;font-size: 14px;width: 60px;padding-right: 12px;border-right: 1px solid #ccc;text-align: center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.ul-list4 .date span{display: block;font-size: 36px;height: 1.1em;line-height: 1.1em;overflow: hidden;}
.ul-list4 .con:hover .date{color: #07913a}
.ul-list4 .txt{overflow: hidden;padding-left: 18px;}
.ul-list4 h3{display: block;font-size: 16px;color: #333;font-weight: normal;height: 1.1em;line-height: 1.1em;overflow: hidden;margin: 8px 0 12px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ul-list4 p{height: 1.1em;line-height: 1.1em;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.ul-list4 .con:hover h3{color: #07913a;}

.m-radio1{height: 334px;position: relative;overflow: hidden;background: #000;display: block;}
.m-radio1 .txt{position: absolute;left: 0;right: 0;bottom: 0;height: 40px;line-height: 40px;font-size: 14px;color: #fff;padding: 0 10px;text-align: center;background: rgba(0,0,0,.5);z-index: 100;}
.m-radio1 .play{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(../images/gicon10.png) no-repeat center center;cursor: pointer;}
.m-radio1 img{display: block;width: 100%;height: 100%;}
.m-radio1:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.g-section3{height: 330px;background-position: center center;background-repeat: no-repeat;padding-top: 56px;color: #fff;text-align: center;font-size: 24px;   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment:fixed;
}
.g-section3 h3{font-size: 44px;}
.g-section3 h3 em{display: block;font-size: 16px;font-weight: normal;font-family: 'arial';}
.g-section3 h4{display: inline-block;height: 40px;line-height: 40px;font-size: 16px;font-weight: normal;padding: 0 78px;background:#07913a;position: relative;    
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;margin: 14px 0 19px;
}
.g-section3 h4:before{position: absolute;content: '';width: 35px;height: 2px;background: #fff;top: 50%;margin-top: -1px;left: 38px;}
.g-section3 h4:after{position: absolute;content: '';width: 35px;height: 2px;background: #fff;top: 50%;margin-top: -1px;right: 38px;}

.ul-list5{overflow: hidden;margin: 0 -10px;padding-bottom: 50px;}
.ul-list5 li{width: 25%;float: left;padding: 0 10px;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ul-list5 .pic{display: block;padding-top: 63%;overflow: hidden;height: 0;position: relative;}
.ul-list5 .pic img{position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;}
.ul-list5 .txt{background: #fff;box-shadow: 0  6px 15px rgba(0,0,0,.1);padding: 20px 22px 18px;color: #555;font-size: 14px;}
.ul-list5 h3 a{display: block;height: 1.1em;line-height: 1.1em;color: #333;font-size: 16px;overflow: hidden;}
.ul-list5 h3{margin-bottom: 12px;}
.ul-list5 p{line-height: 24px;height: 48px;overflow: hidden;margin-bottom: 14px;}
.ul-list5 .details{display: block;width: 98px;height: 28px;line-height: 28px;color: #e8890f;border: 1px solid #e8890f;text-align: center;}
.ul-list5 .details:hover{border-color: #07913a;color: #07913a;}
.ul-list5 .con:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.m-deve{
    position: relative;
    margin: -30px -10px 0;padding: 30px 0 20px;
}
.m-deve .slick-dots{position: absolute;right: 10px;top: -50px;text-align: center;z-index: 999;}
.m-deve .slick-dots li{display: inline-block;margin: 0 2px;}
.m-deve .slick-dots li button{
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    font-size: 0;
    line-height: 0;
    border: 0;
    text-indent: 999px;
    background-color: #07913a;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.m-deve .slick-dots li.slick-active button{width: 25px;}
.m-deve .con{
    padding: 0 10px 20px;
}
.m-deve .pic{display: block;padding-top: 63%;overflow: hidden;height: 0;position: relative;}
.m-deve .pic img{position: absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;}
.m-deve .txt{background: #fff;box-shadow: 0  6px 15px rgba(0,0,0,.1);padding: 20px 22px 18px;color: #555;font-size: 14px;}
.m-deve h3 a{display: block;height: 1.1em;line-height: 1.1em;color: #333;font-size: 16px;overflow: hidden;}
.m-deve h3{margin-bottom: 12px;}
.m-deve p{line-height: 24px;height: 48px;overflow: hidden;margin-bottom: 14px;}
.m-deve .details{display: block;width: 98px;height: 28px;line-height: 28px;color: #e8890f;border: 1px solid #e8890f;text-align: center;}
.m-deve .details:hover{border-color: #07913a;color: #07913a;}
.m-deve .con:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}


/*非旋转样式*/
/*.g-section4{
    position: relative;height: 600px;overflow: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.g-section4 .pic-logo{
    position: absolute;left: 50%;top: 235px;
    margin-left: -120px;
    text-align: center;z-index: 100;
}
.g-section4 .pic-logo img{display: inline-block;vertical-align: top;}

.g-section4 .circle{
    margin-top: 150px;
    text-align: center;position: relative;
}
.g-section4 .circle .img-bg{
    width: 100%;
    display: inline-block;vertical-align: top;
}

.ul-list17{}
.ul-list17 li{position: absolute;}
.ul-list17 .li1{left: 0;top: 23px;}
.ul-list17 .li2{left: 748px;top: -53px;}
.ul-list17 .li3{left: 198px;top: 109px;}
.ul-list17 .li4{left: 870px;top: 58px;}
.ul-list17 .li5{left: 1106px;top: 34px;}
.ul-list17 .li6{left: 254px;top: 268px;}
.ul-list17 .li7{left: 640px;top: 213px;}
.ul-list17 .li8{left: 1016px;top: 211px;}
.ul-list17 a{display: block;width: 120px;height: 120px;}
.ul-list17 a:hover{
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8); 
    -ms-transform: scale(.8); 
    -o-transform: scale(.8); 
    transform: scale(.8);
    transform-origin: center center;
}
.ul-list17 a img{
    display: block;width: 100%;height: 100%;
}*/


/*旋转样式*/
.g-section4{
    position: relative;height: 660px;overflow: hidden;/*padding-top: 31%;*/
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.g-section4 .pic-logo{
    position: absolute;left: 50%;top: 50%;z-index: 10;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    margin-top: -47px;
}
.g-section4 .pic-logo img{display: inline-block;vertical-align: top;}

@-webkit-keyframes cir1 {
  0% {
    -webkit-transform: rotateY(0deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateY(-360deg) rotateZ(0deg);
  }
}
@-moz-keyframes cir1 {
  0% {
    -webkit-transform: rotateY(0deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateY(-360deg) rotateZ(0deg);
  }
}
@-ms-keyframes cir1 {
  0% {
    -webkit-transform: rotateY(0deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateY(-360deg) rotateZ(0deg);
  }
}
@-o-keyframes cir1 {
  0% {
    -webkit-transform: rotateY(0deg) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateY(-360deg) rotateZ(0deg);
  }
}
@keyframes cir1 {
  0% {
    transform: rotateY(0deg) rotateZ(0deg);
  }
  100% {
    transform: rotateY(-360deg) rotateZ(0deg);
  }
}


@-webkit-keyframes cir2 {
  0% {
    transform: rotateX(0deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(0deg) rotateY(-405deg) rotateZ(-0deg);
  }
}
@-moz-keyframes cir2 {
  0% {
    transform: rotateX(0deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(0deg) rotateY(-405deg) rotateZ(-0deg);
  }
}
@-ms-keyframes cir2 {
  0% {
    transform: rotateX(0deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(0deg) rotateY(-405deg) rotateZ(-0deg);
  }
}
@-o-keyframes cir2 {
  0% {
    transform: rotateX(0deg) rotateY(-45deg) rotateZ(0deg);
  }
  100% {
    transform: rotateX(0deg) rotateY(-405deg) rotateZ(-0deg);
  }
}
@keyframes cir2 {
    0% {
      transform: rotateX(0deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-405deg) rotateZ(0deg);
    }
}


@-webkit-keyframes cir3 {
    0% {
      transform: rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-450deg) rotateZ(0deg);
    }
}
@-moz-keyframes cir3 {
    0% {
      transform: rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-450deg) rotateZ(0deg);
    }
}
@-ms-keyframes cir3 {
    0% {
      transform: rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-450deg) rotateZ(0deg);
    }
}
@-o-keyframes cir3 {
    0% {
      transform: rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-450deg) rotateZ(0deg);
    }
}
@keyframes cir3 {
    0% {
      transform: rotateX(0deg) rotateY(-90deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-450deg) rotateZ(0deg);
    }
}


@-webkit-keyframes cir4 {
    0% {
      transform: rotateX(0deg) rotateY(-135deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-495deg) rotateZ(0deg);
    }
}
@-moz-keyframes cir4 {
    0% {
      transform: rotateX(0deg) rotateY(-135deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-495deg) rotateZ(0deg);
    }
}
@-ms-keyframes cir4 {
    0% {
      transform: rotateX(0deg) rotateY(-135deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-495deg) rotateZ(0deg);
    }
}
@-o-keyframes cir4 {
    0% {
      transform: rotateX(0deg) rotateY(-135deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-495deg) rotateZ(0deg);
    }
}
@keyframes cir4 {
    0% {
      transform: rotateX(0deg) rotateY(-135deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-495deg) rotateZ(0deg);
    }
}


@-webkit-keyframes cir5 {
    0% {
      transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-540deg) rotateZ(0deg);
    }
}
@-moz-keyframes cir5 {
    0% {
      transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-540deg) rotateZ(0deg);
    }
}
@-ms-keyframes cir5 {
    0% {
      transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-540deg) rotateZ(0deg);
    }
}
@-o-keyframes cir5 {
    0% {
      transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-540deg) rotateZ(0deg);
    }
}
@keyframes cir5 {
    0% {
      transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-540deg) rotateZ(0deg);
    }
}


@-webkit-keyframes cir6 {
    0% {
      transform: rotateX(0deg) rotateY(-225deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-585deg) rotateZ(0deg);
    }
}
@-moz-keyframes cir6 {
    0% {
      transform: rotateX(0deg) rotateY(-225deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-585deg) rotateZ(0deg);
    }
}
@-ms-keyframes cir6 {
    0% {
      transform: rotateX(0deg) rotateY(-225deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-585deg) rotateZ(0deg);
    }
}
@-o-keyframes cir6 {
    0% {
      transform: rotateX(0deg) rotateY(-225deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-585deg) rotateZ(0deg);
    }
}
@keyframes cir6 {
    0% {
      transform: rotateX(0deg) rotateY(-225deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-585deg) rotateZ(0deg);
    }
}


@-webkit-keyframes cir7 {
    0% {
      transform: rotateX(0deg) rotateY(-270deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-630deg) rotateZ(0deg);
    }
}
@-moz-keyframes cir7 {
    0% {
      transform: rotateX(0deg) rotateY(-270deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-630deg) rotateZ(0deg);
    }
}
@-ms-keyframes cir7 {
    0% {
      transform: rotateX(0deg) rotateY(-270deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-630deg) rotateZ(0deg);
    }
}
@-o-keyframes cir7 {
    0% {
      transform: rotateX(0deg) rotateY(-270deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-630deg) rotateZ(0deg);
    }
}
@keyframes cir7 {
    0% {
      transform: rotateX(0deg) rotateY(-270deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-630deg) rotateZ(0deg);
    }
}


@-webkit-keyframes cir8 {
    0% {
      transform: rotateX(0deg) rotateY(-315deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-675deg) rotateZ(0deg);
    }
}
@-moz-keyframes cir8 {
    0% {
      transform: rotateX(0deg) rotateY(-315deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-675deg) rotateZ(0deg);
    }
}
@-ms-keyframes cir8 {
    0% {
      transform: rotateX(0deg) rotateY(-315deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-675deg) rotateZ(0deg);
    }
}
@-o-keyframes cir8 {
    0% {
      transform: rotateX(0deg) rotateY(-315deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-675deg) rotateZ(0deg);
    }
}
@keyframes cir8 {
    0% {
      transform: rotateX(0deg) rotateY(-315deg) rotateZ(0deg);
    }
    100% {
      transform: rotateX(0deg) rotateY(-675deg) rotateZ(0deg);
    }
}


@keyframes cir {
  0% {
    transform: rotateX(66deg) rotateY(0) rotateZ(0deg);
  }
  100% {
    transform: rotateX(66deg) rotateY(0) rotateZ(-360deg);
  }
}
@-moz-keyframes cir {
  0% {
    -webkit-transform: rotateX(66deg) rotateY(0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(66deg) rotateY(0) rotateZ(-360deg);
  }
}
@-webkit-keyframes cir {
  0% {
    -webkit-transform: rotateX(66deg) rotateY(0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(66deg) rotateY(0) rotateZ(-360deg);
  }
}
@-ms-keyframes cir {
  0% {
    -webkit-transform: rotateX(66deg) rotateY(0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(66deg) rotateY(0) rotateZ(-360deg);
  }
}
@-o-keyframes cir {
  0% {
    -webkit-transform: rotateX(66deg) rotateY(0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateX(66deg) rotateY(0) rotateZ(-360deg);
  }
}


@keyframes cir_p {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(-360deg);
  }
}
@-webkit-keyframes cir_p {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-360deg);
  }
}
@-moz-keyframes cir_p {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-360deg);
  }
}
@-ms-keyframes cir_p {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-360deg);
  }
}
@-o-keyframes cir_p {
  0% {
    -webkit-transform: rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(-360deg);
  }
}


.u_p3d{
    -webkit-transform-style: preserve-3d !important;
    transform-style: preserve-3d !important;
}

.ui_base {
    position: relative;
    width: 1120px;
    height: 0px;
    -webkit-perspective: 5000px;
    -webkit-perspective-origin: 50% 0%;
    perspective: 5000px;
    perspective-origin: 50% 0%;
    margin: 0 auto;
}
.base{
    -webkit-transform: rotateX(66deg) rotateY(0deg);
    transform: rotateX(66deg) rotateY(0deg);
    position: relative;
    width: 1000px;
    height: 1000px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    animation: cir 60s linear 0s infinite;
    -webkit-animation: cir 60s linear 0s infinite;
    -moz-animation: cir 60s linear 0s infinite;
    -ms-animation: cir 60s linear 0s infinite;
    -o-animation: cir 60s linear 0s infinite;
    margin: -200px auto 0;
}
.ball_base {
    -webkit-transform-origin: 530px 0px;
    -moz-transform-origin: 530px 0px;
    -ms-transform-origin: 530px 0px;
    -o-transform-origin: 530px 0px;
    transform-origin: 530px 0px;
    position: absolute;
    top: 50%;
    left: -26px;
    width: 225px;
    height: 127px;
}
.ball{
    -webkit-transition:all 2s ease-out 0ms;
    -moz-transition:all 2s ease-out 0ms;
    -ms-transition:all 2s ease-out 0ms;
    -o-transition:all 2s ease-out 0ms;
    transition:all 2s ease-out 0ms;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    width: 120px;
    height: 120px;
    text-align: center;
    left: 0px;
    top: 0px;
    opacity: 1;
    overflow: hidden;
}
        
.ball_c {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    position: absolute;
    width: 157px;
    height: 157px;
    line-height: 157px;
    text-align: center;
    background-image: url(../images/ball_center.png);
    left: 90px;
    top: 50px;
    color: #fff;
    font-size: 24px;
}

.pan {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/bg13.png) no-repeat center center;
    background-size: 100% 100%;
/*    -webkit-animation: cir_p 30s linear 0s infinite;
    animation: cir_p 30s linear 0s infinite;*/
}

.ball {
    color: #fff;
    opacity: 1;
}
.ball a{display: block;}
.ball img{
    display: block;width: 100%;
}

.ball_1 .ball {
    -webkit-animation: cir1 60s linear 0s infinite;
    -moz-animation: cir1 60s linear 0s infinite;
    -ms-animation: cir1 60s linear 0s infinite;
    -o-animation: cir1 60s linear 0s infinite;
    animation: cir1 60s linear 0s infinite;
    -webkit-transition-delay: 1500ms !important;
    -moz-animation: 1500ms !important;
    -ms-animation: 1500ms !important;
    -o-animation: 1500ms !important;
    transition-delay: 1500ms !important;
}
.ball_2 .ball {
    -webkit-animation: cir2 60s linear 0s infinite;
    -moz-animation: cir2 60s linear 0s infinite;
    -ms-animation: cir2 60s linear 0s infinite;
    -o-animation: cir2 60s linear 0s infinite;
    animation: cir2 60s linear 0s infinite;
    -webkit-transition-delay: 1300ms !important;
    -moz-animation: 1300ms !important;
    -ms-animation: 1300ms !important;
    -o-animation: 1300ms !important;
    transition-delay: 1300ms !important;
}
.ball_3 .ball {
    -webkit-animation: cir3 60s linear 0s infinite;
    -moz-animation: cir3 60s linear 0s infinite;
    -ms-animation: cir3 60s linear 0s infinite;
    -o-animation: cir3 60s linear 0s infinite;
    animation: cir3 60s linear 0s infinite;
    -webkit-transition-delay: 1500ms !important;
    -moz-animation: 1100ms !important;
    -ms-animation: 1100ms !important;
    -o-animation: 1100ms !important;
    transition-delay: 1100ms !important;
}
.ball_4 .ball {
    -webkit-animation: cir4 60s linear 0s infinite;
    -moz-animation: cir4 60s linear 0s infinite;
    -ms-animation: cir4 60s linear 0s infinite;
    -o-animation: cir4 60s linear 0s infinite;
    animation: cir4 60s linear 0s infinite;
    -webkit-transition-delay: 900ms !important;
    -moz-animation: 900ms !important;
    -ms-animation: 900ms !important;
    -o-animation: 900ms !important;
    transition-delay: 900ms !important;
}
.ball_5 .ball {
    -webkit-animation: cir5 60s linear 0s infinite;
    -moz-animation: cir5 60s linear 0s infinite;
    -ms-animation: cir5 60s linear 0s infinite;
    -o-animation: cir5 60s linear 0s infinite;
    animation: cir5 60s linear 0s infinite;
    -webkit-transition-delay: 700ms !important;
    -moz-animation: 700ms !important;
    -ms-animation: 700ms !important;
    -o-animation: 700ms !important;
    transition-delay: 700ms !important;
}
.ball_6 .ball {
    -webkit-animation: cir6 60s linear 0s infinite;
    -moz-animation: cir6 60s linear 0s infinite;
    -ms-animation: cir6 60s linear 0s infinite;
    -o-animation: cir6 60s linear 0s infinite;
    animation: cir6 60s linear 0s infinite;
    -webkit-transition-delay: 500ms !important;
    -moz-animation: 500ms !important;
    -ms-animation: 500ms !important;
    -o-animation: 500ms !important;
    transition-delay: 500ms !important;
}
.ball_7 .ball {
    -webkit-animation: cir7 60s linear 0s infinite;
    -moz-animation: cir7 60s linear 0s infinite;
    -ms-animation: cir7 60s linear 0s infinite;
    -o-animation: cir7 60s linear 0s infinite;
    animation: cir7 60s linear 0s infinite;
    -webkit-transition-delay: 300ms !important;
    -moz-animation: 300ms !important;
    -ms-animation: 300ms !important;
    -o-animation: 300ms !important;
    transition-delay: 300ms !important;
}
.ball_8 .ball {
    -webkit-animation: cir8 60s linear 0s infinite;
    -moz-animation: cir8 60s linear 0s infinite;
    -ms-animation: cir8 60s linear 0s infinite;
    -o-animation: cir8 60s linear 0s infinite;
    animation: cir8 60s linear 0s infinite;
    -webkit-transition-delay: 100ms !important;
    -moz-animation: 100ms !important;
    -ms-animation: 100ms !important;
    -o-animation: 100ms !important;
    transition-delay: 100ms !important;
}



.ball_1 {
    -webkit-transform: rotateX(-90deg) rotateY(0deg) translateY(-70px);
    -moz-animation: rotateX(-90deg) rotateY(0deg) translateY(-70px);
    -ms-animation: rotateX(-90deg) rotateY(0deg) translateY(-70px);
    -o-animation: rotateX(-90deg) rotateY(0deg) translateY(-70px);
    transform: rotateX(-90deg) rotateY(0deg) translateY(-70px);
}
.ball_2 {
    -webkit-transform: rotateX(-90deg) rotateY(45deg) translateY(-70px);
    -moz-animation: rotateX(-90deg) rotateY(45deg) translateY(-70px);
    -ms-animation: rotateX(-90deg) rotateY(45deg) translateY(-70px);
    -o-animation: rotateX(-90deg) rotateY(45deg) translateY(-70px);
    transform: rotateX(-90deg) rotateY(45deg) translateY(-70px);
}
.ball_3 {
    -webkit-transform: rotateX(-90deg) rotateY(90deg) translateY(-70px);
    -moz-animation: rotateX(-90deg) rotateY(90deg) translateY(-70px);
    -ms-animation: rotateX(-90deg) rotateY(90deg) translateY(-70px);
    -o-animation: rotateX(-90deg) rotateY(90deg) translateY(-70px);
    transform: rotateX(-90deg) rotateY(90deg) translateY(-70px);
}
.ball_4 {
    -webkit-transform: rotateX(-90deg) rotateY(135deg) translateY(-70px);
    -moz-animation: rotateX(-90deg) rotateY(135deg) translateY(-70px);
    -ms-animation: rotateX(-90deg) rotateY(135deg) translateY(-70px);
    -o-animation: rotateX(-90deg) rotateY(135deg) translateY(-70px);
    transform: rotateX(-90deg) rotateY(135deg) translateY(-70px);
}
.ball_5 {
    -webkit-transform: rotateX(-90deg) rotateY(180deg) translateY(-70px);
    -moz-animation: rotateX(-90deg) rotateY(180deg) translateY(-70px);
    -ms-animation: rotateX(-90deg) rotateY(180deg) translateY(-70px);
    -o-animation: rotateX(-90deg) rotateY(180deg) translateY(-70px);
    transform: rotateX(-90deg) rotateY(180deg) translateY(-70px);
}
.ball_6 {
    -webkit-transform: rotateX(-90deg) rotateY(225deg) translateY(-70px);
    -moz-animation: rotateX(-90deg) rotateY(225deg) translateY(-70px);
    -ms-animation: rotateX(-90deg) rotateY(225deg) translateY(-70px);
    -o-animation: rotateX(-90deg) rotateY(225deg) translateY(-70px);
    transform: rotateX(-90deg) rotateY(225deg) translateY(-70px);
}
.ball_7 {
    -webkit-transform: rotateX(-90deg) rotateY(270deg) translateY(-70px);
    -moz-animation: rotateX(-90deg) rotateY(270deg) translateY(-70px);
    -ms-animation: rotateX(-90deg) rotateY(270deg) translateY(-70px);
    -o-animation: rotateX(-90deg) rotateY(270deg) translateY(-70px);
    transform: rotateX(-90deg) rotateY(270deg) translateY(-70px);
}
.ball_8 {
    -webkit-transform: rotateX(-90deg) rotateY(315deg) translateY(-70px);
    -moz-animation: rotateX(-90deg) rotateY(315deg) translateY(-70px);
    -ms-animation: rotateX(-90deg) rotateY(315deg) translateY(-70px);
    -o-animation: rotateX(-90deg) rotateY(315deg) translateY(-70px);
    transform: rotateX(-90deg) rotateY(315deg) translateY(-70px);
}


/*旋转样式 end*/





/*
-----------------[02产品中心-01液态芯片平台]--------------*/
.g-txt1{background: #f9f9f9;padding: 30px;overflow: hidden;}
.g-txt1 .pic{width: 294px;height: 160px;overflow: hidden;float: left;}
.g-txt1 .pic img{display: block;width: 100%;height: 100%;}
.g-txt1 .txt{overflow: hidden;padding-left: 28px;color: #666;font-size: 14px;line-height: 26px;padding-top: 2px;}
.g-txt1 p{height: 156px;overflow: hidden;}

.ul-list6{background-repeat: repeat-x; background-position: center 51px; width:100%; overflow:hidden; margin-bottom:30px;background-image:url(../images/gbg2.png);margin: 33px 0 35px;}
.ul-list6 li{ float:left; height:140px; width: 14.2%;text-align: center;}
.ul-list6 .con{ display:block;}
.ul-list6 .dian{ display:block; height:60px; width:103px; background:url(../images/gicon11.png) no-repeat center bottom;margin: 0px auto;}
.ul-list6 .xian{ 
    display:none;background:#fff; text-align:center;border-radius:50%;width: 103px;height: 103px;margin: 0px auto;
    overflow: hidden;
}
.ul-list6 .xian img{
    display: block;width: 100%;height: 100%;
}
.ul-list6 .img{ display:block; margin:10px; background:#9ab958; width:81px; height:55px; padding:13px 0; border-radius:100px;}
.ul-list6 .title{ text-align:center; font-size:14px; margin-top:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; color:#666;}
.ul-list6 li.on .dian,.ul-list6 li:hover .dian{ display:none;}
.ul-list6 li.on .xian,.ul-list6 li:hover .xian{ display:block;}

.ul-list6-1 li{width: 25%;}

.tab-content1{overflow: hidden;}
.ul-list7{overflow: hidden;margin: 0 -9px;}
.ul-list7 li{ width:33.33%;float:left;position:relative;padding: 0 9px;margin-bottom: 37px;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ul-list7 .nr{ display:block;height:100%;width:100%;}
.ul-list7 .img{ height:0;  position:relative;overflow:hidden;padding-top: 75%;display: block;}
.ul-list7 .img img{ width:100%; height:100%;display: block;position: absolute;left: 0;top: 0;}
.ul-list7 .title{ font-size:14px; color:#333; height:22px; line-height:22px; word-break:break-all; overflow:hidden;font-weight: normal;margin-top: 18px;}
.ul-list7 .con{ padding:25px 25px 24px; border:1px solid #ddd; position:relative;overflow: hidden;}
.ul-list7 .txt{line-height:22px; color:#555; max-height:164px; overflow:hidden;position: absolute;left: 0;right: 0;bottom: 0;background: #fff;bottom: -200%;font-size: 14px;color: #666;   
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;padding-top: 6px;
}
.ul-list7 .title span{color: #07913a;font-weight: bold;}
.ul-list7 .con:hover .txt{bottom: 0;}
.ul-list7 .con:hover .txt .title{color:#07913a;margin-bottom: 8px;}
.ul-list7 .con:hover{border-color: #07913a;}
.h10{overflow: hidden;height: 12px;}

/*
-----------------[03研发与创新-03科研成果]--------------*/
.ul-list8{padding-top: 7px;}
.ul-list8 .title{color: #333;font-size: 14px;font-weight: normal;margin-bottom: 39px;}
.ul-list8 li{overflow: hidden;margin-bottom: 44px;}
.ul-list8 .pic{width: 450px;float: left;overflow: hidden;height: 252px;}
.ul-list8 .pic img{display: block;width: 100%;height: 100%;}
.ul-list8 .txt{overflow: hidden;padding: 50px 34px 10px;color: #666;font-size: 14px;line-height: 22px;height: 252px;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ul-list8 h4{padding-top: 26px;height: 1.1em;line-height: 1.1em;overflow: hidden;color: #07913a;font-size: 18px;font-weight: normal;position: relative;margin-bottom: 18px;}
.ul-list8-1 h4{color: #000;}
.ul-list8 h4:before{position: absolute;content: '';width: 35px;height: 1px;background: #07913a;top: 0;}
.ul-list8  p{max-height: 110px;overflow: hidden;}
.ul-list8 li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.ul-list8 li:hover .txt{background: #f7f7f7;}
.ul-list8 li:nth-child(2n) .pic{float: right;}
.ul-list8 li:nth-child(2n) .txt{text-align: right;}
.ul-list8 li:nth-child(2n) h4:before{right: 4px;}
.ul-list8 li:nth-child(2n+1){left: 4px;}

/*
-----------------[03研发与创新-04未来产品]--------------*/
.g-section5{overflow: hidden;padding-bottom: 21px;}
.g-section5 .m-list4{margin: 0 -28px;}
.g-txt2{color: #333;font-size: 14px;line-height: 24px;}
.g-txt2 .txt{padding-bottom: 30px;}
.g-txt2 img{display: block;width: 100%;height: auto;}

/*
-----------------[04新闻与媒体-01新闻资讯]--------------*/
.m-news{overflow: hidden;background: #07913a;height: 228px;}
.m-news .l-new{float: left;width: 70%;}
.m-news .r-new{float: right;width:30%;background: #3463a3;height: 228px;}
.m-news .txt{font-size: 14px;color: #fff;line-height: 25px;padding: 47px 60px 10px 35px;}
.m-news h3 a{display: block;height: 1.1em;line-height: 1.1em;overflow: hidden;font-size: 18px;font-weight: normal;color: #fff;}
.m-news h3{margin-bottom: 10px;}
.m-news p{height: 50px;overflow: hidden;}
.m-news .more{display: block;width: 166px;height: 42px;border: 1px solid #fff;color: #fff;line-height: 42px;padding: 0 15px;position: relative;margin-top: 16px;   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.m-news .more i{display: block;width: 6px;height: 10px;background: url(../images/gicon15.png) no-repeat center center;position: absolute;right: 15px;top: 50%;margin-top: -5px;}
.m-news .con{padding: 30px 35px 10px;}
.m-news .title{font-size: 18px;color: #fff;height: 1.1em;line-height: 1.1em;margin-bottom: 10px;}
.m-news select{display: block;width: 100%;padding: 0 15px;background: url(../images/gicon13.png) #fff no-repeat center right;height: 40px;
    line-height: 40px;border: none;margin-bottom: 8px;font-size: 14px;color: #666;
}
.m-news .input{display: block;width: 100%;height: 40px;line-height: 40px;border: none;font-size: 14px;color: #666;padding: 0 40px 0 15px;}
.m-news .key{position: relative;}
.m-news .btn{display: block;width: 22px;height: 40px;background: url(../images/gicon14.png) no-repeat center center;position: absolute;right: 15px;top: 0;
    border: none;text-indent: -9999em;
}
.m-news .btn:hover{
    opacity: .8;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.ul-list9{margin:8px 0 36px;}
.ul-list9 li{overflow: hidden;padding:24px 0;background: url(../images/gicon18.png) repeat-x left bottom;}
.ul-list9 .con{display: block;position: relative;}
.ul-list9 .date{float: left;width: 86px;height: 86px;border: 1px solid #d1d1d1;line-height: 32px;color: #606060;font-size: 14px;text-align: center;}
.ul-list9 .date span{font-size: 40px;font-weight: bold;font-family: "arial";height: 54px;line-height: 54px;overflow: hidden;display: block;background: #858585;color: #fff;}
.ul-list9 .txt{color: #666;font-size: 14px;line-height: 22px;padding: 0 196px 0 48px;overflow: hidden;}
.ul-list9 h3{
    color: #333;font-size: 18px;font-weight: normal;height: 1.1em;line-height: 1.1em;overflow: hidden;margin-bottom: 20px;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ul-list9 p{height: 44px;overflow: hidden;padding-top: 10px;position: relative;}
.ul-list9 p:before{position: absolute;content: '';height: 1px;width: 77px;background: #b9b9b9;left: 0;top: 0;}
.ul-list9 .icon{display: block;width: 34px;height: 34px;background: url(../images/gicon19.png) no-repeat center center;position: absolute;right: 0;top: 50%;margin-top: -17px;}
.ul-list9 .con:hover .date span{background:#07913a; }
.ul-list9 .con:hover h3{color:#07913a; }
.ul-list9 .con:hover .icon{background: url(../images/gicon19-2.png) no-repeat center center;}

.ul-list9-1{margin: 18px 0 20px;}
.ul-list9-1 .date{
    height: auto;width: auto;padding: 0 5px;
    font-size: 18px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    border: none;
}
.ul-list9-1 li{padding: 20px 0;}
.ul-list9-1 h3{height: 34px;line-height: 34px;margin-bottom: 0;}
.ul-list9-1 .con:hover .date{/*background: #07913a;border-color: #07913a;*/color: #07913a;}
.ul-list9-1 .icon{width:48px;background-image: url(../images/icon35.png);}
.ul-list9-1 .con:hover .icon{background-image: url(../images/icon35-1.png);}

/*
-----------------[05销售与服务-01营销团队]--------------*/
.m-team{}
.m-team .slick-next,.m-team .slick-prev{
    position: absolute;overflow: hidden;top: 0;
    width: 250px;height: 100%;font-size: 0;line-height: 0;z-index: 999;
    background: none;border: none;cursor: pointer;
}
.m-team .slick-prev{left: 0;}
.m-team .slick-next{right: 0;}

.m-team .slider,.m-team .item{outline: 0;position: relative;}
.m-team .item{padding: 54px 0;}
.m-team .con{position: relative;} 
.m-team .pic{
    display: block;overflow: hidden;
    height: 188px;width: 325px;
    margin: 0 auto;
}
.m-team .pic img{
    display: block;width: 100%;height: 100%;
    opacity: 1 !important;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)' !important;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
}
.m-team .slick-current .pic{
    -webkit-transform: scale(1.57);
    -moz-transform: scale(1.57); 
    -ms-transform: scale(1.57); 
    -o-transform: scale(1.57); 
    transform: scale(1.57);
    transform-origin: 50% 50%;
    position: relative;z-index: 999;
}
.m-team .slick-current .pic img{position: absolute;left: 0;top: 0;}



.m-team .slick-current .shade{display: none;}
.m-team .slick-dots{text-align: center;position: absolute;left: 0;right: 0;bottom: 0px;height: 1px;}
.m-team .slick-dots li{display: inline-block;margin: 0 4px;height: 1px;}
.m-team .slick-dots button{text-indent: -9999em;border: none;cursor: pointer;outline: 0;width: 35px;height: 1px;background: #ff0000;padding: 0;}
.m-team .slick-dots .slick-active button{background: #0000ff;}
.m-team .shade{background: rgba(255,255,255,.3);position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

.g-section6{overflow: hidden;padding: 40px 0 10px;}
.ul-list10 {overflow: hidden;margin: 0 -34px;}
.ul-list10 li{width: 33.33%;float: left;padding: 0 34px;margin-bottom: 25px;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ul-list10 .con{color: #333;font-size: 14px;line-height: 22px;}
.ul-list10 h3{font-size: 18px;font-weight: normal;height: 50px;line-height: 50px;position: relative;overflow: hidden;color: #e8890f;border-bottom: 1px solid #ccc;margin-bottom: 12px;font-weight: bold;}
.ul-list10 h3 i{display: inline-block;width: 17px;height: 17px;background: url(../images/gicon20.png) no-repeat center center;vertical-align: middle;margin-left: 14px;}
.ul-list10 p{height: 66px;overflow: hidden;}
.g-pic2{overflow: hidden;text-align: center;}
.g-pic2 img{display: inline-block;max-width: 100%;height: auto;}

/*
-----------------[05销售与服务-02销售网络]--------------*/
.g-txt2{padding-top: 4px;color: #333;font-size: 14px;line-height: 23px;}
.g-txt2 p{margin-bottom: 20px;}
.g-txt2 .p1{margin-bottom: 0;}
.g-txt2 .pic{text-align: center;padding-top: 25px;}
.g-txt2 .pic img{display: inline-block;max-width: 100%;height: auto;}

/*
-----------------[05销售与服务-03学术合作]--------------*/
.g-txt3{color: #333;font-size: 14px;line-height: 22px;padding: 8px 0 32px;}
.g-section7{overflow: hidden;}
.ul-list11{overflow: hidden;margin: 0 -9px;}
.ul-list11 li{width: 25%;float: left;padding: 0 9px;   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ul-list11 .con{display: block;overflow: hidden;height: 0;padding-top: 75%;position: relative;}
.ul-list11 .con img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.ul-list11 .txt{position: absolute;left: 0;right: 0;bottom: 0;padding: 0 22px;height: 46px;line-height: 46px;background: rgba(0,0,0,.5);font-size: 16px;color: #fff;}
.ul-list11 .icon{display: block;background: url(../images/gicon21.png) rgba(29,81,52,.5) no-repeat center 30px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}

.ul-list12{padding: 5px 20px 28px;}
.ul-list12 li{padding: 25px 0 32px;border-bottom: 1px solid #f0f2f5;font-size: 14px;color: #666;margin-bottom: 12px;}
.ul-list12 h3{font-size: 18px;margin-bottom: 19px;}
.ul-list12 span{padding-right: 61px;background: url(../images/gicon22.png) no-repeat center right;font-size: 72px;font-family: 'arail';height: 72px;line-height: 72px;color: #5a5a5a;}
.ul-list12 li:hover h3{color: #07913a;}
.ul-list12 li:hover span{background: url(../images/gicon23.png) no-repeat center right;color: #07913a;}

/*
-----------------[06社会责任-03智能管理]--------------*/
.ul-list13{padding-top: 15px;}
.ul-list13 li{margin-bottom: 38px;}
.ul-list13 .con{overflow: hidden;}
.ul-list13 .pic{width: 261px;height: 265px;overflow: hidden;float: left;}
.ul-list13 .pic img{display: block;width: 100%;height: 100%;}
.ul-list13 .txt{overflow: hidden;padding: 38px 32px 0 70px;color: #333;font-size: 14px;line-height: 24px;}
.ul-list13 h3{font-size: 18px;font-weight: normal;height: 1.1em;line-height: 1.1em;overflow: hidden;background: url(../images/gicon24.png) no-repeat center left;
    padding-left: 30px;margin-bottom: 10px;
}
.ul-list13 li:nth-child(2n) .pic{float: right;}
.ul-list13 li:nth-child(2n) .txt{padding: 40px 70px 0 32px;}
.ul-list13 p{height: 144px;overflow: hidden;margin-bottom: 22px;}
.ul-list13 .p2{height: 48px;overflow: hidden;}
/*
-----------------[07求贤纳才-01人才理念]--------------*/
.g-txt4 {padding-top: 11px;}
.g-txt4 .pic{display: block;max-width: 100%;margin: 0px auto 49px;}
.g-txt4 .txt{padding-top: 39px;border-top: 1px solid #e5e5e5;font-size: 14px;color: #333;line-height: 22px;}

.ul-list14{padding-top: 34px;}
.ul-list14 h3{color: #07913a;font-size: 26px;font-weight: normal;margin-bottom: 13px;}
.ul-list14 li{overflow: hidden;margin-bottom: 37px;}
.ul-list14 .pic{width: 450px;float: right;overflow: hidden;height: 263px;}
.ul-list14 .pic img{display: block;width: 100%;height: 100%;}
.ul-list14 .txt{overflow: hidden;padding: 47px 32px 10px 25px;color: #666;font-size: 14px;line-height: 24px;height: 263px;background: #f9fafc;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ul-list14  p{max-height: 144px;overflow: hidden;}
.ul-list14 li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.ul-list14 li:nth-child(2n) .pic{float: left;}

/*
-----------------[07求贤纳才-02人才招聘]--------------*/
.ul-list15 li{font-size: 14px;color: #333;margin-bottom: 7px;}
.ul-list15 .title{overflow: hidden;height: 47px;line-height: 47px;background: #f9fafc;position: relative;}
.ul-list15 .title .con3{color: #999;}
.ul-list15 .con1{width: 50%;float: left;padding: 0 28px;height: 47px;overflow: hidden;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ul-list15 .con2{width: 19%;float: left;padding: 0 10px;text-align: center;  height: 47px;overflow: hidden;  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ul-list15 .con3{width: 18%;float: left;text-align: center;padding: 0 10px;height: 47px;overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.ul-list15 .icon{display: block;width: 25px;height: 25px;background: url(../images/gicon25.png) no-repeat center center;position: absolute;
    right: 57px;top: 50%;margin-top: -12px;cursor: pointer;
}
.ul-list15 .on .icon{background: url(../images/gicon26.png) no-repeat center center;}
.ul-list15 .content{padding: 25px 30px;font-size: 14px;color: #333;display: none;}
.ul-list15 .content span{font-weight: bold;}
.ul-list15 .txt2{padding-top: 26px;color: #666;line-height: 23px;margin-bottom: 3px;}
.ul-list15 h3{font-size: 14px;color: #333;}
.ul-list15 .txt{line-height:24px;}
.ul-list15 .on .content{display: block;}
.ul-list15 .on .title{background: #07913a;color: #fff;}
.ul-list15 .on  .con3{color: #fff;}

.h15{overflow: hidden;height: 13px;}


.ul-list16{position: relative;height: 442px;}
.ul-list16 li{width: 23%;position: absolute;}
.ul-list16 .inner{display: block;height: 0;padding-top: 115%;position: relative;cursor: pointer;}

.ul-list16 img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0; -webkit-transition: 1s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
     
}
.ul-list16 li:first-child{left: 0;top: 0;}
.ul-list16 li:nth-child(2){left: 26%;top: 0;}
.ul-list16 li:nth-child(3){left: 51.5%;top: 0;}
.ul-list16 li:nth-child(4){right: 0;top: 0;}
.ul-list16 li:nth-child(5){left:13%;top: 195px;}
.ul-list16 li:nth-child(6){left: 38.5%;top: 195px;}
.ul-list16 li:last-child{right: 13%;top: 195px;}

.ul-list16 .inner .icon1 img {
      z-index: 2;
}
.ul-list16 .inner:hover .icon2 img{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg); 
}
.ul-list16 .inner:hover .icon1 img{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg); 
    z-index: -1;
}
 
  


/*
-----------------[猕猴桃]--------------*/
/*******************************
    -------[=01关于协和洛克]-------
********************************/
/* 01企业概况 */
.m-txt2 {
    padding-top:0px;
}
.m-txt2 .top {
    overflow: hidden;
    margin-bottom: 40px;
}
.m-txt2 .top .r-con {
    float: right;
    width: 225px;
}
.m-txt2 .top .r-con img {
    display: block;
    width: 100%;
}
.m-txt2 .top .l-con {
    overflow: hidden;
    padding-right: 30px;
}
.m-txt2 .title {
    margin-bottom: 18px;
}
.m-txt2 .title h1 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    color: #000;
}
.m-txt2 .title span {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    font-size: 16px;
    line-height: 2em;
    color: #666;
}
.m-txt2 .title span:before, .m-txt2 .title span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 20px;
    height: 1px;
    background-color: #bcbcbc;
}
.m-txt2 .title span:before {
    left: 0;
}
.m-txt2 .title span:after {
    right: 0;
}
.m-txt2 .con {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}
.m-txt2 .m-list1 {
    margin-bottom: 40px;
}
.m-txt2 .ul-list2 {
    padding-top:30px;
}
.m-txt2 .ul-list2 .bg {
    background-size: 55px auto;
}

.m-list1 {
    position: relative;
    overflow: hidden;
    background: url(../images/ybg1-1.png) right 0 repeat-y;
}
.m-list1:before {
    content: "";
    position: absolute;
    top: 0;left: 0;
    width: 100%;
    height: 1px;
    background: url(../images/ybg1-2.png) 0 0 repeat-x;
}
.m-list1 li {
    position: relative;
    float: left;
    width: 25%;
    padding: 20px 0 15px;
    background: url(../images/ybg1-1.png) 0 0 repeat-y;
}
.m-list1 li:after {
    content: "";
    position: absolute;
    bottom: 0;left: 0;
    width: 100%;
    height: 1px;
    background: url(../images/ybg1-2.png) 0 0 repeat-x;
}
.m-list1 .num {
    width: 100%;
    max-width: 112px;
    height: 92px;
    margin: 8px auto;
    text-align: right;
}
.m-list1 .num img {
    vertical-align: top;
}
.m-list1 .txt {
    padding: 20px 5px 0;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    color: 30px;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 02发展历程 */
.m-list2 {
    background: #fff url(../images/ybg2-1.png) center 0 repeat-y;
}
.m-list2 li {
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}
.m-list2 li.odd .inner {
    float: left;
}
.m-list2 li.odd .pic {
    float: left;
}
.m-list2 li.odd .txt {
    padding: 0 35px 0 15px;
    text-align: right;
}
.m-list2 li.even .inner {
    float: right;
}
.m-list2 li.even .pic {
    float: right;
}
.m-list2 li.even .txt {
    padding: 0 15px 0 35px;
    text-align: left;
}
.m-list2 li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 36px;
    height: 36px;
    margin-left: -18px;
    background: url(../images/yicon2-1.png) 0 0 no-repeat;
    background-size: contain;
}
.m-list2 li.on:after {
    background-image: url(../images/yicon2-2.png);
}
.m-list2 .inner {
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    display: block;
    width: 50%;

    -webkit-transition: 0.8s;
       -moz-transition: 0.8s;
        -ms-transition: 0.8s;
         -o-transition: 0.8s;
            transition: 0.8s;
}
.m-list2 li.show .inner {
    opacity: 1;
    filter: alpha(opacity=100);
}
.m-list2 .pic {
    overflow: hidden;
    width: 138px;
    height: 138px;
    border: 7px solid #f39c0f;
    border-radius: 50%;
}
.m-list2 .pic img {
    display: block;
    width: 100%;
    height: 100%;
}
.m-list2 .txt {
    overflow: hidden;
    font-size: 14px;
    color: #333;
}
.m-list2 .txt em {
    display: block;
    margin-bottom: 8px;
    font-size: 30px;
    line-height: 36px;
}
.m-list2 .txt h4 {
    margin-bottom: 6px;
    font-weight: bold;
    line-height: 22px;
}
.m-list2 .txt p {
    margin-bottom: 14px;
    line-height: 24px;
}
.m-list2 .last {
    background-color: #fff;
}

/* 03社会认可 */
.m-slick1 {
    padding: 10px 33px 0;
    margin-bottom: 45px;
}
.m-slick1 .slick-track {
    padding: 18.2% 0;
}
.m-slick1 .item {
    margin: 0 1.95%;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-slick1 .slick-current {
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -ms-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
}
.m-slick1 .pic {
    position: relative;
    overflow: hidden;
    padding-top: 75%;
}
.m-slick1 .pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)' !important;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
}
.m-slick1 .slick-arrow {
    position: absolute;
    top: 0;
    z-index: 5;
    opacity: 0;
    filter: alpha(opacity=0);

    width: 30%;
    height: 100%;
    padding: 0;
    border: 0;
    background: none;

    text-indent: -9999px;
    
    cursor: pointer;
}
.m-slick1 .slick-prev {
    left: 0;
}
.m-slick1 .slick-next {
    right: 0;
}

.m-list3 {
    margin-bottom: 27px;
}
.m-list3 .name {
    float: left;
    width: 70%;
    padding-left: 5%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m-list3 .time {
    float: right;
    width: 20%;
    padding-right: 5%;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m-list3 dt {
    overflow: hidden;
    margin-bottom: 2px;

    font-size: 16px;
    line-height: 44px;
    color: #fff;
    background-color: #07913a;
}
.m-list3 dd {
    overflow: hidden;
    padding-bottom: 1px;

    background: url(../images/ybg7.png) 0 bottom repeat-x;
}
.m-list3 a {
    display: block;

    font-size: 14px;
    line-height: 62px;
    color: #000;
}
.m-list3 a .time {
    color: #333;
}
.m-list3 a:hover {
    color: #07913a;
}
.m-list3 a:hover .time {
    color: #07913a;
}

/*页码*/
.m-page {
    padding-bottom: 30px;
    text-align: center;
}

.m-page ul {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.m-page ul li {
    float: left;
    min-width: 30px;
    line-height: 34px;
    margin: 0 2px;
}

.m-page li a {
    display: block;
    font-size: 16px;
    color: #666;
    padding: 0 13px;
    background: #fff;
    border: 1px #dadada solid;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.m-page li a:hover, .m-page li.on a {
    background: #07913a;
    color: #fff;
}

/* 04企业文化 */
.m-list4 {
    overflow: hidden;
    padding-top: 12px;
    margin: 0 -28px 16px;
}
.m-list4 li {
    float: left;
    width: 25%;
    padding: 0 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.m-list4 .inner {
    display: block;
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}
.m-list4 .inner .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.m-list4 .inner .icon1 {
    z-index: 2;
}
.m-list4 .inner .icon2 img {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.m-list4 .inner img {
    display: block;
    width: 100%;
    height: 100%;
}
.m-list4 .inner:hover .icon {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.m-list4 .inner:hover .icon1 {
    z-index: -1;
}
.m-list4 li.on .icon {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.m-list4 li.on .icon1 {
    z-index: -1;
}

.m-txt3 {
    font-size: 14px;
    color: #666;
}
.m-txt3 .m-tit1 {
    margin-bottom: 18px;
    line-height: 62px;
}
.m-txt3 .pic {
    padding-top: 20px;
}
.m-txt3 .pic img {
    display: block;
    width: 100%;
}

.m-list5 {
    margin-left: -2px;
}
.m-list5 li {
    float: left;
    width: 20%;
    padding-left: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    overflow: hidden;
}
.m-list5:hover li {
    width: 14.17%;
}
.m-list5:hover li.on{width: 43.29%;}
.m-list5:hover li.on .icon {
    width: 96px;height: 126px;
}
.m-list5:hover li.on .txt {
    left: 96px;
}
.m-list5 a {
    position: relative;
    display: block;
    height: 310px;
}
.m-list5 .img {
    height: 100%;
    width: 400px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.m-list5 .img img{
    display: block;width: 100%;height: 100%;
}
.m-list5 .box {
    overflow: hidden;
    position: absolute;left: 0;top: 0;
    width: 100%;height: 100%;
}
.m-list5 .icon {
    width: 100%;height: 100%;
    position: absolute;left: 0;top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../images/ybg3-1.png);
    font-size: 16px;
    text-align: center;
    line-height: 2em;
    color: #333;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -ms-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.m-list5 .icon .inner{
    position: absolute;left: 0;right: 0;top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.m-list5 .icon img {
    vertical-align: top;
    margin-bottom: 5px;
}
.m-list5 .txt {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 195px;
    height: 126px;
    padding: 0 22px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0;
    background: url(../images/ybg3-2.png) 0 0 repeat;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}
.m-list5 .txt:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}
.m-list5 .txt span {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    max-height: 110px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}

/* 05生产设备 */
.m-txt2-1 .top {margin-bottom: 50px;}
.m-txt2-1 .top .r-con {
    width: 326px;
}
.m-txt2-1 .box {
    display: block;
    overflow: hidden;
    position: relative;
    padding-top: 75.15%;
}
.m-txt2-1 .box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.m-txt2-1 .box .ico {
    position: absolute;
    top: 50%;
    left: 50%;
}
.m-txt2-1 .video .ico {
    width: 82px;
    height: 82px;
    margin: -41px 0 0 -41px;
    background: url(../images/yicon4.png) 0 0 no-repeat;
    background-size: contain;
}
.m-txt2-1 .box: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);
}
.m-txt2-1 .img .ico {
    width: 56px;
    height: 56px;
    margin: -28px 0 0 -28px;
    background: url(../images/gicon21.png) 0 0 no-repeat;
    background-size: contain;
}
.m-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;z-index: 9999;
}
.m-pop .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/ybg5.png) 0 0 repeat;
}

.video-pop {
    position: absolute;
    top: 30%;
    left: 50%;
    width: 700px;
    margin-left: -350px;
}
.video-pop .title {
    background: #434343;
}
.video-pop .title h4 {
    line-height: 30px;
    padding-left: 10px;
    margin: 0;
    font-weight: 400;
    font-size: 15px;
    color: #fff;
}
.video-pop .title a {
    width: 20px;
    height: 20px;
    margin-top: -26px;
    color: #fff;
    font: 700 1.5em/20px Tahoma;
    position: absolute;
    right: 6px;
}
.video-pop .video video {
    display: block;
    width: 100%;
}
.video-pop .video embed {
    display: block;
    width: 100%;
    height: 500px;
}

.m-list6 {
    overflow: hidden;
    margin: 0 -16px 3px;

    font-size: 0;
}
.m-list6 li {
    float: left;
    width: 20%;
}
.m-list6 a {
    position: relative;
    display: block;
    height: 95px;
    padding: 0 30px;
    margin: 0 -14px;
    text-align: center;
    color: #333;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}
.m-list6 a .bg {
    height: 100%;
    background-color: #eee;
}
.m-list6 a:before, .m-list6 a:after {
    content: "";
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 200%;
}
.m-list6 a:before {
    left: 0;
    background-image: url(../images/ybg4-1.png);
}
.m-list6 a:after {
    right: 0;
    background-image: url(../images/ybg4-2.png);
}
.m-list6 a span {
    display: block;
    padding-top: 20px;
    font-size: 20px;
    font-weight: bold;
}
.m-list6 a p {
    font-size: 14px;
    line-height: 18px;
}
.m-list6 li.on a,
.m-list6 a:hover {
    color: #fff;
}
.m-list6 li.on a .bg,
.m-list6 a:hover .bg {
    background-color: #07913a;
}
.m-list6 li.on a:before, .m-list6 li.on a:after,
.m-list6 a:hover:before,
.m-list6 a:hover:after {
    background-position: 0 bottom;
}

.m-txt4 {
    display: none;
    overflow: hidden;
    position: relative;
}
.m-txt4 .pic {
    overflow: hidden;
}
.m-txt4 .pic img {
    display: block;
    width: 100%;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.m-txt4 .txt {
    position: absolute;
    top: 0;
    right: -36.3333%;
    width: 36.3333%;
    height: 100%;
    padding: 0 37px;
    font-size: 0;
    background: url(../images/ybg5.png) 0 0 repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
.m-txt4 .txt:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}
.m-txt4 .txt .dib {
    display: inline-block;
    vertical-align: middle;
}
.m-txt4 .txt h3 {
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.m-txt4 .txt p {
    overflow: hidden;
    max-height: 168px;
    font-size: 14px;
    line-height: 24px;
    color: #fff;

    display: -webkit-box;
    display: box; 
    
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}
.m-txt4.on {
    display: block;
}
.m-txt4.on .pic 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);
}
.m-txt4.on .txt {
    right: 0;
}

/*******************************
    -------[=END 01关于协和洛克]-------
********************************/
/*******************************
    -------[=07求贤纳才-03联系我们]-------
********************************/
#bd.contact {
    margin-bottom: 0;
}

.m-map {
    height: 382px;
    margin: 40px 0;
}

.m-list7 {
    overflow: hidden;
    height: 322px;
    background: url(../images/ybg6.png) center bottom no-repeat;
    background-size: 100% 224px;
}
.m-list7 li {
    float: left;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.m-list7 .pic {
    width: 90px;
    height: 90px;
    margin: 0 auto;
}
.m-list7 .txt {
    text-align: center;
}
.m-list7 .txt em {
    font-size: 16px;
    line-height: 28px;
    color: #333;
}
.m-list7 .txt p {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}
.m-list7 .i1 {
    padding-right: 47px;
}
.m-list7 .i1 .pic {
    margin: 20px auto 70px;
}
.m-list7 .i2 {
    padding-right: 32px;
}
.m-list7 .i2 .pic {
    margin: 40px auto 65px;
}
.m-list7 .i3 .pic {
    margin: 42px auto 78px;
}
.m-list7 .i4 {
    padding-right: 16px;
}
.m-list7 .i4 .pic {
    margin-bottom: 66px;
}
.m-list7 .i5 {
    padding-left: 35px;
}
.m-list7 .i5 .pic {
    margin: 46px auto 63px;
}

/*******************************
    -------[=END 07求贤纳才-03联系我们]-------
********************************/


/*弹出大图*/
.bigPopBox{position: fixed;left: 0;right: 0;z-index: 9990;
    background-color: rgba(0,0,0,.8);height: 100%;top: -100%;
    transition: .6s;
    -ms-transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -o-transition: .6s;
    overflow: hidden;
}
.bigPopBox.open{top: 0;}
.bigPopBox .CloseBtn{position: absolute;right: 0;top: 0;width: 40px;height: 40px;
    background:#07913a url(../images/close.png) no-repeat center;
}

.bigPopBox .slider{position: absolute;left: 0;right: 0;top: 10%;bottom: 10%;}
.bigPopBox .slick-list,.bigPopBox .slick-track,.bigPopBox .slick-slide{height: 100%;}
.bigPopBox .slick-arrow{position: absolute;top: 0;width: 5%;height: 100%;min-width: 50px;
    font-size: 0;line-height: 0;text-indent: 9999;overflow: hidden;border:0;
    background: none;cursor: pointer;z-index: 9;
    background-repeat: no-repeat;
    background-position: center;
    transition: .6s;
    -ms-transition: .6s;
    -moz-transition: .6s;
    -webkit-transition: .6s;
    -o-transition: .6s;
}
.bigPopBox .slick-prev{left: 200px;background-image: url(../images/arr-l2.png);}
.bigPopBox .slick-next{right: 200px;background-image: url(../images/arr-r2.png);}
.bigPopBox .slick-prev:hover,.bigPopBox .slick-next:hover{
    opacity: .7;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 70)';
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
}

.bigPopBox .item{position: relative;height: 100%;}
.bigPopBox .con{text-align: center;position: absolute;left: 0;right: 0;top: 50%;
    max-height: 100% !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.bigPopBox .pic{width: 800px;height:600px;margin: 0 auto;}
.bigPopBox .pic img{display: block;
    width: 100%;height: 100%;
    opacity: 1 !important;
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)' !important;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
}
.bigPopBox h4{font-size: 14px;font-weight: normal;color: #fff;font-size: 16px;
    position: absolute;left: 0;right: 0;top: 100%;margin-top: 40px;
}


/*
-----------------[详情页]--------------*/
.m-flip{
    font-size: 14px;
    line-height: 30px;
}
.m-flip .prev,.m-flip .next{
    overflow: hidden;
    padding: 0 10px;
    height: 30px;
    border-bottom: 1px solid #cccccc;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.m-flip .prev span,.m-flip .next span{
    display: block;float: left;
    margin-right: 10px;font-weight: bold;
    padding-left: 30px;
    background-position: left center;
    background-repeat: no-repeat;
}
.m-flip .prev span{background-image: url(../images/icon30.png);}
.m-flip .next span{background-image: url(../images/icon29.png);}
.m-flip .prev em,.m-flip .next em{display: block;float: right;margin-left: 7px;}



.m-txt5{
    font-size: 13px;color: #555;line-height: 3em;
    padding-bottom: 20px;
}
.m-txt5 h1{
    font-size: 18px;color: #555;line-height: 32px;
    text-indent: 0;
}
.m-txt5 p{padding-bottom: 20px;text-indent: 2em;}
.m-txt5 p img{
    text-indent: 0;
    display: inline-block;vertical-align: top;
}
.m-txt5 .info{
    padding: 10px 0;
    color: #999;line-height: 28px;
    border-bottom: 1px #ccc dotted;
    margin-bottom: 20px;
    text-indent: 0;
}
.m-txt5 .info span{
    display: inline-block;vertical-align: middle;
    margin: 0 4px;
}
.m-txt5 .info span i{
    display: inline-block;vertical-align: middle;
    width: 26px;height: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: -1px;
}
.jltd{ margin-bottom:80px; overflow:hidden}
.jltd li{ width:50%; float:left; margin:20px 0 5px;}
.jltd li p{ width:20%; float:left; line-height:30px; font-size:14px;}
.jltd li input{ width:60%; float:left; height:30px; border:1px solid #ccc}
.jltd li span{ line-height:30px; margin-left:5px; color:#F00;}
.jltd li select{ width:60%; float:left; height:30px; border:1px solid #ccc}