@charset "utf-8";
/* CSS Document */
/*切图：yf*/
html{ overflow-x:hidden; overflow-y:auto;}
body{overflow: hidden;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{
	/* [disabled]font-family:'Microsoft yahei' ,Arial; */
	font-size:12px;
}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333; cursor: pointer;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover, a:active, a:visited, a:link, a:focus{
    outline:none;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}



.top1{ position: relative; width:100%; height:160px; z-index:1010; background-color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top1.active{ height: 88px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    box-shadow: 0 1px 4px rgba(0,0,0,0.09);
}

.top1 .headTop{ height: 100px; }
.top1 .logo{ float:left; width:436px; height:50px; line-height: 0; margin-top: 25px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top1 .tel{ float: right; width: 322px; height: 35px; margin-top: 31px;}
.top1 .tel .telB{ float: left; width: 26px; height: 26px; line-height: 0; margin-top: 7px;}
.top1 .tel .telSpan{ float: left; padding: 6px 0 0 12px; color: #333333; font-size: 16px; line-height: 28px;}
.top1 .tel .telNum{ float: right; width: 195px; color: #6cb62c; font-size: 32px; font-style: italic; line-height: 35px;  font-family: Arial;}







@media screen and (max-width:1199px){
    .top1{ display:none;}
    .pz_banner{ margin-top:68px ;  }
}



/*menu*/
.pz_menu{ float: left; width: 100%; background-color: #6cb62c;}

.menu{ float: left; width: 834px; height: 60px;}
.menu ul{ float:left; }
.menu ul .nli{ float: left; width: 140px; margin-left: -1px; background: url("../images/top2.png") right center no-repeat; position: relative; }
.menu ul .nli span a{ float:left; width: 100%; height: 60px; color:#fff; font-size: 16px; line-height: 60px; position: relative; text-align: center;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.menu ul .nli span a:hover,
.menu ul .nli.active span a{ background-color: #86c44f;}


.menu .sub{ display: none; position: absolute; width: 139px; left: 50%; top: 60px; margin-left: -70px; background-color: #6cb62c; }
.menu .sub ul{ float: left; width: 100%; display: block; background-color:rgba(255,255,255,0.9); border: #eeeeee solid 1px; padding: 10px 14px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.menu .sub li{ padding: 10px 0; color: #333; font-size: 14px; line-height: 20px; border-bottom: #86c44f solid 1px; text-align: center;}
.menu .sub li:last-child{ border-bottom: 0;}
.menu .sub li a{color: #fff; text-transform: uppercase;}
.menu .sub li:hover{ background-color: #86c44f;}
@media screen and (max-width:1679px){
    .menuBox{ padding: 0 55px 0 393px; }
    .menu ul .nli{ padding: 0 10px; }
    .menu ul .nli span a{ padding: 0 12px; }
}
@media screen and (max-width:1439px){
    .menu ul .nli{ padding: 0 6px; }
    .menu ul .nli span a{ padding: 0 8px; font-size: 14px; }
}


.search{ float: right; width: 266px; height: 37px; margin-top: 9px;}
.search .seaIco{ float: right; width: 22px; height: 22px; margin-top: 7px; border: 0; background: 0;
    -webkit-appearance:none;
    outline: 0;
}
.search .seaPad{ padding-right: 32px;}
.search .seaPad .seaInput{float: left; width: 100%; height: 37px; border: 0; border-bottom: #98cc6c solid 1px; color: #fff; font-size: 14px; line-height: 36px; background: 0;
    -webkit-appearance:none;
    outline: 0;
}
.inco1 ::-webkit-input-placeholder { color:#bfddac !important;}
.inco1 :-moz-placeholder { color:#bfddac !important;}
.inco1 ::-moz-placeholder { color:#bfddac !important;}
.inco1 :-ms-input-placeholder { color:#bfddac !important; }




/*phone版头部*/
.top2{ display:none; position: absolute; left: 0; top: 0; z-index: 2000; float: left; width:100%; height:61px;
    border-bottom: #ebebeb solid 1px; background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    box-shadow: 0 1px 4px rgba(0,0,0,0.09);
}
.top2.active{ }
.top2 .logo{ float:left; width:262px; height:30px; margin-top: 15px;}
@media screen and (max-width:1199px){
    .top2{ display:block;}
}

/*手机按钮*/
.menuph{
    float:right;
    margin:10px -10px 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 10px;
    position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #6cb62c;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #6cb62c;
}
.menuph .navbtn::after
{
    top: -11px;
}
.menuph .navbtn::before
{
    top: 10px;
}
.menuph .point.active .navbtn{
    background: transparent;
}
.menuph .point.active .navbtn::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
}
.menuph .point.active .navbtn::before
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
}


/*手机下拉*/
.xialaph{
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background:#fff;
}
.xialaph .titleTwo{ border-bottom: #f3f3f3 solid 1px; position: relative;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph .tp a{ float: left;  color: #333;  font-size: 15px;  font-weight: bold;  line-height: 50px;   }
.xialaph .tp b{
    position: absolute; right: 20px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #333 solid 1px; border-right: #333 solid 1px;
    margin-top: -7px;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
}
.xialaph .tp.active b{
    margin-top: -5px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    border-top: #333 solid 1px; border-right: #333 solid 1px;
}
.xialaph h5 a{
    display: block; text-transform: uppercase;
    color: #333;
    font-size: 14px;
    line-height: 42px;
}
.xialaph h5{
    position: relative; margin-left: 20px;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #f5f5f5;
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph .ul2{  }
.xialaph .ul3{
    padding-top: 12px;
    padding-bottom: 18px;
    padding-left: 15px;
    position: relative;
}
.xialaph .ul3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
    display: none;
}
.xialaph .ul3 li a{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    display: block;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}
.xialaph .searchP{ margin-top: 15px; height: 35px; border: #ccc solid 1px;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 21px; height: 21px; margin: 6px 18px 0 0; line-height: 0;
    -webkit-appearance:none; background: 0;
    outline: 0;border: 0;
    border-radius:0;
}
.xialaph .searchP .searchLeft{ padding: 0 40px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 0;
}
.phonemeng{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 196;
    display: none;
}
.phonemeng.active{
    display: block;
}
.inco2 ::-webkit-input-placeholder { color:#fff !important;}
.inco2 :-moz-placeholder {  color:#fff !important;}
.inco2 ::-moz-placeholder {  color:#fff !important;}
.inco2 :-ms-input-placeholder { color:#fff !important; }


.pz_banner{ float:left; width:100%; overflow:hidden; position: relative; line-height: 0; background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.pz_banner.home{ min-height: 500px;}
@media screen and (max-width:1199px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.home{min-height: 415px;}
}
@media screen and (max-width:991px){
    .pz_banner.home{ min-height: 514px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 214px;}
}
.pz_main{ float:left; width:100%; background: #fff; }
.pz_down{ float:left; width:100%; background: #333333;  }


/*banner*/
.bannerBox{ line-height: 0; overflow:hidden; }
.bannerBox .slick-dots{ position: absolute; width: auto; height: 22px; bottom: 10px; left: 50%; padding: 5px 4px; background-color: rgba(0,0,0,0.1);
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    -webkit-transform: translate(-50% , 0);
    -ms-transform: translate(-50% , 0);
    transform: translate(-50% , 0);
}
.bannerBox .slick-dots li{ float: left; width: 12px; height: 12px; background-color: #fff; margin: 0 6px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.bannerBox .slick-dots li.slick-active{ width: 40px;}
.bannerBox .slick-dots li button{ display: none;}





/*main*/
.homeAboutTitle{ text-align: center;}
.homeAboutTitle h2{ color: #333333; font-size: 32px; line-height:1.15; }
.homeAboutTitle .aboutCen{ margin-top:0.59%; text-align: center; }
.homeAboutTitle .aboutCen .cenFloat{ display: inline-block; vertical-align: top; color: #6cb62c; font-size: 20px; line-height: 24px; padding: 0 22px; position: relative;}
.homeAboutTitle .aboutCen .cenFloat::before{ content: ''; position: absolute; width: 522px; height: 10px; right: 100%; top: 50%; margin-top: -5px; background: url("../images/main2.png") right center no-repeat;}
.homeAboutTitle .aboutCen .cenFloat::after{ content: ''; position: absolute; width: 522px; height: 10px; left: 100%; top: 50%; margin-top: -5px; background: url("../images/main3.png") right center no-repeat;}
@media screen and (max-width:1199px){
    .homeAboutTitle h2{ font-size: 26px;  }
    .homeAboutTitle .aboutCen .cenFloat{ font-size: 18px; line-height: 20px; padding: 0 16px; }
    .homeAboutTitle .aboutCen .cenFloat::before{ height: 8px; margin-top: -4px; }
    .homeAboutTitle .aboutCen .cenFloat::after{ height: 8px; margin-top: -4px; }
}
@media screen and (max-width:767px){
    .homeAboutTitle h2{ font-size: 22px; }
    .homeAboutTitle .aboutCen .cenFloat{ font-size: 17px;  padding: 0 12px; }
    .homeAboutTitle .aboutCen .cenFloat::before{ height: 6px; margin-top: -2px; }
    .homeAboutTitle .aboutCen .cenFloat::after{ height: 6px; margin-top: -2px; }
}




.homeAboutBack{ background: url("../images/main1.png") bottom center no-repeat; background-size: 100% auto;}
.homeAbout{ padding:6.49% 0 7.26% 0; }
.homeAboutDown{ padding-top: 4.44%; color: #333333; font-size: 16px; line-height: 30px;}
.homeAboutDown .abPic{ float: right; width: 570px; line-height: 0; overflow: hidden; position: relative;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.homeAboutDown .abPic .abVideo{ position: absolute; width: 68px; height: 68px; left: 50%; top: 50%; margin: -34px 0 0 -34px; cursor: pointer;}
@media screen and (max-width:1199px){
    .homeAboutDown{ font-size: 14px; line-height: 25px;}
    .homeAboutDown .abPic{ width: 468px; }
    .homeAboutDown .abPic .abVideo{ width: 56px; height: 56px; margin: -28px 0 0 -28px; }
}
@media screen and (max-width:991px){
    .homeAboutDown .abPic{ float: left; width: 100%; }
}
@media screen and (max-width:767px){
    .homeAboutBack{ background: url("../images/main1_p.jpg") bottom center no-repeat; background-size: 100% auto;}
}




.homeAboutDown .abLeft{ float: left; width: 45.47%;}
.homeAboutDown .abLeftTitle{ padding:6.01% 0 3.57% 0; color: #333333; font-size: 30px; line-height: 1; }
.homeAboutDown .abLeftLine{ height: 5px; background: url("../images/main7.png") center no-repeat; overflow: hidden; background-size: 100% 5px;}
.homeAboutDown .abLeftLine .abCricle{ float: left; width: 5px; height: 5px; line-height: 0; }
.homeAboutDown .abText{ height: 90px; margin-top: 4.13%; color: #333333;font-size: 16px; line-height: 30px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.homeAboutDown .abBtn{ padding-top: 9.77%;}
.homeAboutDown .abBtn .abLink{ float: left; padding: 0 20px 0 30px; background-color: #f58535; color: #fff; font-size: 14px; line-height: 50px;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    -o-border-radius:25px;
}
.homeAboutDown .abBtn .abLink .span{ float: left; margin-right: 50px;}
.homeAboutDown .abBtn .abLink .b{float: left; width: 15px; height: 13px; margin: 19px 10px 0 0; line-height: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeAboutDown .abBtn .abLink:hover .b{ margin: 19px 0 0 10px;}
@media screen and (max-width:1199px){
    .homeAboutDown .abLeftTitle{ font-size: 24px; }
    .homeAboutDown .abText{ height: 75px; font-size: 14px; line-height: 25px; }
    .homeAboutDown .abBtn .abLink{ padding: 0 14px 0 24px; line-height: 42px; }
    .homeAboutDown .abBtn .abLink .span{ margin-right: 30px;}
    .homeAboutDown .abBtn .abLink .b{ margin: 14px 10px 0 0; }
    .homeAboutDown .abBtn .abLink:hover .b{ margin: 14px 0 0 10px;}
}
@media screen and (max-width:991px){
    .homeAboutDown .abLeft{ width: 100%;}
}
@media screen and (max-width:767px){
    .homeAboutDown .abLeftTitle{ font-size: 19px; }
    .homeAboutDown .abBtn .abLink{ padding: 0 10px 0 18px; line-height: 36px; }
    .homeAboutDown .abBtn .abLink .span{ margin-right: 20px;}
    .homeAboutDown .abBtn .abLink .b{ margin: 11px 8px 0 0; }
    .homeAboutDown .abBtn .abLink:hover .b{ margin: 11px 0 0 8px;}
}



/*homeFresh*/
.homeFreshTitle{ text-align: center;}
.homeFreshTitle h2{ color: #fff; font-size: 32px; line-height:1.15;  }
.homeFreshTitle .aboutCen{ margin-top:0.8%; text-align: center; }
.homeFreshTitle .aboutCen .cenFloat{ display: inline-block; vertical-align: top; color: #fff; font-size: 20px; line-height: 24px; padding: 0 22px; position: relative;}
.homeFreshTitle .aboutCen .cenFloat::before{ content: ''; position: absolute; width: 522px; height: 10px; right: 100%; top: 50%; margin-top: -5px; background: url("../images/main12.png") right center no-repeat;}
.homeFreshTitle .aboutCen .cenFloat::after{ content: ''; position: absolute; width: 522px; height: 10px; left: 100%; top: 50%; margin-top: -5px; background: url("../images/main13.png") right center no-repeat;}
@media screen and (max-width:1199px){
    .homeFreshTitle h2{ font-size: 26px;  }
    .homeFreshTitle .aboutCen .cenFloat{ font-size: 18px; line-height: 20px; padding: 0 16px; }
    .homeFreshTitle .aboutCen .cenFloat::before{ height: 8px; margin-top: -4px; }
    .homeFreshTitle .aboutCen .cenFloat::after{ height: 8px; margin-top: -4px; }
}
@media screen and (max-width:767px){
    .homeFreshTitle h2{ font-size: 22px; }
    .homeFreshTitle .aboutCen .cenFloat{ font-size: 17px;  padding: 0 12px; }
    .homeFreshTitle .aboutCen .cenFloat::before{ height: 6px; margin-top: -2px; }
    .homeFreshTitle .aboutCen .cenFloat::after{ height: 6px; margin-top: -2px; }
}

.homeFreshBack{ background: url("../images/main11.jpg") center no-repeat; background-size:cover;}
.homeFresh{ padding: 6.58% 0 6.83% 0;}


.home_solution{ padding-top: 3.24%;}
.solution_top{}
.solution_top ul{ text-align: center}
.solution_top .lc1{ display: inline-block; width: 170px; height: 36px;  text-align: center; cursor: pointer; padding: 0 15px; position: relative;
}
.solution_top .lc1 .cT{ float: left; width: 100%; border:rgba(255,255,255,0.4) solid 1px;  color: #fff; font-size: 16px; line-height: 34px;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    -o-border-radius:25px;
}
.solution_top .lc1.on  .cT{  color: #6cb62c; background-color: #fff; border-color: #fff;}
@media screen and (max-width:767px){
    .home_solution{ padding-top: 4.5%;}
    .solution_top{ margin: 0 -2px;}
    .solution_top ul{ float: left; width: 100%;}
    .solution_top .lc1{ float: left; width: 25%; height: 32px; padding: 0 2px;}
    .solution_top .lc1 .cT{ font-size: 14px; line-height: 30px; }
}

.solution_down{ padding-top: 3.41%; }
.slideBox{ margin:0 -15px; }
.slideBox .slick-list{ padding-bottom: 3.33%;}
.slideBox ul li{ padding: 0 15px;}
.slideBox ul li a .proPic{ overflow: hidden; position: relative;
    border-radius:8px 8px 0 0;
    -webkit-border-radius:8px 8px 0 0;
    -moz-border-radius:8px 8px 0 0;
    -o-border-radius:8px 8px 0 0;
}
.slideBox ul li a .proPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slideBox ul li a:hover .proPic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.slideBox ul li a:hover .proPic{ background-color: #f8f9fc;}
.slideBox ul li a .proPic .picBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.6); padding: 10% 10% 0 10%;
    border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
    -moz-border-radius:6px 6px 0 0;
    -o-border-radius:6px 6px 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slideBox ul li a:hover .proPic .picBack{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.slideBox ul li a .proPic .picBack .picHeigh{ height: 170px; color: #fff; font-size: 14px; line-height: 20px; overflow: hidden; }
.slideBox ul li a .proPic .picBack .picHeigh .madeTit{font-size: 16px;}
.slideBox ul li a .proPic .picBack .picHeigh .madeText{ margin-top: 11px;}
.slideBox ul li a .proPic .picBack .picHeigh .madeUp{ margin-top: 19px;}


.slideBox ul li a .proDown{ background-color: #fff; padding: 9.25% 0 9.25% 11.1%;
    border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
    -moz-border-radius:0 0 8px 8px;
    -o-border-radius:0 0 8px 8px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slideBox ul li a:hover .proDown{ background-color: #f58535;}
.slideBox ul li a .proDown .level{ float: right; width: 62px; height: 28px; background-color: #f58535; color: #fff; font-size: 14px; line-height: 28px; text-align: center;
    border-radius:20px 0 0 20px;
    -webkit-border-radius:20px 0 0 20px;
    -moz-border-radius:20px 0 0 20px;
    -o-border-radius:20px 0 0 20px;
}
.slideBox ul li a .proDown .levelPad{ padding-right: 75px; }
.slideBox ul li a .proDown .levelPad h3{ float: left; width: 100%; color: #333333; font-size: 18px; line-height: 28px;}
.slideBox ul li a:hover .proDown .levelPad h3{ color: #fff;}
@media screen and (max-width:767px){
    .solution_down{ padding-top: 4.5%; }
    .slideBox .slick-list{ padding-bottom: 4.5%;}
    .slideBox{ margin:0 -5px; }
    .slideBox ul li{ padding: 0 5px;}
    .slideBox ul li a .proDown .levelPad h3{  font-size: 16px; line-height: 28px;}
    .slideBox ul li a .proPic .picBack{ padding: 7% 4% 4% 4%; }
    .slideBox ul li a .proPic .picBack .picHeigh{ height: 140px; color: #fff; font-size: 13px; line-height: 16px; overflow: hidden; }
    .slideBox ul li a .proPic .picBack .picHeigh .madeTit{font-size: 14px;}
    .slideBox ul li a .proPic .picBack .picHeigh .madeText{ margin-top: 5px;}
    .slideBox ul li a .proPic .picBack .picHeigh .madeUp{ margin-top: 10px;}

}



.arrBox{ text-align: center; line-height: 0;}
.arrBox .arr{ display: inline-block; vertical-align: top; border: rgba(255,255,255,0.5) solid 1px; padding: 9px 0;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.arrBox .arr .zuo{ float: left; width: 63px; height: 20px; padding: 0 23px 0 22px; outline: 0; cursor: pointer; border-right: rgba(255,255,255,0.5) solid 1px; }
.arrBox .arr .zuo img{ margin-top: 6px;}
.arrBox .arr .zuo:hover img{
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
.arrBox .arr .you{ float: left; width: 63px; height: 20px; padding: 0 22px 0 23px; outline: 0; cursor: pointer; border-left: rgba(255,255,255,0.5) solid 1px; }
.arrBox .arr .you img{ margin-top: 6px;}
.arrBox .arr .you:hover img{
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
.arrBox .arrMore{ float: left; color: #fff; font-size: 14px; line-height: 20px; padding: 0 28px; text-transform: uppercase;}
.arrBox .arrMore:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}
.arrBox .slick-hidden{ display: block !important;}
@media screen and (max-width:767px){
    .arrBox .arr{ padding: 7px 0; }
    .arrBox .arr .zuo{ width: 48px; padding: 0 13px 0 17px; }
    .arrBox .arr .you{ width: 48px; padding: 0 17px 0 13px; }
    .arrBox .arrMore{ padding: 0 15px; }
}




/*homeCooper*/
.homeCooperBack{ background: url("../images/main20.jpg") center no-repeat; background-size: 100% 100%;}
.homeCooper{ padding: 6.49% 0 6.83% 0;}
.homeCooperDown{ padding-top:3.16%; margin: 0 -16px; }
.homeCooperSlick{ float: left; width: 100%;}
.homeCooperSlick li{ float: left; width: 25%;}
.homeCooperSlick li .coopPad{ padding: 0 16px;}
.homeCooperSlick li .coopPad .coopImg{ overflow: hidden;}
.homeCooperSlick li .coopPad .coopImg img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.homeCooperSlick li .coopPad .coopImg:hover img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.homeCooperSlick .slick-list{ padding-bottom: 3.41%;}
@media screen and (max-width:767px){
    .homeCooperDown{ margin: 0 -5px; }
    .homeCooperSlick li .coopPad{ padding: 0 5px;}
}


.coopBox{ text-align: center; line-height: 0;}
.coopBox .arr2{ display: inline-block; vertical-align: top; border: #e7e7e7 solid 1px; padding: 9px 0; background-color: #fff;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.coopBox .arr2 .zuo2{ float: left; width: 63px; height: 20px; padding: 0 23px 0 22px; outline: 0; cursor: pointer; border-right: #cccccc solid 1px; }
.coopBox .arr2 .zuo2 img{ margin-top: 6px;}
.coopBox .arr2 .zuo2:hover img{
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
.coopBox .arr2 .you2{ float: left; width: 63px; height: 20px; padding: 0 22px 0 23px; outline: 0; cursor: pointer; border-left: #cccccc solid 1px; }
.coopBox .arr2 .you2 img{ margin-top: 6px;}
.coopBox .arr2 .you2:hover img{
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
.coopBox .arrMore{ float: left; color: #333333; font-size: 14px; line-height: 20px; padding: 0 28px; text-transform: uppercase;}
.coopBox .arrMore:hover{ color: #6cb62c;}
.coopBox .slick-hidden{ display: block !important;}
@media screen and (max-width:767px){
    .coopBox .arr2{ padding: 7px 0; }
    .coopBox .arr2 .zuo2{ width: 48px; padding: 0 13px 0 17px; }
    .coopBox .arr2 .you2{ width: 48px; padding: 0 17px 0 13px; }
    .coopBox .arrMore{ padding: 0 15px; }
}



/*down*/
.footTop{ padding: 57px 0 37px 0; border-bottom: #484848 solid 1px;}
.footFast{ float: left; width: 290px;}
@media screen and (max-width:991px){
    .footFast{ width: 100%;}
}
@media screen and (max-width:767px){
    .footTop{ padding: 20px 0 25px 0; }
}


.footFastTitle{ float: left; width: 100%;}
.footFastTitle .fastTit{ float: left; padding-right: 55px; padding-bottom: 13px; border-bottom: #484848 solid 1px; color: #ffffff; font-size: 16px; line-height: 20px;}
.footFastTitle .fastGreen{ float: left; width: 100%; margin-top: -2px;  position: relative; z-index: 2;}
.footFastTitle .fastGreen span{ float: left; width: 33px; height: 2px; background-color: #7fcc3c;}

.footFastNav{float: left; width: 100%; padding:24px 0 31px 0; color: #ffffff; font-size: 14px; line-height: 41px; }
.footFastNav a{ float: left; min-width:96px;color: #ffffff; }
.footFastNav a:hover{ color: #6cb62c;}
@media screen and (max-width:767px){
    .footFastNav{ padding:12px 0 15px 0;  line-height: 24px; }
}


.footShare{ float: left; width: 100%;}
.footContact{ float: left; width: 300px; margin-left: 105px;}
.footContactDown{ float: left; width: 100%; padding: 18px 0 0 0; color: #fff; font-size: 14px; line-height: 24px;}
.footContactDown .actLi{ float: left; width: 100%; padding: 14px 0 15px 0;}
.footContactDown .actLi .actLiB{ float: left; width: 35px; height: 35px; line-height: 0; margin-top: 4px;}
.footContactDown .actLi .actLiPad{ padding-left: 48px; color: #fff; font-size: 14px; line-height: 24px;}
@media screen and (max-width:1199px){
    .footContact{ margin-left: 30px;}
}
@media screen and (max-width:991px){
    .footContact{ width: 100%; margin-left: 0; margin-top: 4.5%;}
}
@media screen and (max-width:767px){
    .footContact{  margin-top: 5.5%;}
    .footContactDown{ padding: 9px 0 0 0; }
    .footContactDown .actLi{ padding: 8px 0 10px 0;}
    .footContactDown .actLi .actLiB{ width: 30px; height: 30px;}
    .footContactDown .actLi .actLiPad{ padding-left: 48px; color: #fff; font-size: 14px; line-height: 20px;}
}




.footMess{ float: right; width: 370px;}
.footMessDown{ float: left; width: 100%; padding-top: 22px;}
.footMessDown .meLine{ float: left; width: 100%;}
.footMessDown .meLeft{ float: left; width: 47.56%; margin-top: 10px;}
.footMessDown .meInput{ float: left; width: 100%; height: 30px; border: #5c5c5c solid 1px; color: #fff; font-size: 14px; padding: 0 18px; background: 0;
    -webkit-appearance:none;
    outline: 0;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.footMessDown .meRight{ float: right; width: 47.56%; margin-top: 10px;}
.footMessDown .meSelf{ float: left; width: 100%; margin-top:10px; }
.footMessDown .meArea{ float: left; width: 100%; height: 48px; border: #5c5c5c solid 1px; padding: 4px 18px;  color: #fff; font-size: 14px; line-height: 20px; background: 0;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -webkit-appearance:none;
    outline: 0;
}
.footMessDown .meBtn{ float: left; width: 112px; height: 30px; background-color: #6cb62c; border: 0; color: #fff; font-size: 14px; line-height: 30px; text-align: center;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    -webkit-appearance:none;
    outline: 0;
}
.footMessDown .meBtn:hover{ background-color: #61a328;}
@media screen and (max-width:1199px){
    .footMess{ width: 300px;}
}
@media screen and (max-width:991px){
    .footMess{ width: 100%; margin-top: 4.5%;}
}
@media screen and (max-width:767px){
    .footMess{ margin-top: 5.5%;}
    .footMessDown{ padding-top: 10px;}
}

.footCopy{ padding: 16px 0; }
.footCopy .copyright{ float: left; color: #e0e0e0; font-size: 12px; line-height: 24px; padding: 2px 0;}
.footCopy .copyright a{color: #e0e0e0;}
.footCopy .copyright a:hover{ color:#6cb62c; }
@media screen and (max-width:767px){
    .footCopy{ padding: 10px 0 14px 0; text-align: center;}
    .footCopy .copyright{ width: 100%; padding: 0; text-align: center;}
}

.lian{ float: right; width: 160px; height: 28px; border: #484848 solid 1px; background-color: #333333;
    position: relative;
}
.lian h5{ line-height: 26px; cursor: pointer; padding-left: 15px; color: #fff; font-size: 12px;
    height: 100%;
}
.lian h5 img{ float: right; margin-top: 9px; width: 9px; height: 9px; margin-right: 10px; line-height: 0;  }
.lian .ul1{ position: absolute; bottom: 26px; left: -1px; width: 100%; background: #474747; padding-top: 8px; padding-bottom: 9px; display: none; border: #484848 solid 1px; box-sizing: content-box; }
.lian .ul1.active{
    display: block;
}
.lian .ul1 li{  }
.lian .ul1 li a{
    color: #666;
    display: block;
    padding-left: 15px;
    line-height: 24px;
}
.lian .ul1 li a:hover{
    color: #6cb62c;
}
@media screen and (max-width:767px){
    .lian{ float: none; display: inline-block; vertical-align: top; margin-top: 5px; }
}




/*5新闻资讯*/
.newNavBox{ position: relative; z-index: 2; margin-top: -28px; background-color: #fff;}
.pz_SideLayer{ float:left; width: 100%; text-align: center; background-color: #f6f8f6;}
.pz_SideLayer .l1{ display: inline-block; vertical-align: top;}
.pz_SideLayer .l1 a{ float:left;  padding: 0 35px; color: #333333; font-size: 16px; line-height:56px;}
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{ background-color: #6cb62c; color:#fff;}


.industryBox{ padding-top: 5.084%; }
.industrySlide{ background-color: #f6f6f6; position: relative; }
.industrySlide ul li .induPic{ float: left; width: 505px; height: 379px; line-height: 0; overflow: hidden;}
.industrySlide ul li .induPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.industrySlide ul li:hover .induPic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.industrySlide ul li .inRight{ padding-left: 545px; padding-right: 40px;}
.industrySlide ul li .inRight .induTime{ float: left; width: 100%; padding:22px 0 21px 0; }
.industrySlide ul li .inRight .induTime .big{ float: left; color: #c2c2c2; font-size: 72px; font-weight: bold; line-height: 81px;}
.industrySlide ul li .inRight .induTime .small{ float: left; padding: 48px 0 0 18px; color: #4d4d4d; font-size: 24px; line-height: 1; }
.industrySlide ul li .inRight h3{ float: left; width: 100%; color: #333333; font-size: 22px; line-height: 30px; }
.industrySlide ul li:hover .inRight h3{ color: #f58535;}
.industrySlide ul li .inRight p{ float: left; width: 100%; height: 96px; margin-top: 9px; color: #666666; font-size: 16px; line-height: 32px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
}
.industrySlide ul li .inRight .more{ float: left; width: 100%; margin-top: 44px; border-top: #cccccc dashed 1px; padding-top: 24px;}
.industrySlide ul li .inRight .more span{ float: left; color: #666666; font-size: 16px; line-height: 24px;}
.industrySlide ul li .inRight .more span b{ float: right; width: 16px; height: 10px; line-height: 0; margin: 7px 0 0 11px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.industrySlide ul li:hover .inRight .more span b{ margin: 7px 0 0 20px;}
.industrySlide .slick-dots{ position: absolute; width: 100%; bottom: 33px; padding: 0 42px; text-align: right; line-height: 0; }
.industrySlide .slick-dots li{ display: inline-block; vertical-align: top; width: 11px; height: 11px; border: #f58535 solid 1px; margin: 0 5px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.industrySlide .slick-dots li button{ display: none;}
.industrySlide .slick-dots li.slick-active{ background-color: #f58535; }
@media  screen and (max-width:1199px){
    .industrySlide ul li .induPic{ width: 415px; height: 311px;}
    .industrySlide ul li .inRight{ padding-left: 445px; padding-right: 32px;}
    .industrySlide ul li .inRight .induTime{ padding:18px 0 17px 0; }
    .industrySlide ul li .inRight .induTime .big{ font-size: 59px; line-height: 68px;}
    .industrySlide ul li .inRight .induTime .small{ padding: 36px 0 0 10px; font-size: 20px; }
    .industrySlide ul li .inRight h3{ font-size: 16px; line-height: 26px; }
    .industrySlide ul li .inRight p{ height: 78px; margin-top: 7px; font-size: 14px; line-height: 26px; }
    .industrySlide ul li .inRight .more{ margin-top: 37px; padding-top: 15px;}
    .industrySlide .slick-dots{ bottom: 26px; padding: 0 32px; }
}
@media  screen and (max-width:767px){
    .industrySlide ul li .induPic{ width: 100%; height: auto; }
    .industrySlide ul li .inRight{ float: left; width: 100%; padding: 0 12px 10px 12px;}
    .industrySlide ul li .inRight .induTime{ padding:15px 0 4px 0; }
    .industrySlide ul li .inRight .induTime .big{ font-size: 46px; line-height: 54px;}
    .industrySlide ul li .inRight .induTime .small{ padding: 29px 0 0 10px; font-size: 16px; }
    .industrySlide ul li .inRight p{ margin-top: 6px; height: 63px; line-height: 21px; }
    .industrySlide ul li .inRight .more{ margin-top: 15px; padding-top: 15px;}
    .industrySlide ul li .inRight .more span{ font-size: 14px; }
    .industrySlide .slick-dots{ position: static; bottom: auto; padding: 0 12px 20px 12px; text-align: center; }
}


.industryDown{}
.industryDown ul{ float: left; width: 100%; min-height: 500px; }
.industryDown ul li{ margin-top: 20px; background-color: #f7f7f7; padding: 20px 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.industryDown ul li:hover{ background-color: #f58535;}
.industryDown ul li .zuoTime{ float: left; width: 183px; height: 116px; border-right: #e0e0e0 solid 1px; text-align: center; }
.industryDown ul li:hover .zuoTime{ border-right-color: rgba(255,255,255,0.5);}
.industryDown ul li .zuoTime .big{ color: #c2c2c2; font-size: 72px; font-weight: bold; line-height: 81px;}
.industryDown ul li:hover .zuoTime .big{color: #fff;}
.industryDown ul li .zuoTime .small{ color: #4c4c4c; font-size: 20px; line-height: 1; }
.industryDown ul li:hover .zuoTime .small{ color: #fff;}
.industryDown .youPad{ padding: 0 50px 0 230px;}
.industryDown .youPad h3{ float: left; width: 100%; padding: 10px 0 13px 0; color: #333333; font-size: 18px; line-height: 30px; }
.industryDown ul li:hover .youPad h3{ color: #fff;}
.industryDown .youPad p{ float: left; width: 100%; height: 52px; color: #666666; font-size: 14px; line-height: 26px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.industryDown ul li:hover .youPad p{ color: #fff;}
@media  screen and (max-width:1199px){
    .industryDown ul li .zuoTime .big{ font-size: 58px; }
    .industryDown ul li .zuoTime .small{ font-size: 16px; }
}
@media  screen and (max-width:767px){
    .industryDown ul li{ margin-top: 15px;  padding: 8px 0 15px 0 ; }
    .industryDown ul li .zuoTime{ width: 100%; height: auto; border-right: 0; text-align: left; padding: 0 12px;  }
    .industryDown ul li .zuoTime .big{ float: left; font-size: 46px; line-height: 54px;}
    .industryDown ul li .zuoTime .small{ float: left; font-size: 16px; padding: 29px 0 0 10px; }
    .industryDown .youPad{ float: left; width: 100%; padding: 0 12px 0 12px;}
    .industryDown .youPad h3{ float: left; width: 100%; padding: 0 0 6px 0; font-size: 16px; line-height: 26px; }
    .industryDown .youPad p{ height: 42px; line-height: 21px; }
}



/*5新闻资讯详情*/
.newInner{ float:left; width:100%; padding: 0 30px;}
.newTitle{ float:left; width:100%;}
.newTitle .newTit{ float:left; width:100%; text-align:center; color:#333333; font-size:30px; line-height: 1.25; border-bottom:1px solid #d7d8d8; padding:5.68% 0 2.4% 0;}
.newTitle .newSub{ float:left; width:100%; height:53px; padding: 10px 0; border-bottom:1px solid #d7d8d8;}
.newTitle .newSub .newSub_1{ float:left; color:#777777; font-size:14px; line-height:33px;}
.newTitle .newSub .newSub_2{ float:right; color:#777777; font-size:14px; line-height:33px;  }
.newTitle .newSub .newSub_2 b{ float: right; width: 34px; height: 34px; line-height: 0; margin: 0 0 0 12px;}
.newTitle .newSub .newSub_2 a{ color:#777777;}
.newTitle .newSub .newSub_2 a:hover{ color: #f58535;}
.newTitle .newSub .newSub_2 img{ width: 38px;}
.moveIn{ float:left; width:100%; padding: 3.2% 0 3.4% 0; color:#333333; font-size:16px; line-height:30px;  }
.newShare{ float:left; width:100%; padding: 0 0 3.24% 0; text-align: center; border-bottom:1px solid #d7d8d8; }
.newShare .shareCenter{ width:156px; margin:0 auto;}
@media  screen and (max-width:1339px){
    .newInner{ padding: 0;}
    .newTitle .newTit{ font-size:24px; }
    .moveIn{ font-size:14px; line-height:28px;  }
}
@media  screen and (max-width:767px){
    .newTitle .newTit{  font-size:18px; padding: 25px 0;}
    .newTitle .newSub{ height:auto; text-align: center;}
    .newTitle .newSub .newSub_1{ float:left; width: 100%; padding: 5px 0 0 0; line-height: 24px; text-align: center;}
    .newTitle .newSub .newSub_2{ float:left; width: 100%; text-align: center; background: 0;}
    .moveIn{ padding: 20px 0;  }
    .newTitle .newSub .newSub_2 b{ float: none; width: 28px; height: 25px; display: inline-block;}
    .newTitle .newSub .newSub_2 img{ width: 28px;}
    .moveIn{ line-height:26px; }
}
.newMoreList{ float:left; width:100%; padding: 3% 0 4.18% 0;}
.newMoreList .newMoreTit{ color:#6cb62c; font-size:24px; line-height:24px;}
.newMoreList .newDownBox{ margin: 0 -15px; padding: 22px 0 0 0;}
.newMoreList .newDownBox ul{}
.newMoreList .newDownBox ul li{ float:left; width:50%; padding: 0 15px;}
.newMoreList .newDownBox ul li a{ float:left; width:100%; border-bottom:1px solid #d7d8d8; color:#333333; font-size:14px; line-height:36px; overflow:hidden;text-overflow:ellipsis;}
.newMoreList .newDownBox ul li a.noLine{ border-bottom: 0;}
.newMoreList .newDownBox ul li a:hover{color:#f58535;}
.newMoreList .newDownBox ul li span{ float:left; width: 70%;}
.newMoreList .newDownBox ul li b{float:right; color:#777777; font-size:14px; line-height:38px; font-weight: normal;}

@media  screen and (max-width:991px){
    .newMoreList .newDownBox{  padding:23px 0 30px 0;}
}
@media  screen and (max-width:767px){
    .newMoreList{ padding: 5% 0 4.18% 0;}
    .newShare{  margin:15px 0 0 0;  }
    .newMoreList .newMoreTit{ font-size:18px; }
    .newMoreList .newDownBox{  padding:10px 0 10px 0;}
    .newMoreList .newDownBox ul li{ float:left; width:100%; padding: 0 15px;}
    .newMoreList .newDownBox ul li a.noLine{ border-bottom:1px solid #d7d8d8;}
}

.newPage{ float: left; width: 100%;  border-bottom:1px solid #d7d8d8; }
.newPage .pageLeft{ float: left; width: 50%; color: #333333; font-size: 14px; line-height: 20px;}
.newPage .pageLeft:hover{ color: #f58535;}
.newPage .left{ padding: 20px 0 20px 0; text-transform: uppercase;  border-right:1px solid #d7d8d8; }
.newPage .rights{ padding: 20px 0 20px 0; text-align: right; text-transform: uppercase;}
@media  screen and (max-width:767px){
    .newPage{ padding: 10px 0; }
    .newPage .pageLeft{ width: 100%; font-size: 14px; }
    .newPage .left{ padding: 5px 0 5px 0; text-transform: uppercase;  border-right:0; }
    .newPage .rights{ padding: 5px 0 5px 0; text-align: left; }
}




/*4成功案例*/
.caseList{ padding: 5.98% 0 0 0;}
.caseList ul{ float: left; width: 100%;  border: #e5e5e5 solid 1px; border-bottom: 0; min-height: 500px;}
.caseList ul li{ float: left; width: 25%; border-bottom: #e5e5e5 solid 1px; border-right: #e5e5e5 solid 1px;}
.caseList ul li .caseImg{ overflow: hidden; position: relative;}
.caseList ul li .caseBack{ position: absolute;width: 100%; height: 100%; background-color: rgba(68,145,2,0.8); left: 0; top: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.caseList ul li:hover .caseBack{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.caseList ul li .caseBack h3{ position: absolute;width: 100%; padding: 0 15px; left: 0; top: 50%; margin-top: -15px; color: #fff; font-size: 20px; line-height: 30px; text-align: center;}
@media  screen and (max-width:991px){
    .caseList ul li{ width: 33.3333%;}
}
@media  screen and (max-width:767px){
    .caseList ul li{ width: 50%;}
}



/*4成功案例详情*/
.newInnerBox{ margin:5.29% 0 6.83% 0; padding: 0 4.16%; border: #f0f0f0 solid 1px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.newInnerBox .hereTitle{ border-bottom: #e1e0e0 solid 1px;}
.newInnerBox .hereTitle h3{ padding-top: 3.54%; color: #1c1c1c; font-size: 24px; line-height:1.2; text-align: center;}
.newInnerBox .hereTitle .newDownTime{ padding: 1.63% 0 1.72% 0; color: #979797; font-size: 14px; line-height: 18px; text-align: center;}
.newInnerBox .hereTent{ padding: 3.36% 0 4% 0 ; color: #333333; font-size: 16px; line-height: 36px; border-bottom: #e1e0e0 solid 1px;}
.newInnerBox .hereReturn{ padding: 4.54% 0;}
.newInnerBox .hereReturn .share{ float: left; padding: 13px 0 0 0;}
.newInnerBox .return{ float: right; padding: 0 25px; height: 48px; background-color: #6cb62c; color: #fff; font-size: 16px; line-height: 48px;}
.newInnerBox .return:hover{ background-color: #f58535;}
@media screen and (max-width:1199px) {
    .newInnerBox .hereTent{ font-size: 14px; line-height: 30px; }
}
@media screen and (max-width:991px) {
    .newInnerBox .hereTitle h3{  font-size: 21px; }
}
@media screen and (max-width:767px) {
    .newInnerBox .hereTitle h3{ padding-top: 4.5%; font-size: 19px; }
    .newInnerBox .hereTent{ line-height: 26px; }
    .newInnerBox .hereReturn .share{ padding: 6px 0 0 0;}
    .newInnerBox .return{ padding: 0 15px; height: 36px; font-size: 14px; line-height: 36px;}
}



/*2净菜产品*/
.vegetableList{ padding: 2.56% 0 0 0; margin: 0 -15px; }
.vegetableList ul{ float: left; width: 100%; min-height: 500px;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.vegetableList ul li{ float: left; width: 25%; padding: 30px 15px 0 15px;}
.vegetableList ul li a{ float: left; width: 100%; background-color: #f8f9fc;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.vegetableList ul li a .proPic{ overflow: hidden; position: relative;
    border-radius:8px 8px 0 0;
    -webkit-border-radius:8px 8px 0 0;
    -moz-border-radius:8px 8px 0 0;
    -o-border-radius:8px 8px 0 0;
}
.vegetableList ul li a .proPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.vegetableList ul li a:hover .proPic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.vegetableList ul li a:hover .proPic{ background-color: #f8f9fc;}
.vegetableList ul li a .proPic .picBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.6); padding: 10% 10% 0 10%;
    border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
    -moz-border-radius:6px 6px 0 0;
    -o-border-radius:6px 6px 0 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.vegetableList ul li a:hover .proPic .picBack{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.vegetableList ul li a .proPic .picBack .picHeigh{ height: 170px; color: #fff; font-size: 14px; line-height: 20px; overflow: hidden; }
.vegetableList ul li a .proPic .picBack .picHeigh .madeTit{font-size: 16px;}
.vegetableList ul li a .proPic .picBack .picHeigh .madeText{ margin-top: 11px;}
.vegetableList ul li a .proPic .picBack .picHeigh .madeUp{ margin-top: 19px;}


.vegetableList ul li a .proDown{ background-color: #efefef; padding: 9.25% 0 9.25% 11.1%;
    border-radius:0 0 8px 8px;
    -webkit-border-radius:0 0 8px 8px;
    -moz-border-radius:0 0 8px 8px;
    -o-border-radius:0 0 8px 8px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.vegetableList ul li a:hover .proDown{ background-color: #f58535;}
.vegetableList ul li a .proDown .level{ float: right; width: 62px; height: 28px; background-color: #f58535; color: #fff; font-size: 14px; line-height: 28px; text-align: center;
    border-radius:20px 0 0 20px;
    -webkit-border-radius:20px 0 0 20px;
    -moz-border-radius:20px 0 0 20px;
    -o-border-radius:20px 0 0 20px;
}
.vegetableList ul li a .proDown .levelPad{ padding-right: 75px; }
.vegetableList ul li a .proDown .levelPad h3{ float: left; width: 100%; color: #333333; font-size: 18px; line-height: 28px;}
.vegetableList ul li a:hover .proDown .levelPad h3{ color: #fff;}
@media screen and (max-width:991px){
    .vegetableList ul li{ width: 33.3333%;}
}
@media screen and (max-width:767px){
    .vegetableList{ margin:0 -5px; }
    .vegetableList ul li{ width: 50%; padding: 12px 5px 0 5px;}
    .vegetableList ul li a .proDown .levelPad h3{  font-size: 16px; line-height: 28px;}
    .vegetableList ul li a .proPic .picBack{ padding: 7% 4% 4% 4%; }
    .vegetableList ul li a .proPic .picBack .picHeigh{ height: 140px; color: #fff; font-size: 13px; line-height: 16px; overflow: hidden; }
    .vegetableList ul li a .proPic .picBack .picHeigh .madeTit{font-size: 14px;}
    .vegetableList ul li a .proPic .picBack .picHeigh .madeText{ margin-top: 5px;}
    .vegetableList ul li a .proPic .picBack .picHeigh .madeUp{ margin-top: 10px;}
}



/*1关于丰生-联系我们*/
 .serviceBox{  padding: 3.84% 0; }
.OnlineReservations{ float:left; width:48.71%; height: 420px; padding: 3.41% 3.41% 0 3.41%; background-color: #f6f8f6;}
.OnlineReservations_tit{ float:left; width:100%; color:#262335; font-size:18px; line-height:18px; position:relative; z-index:2;}
.OnlineReservations_content{ float:left; width:100%; margin:27px 0 0 0;}
.OnlineReservations_content .l1{ float:left; width:100%; position:relative; background:#fff; padding-left:50px; margin-bottom:10px;}
.OnlineReservations_content .name{ position:absolute;; top:0;line-height:46px; color:#737373; font-size:14px; left:20px;}
.OnlineReservations_content .name1{line-height:20px; top:10px;}
.OnlineReservations_content .fm1{ float:left; width:100%; height:46px; line-height:46px; padding:0 20px; color:#737373; font-size:14px; border:none; }
.OnlineReservations_content .fm2{ float:left; width:100%; height:100px; line-height:20px; padding:10px 20px; color:#737373; font-size:14px; border:none; }
.OnlineReservations_content .fm3{ float:left; width:54%; height:54px; line-height:54px; color:#fff; font-size:16px;  border:none; margin-top:20px; background:#f58535; border-radius:54px; -moz-border-radius:54px; -webkit-border-radius:54px;}
.OnlineReservations_content .fm3:hover{ box-shadow:0 3px 5px #ccc; -moz-box-shadow:0 3px 5px #ccc; -webkit-box-shadow:0 3px 5px #ccc;}

.ContactInformation{ float:right; width:48.71%; height: 420px; padding: 3.41% 3.41% 0 3.41%; position:relative; background-color: #f6f8f6;}
.ContactInformation_content{ float:left; width:100%; position:relative; z-index:2;}
.ContactInformation_content .l1{ float:left; width:275px;}
.ContactInformation_content .l2{ float:right; width:210px;}
.ContactInformation_content li{ float:left; width:100%; margin:27px 0 35px 0;-webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.ContactInformation_content li .inforRight{ padding-left: 70px; color:#737373; font-size:16px; line-height:20px;}
.ContactInformation_content li .inforRight span{color:#262335;}
.ContactInformation_content li .ewcon{ margin-left: 70px; margin-top: 10px; }
.ContactInformation_content li .b{ float: left; width: 40px; height: 40px;}
.ContactInformation_content li .b .imgs{}
.ContactInformation_content li .b .imgd{ display: none;}
.ContactInformation_content li:hover .b .imgs{ display: none;}
.ContactInformation_content li:hover .b .imgd{ display: block;}
.ContactInformation_content li a{ float:left; width:100%; color:#737373; font-size:16px; line-height:20px;}
@media  screen and (max-width:1199px){
    .ContactInformation_content li{}
    .ContactInformation_content .l1{ width:210px;}
    .ContactInformation_content .l2{ width:190px;}
    .ContactInformation_content li .inforRight{ padding-left: 60px; font-size:14px; }
}
@media  screen and (max-width:991px){
    .OnlineReservations{ height: 490px; }
    .ContactInformation{ height: 490px; }
    .ContactInformation_content .l1{ width:100%;}
    .ContactInformation_content .l2{ width:100%;}
    .ContactInformation_content li{ margin:27px 0 0 0;}
    .ContactInformation_content li .inforRight{ padding-left: 60px; }
    .ContactInformation_content li .ewcon{ margin-left: 60px; }
}
@media  screen and (max-width:767px){
    .ContactInformation{ width:100%; height: auto;  padding: 6% 3.5%; margin-top: 4%;}
    .OnlineReservations{ width:100%; height: auto;  padding: 6% 3.5%; }
    .OnlineReservations_content .fm3{height:44px; line-height:44px; }
    .ContactInformation_content li .inforRight{ font-size:14px; }
}

.bg_us1{ display:none; float:left; width:200%; height:100%; background:#f4f4f4; position:absolute; left:-50%; top:0; z-index:1;}
.Service2{ float:left; width:100%; margin:5.12% 0;}
.Inside_Serv1{ float:left; width:100%; font-size:24px; line-height:24px; color:#232323; text-align:center; }
.Inside_Serv2{ float:left; width:100%; color:#232323; font-size:14px; line-height:14px; text-align:center;  font-family:"Arial"; text-transform:uppercase; margin-top:10px; background:url(../images/main36.jpg) center repeat-x;}
.Inside_Serv2 span{ background:#fff; padding:0 64px;}
@media  screen and (max-width:767px){
    .bg_us1{ display:block;}
    .Inside_Serv1{ font-size:20px;  }
    .Inside_Serv2{ margin-top: 5px;}
    .Inside_Serv2 span{padding:0 15px;}
}

#dituContent{ float:left; width:100%; height:450px; margin-top:40px;}
#dituContent .BMap_pop{ float:left; background-image:url(../images/bmaplabel_bg.png); background-repeat:no-repeat; border:none !important; width:400px !important; border:0 !important; height:86px; margin:51px 0 0 190px; }
#dituContent .iw_poi_content{  font-size:16px !important; color:#6f6f6f !important; line-height:48px!important; margin:5px 0 0 20px;}
#dituContent .BMap_pop div{ background:none !important; border:none !important; width:330px;}
#dituContent .BMap_pop div img{ display:none;}
#dituContent .BMap_center{ background:none !important; border:none !important;}
#dituContent .BMap_top{ background:none !important; border:none !important;}
.BMap_shadow img{ display:none;}
#dituContent .BMap_pop img{ display:none;}
@media  screen and (max-width:767px){
    #dituContent{ margin-top:20px; height:320px;}
    #dituContent .BMap_pop{  background-image:url(../images/bmaplabel_bg_2.png); background-repeat:no-repeat; border:none !important; width:283px !important; border:0 !important; height:86px; margin:51px 0 0 135px; }
}




/*1关于丰生*/
.aboutUsTitle{ text-align: center;}
.aboutUsTitle .cssh3{ color: #6cb62c; font-size: 24px; font-weight: bold; line-height: 1;}
.aboutUsTitle .shortLine{ padding-top: 21px; text-align: center; line-height: 0;}
.aboutUsTitle .shortLine span{ display: inline-block; vertical-align: top; width: 60px; height: 3px; background-color: #dddddd;}
.aboutUsTitle .longLine{ margin-top: -1px; height: 1px; background-color: #eeeeee;}
@media  screen and (max-width:1199px){
    .aboutUsTitle .cssh3{ font-size: 20px; }
    .aboutUsTitle .shortLine{ padding-top: 15px; }
    .aboutUsTitle .shortLine span{ width: 50px; }
}
@media  screen and (max-width:767px){
    .aboutUsTitle .cssh3{ font-size: 18px; }
}



.aboutUs{ padding: 4.44% 0 5.12% 0; color: #333333; font-size: 16px; line-height: 30px;}
.aboutUsDown{ padding-top: 3.41%; }
.aboutUsDown .usVideo{ float: left; width:48.71%;
    line-height: 0; overflow: hidden; position: relative;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.aboutUsDown .usVideo .abVideo{ position: absolute; width: 68px; height: 68px; left: 50%; top: 50%; margin: -34px 0 0 -34px; cursor: pointer;}
.aboutUsDown .usRight{ float: right; width:48.71%; }
.aboutUsDown .usRight .usTit{ float: left; width: 100%; padding: 3.16% 0 4.92% 0; color: #333333; font-size: 24px; line-height:1.08; }
.aboutUsDown .usRight .usLine{ float: left; width: 100%;}
.aboutUsDown .usRight .usLine .usSpan{ float: left; width: 40px; height: 3px; background-color: #6cb62c;}
.aboutUsDown .usRight .usText{ float: left; width: 100%; padding-top: 3.86%;}
@media  screen and (max-width:1199px){
    .aboutUs{ font-size: 14px; line-height: 25px;}
    .aboutUsDown .usVideo .abVideo{ width: 56px; height: 56px; margin: -28px 0 0 -28px; }
    .aboutUsDown .usRight .usTit{ font-size: 20px; }
    .aboutUs{ font-size: 14px; line-height: 25px;}
}
@media  screen and (max-width:991px){
    .aboutUsDown .usVideo{ width:100%; }
    .aboutUsDown .usRight{ float: left; width:100%; }
}
@media  screen and (max-width:767px){
    .aboutUs{ padding: 7.5% 0 7.5% 0; }
    .aboutUsDown .usRight .usTit{ font-size: 18px; }
}


.aboutCountBack{ background: url("../images/about1.png") right bottom no-repeat #6cb62c; background-size: 17.44% auto;}
.aboutCount{ padding:5.38% 0 6.23% 0; }
.countBox{ position: relative;}
.countBox .lineOne{ content: ''; position: absolute; width: 1px; height: 100%; background-color: #82c14b; left: 33.3333%; top: 0;}
.countBox .lineTwo{ content: ''; position: absolute; width: 1px; height: 100%; background-color: #82c14b; left: 66.6666%; top: 0;}
.countBox .countLi{ float: left; width: 33.3333%; text-align: center;}
.countBox .countLi .big{ color: #fff; font-size: 48px;line-height: 1.27; font-weight: normal;}
.countBox .countLi .big .add{ font-size: 38px;}
.countBox .countLi .behind{ padding-top: 10px; color: #fff; font-size: 18px; line-height: 1;}
.aboutCountText{ padding-top: 3.58%; color: #e7f2e0; font-size: 16px; line-height: 32px; text-align: center;}
@media  screen and (max-width:1199px){
    .countBox .countLi .big{ font-size: 40px; }
    .countBox .countLi .big .add{ font-size: 28px;}
    .countBox .countLi .behind{ padding-top: 8px; font-size: 15px; }
    .aboutCountText{ font-size: 14px; line-height: 26px; }
}
@media  screen and (max-width:767px){
    .aboutCountBack{ background-size: 30.44% auto;}
    .aboutCount{ padding:7.5% 0 7.5% 0; }
    .countBox{ margin:0 -15px;}
    .countBox .countLi .big{ font-size: 32px; }
    .countBox .countLi .big .add{ font-size: 22px;}
    .countBox .countLi .behind{ padding-top: 6px; font-size: 13px; }
    .aboutCountText{ padding-top: 6%; line-height: 25px; }
}


.aboutHisBack{ background: url("../images/about2.png") left bottom no-repeat; background-size:14.47%; }
.aboutHis{ padding:6.83% 0; }
.historyBox{ margin-top: 3.41%; position: relative; padding: 0 33px 0 33px; }
.historyBox::after{ content: ''; position: absolute; width: 100%; height: 1px; background-color: #e2e2e2; left: 0; top: 50%;}
@media  screen and (max-width:767px){
    .aboutHis{ padding:7.5% 0; }
}

.historyBox .cricleLeft{ position: absolute; width: 12px; height: 12px; border: #73b936 solid 1px; left: 0; top: 50%; margin-top: -6px; background-color: #fff; z-index: 2;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}

.historyBox .cricleRight{ position: absolute; width: 12px; height: 12px; border: #73b936 solid 1px; right: 0; top: 50%; margin-top: -6px; background-color: #fff; z-index: 2;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.historySlide{ position: relative; z-index: 4;}

.historySlide  .slick-slide{ outline: 0;}
.historySlide  .slideCell{ float: left; width: 100%;}
.historySlide  .slideCell .cellGeo{ float: left; width: 100%;}
.historySlide  .slideCell .cellBorder{ border: #ebebeb solid 1px; padding:3.19%; box-sizing: border-box; position: relative;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.historySlide  .slideCell.two .cellBorder{ margin-top:26px; }
.historySlide  .slideCell .year{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 3.19%; z-index: 3; background-color: #fff;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.historySlide  .slideCell:hover .year{
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.historySlide  .slideCell .borderTit{ margin-top: 4.54%; color: #6cb62c; font-size: 16px; font-weight: bold; line-height: 1.3125;}
.historySlide  .slideCell .borderText{ margin-top: 2.27%; height: 84px; color: #666666; font-size: 16px; line-height: 28px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.historySlide  .slideCell .borderPic{ border: #ebebeb solid 1px;}
.historySlide  .slideCell .borderPic .pic{ overflow: hidden;}
.historySlide  .slideCell .borderPic .pic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.historySlide  .slideCell:hover .borderPic .pic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.historySlide  .slideCell .hisCricle{ text-align: center; height: 12px; margin-top: -6px; line-height: 0;}
.historySlide  .slideCell.two .hisCricle{ margin-top: 0;}
.historySlide  .slideCell .hisCricle .hixCen{display: inline-block; width: 12px; height: 12px; background-color: #6cb62c;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.historySlide  .slideCell:hover .hisCricle .hixCen{ background-color: #f58535;}
.historySlide  .slideCell .hisLine{ text-align: center; line-height: 0;}
.historySlide  .slideCell .hisLine .line{ display: inline-block; width: 1px; height: 18px; background-color: #6cb62c;}
.historySlide  .slideCell:hover .hisLine .line{ background-color: #f58535;}
.historySlide  .slideCell .bigCricle{ text-align: center;}
.historySlide  .slideCell.two .bigCricle{ margin-top: 44px;}
.historySlide  .slideCell .bigCricle .big{ display: inline-block; width: 108px; height: 108px; border: #6cb62c solid 1px; color: #6cb62c; font-size: 24px; font-weight: bold; text-align: center; line-height: 106px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.historySlide  .slideCell:hover .bigCricle .big{ border-color: #f58535; color: #f58535;}

.historySlide .slick-prev{ position: absolute; width: 48px; height: 48px; left: -122px; top: 50%; margin-top: -24px; background: url("../images/history2.png") no-repeat; background-size: cover; z-index: 5;}
.historySlide .slick-prev:hover{background: url("../images/history2_h.png") no-repeat; background-size: cover;}
.historySlide .slick-next{ position: absolute; width: 48px; height: 48px; right: -122px; top: 50%; margin-top: -24px; background: url("../images/history3.png") no-repeat; background-size: cover; z-index: 5;}
.historySlide .slick-next:hover{background: url("../images/history3_h.png") no-repeat; background-size: cover;}
@media  screen and (max-width:1348px){
    .historySlide .slick-prev{ left:-36px;}
    .historySlide .slick-next{ right:-36px;}
}
@media  screen and (max-width:1199px){
    .historyBox{ margin-top: 4.4%; position: relative; padding: 0 34px 0 34px; }
    .historySlide  .slideCell .cellBorder{ padding:2.5%; }
    .historySlide  .slideCell.two .cellBorder{ margin-top:33px; }
    .historySlide  .slideCell.two .bigCricle{ margin-top: 58px;}
    .historySlide  .slideCell .borderText{ height: 75px; font-size: 14px; line-height: 25px; }
}
@media  screen and (max-width:991px){
    .historySlide  .slideCell.two .bigCricle{ margin-top: 80px;}
}
@media  screen and (max-width:767px){
    .historyBox{ padding: 0; }
    .historySlide  .slideCell{ padding: 0 1px;}
    .historySlide  .slideCell .cellGeo{ position: relative;}
    .historySlide  .slideCell .borderTit{ font-size: 14px; font-weight: bold; }
    .historySlide  .slideCell .borderText{ height: 32px; font-size: 13px; line-height: 16px;
        text-overflow:ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .historySlide  .slideCell .bigCricle .big{ width: 60px; height: 60px; font-size: 18px; line-height: 58px; }
    .historySlide  .slideCell.two .cellBorder{ margin-top:9%; }
    .historySlide  .slideCell.two .bigCricle{ margin-top: 0;}
    .historySlide  .slideCell.two .geoFloat{ position: absolute; width: 100%; left: 0; bottom: -6px;}
    .historySlide .slick-prev{ left:-13px; width: 26px; height: 26px; margin-top: -13px;}
    .historySlide .slick-next{ right:-13px; width: 26px; height: 26px; margin-top: -13px;}
}
@media  screen and (max-width:369px){
    .historySlide  .slideCell.two .cellBorder{ margin-top:8%; }
}
@media  screen and (max-width:340px){
    .historySlide  .slideCell.two .cellBorder{ margin-top:6%; }
}




.aboutCulTitle{ text-align: center;}
.aboutCulTitle .cssh3{ color: #6cb62c; font-size: 24px; font-weight: bold; line-height: 1;}
.aboutCulTitle .shortLine{ padding-top: 21px; text-align: center; line-height: 0;}
.aboutCulTitle .shortLine span{ display: inline-block; vertical-align: top; width: 60px; height: 3px; background-color: #dddddd;}
.aboutCulTitle .longLine{ margin-top: -1px; height: 1px; background-color: rgba(0,0,0,0.1);}
@media  screen and (max-width:1199px){
    .aboutCulTitle .cssh3{ font-size: 20px; }
    .aboutCulTitle .shortLine{ padding-top: 15px; }
    .aboutCulTitle .shortLine span{ width: 50px; }
}
@media  screen and (max-width:767px){
    .aboutCulTitle .cssh3{ font-size: 18px; }
}

.aboutCultureBack{ background-color: #eaf5e1;}
.aboutCulture{ padding: 6.83% 0;}
.aboutCultureDown{ margin-top: 3.41%; margin-left: -14px; margin-right: -14px;}
.aboutCultureDown ul{ float: left; width: 100%;}
.aboutCultureDown ul li{}
.aboutCultureDown ul li .culPad{ padding: 0 14px;}
.aboutCultureDown ul li .culPad .culPic{ line-height: 0; overflow: hidden; position: relative;}
.aboutCultureDown ul li .culPad .culPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.aboutCultureDown ul li:hover .culPad .culPic img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.aboutCultureDown ul li .culPad .culPic .trangle{ position: absolute; width: 0; height: 0; bottom: 0; left: 50%; margin-left: -17px; border-bottom: #fff solid 16px; border-left: transparent solid 17px; border-right: transparent solid 17px;}
.aboutCultureDown ul li:nth-child(2n) .culPad .culPic .trangle{ bottom: auto; top: 0; border-bottom: 0; border-top:  #fff solid 16px; }

.aboutCultureDown ul li .culPad .culWihte{ background-color: #fff;}
.aboutCultureDown ul li .culPad .culWihte .whitePad{ padding: 0 10%;}
.aboutCultureDown ul li .culPad .culWihte .whitePad .whTit{ padding: 13.4% 0 0 0; color: #333333; font-size: 20px; line-height: 1; text-align: center; text-transform: uppercase;}
.aboutCultureDown ul li .culPad .culWihte .whitePad .whLine{ margin: 6.39% 0 9.09% 0; text-align: center; line-height: 0; height: 1px; background-color: #e5e5e5;}
.aboutCultureDown ul li .culPad .culWihte .whitePad .whLine .span{ display: inline-block; vertical-align: top; width: 30px; height: 3px; background-color: #6cb62c; margin-top: -1px;}
.aboutCultureDown ul li .culPad .culWihte .whitePad .whText{ height: 72px; color: #333333; font-size: 16px; line-height: 36px; overflow: hidden; text-align: center;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media  screen and (max-width:1199px){
    .aboutCultureDown ul li .culPad .culPic .trangle{  margin-left: -14px; border-bottom: #fff solid 13px; border-left: transparent solid 14px; border-right: transparent solid 14px;}
    .aboutCultureDown ul li:nth-child(2n) .culPad .culPic .trangle{  border-top:  #fff solid 13px; }
    .aboutCultureDown ul li .culPad .culWihte .whitePad .whTit{ font-size: 17px; }
    .aboutCultureDown ul li .culPad .culWihte .whitePad .whLine .span{ width: 24px; }
    .aboutCultureDown ul li .culPad .culWihte .whitePad .whText{ height: 60px; font-size: 14px; line-height: 30px; }
}
@media  screen and (max-width:767px){
    .aboutCulture{ padding: 7.5% 0;}
    .aboutCultureDown{ margin-top: 5.41%; margin-left: -5px; margin-right: -5px;}
    .aboutCultureDown ul li .culPad{ padding: 0 5px;}
    .aboutCultureDown ul li .culPad .culPic .trangle{  margin-left: -11px; border-bottom: #fff solid 10px; border-left: transparent solid 11px; border-right: transparent solid 11px;}
    .aboutCultureDown ul li:nth-child(2n) .culPad .culPic .trangle{  border-top:  #fff solid 10px; }
    .aboutCultureDown ul li .culPad .culWihte .whitePad .whTit{ padding: 7.4% 0 0 0; font-size: 15px; }
    .aboutCultureDown ul li .culPad .culWihte .whitePad .whLine .span{ width: 20px; height: 2px; }
    .aboutCultureDown ul li .culPad .culWihte .whitePad .whText{ height: 32px; font-size: 13px; line-height: 16px; }
}



.aboutViTitle{ text-align: center;}
.aboutViTitle .cssh3{ color: #fff; font-size: 24px; font-weight: bold; line-height: 1;}
.aboutViTitle .shortLine{ padding-top: 21px; text-align: center; line-height: 0;}
.aboutViTitle .shortLine span{ display: inline-block; vertical-align: top; width: 60px; height: 3px; background-color: #fff;}
.aboutViTitle .longLine{ margin-top: -1px; height: 1px; background-color: rgba(255,255,255,0.2);}
@media  screen and (max-width:1199px){
    .aboutViTitle .cssh3{ font-size: 20px; }
    .aboutViTitle .shortLine{ padding-top: 15px; }
    .aboutViTitle .shortLine span{ width: 50px; }
}
@media  screen and (max-width:767px){
    .aboutViTitle .cssh3{ font-size: 18px; }
}

.aboutVisionBack{ background: url("../images/about7.jpg") center no-repeat; background-size: cover;}
.aboutVision{ padding: 6.83% 0;}
.aboutVisionDown{ padding-top: 3.41%; margin: 0 -15px;}
.aboutVisionDown .visionBox{ padding: 0 15px 1px 15px;}
.aboutVisionDown .visionGreen{ border: rgba(255,255,255,0.3) solid 1px; padding: 18.09% 19.04% 14.76% 19.04%; text-align: center;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
}
.aboutVisionDown .visionGreen:hover{ border: transparent solid 1px; background-color:rgba(255,255,255,0.2); }
.aboutVisionDown .visionIco{ display: inline-block; vertical-align: top; width:88px; height: 88px; }
.aboutVisionDown ul li .visionIco .imgs{}
.aboutVisionDown ul li .visionIco .imgd{ display: none;}
.aboutVisionDown ul li:hover .visionIco .imgs{ display: none;}
.aboutVisionDown ul li:hover .visionIco .imgd{ display:  block;}
.aboutVisionDown ul li .visionTit{ float: left; width: 100%; margin-top: 16.66%; height: 60px; color: #fff; font-size: 16px; line-height: 30px; text-align: center; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.aboutVisionDown .slick-list{ padding-bottom: 20px;}
@media screen and (max-width:1199px){
    .aboutVisionDown .visionIco{ width:72px; height: 72px; }
}
@media screen and (max-width:767px){
    .aboutVision{ padding: 7.5% 0;}
    .aboutVisionDown{ margin: 0 -5px;}
    .aboutVisionDown .visionBox{ padding: 0 5px;}
    .aboutVisionDown ul li .visionTit{ height: 40px; font-size: 14px; line-height: 20px; }
}


.aboutVisionDown .slick-dots{ position: static; bottom: auto; width: 100%; margin-top: 5%; text-align: center; line-height: 0;}
.aboutVisionDown .slick-dots li{ display: inline-block; width: 12px; height: 12px; border: rgba(255,255,255,0.3) solid 1px; margin: 0 12px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.aboutVisionDown .slick-dots li.slick-active{ border: #fff solid 1px; background-color: #fff;}
.aboutVisionDown .slick-dots li button{ display: none;}
@media screen and (max-width:991px){
    .aboutVisionDown .slick-dots li{  width: 12px; height: 12px; margin: 0 10px; }
}



/*1关于丰生 -优势与规划*/
.advantage{ padding: 6.83% 0;}
.advantageDown{ padding-top: 3.41%; margin: 0 -15px;}
.advantageDown ul{ float: left; width: 100%;}
.advantageDown ul li{ float: left; width: 100%; padding: 0 15px;}
.advantageDown ul li .grey{ float: left; width: 100%; margin-top: 65px; padding-bottom: 7.56%; background-color: #f4f4f4; text-align: center;}
.advantageDown ul li .greyIco{ display: inline-block; vertical-align: top; width: 128px; height: 128px; background-color: #fff; border: #f2f2f2 solid 8px; color: #6cb62c; font-size: 36px; font-weight: bold; line-height: 112px; text-align: center; margin-top: -65px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.advantageDown ul li .greyTit{ float: left; width: 100%; padding: 7.83% 3% 7.56% 3%; color: #333333; font-size: 20px; line-height: 1.2; text-align: center;}
.advantageDown ul li .greyText{ float: left; width: 100%; min-height: 104px; color: #666666; font-size: 16px; line-height: 26px; text-align: center; padding: 0 9.45%;}
@media screen and (max-width:1199px){
    .advantageDown ul li .grey{ margin-top: 54px;}
    .advantageDown ul li .greyIco{ width: 105px; height: 105px;  border: #f2f2f2 solid 7px; font-size: 29px; line-height: 91px;  margin-top: -54px;  }
    .advantageDown ul li .greyTit{ font-size: 17px; }
    .advantageDown ul li .greyText{ min-height: 88px; font-size: 14px; line-height: 22px; }
}
@media screen and (max-width:767px){
    .advantage{ padding: 7.5% 0;}
    .advantageDown{ padding-top: 4.5%; }
}



.industryBack{ background-color: #eaf5e1;}
.industry{ padding: 6.83% 0;}
.industryBehind{ padding-top: 3.41%; margin: 0 -15px;}
.industryBehind .slickIn{ float: left; width: 100%;}
.industryBehind .slickIn li{ float: left; width: 100%; padding: 0 15px;}
.industryBehind .slickIn li .inWhite{ background-color: #fff; padding: 17% 15% 15.55% 15%; text-align: center;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.industryBehind .slickIn li:hover .inWhite{ background-color: #f58535;}
.industryBehind .slickIn li .inIco{ display: inline-block; vertical-align: top; width: 94px; height: 94px; line-height: 0;}
.industryBehind .slickIn li .inIco .imgs{}
.industryBehind .slickIn li .inIco .imgd{ display: none;}
.industryBehind .slickIn li:hover .inIco .imgs{ display: none;}
.industryBehind .slickIn li:hover .inIco .imgd{ display: block;}
.industryBehind .slickIn li .inText{ float: left; width: 100%; min-height: 60px; margin-top: 13.15%; color: #333333; font-size: 18px; line-height: 30px; text-align: center;}
.industryBehind .slickIn li:hover .inText{ color: #fff;}
@media screen and (max-width:1199px){
    .industry{ padding: 7.5% 0;}
    .industryBehind .slickIn li .inIco{ width: 80px; height: 80px; }
    .industryBehind .slickIn li .inText{ min-height: 50px; font-size: 15px; line-height: 25px; }
}
@media screen and (max-width:767px){
    .industry{ padding: 7.5% 0;}
    .industryBehind{ padding-top: 4.5%; }
}


.direction{ padding: 6.83% 0;}
@media screen and (max-width:767px){
    .direction{ padding: 7.5% 0;}
}

.directionDown{ padding-top: 3.41%;}
@media screen and (max-width:767px){
    .directionDown{ padding-top: 4.5%;}
}

.directionBox{ float: left; width: 100%; position: relative; height: 436px; text-align: center;}
.directionBox .dirPic{ display: inline-block; vertical-align: top; width: 490px; line-height: 0;}
.directionBox .dirFloat{ position: absolute; width: 100%; left: 0; top: 0;}
.directionBox .dirFloat .dirLeft{ float: left; width: 319px; padding-top: 8px;}
.directionBox .dirFloat .dirLeft.fr{ float: right}
.directionBox .dirFloat .dirLi{ float: left; width: 319px; height: 90px; margin: 25px 0; border: #eeeeee solid 1px; background-color: #f4f4f4; padding: 15px 15px 15px 30px;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;

}
.directionBox .dirFloat .dirLi:hover{ background-color: #f58535; border-color: #f58535;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.directionBox .dirFloat .dirLi .dirIco{ float: left; width: 60px; height: 60px; background-color: #fff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.directionBox .dirFloat .dirLi .dirLeftPad{ padding-left: 80px;}
.directionBox .dirFloat .dirLi .dirLeftPad .diTit{ float: left; width: 100%; padding: 8px 0; color: #333333; font-size: 16px; line-height: 18px; text-align: left;}
.directionBox .dirFloat .dirLi:hover .dirLeftPad .diTit{ color: #fff;}
.directionBox .dirFloat .dirLi .dirLeftPad .diEng{ float: left; width: 100%; color: #333; font-size: 16px; line-height: 18px; text-align: left;}
.directionBox .dirFloat .dirLi:hover .dirLeftPad .diEng{ color: #fff;}
@media screen and (max-width:1199px){
    .directionBox{ height: 360px; }
    .directionBox .dirPic{ width: 404px; }
    .directionBox .dirFloat .dirLeft{ width: 263px; padding-top: 7px;}
    .directionBox .dirFloat .dirLi{ width: 263px; height: 74px; margin: 20px 0;  padding: 12px 12px 12px 24px;
        border-radius:12px;
        -webkit-border-radius:12px;
        -moz-border-radius:12px;
        -o-border-radius:12px;
    }
    .directionBox .dirFloat .dirLi .dirIco{ width: 50px; height: 50px; }
    .directionBox .dirFloat .dirLi .dirLeftPad{ padding-left: 66px;}
    .directionBox .dirFloat .dirLi .dirLeftPad .diTit{ padding: 5px 0; font-size: 14px; }
    .directionBox .dirFloat .dirLi .dirLeftPad .diEng{ font-size: 14px; line-height: 16px; }
}
@media screen and (max-width:991px){
    .directionBox{ height: auto; }
    .directionBox .dirFloat{ position: static; float: left; width: 100%; left: auto; top: auto; }
}
@media screen and (max-width:767px){
    .directionBox .dirPic{ display: none; }
    .directionBox .dirFloat .dirLeft{ width: 100%; padding-top: 0;}
    .directionBox .dirFloat .dirLi{ width: 100%; height: 74px; margin: 5px 0;  padding: 12px 12px 12px 24px;
        border-radius:12px;
        -webkit-border-radius:12px;
        -moz-border-radius:12px;
        -o-border-radius:12px;
    }
}

.situationBack{ background-color: #f4f4f4;}
.situation{ padding:5.72% 0 5.72% 0; color: #333333; font-size: 16px; line-height: 36px; }
.situation .sitPic{ float: right; width: 46.58%; margin-right: -88px; line-height: 0;}
.situation .sitLeft{ float: left; width: 57.77%; padding: 14px 0 0 0; }
.sitLeftTitle{ float: left; width: 100%;}
.sitLeftTitle .tit{ color: #6cb62c; font-size: 24px; font-weight: bold; line-height: 1;}
.sitLeftTitle .titLong{ margin: 14px 0 15px 0; height: 1px; background-color: #dbdbdb;}
.sitLeftTitle .titLong .titSpan{ float: left; width: 80px; height: 3px; background-color: #6cb62c; margin-top: -1px;}
.sitLeftTitle .titShort{ padding-bottom: 17px;}
.sitLeftTitle .titShort .titSpan{ float: left; width: 140px; height: 1px; background-color:#dbdbdb; }
.situation .sitText{ float: left; width: 100%;}
.situation .sitText .sitLie{ padding-top: 15px;}
.situation .sitText .circle{ float: left; width: 8px; height: 8px; background-color: #6cb62c; margin-top: 14px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.situation .sitText .sitPad{ padding-left: 20px;}
@media screen and (max-width:1199px){
    .situation{ font-size: 14px; line-height: 28px; }
    .sitLeftTitle .tit{ font-size: 20px; }
    .situation .sitText .circle{ margin-top: 11px; }
}
@media screen and (max-width:991px){
    .situation .sitPic{ float: left; width: 100%; margin-right: 0;  padding: 0 18%;}
    .situation .sitLeft{ width: 100%; padding: 14px 0 0 0; }
}
@media screen and (max-width:767px){
    .situation{ line-height: 25px; }
    .sitLeftTitle .tit{ font-size: 18px; }
    .situation .sitText .circle{ margin-top: 8px; }
    .sitLeftTitle .titLong{ margin: 10px 0 12px 0; }
    .sitLeftTitle .titShort{ padding-bottom: 0;}
    .sitLeftTitle .titShort .titSpan{ width: 80px;  }
}



/*1关于丰生-生产概况*/
.made{ padding: 6.83% 0 6.15% 0; margin: 0 -15px;}
@media screen and (max-width:767px){
    .made{ padding: 7.5% 0 7.5% 0; margin: 0 -5px;}
}
.made ul{ float: left; width: 100%;}
.made ul li{float: left; padding: 0 15px; text-align: center;}
.made ul li .madeIco{ display: inline-block; vertical-align: top; width: 150px; height: 150px; border: #7fcc3c solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.made ul li:hover .madeIco{ border: 0; background: url("../images/about30.png") center no-repeat; background-size: cover;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    -o-box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.made ul li .madeIco .imgs{}
.made ul li .madeIco .imgd{ display: none;}
.made ul li:hover .madeIco .imgs{ display: none;}
.made ul li:hover .madeIco .imgd{ display: block;}
.made ul li .madeTitle{ float: left; width: 100%; padding: 8.88% 16.66% 0 16.66%; color: #333333; font-size: 16px; line-height: 30px; text-align: center;}
.made ul li .madeTitle .str{ color: #6cb62c;}
@media screen and (max-width:1199px){
    .made ul li .madeIco{ width: 122px; height: 122px; }
    .made ul li .madeTitle{ padding: 8.88% 10.66% 0 10.66%; font-size: 14px; line-height: 25px; }
}
@media screen and (max-width:767px){
    .made ul li{ padding: 0 5px; }
    .made ul li .madeIco{ width: 94px; height: 94px; }
    .made ul li .madeTitle{ padding: 8.88% 10.66% 0 10.66%; font-size: 14px; line-height: 20px; }
}


.processBack{ background: url("../images/about31.jpg") center no-repeat; background-size: cover;}
.process{ padding: 6.83% 0;}
.processDown{ padding-top: 3.41%; overflow: hidden;}
@media screen and (max-width:767px){
    .process{ padding: 7.5% 0;}
    .processDown{ padding-top: 4.5%; overflow: hidden;}
}
.processDown ul{ float: left; width: 1210px; padding-left: 10px;}
.processDown ul li{ float: left; width: 240px;}
.processDown ul li .cessBox{ float: left; width: 100%; padding-right: 54px; text-align: center; position: relative;}
.processDown ul li .cessBox .lineWhite{ position: absolute; width: 40px; height: 1px; background-color: rgba(255,255,255,0.5); right: 0; top: 50%;}
.processDown ul li .cessBox .casePIc{ display: inline-block; vertical-align: top; width: 124px; height: 124px; margin-left: 8px; position: relative; }
.processDown ul li .cessBox .casePIc .caseCount{ position: absolute; min-width: 30px; height: 30px; background-color: #f58535; color: #fff; font-size: 16px; line-height: 30px; right: 0; top: 0;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.processDown ul li .cessBox .casePIc .pic{ width: 124px; height: 124px; overflow: hidden; position: relative;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.processDown ul li .cessBox .casePIc .pic .picBor{ position: absolute; width: 100%; height: 100%; border: #ee8735 solid 3px; left: 0; top: 0;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.processDown ul li .cessBox .caseTit{ float: left; width: 100%; padding-top: 19px; padding-left: 8px; color: #fff; font-size: 16px; line-height: 1; text-align: center;}
.processDown .slick-prev{ position: absolute; width: 11px; height: 18px; left: 0; top: 50%; background: url("../images/about37.png") center no-repeat; background-size: cover;}
.processDown .slick-prev:hover{
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
}
.processDown .slick-next{ position: absolute; width: 11px; height: 18px; right: 46px; top: 50%; background: url("../images/about38.png") center no-repeat; background-size: cover;}
.processDown .slick-next:hover{
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
}
@media screen and (max-width:1199px){
    .processDown ul{ width: 990px;  }
    .processDown ul li{ width: 245px;}
    .processDown ul li .cessBox{ padding-right: 30px; }
    .processDown ul li .cessBox .lineWhite{ width: 30px; right: -2px; }
    .processDown ul li .cessBox .casePIc{ margin-left: 0;  }
    .processDown .slick-next{ position: absolute; width: 11px; height: 18px; right: 30px; top: 50%; background: url("../images/about38.png") center no-repeat; background-size: cover;}
}
@media screen and (max-width:991px){
    .processDown ul{ width: 100%; padding: 0 10px;  }
    .processDown ul li{ width: auto;}
    .processDown ul li .cessBox{ padding-right: 0; }
    .processDown ul li .cessBox .lineWhite{ display: none;}
    .processDown ul li .cessBox .caseTit{  padding-top: 15px; padding-left:0;  font-size: 14px; line-height: 1; }
    .processDown .slick-next{ right: 0;}
}
@media screen and (max-width:767px){
    .processDown ul li .cessBox .casePIc{ width: 90px; height: 90px; }
    .processDown ul li .cessBox .casePIc .caseCount{ min-width: 20px; height: 20px; font-size: 14px; line-height: 20px; }
    .processDown ul li .cessBox .casePIc .pic{ width: 90px; height: 90px; }
}



.safe{ padding: 6.49% 0 0 0; overflow: hidden;}
.safe .safePic{ float: left; width: 40.08%; line-height: 0;}
.safe .safeRight{ float: right; width: 54.87%; padding-top: 36px;}
.safe .safeRight .safeText{ float: left; width: 100%; padding-top: 3.12%; color: #333333; font-size: 16px; line-height: 24px;}
@media screen and (max-width:1199px){
    .safe .safeRight{ padding-top: 30px;}
    .safe .safeRight .safeText{ font-size: 14px; line-height: 24px;}
}
@media screen and (max-width:991px){
    .safe .safePic{ width: 100%; padding: 0 20%;}
    .safe .safeRight{ float: left; width: 100%; padding-top: 3.6%; padding-bottom: 6.83%;}
    .safe .safeRight .safeText{ padding-top: 0;}
}
@media screen and (max-width:767px){
    .safe .safeRight{ padding-top: 4.6%; padding-bottom: 7.5%;}
}



.safetyBack{ background-color: #e2f3d5;}
.safety{ padding: 6.83% 0;}
@media screen and (max-width:767px){
    .safety{ padding: 7.5% 0;}
}

.safetyTxt{ padding: 2.73% 9.4% 3.41% 9.4%; color: #333333; font-size: 16px; line-height: 36px; text-align: center;}
@media screen and (max-width:1199px){
    .safetyTxt{ padding: 2.73% 0 3.41% 0;  font-size: 14px; line-height: 28px; }
}
.safetyDown{ margin: 0 -10px;}
.safetyDown ul{ float: left; width: 100%;}
.safetyDown ul li{ float: left; padding: 0 10px; width: 12.5%;}
.safetyDown ul li .safetyBox{ float: left; width: 100%; background: url("../images/about40.png") center no-repeat; background-size: cover;
    display: flex;
    display: -webkit-flex;
    justify-content:center;
    -webkit-justify-content:center;
    align-items: center;
    -webkit-align-items: center;
}
.safetyDown ul li .safetyBox .safeTit{ padding: 0 10.9375%; color: #333333; font-size: 16px; line-height: 28px; text-align: center;}
@media screen and (max-width:767px){
    .safetyTxt{ line-height: 25px; }
    .safetyDown ul li .safetyBox .safeTit{ font-size: 14px; line-height: 20px; }
}





/* right */
.right{display: none;position: fixed; width: 42px; right: 40px; top: 50%; margin-top: -156px; z-index: 99;}
.right ul{float: left; width: 100%;}
.right ul li{float: left; width: 100%; margin: 8px 0; position: relative;}
.right ul li::before{ content: ''; position: absolute; left: 50%; bottom: 100%; width: 0; height: 8px; border-right: #7fcc3c dashed 1px;}
.right ul li::after{ content: ''; position: absolute; left: 50%; top: 100%; width: 0; height: 8px; border-right: #7fcc3c dashed 1px;}
.right ul li:hover::before{ border-right: #f58535 dashed 1px;}
.right ul li:hover::after{ border-right: #f58535 dashed 1px;}
.right ul li:first-child::before{ display: none;}
.right ul li:last-child::after{ display: none;}
.right ul li a{float: left; width: 100%; display: block; height: 42px; background: #7fcc3c;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.right ul li a:hover {background: #f58535;}
.right ul li a img{display: block; float: left;}
.right ul li a span{position: absolute; display: block; background:url(../images/right_bg.png) no-repeat; min-width: 88px; height: 30px; line-height: 30px; padding: 0 22px 0 10px; right: -200px; top: 50%; margin-top: -15px; font-size: 14px; color: #fff;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s; }
.right ul li a:hover span{right: 100%;}
.right ul li a .ewm{ position: absolute; width: 107px; height: 99px; padding: 10px 19px 11px 10px; background: url("../images/right08.png") no-repeat; right: -200px; top: 50%; margin-top: -50px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.right ul li a:hover .ewm{ right: 51px;}
@media screen and (max-width:1199px){
    .right{ display: none;}
}





    /*
      -webkit-appearance:none;
    outline: 0;

         -webkit-box-shadow: 0 2px 6px #000;
            -moz-box-shadow: 0 2px 6px #000;
              -o-box-shadow: 0 2px 6px #000;
                 box-shadow: 0 2px 6px #000;


         border-radius:11px;
         -webkit-border-radius:11px;
            -moz-border-radius:11px;
              -o-border-radius:11px;

         text-overflow:ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;


         -webkit-transition: all 0.3s linear;
         -moz-transition: all 0.3s linear;
         -o-transition: all 0.3s linear;
         transition: all 0.3s linear;
         transition: -webkit-transform 2s;
         -ms-interpolation-mode:bicubic;

         transform: scale(1.09,1.09);
         -ms-transform: scale(1.09,1.09);
         -webkit-transform: scale(1.09,1.09);
         -o-transform: scale(1.09,1.09);
         -moz-transform: scale(1.09,1.09);

         opacity: 0;
         filter: alpha(opacity=0);
                  -moz-opacity: 0;
                -khtml-opacity: 0;


      -webkit-transform: translate(0, -50%);
         -ms-transform: translate(0, -50%);
             transform: translate(0, -50%);


         */


/*分页*/
.waik_1{ padding: 3.5% 0 6.83% 0;  text-align:center;}
.waik_2{ padding: 3.93% 0 6.78% 0;  text-align:center;}
.waik_3{ padding: 40px 0 0 0;  text-align:center;}
.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .fy_phone{ display:block; }
    .fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#333;}
    .fy_phone a{ display:inline-block; width:110px; height:30px; line-height:29px; border:solid 1px #031d2c; color:#333;text-decoration:inherit;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px;
    }
    .fy_phone span{ display:inline-block; padding:0 15px; height:30px; line-height:30px; color:#333;}
}
@media  screen and (max-width:767px){
    .waik_1{ padding:6% 0 6% 0;}
}

.page{ float: left; width: 100%; text-align: center;}
.page ul{ float: none!important; display:inline-block; zoom: 1; width: auto!important;}
.page a { float: left; width: 30px; height: 30px; margin: 0 5px;}
.page a li{ float: left; width: 100%; text-align: center; line-height: 28px!important; padding: 0!important;border:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3 !important;border-radius:38px;-moz-border-radius:38px; -webkit-border-radius:38px;}
.page a:last-child,
.page a:first-child{ width: 100px; height: 38px;}
.page a:last-child li,
.page a:first-child li{border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
.page li:hover
{
    color: #fff;
    border: 1px solid #f58535; background-color: #f58535;
    border-bottom:1px solid #f58535 !important;
}
.page li img.img1{vertical-align: initial;}
.page li img.img2{
    display: none;
    vertical-align: initial;
}
.page li:hover img.img1,
.page li.pageact img.img1{
    display: none;
    vertical-align: initial;
}
.page li:hover img.img2,
.page li.pageact img.img2{
    display: inline-block;
}
.page li.pageact
{
    color: #fff;
    border: 1px solid #f58535; background-color: #f58535;
    border-bottom:1px solid #f58535 !important;
}





.special{}
.special .slick-dots{ position: static; bottom: auto; width: 100%; margin-top: 5%; text-align: center; line-height: 0;}
.special .slick-dots li{ display: inline-block; vertical-align: top; float: none; width: 12px; height: 12px; padding: 0; border: #f58535 solid 1px; margin: 0 12px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.special .slick-dots li.slick-active{ background: #f58535;}
.special .slick-dots li button{ display: none;}
@media screen and (max-width:991px){
    .special .slick-dots li{  width: 12px; height: 12px; margin: 0 10px; }
}




@-webkit-keyframes buzz-out{
    10%{  -webkit-transform:translateX(3px) rotate(2deg);  transform:translateX(3px) rotate(2deg)}
    20%{  -webkit-transform:translateX(-3px) rotate(-2deg);  transform:translateX(-3px) rotate(-2deg)}
    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}
@keyframes buzz-out{
    10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)  }
    50%{-webkit-transform:translateX(2px) rotate(1deg); transform:translateX(2px) rotate(1deg)}
    60%{-webkit-transform:translateX(-2px) rotate(-1deg); transform:translateX(-2px) rotate(-1deg)}
    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    80%{-webkit-transform:translateX(-2px) rotate(-1deg); transform:translateX(-2px) rotate(-1deg)}
    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}
.buzz-out{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent
}
.buzz-out:hover,
.buzz-out:focus,
.buzz-out:active{
    -webkit-animation-name:buzz-out;
    animation-name:buzz-out;
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}



.elli{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}