@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: fixed; width:100%; height:158px; left:0; top:0; z-index:1010; background: url("images/top1.jpg") top repeat-x #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{
    -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 .green{ position: absolute; width: 100%; left: 0; top: 0; height: 50px; overflow: hidden;}
.top1 .green .greenRight{ float: right; height: 50px; background-color: #80c02f; position: relative;}
.top1 .green .welcolme{ float: left; color: #fff; font-size: 14px; line-height: 50px; padding: 0 30px 0 24px; border-right: #93c94e  solid 1px;}
.top1 .green .tel{ float: left; padding: 0 30px; color: #ffffff; font-size: 14px; line-height: 50px;}
.top1 .green .tel .telIco{ float: left; width: 17px; height: 17px; line-height: 0; margin: 17px 10px 0 0;}
.top1 .green .tel p{display:inline;}
.top1 .green .language{ float: left; padding: 0 16px; height: 50px; border-right: #93c94e  solid 1px;border-left: #93c94e  solid 1px; color: rgba(255,255,255,0.5); line-height: 50px; }
.top1 .green .language a{color: rgba(255,255,255,0.5); margin: 0 12px; text-transform: uppercase;}
.top1 .green .language a:hover{ color: #fff;}
.top1 .green .greenRight .rightBack{ position: absolute; width: 1200px; height: 50px; background-color: #80c02f; left: 100%;}
.top1 .green .greenRight .leftCricle{ position: absolute; width: 64px; height: 48px; line-height: 0; right: 100%; top: 2px; }

.top1 .logo{ float:left; width:274px; height:110px; line-height: 0; margin-top: 24px;
    -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 .logo{ margin-top: 24px; }
@media screen and (max-width:1199px){

    .lanBox{float:left; width:100%; line-height:50px; text-align:center;}
    .language{ display:inline-block; vertical-align:top; padding: 0 16px; height: 50px; border: 0; color: #80c02f; line-height: 50px; }
    .language a{ color: #80c02f; margin: 0 12px; text-transform: uppercase;}
    .language a:hover{ color: #fff;}

    .top1{ display:none;}
}
.top1 .search{ float: right; width: 36px; height: 36px; margin-top: 87px;  position: relative; margin-right:-9px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top1 .search .searchBtn{ position: relative; float: left; width: 36px; height: 36px; border: 0; background: 0; z-index:200;
    -webkit-appearance:none;
    outline: 0;
}
.top1 .search .searchBox{ position: absolute; right: 0; top: 0; width: 36px; height: 36px; z-index: 100; border: #fff solid 1px;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.top1 .search.active .searchBox{ border-color: #80c02f; width:200px;  background-color: #fff; }
.top1 .search .searchBox input{ float: left; height: 34px; width: 0; background: 0; border: 0; padding: 0 13px 0 15px; color: #333; font-size: 14px; font-weight: normal;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.top1 .search.active .searchBox input{ width: 100%;}
.inco1 ::-webkit-input-placeholder { color:#999 !important;}
.inco1 :-moz-placeholder { color:#999 !important;}
.inco1 ::-moz-placeholder { color:#999 !important;}
.inco1 :-ms-input-placeholder { color:#999 !important; }




.menu{ float: right; margin: 50px 25px 0 0; }
.menu ul{ float:left; }
.menu ul .nli{ float: left; padding: 0 1px; position: relative; }
.menu ul .nli span a{ float:left; height: 108px; padding: 0 26px; color:#333333; font-size: 16px; line-height: 108px; position: relative; background-position: center bottom;
    -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.active span a{ color: #80c02f; font-weight: bold; background: url("images/top4.png") bottom center no-repeat;

}


.menu .sub{ display: none; position: absolute; width: 198px; left: 50%; top: 108px; margin-left: -99px }
.menu .sub .trangle{ float: left; width: 100%; padding-top: 14px; height: 20px; overflow: hidden; line-height: 0; text-align: center; }
.menu .sub .trangle b{ display: inline-block; vertical-align: top; width: 14px; height: 14px; background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu .sub ul{ float: left; width: 100%; display: block; background-color:rgba(255,255,255,0.9); border: #eeeeee solid 1px; padding: 10px 0;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 6px rgba(0,0,0,0.2);
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
}
.menu .sub li{ padding: 10px 0; color: #333; font-size: 14px; line-height: 20px;  text-align: center;}
.menu .sub li:hover{ background-color: #80c02f;}
.menu .sub li a{color: #333; text-transform: uppercase;}
.menu .sub li:hover a{ color: #fff;}

@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; }
}


/*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:100px; height:40px; margin-top: 10px;}
@media screen and (max-width:1199px){
    .top2{ display:block;}
}

/*手机按钮*/
.menuph{
    float:right;
    margin:10px 0 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: #80c02f;
}
.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: #80c02f;
}
.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: 60px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background:#fff;
}
.xialaph .titleTwo{ border-bottom: #f3f3f3 solid 1px;}
.xialaph .ul1{float:left; width:100%; border-top:#f3f3f3 solid 1px;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph .tp a{  display: block;  color: #333;  font-size: 15px;  font-weight: bold;  line-height: 50px;  position: relative;  }
.xialaph .tp b{
    position: absolute; right: 5px; 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; float:left; width:100%;
    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; width:100%;}
.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%; margin-top: 158px; 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: url("images/foot1.jpg") repeat;  }


/*banner*/
.bannerBox{ line-height: 0; overflow:hidden; }
.bannerBox .slick-dots{ position: absolute; width: 100%; left: 0; bottom: 30px; line-height: 0; text-align: center;}
.bannerBox .slick-dots li{ float: none; display: inline-block; vertical-align: top; width: 21px; height: 21px; border: transparent  solid 1px; padding: 5px; margin: 0 7px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.bannerBox .slick-dots li.slick-active{ border-color: #5a9f02;}
.bannerBox .slick-dots li button{ float: left; width: 9px; height: 9px; border: 0; background-color: #fff;
    -webkit-appearance:none;
    outline: 0;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.bannerBox .slick-dots li.slick-active button{ background-color: #5a9f02;}
.bannerBox .slick-dots li button::before{ display: none;}
@media screen and (max-width:991px){
    .bannerBox .slick-dots{ bottom: 15px;}
}
@media screen and (max-width:767px){
    .bannerBox .slick-dots{ bottom: 10px;}
}




/*main*/
.homeProTitle{ overflow: hidden;}
.homeProTitle .proTit{ text-align: center;}
.homeProTitle .proTit h2{ display: inline-block; vertical-align: top; color: #222222; font-size: 28px; line-height: 28px; padding: 0 20px; position: relative;}
.homeProTitle .proTit h2 .shortLineLeft{ position: absolute; width:30px; height: 21px; border-top: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; right: 100%; top: 50%; margin-top: -10px; }
.homeProTitle .proTit h2 .shortLineRight{ position: absolute; width:30px; height: 21px; border-top: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; left: 100%; top: 50%; margin-top: -10px; }
.homeProTitle .proTit h2::before{ content: ''; position: absolute; width: 1500px; height: 1px; background-color: #e5e5e5; right: 100%; top: 50%;}
.homeProTitle .proTit h2::after{ content: ''; position: absolute; width: 1500px; height: 1px; background-color: #e5e5e5; left: 100%; top: 50%;}
.homeProTitle .proEng{ padding-top: 1.2%; color: #999999; font-size: 14px; line-height: 1; text-align: center; text-transform: uppercase;}
@media screen and (max-width:991px){
    .homeProTitle .proTit h2{ font-size: 23px; }
    .homeProTitle .proEng{ font-size: 12px; }
}
@media screen and (max-width:767px){
    .homeProTitle .proTit h2{ font-size: 21px; padding: 0 12px; }
    .homeProTitle .proTit h2 .shortLineLeft{ width:22px; height: 15px;  margin-top: -7px; }
    .homeProTitle .proTit h2 .shortLineRight{ width:22px; height: 15px; margin-top: -7px; }
}



.homePro{ padding: 6.75% 0 6.83% 0;}
.homeProDown{ padding-top: 2.4%;}
.homeProDown .proHdBox{ float: left; width: 261px; height: 488px; padding: 37px 30px 30px 30px; background-color: #80c02f; }
.homeProDown .proHdTitle{ border-bottom: #fff solid 1px;}
.homeProDown .proHdTitle .eng{ color: #fff; font-size: 24px; line-height: 1.16; font-weight: bold; text-transform: uppercase;}
.homeProDown .proHdTitle .h3Add{ padding: 12px 0 32px 0;}
.homeProDown .proHdTitle .h3Add h3{ float: left; color: #fff; font-size: 20px; line-height: 21px;}
.homeProDown .proHdTitle .h3Add .proAdd{ float: right; width: 31px; line-height: 0;}
@media screen and (max-width:1199px){
    .homeProDown .proHdBox{ width: 214px; height: 401px; padding: 30px 25px 25px 25px; }
    .homeProDown .proHdTitle .eng{ font-size: 19px; }
    .homeProDown .proHdTitle .h3Add{ padding: 9px 0 25px 0;}
    .homeProDown .proHdTitle .h3Add h3{ font-size: 17px; line-height: 18px;}
    .homeProDown .proHdTitle .h3Add .proAdd{ width: 27px; }
}
@media screen and (max-width:991px){
    .homeProDown .proHdBox{ width: 100%; height: auto; padding: 18px 15px 15px 15px;}
}
@media screen and (max-width:767px){
    .homeProDown .proHdTitle .h3Add{ padding: 9px 0 18px 0;}
}


.proLeftSlick{ margin-top: 13px;}
.proLeftSlick ul{ float: left; width: 100%;}
.proLeftSlick ul li{ float: left; width: 100%; padding: 9px 0 10px 0;}
.proLeftSlick ul li .conor{ float: left; width: 100%; color: #fff; font-size: 16px; line-height: 36px; padding: 0 9px; cursor: pointer;
    border-radius:80px;
    -webkit-border-radius:80px;
    -moz-border-radius:80px;
    -o-border-radius:80px;
}
.proLeftSlick ul li.slick-current .conor{ background-color: #fff; color: #80c02f;}
.proLeftSlick ul li .conor b{float: left; width: 8px; height: 2px; background-color: #fff; margin: 17px 14px 0 0;}
.proLeftSlick ul li.slick-current .conor b{ background-color: #80c02f;}
@media screen and (max-width:1199px){
    .proLeftSlick{ margin-top: 10px;}
    .proLeftSlick ul li{ padding: 7px 0 7px 0;}
    .proLeftSlick ul li .conor{ font-size: 14px; line-height: 29px; padding: 0 8px; }
    .proLeftSlick ul li .conor b{ width: 6px; margin: 12px 12px 0 0;}
}
@media screen and (max-width:767px){
    .proLeftSlick{ margin-top: 8px;}
    .proLeftSlick ul li .conor{ font-size: 14px; line-height: 17px; padding: 6px 8px; position: relative; text-align: center; min-height: 46px;
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        -o-border-radius:4px;
    }
    .proLeftSlick ul li .conor b{ display: none; width: 0; height: 0; margin: 0; position: absolute; left: 50%; margin-left: -8px; top: 100%; border-top: #fff solid 8px; border-left: transparent solid 8px; border-right: transparent solid 8px;}
    .proLeftSlick ul li.slick-current .conor b{ display: block;}
}


.proRight{ float: right; width: 885px; height: 488px; padding: 8px 30px 0 8px;
    -webkit-box-shadow: 0 0 6px rgba(31,15,14,0.15);
    -moz-box-shadow: 0 0 6px rgba(31,15,14,0.15);
    -o-box-shadow: 0 0 6px rgba(31,15,14,0.15);
    box-shadow: 0 0 6px rgba(31,15,14,0.15);
}
.proRightSlick{ float: left; width: 100%;}
.proRightSlick li{ float: left; width: 100%;}
.proRightSlick li .proPic{ float: left; width: 600px;}
.proRightSlick li .proPic .picFloat{ padding-top: 78.66666666666667%; overflow: hidden; position: relative;}
.proRightSlick li .proPic .picFloat .img{ position: absolute; width: 100%; min-height: 100%; left: 0; top: 0;}
.proRightSlick li .proPic .picFloat h4{ position: absolute; width: 100%; left: 0; top: 2.83%; padding: 0 3%; color: #333333; font-size: 16px; line-height: 20px;}
.proRightSlick li .liRight{ padding-left: 626px;}
.proRightSlick li .liRight h3{ float: left; width: 100%; padding: 27px 0 18px 0; color: #80c02f; font-size: 24px; line-height:1.2; }
.proRightSlick li .liRight h3 a{color: #80c02f;}
.proRightSlick li .liRight .proRightText{ float: left; width: 100%; height: 256px; color: #333333; font-size: 14px; line-height: 32px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}
.proRightSlick li .liRight .proRightText a{color: #333333;}
.proRightSlick li .liRight .liBtn{ float: left; width: 100%; padding-top: 63px; position: relative; z-index: 20;}
.proRightSlick li .liRight .liBtn .btnBox{ float: left; width: 100%; border: #80c02f solid 1px; padding: 1px;
    border-radius:80px;
    -webkit-border-radius:80px;
    -moz-border-radius:80px;
    -o-border-radius:80px;
}
.proRightSlick li .liRight .liBtn .btnBox .btnLink{ float: left; width: 50%; color: #80c02f; font-size: 16px; line-height: 44px; text-align: center;}
.proRightSlick li .liRight .liBtn .btnBox .btnLink:hover{ background-color: #80c02f; color: #fff;}
.proRightSlick li .liRight .liBtn .btnBox .btnLink.lBtn{
    border-radius:80px 0 0 80px;
    -webkit-border-radius:80px 0 0 80px;
    -moz-border-radius:80px 0 0 80px;
    -o-border-radius:80px 0 0 80px;
}
.proRightSlick li .liRight .liBtn .btnBox .btnLink.rBtn{
    border-radius:0 80px 80px 0;
    -webkit-border-radius:0 80px 80px 0;
    -moz-border-radius:0 80px 80px 0;
    -o-border-radius:0 80px 80px 0;
}
@media screen and (max-width:1199px){
    .proRight{ width: 727px; height: 401px; padding: 6px 25px 0 6px; }
    .proRightSlick li .proPic{ width: 493px;}
    .proRightSlick li .proPic .picFloat h4{ font-size: 14px; line-height: 18px;}
    .proRightSlick li .liRight{ padding-left: 515px;}
    .proRightSlick li .liRight h3{ padding: 22px 0 15px 0; font-size: 19px; }
    .proRightSlick li .liRight .proRightText{ height: 130px; font-size: 13px; line-height: 26px; }
    .proRightSlick li .liRight .liBtn{ padding-top: 130px; }
    .proRightSlick li .liRight .liBtn .btnBox .btnLink{ font-size: 14px; line-height: 36px; }
}
@media screen and (max-width:991px){
    .proRight{ width: 100%; height: auto; padding: 6px 15px 6px 6px; }
}
@media screen and (max-width:767px){
    .proRight{ padding: 8px 8px 4% 8px; }
    .proRightSlick li .proPic{ width: 100%;}
    .proRightSlick li .liRight{ float: left; width: 100%; padding-left: 0;}
    .proRightSlick li .liRight h3{ padding: 15px 0 10px 0; }
    .proRightSlick li .liRight .proRightText{ height: 78px;
        -webkit-line-clamp: 3;
    }
    .proRightSlick li .liRight .liBtn{ padding-top: 3.5%; width: 180px; }
}


.proRightSlick .slick-dots{ position: absolute; width: auto; left: 0; bottom: 15px; padding: 0 0 0 20px;}
.proRightSlick .slick-dots li{ width: 11px; height: 11px; background-color: #cccccc; margin-right: 12px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.proRightSlick .slick-dots li.slick-active{ background-color: #80c02f;}
.proRightSlick .slick-dots li button{ display: none;}
@media screen and (max-width:767px){
    .proRightSlick .slick-dots{ position: static; bottom: auto; left: auto; padding: 4% 0 0 0; text-align: center;}
    .proRightSlick .slick-dots li{ float: none; display: inline-block; margin: 0 12px;}
}



.bg_3{ background: url(images/bg_3.jpg) repeat-y top center; overflow: hidden;}
.homeShow{ width:100%; float: left; padding: 80px 0; position: relative; }
.homeShow .c_300{ width:300px; float: left; margin-top: 44px;}
.homeShow .c_300 .title{ width:100%; float: left; letter-spacing: 2px;}
.homeShow .c_300 .title h4{ width:100%; float: left; font-size: 24px; color: #999999; line-height: 1.66; font-weight: bold; font-family: Arial; text-transform: uppercase;}
.homeShow .c_300 .title h3{ width:100%; float: left; font-size: 28px; color: #80c02f; line-height: 1.67;}
.homeShow .c_300 .p{ width:100%; float: left; padding-right: 10%; margin-top: 10px; font-size: 16px; color: #333333; line-height: 36px; height: 108px; overflow: hidden; letter-spacing: 1px;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
@media screen and (max-width: 1500px) {
    .homeShow{ padding: 40px 0; height:auto;}
    .homeShow .c_300{ width:100%; margin-top: 0;}
    .homeShow .c_300 .p{ height: 72px;}
}
@media screen and (max-width: 991px) {
    .homeShow .c_300 .title h4{ font-size: 19px; }
    .homeShow .c_300 .title h3{ font-size: 24px; }
    .homeShow .c_300 .p{ font-size: 14px; line-height: 30px; height: 90px; }
}
@media screen and (max-width: 767px) {
    .homeShow{ padding: 7% 0; }
    .homeShow .c_300 .title h4{ font-size: 15px; }
    .homeShow .c_300 .title h3{ font-size: 21px; }
    .homeShow .c_300 .p{ font-size: 13px; line-height: 26px; height: 52px;
        -webkit-line-clamp: 2;
    }
}

.homeShow .c_1199{ position: absolute; left: 300px; top: 80px; margin-left: 46px;}
.homeShow .c_1199 .slide_pic_2{ width:937px; float: left;}
.homeShow .c_1199 .slide_pic_2 .slick-list{ width:1199px; padding-right: 262px;}
.homeShow .c_1199 .slide_pic_2 .slick-slide{ padding: 0 65px; float: left; overflow: hidden;}
.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_300{ width:300px; float: left; padding: 20px 20px 20px 20px; background: white;}
.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_300 .img{ width:100%; float: left; border: #e7e7e7 solid 1px; padding-top: 98.83720930232558%; overflow: hidden; position: relative;}
.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_300 .img img{ position: absolute; width:100%; min-height: 100%; 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;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_300 .img: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);
}

.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_300 h5{ width:100%; float: left; margin-top: 15px; font-size: 16px; color:black; line-height: 20px;}
.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416{ width:460px; float: right; background: white; padding: 23px 28px; position: relative; height: 296px; box-shadow: 0 5px 20px rgba(0,0,0,0.15);}
.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .ico{ width: 0; height: 0; position: absolute; right: 100%; top: 50%; margin-top: -13px; border-right: #fff solid 14px; border-top: transparent solid 13px; border-bottom: transparent solid 13px;}
.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .img{ float: left; width: 43px; line-height: 0;}
.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p{ width:100%; float: left; margin-top:5px; font-size: 14px; color: #666; line-height: 30px; height: 181px; overflow: hidden; }
.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p .idea{ color: #94d60a; font-size: 50px; font-weight: bold; line-height: 1.2; text-transform: uppercase;}
.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p .booth{ color: #7f7f7f; font-size: 30px; line-height: 1.1;}
.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p .Address{ color: #333; font-size: 22px; line-height: 1.27; }
.homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p .Address.date{ margin-top: 7px;}
@media screen and (max-width: 1500px) {
    .homeShow .c_1199{ width:100%; position: relative; left:auto; top: auto; margin-left: 0; float: left; margin-top: 50px;}
    .homeShow .c_1199 .slide_pic_2{ width:100%;}
    .homeShow .c_1199 .slide_pic_2 .slick-list{ width:100%; padding-right: 0;}
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416{ float: none; margin-left: 344px; width: auto;}
}
@media screen and (max-width: 1024px) {
    .slide_pic_2 .slick-next{ right:0;}
}
@media screen and (max-width: 991px) {
    .homeShow .c_1199 .slide_pic_2 .slick-slide{ padding: 0; }
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .img{ width: 33px; }
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p{ }
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p .idea{ font-size: 38px; }
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p .booth{ font-size: 22px; }
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p .Address{ color: #333; font-size: 18px;  }
}
@media screen and (max-width: 767px) {
    .homeShow .c_1199{ margin-top: 5.5%;}
    .homeShow .c_1199 .slide_pic_2 .slick-slide{ padding: 0;}
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_300{ width:100%;}
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_300 h5{ margin-top: 10px; font-size: 14px;}
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416{ float: left; width: 100%; height: auto; margin-left: 0; padding: 0 26px 20px 26px;}
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .img{ width: 26px;}
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p{ height: 150px; font-size: 13px; line-height: 26px;}

    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p .idea{ font-size: 30px; }
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p .booth{  font-size: 18px; }
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p .Address{  font-size: 16px; }
    .homeShow .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .p .Address.date{ margin-top: 7px;}
}

.slide_pic_2 .slick-prev,.slide_pic_2 .slick-next {
    position: absolute;
    left: -25px;
    top: 50%;
    width: 44px;
    height: 44px;
    background:url(images/btn_3.png) no-repeat left center;
    opacity:0.6;filter:alpha(opacity=60);
}
.slide_pic_2 .slick-next {
    left: auto;
    right: -25px;
    background-position: right center;
}
.slide_pic_2 .slick-prev:hover{ opacity:1;filter:alpha(opacity=100);}
.slide_pic_2 .slick-next:hover{ opacity:1;filter:alpha(opacity=100);}
@media screen and (max-width: 1500px) {
    .slide_pic_2 .slick-prev,.slide_pic_2 .slick-next{ left: 0;}
    .slide_pic_2 .slick-next{ left: auto; right:0;}
}
@media screen and (max-width: 767px) {
    .slide_pic_2 .slick-prev,
    .slide_pic_2 .slick-next {width: 34px;height: 34px;margin-top: -17px; background-size: 68px 34px; display: none !important;}
}
@media screen and (max-width: 480px) {
    .c_1170_3 .c_1199 .slide_pic_2 .slick-slide .c_1199_416{ margin-left:0; width:100%; float: left; height:auto; padding: 20px 26px; margin-top: 30px;}
    .c_1170_3 .c_1199 .slide_pic_2 .slick-slide .c_1199_416 .ico{ top:-16px; margin-top: 0; left: 50%; margin-left: -16px;transform:rotate(90deg);}
}

.slide_pic_2 .slick-dots {position: relative;bottom: auto;display: block;float: left; margin-top: 20px;}
.slide_pic_2 .slick-dots li {width: 10px;height: 10px;margin: 0 6px; background: #bbb;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    border-radius:50%;}
.slide_pic_2 .slick-dots li.slick-active{ background: #000;}
.slide_pic_2 .slick-dots li button{ display: none;}


/*homeNew*/
.homeNewTitle{ border-left: #80c02f solid 4px; padding-left: 15px; position: relative;}
.homeNewTitle h3{ color: #333333; font-size: 22px; line-height: 34px;}
.homeNewTitle .eng{ color: #999999; font-size: 14px; line-height: 21px; text-transform: uppercase;}
.homeNewTitle .neMore{ position: absolute; right: 0; top: 0; color: #333333; font-size: 14px; text-transform: uppercase; line-height: 55px;}
.homeNewTitle .neMore:hover{ color: #80c02f;}
@media screen and (max-width: 1199px) {
    .homeNewTitle{ border-left: #80c02f solid 3px; padding-left: 12px; }
}
@media screen and (max-width: 991px) {
    .homeNewTitle h3{ font-size: 18px; line-height: 29px;}
    .homeNewTitle .eng{ font-size: 12px; line-height: 18px; }
    .homeNewTitle .neMore{ line-height: 47px;}
}

.homeNew{ padding: 6.83% 0 5.96% 0;}
.homeNewLeft{ float: left; width: 770px;}
.homeNewLeftDown{ padding-top: 18px;}
.homeNewSlick{ float: left; width: 370px; margin-top: 13px;}
.homeNewSlick ul,
.homeNewSlick ul li{ float: left; width: 100%}
.homeNewSlick .newPic{ padding-top: 59.18918918918919%; position: relative; overflow: hidden;}
.homeNewSlick .newPic .nimg{ position: absolute; width: 100%; min-height: 100%; 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;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.homeNewSlick ul li:hover .newPic .nimg{
    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);
}
.homeNewSlick .newPic .newTit{ position: absolute; width: 100%; left: 0; bottom: 9px; }
.homeNewSlick .newPic .newTit h5{ float: left; padding: 0 17px; background-color: rgba(128,192,47,0.8); color: #fff; line-height: 26px;}
.homeNewSlick h4{ padding: 5.48% 4.32%; background-color: #f4f4f4; color: #3e3e3e; font-size: 16px; line-height: 1;}
.homeNewSlick h4:hover{ color: #80c02f;}
@media screen and (max-width: 1199px) {
    .homeNewLeft{ width: 634px;}
    .homeNewLeftDown{ padding-top: 16px;}
    .homeNewSlick{ width: 304px; margin-top: 11px;}
    .homeNewSlick h4{ font-size: 14px; }
}
@media screen and (max-width: 991px) {
    .homeNewLeft{ width: 100%;}
}
@media screen and (max-width: 767px) {
    .homeNewLeftDown{ padding-top: 4%;}
    .homeNewSlick{ width: 100%; margin-top: 0;}
}


.homeNewList{ padding-left: 400px;}
.homeNewList ul{ float: left; width: 100%;}
.homeNewList ul li{ float: left; width: 100%; border-bottom: #f2f2f2 solid 1px; padding: 2px 0;}
.homeNewList ul li a{ float: left; width: 100%;}
.homeNewList ul li a:hover{ background-color: #f5f5f5;}
.homeNewList ul li a .tit{ float: left; width: 60%; padding-left: 14px; background: url("images/main6.png") left center no-repeat; background-size: 9px auto; color: #333333; font-size: 16px; line-height: 37px;}
.homeNewList ul li a:hover .tit{background: url("images/main6_h.png") left center no-repeat; background-size: 9px auto; color: #80c02f;}
.homeNewList ul li a .time{ float: right; color: #454545; line-height: 37px;}
.homeNewList ul li a:hover .time{ color: #80c02f;}
.homeNewList ul li:last-child{ border: 0;}
@media screen and (max-width: 1199px) {
    .homeNewList{ padding-left: 329px;}
    .homeNewList ul li{padding: 1px 0;}
    .homeNewList ul li a .tit{ font-size: 14px; line-height: 30px;}
    .homeNewList ul li a .time{ line-height: 30px;}
}
@media screen and (max-width: 767px) {
    .homeNewList{ padding-left: 0; float: left; width: 100%; margin-top: 2%;}
    .homeNewList ul li a .tit{ line-height: 36px;}
    .homeNewList ul li a .time{ line-height: 36px;}
}

.homeAbout{ float: right; width: 370px; height: 356px; padding: 20px 0 0 0; border: #e7e7e7 solid 1px; overflow: hidden;}
.homeAboutTitleBox{ float: left; width: 100%; padding: 0 29px;}
.homeAboutTitle{ float: left; width: 100%; color: #80c02f; font-size: 20px; line-height: 26px; padding-left: 35px; background: url("images/main7.png") left center no-repeat; background-size: 20px auto; }
.homeAboutEng{ float: left; width: 100%; margin-top: 8px; color: #bfbfbf; font-size: 12px; line-height: 15px;  text-transform: uppercase;}
.homeAboutText{ float: left; width: 100%; height: 90px; margin-top: 18px; color: #333333; font-size: 14px; line-height: 30px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.homeAboutMore{ float: left; width: 100%; margin-top: 5px; color: #80c02f; font-size: 12px; line-height: 16px; text-align: right;}
.homeAboutMore:hover{ text-decoration: underline; color: #80c02f;}
.homeAboutBack{ float: left; width: 100%; line-height: 0; margin-top: -6px;}
@media screen and (max-width: 1199px) {
    .homeAbout{ width: 305px; height: 304px; padding: 17px 0 0 0; }
    .homeAboutTitleBox{ padding: 0 22px;}
}
@media screen and (max-width: 991px) {
    .homeAbout{ float: left; width: 100%; margin-top: 4.5%;}
}
@media screen and (max-width: 767px) {
    .homeAboutTitle{ font-size: 18px;  }
    .homeAboutText{ height: 78px; font-size: 13px; line-height: 26px; }
}

/*homeVideo*/
.homeVideoBack{ background: url("images/main9.jpg") center no-repeat; background-size: cover;}
.homeVideo{ padding: 6.83% 0 0 0;}
.homeTrailerBox{ padding-top: 2.68%;}
@media screen and (max-width:767px){
    .homeTrailerBox{ padding-top: 4%;}
}

.slideOut{ position: relative; overflow: hidden; padding-bottom:7.69%; }
.slide{
    width: 100%;
    min-height: 100px;
    position: relative;

}
.slide .img{
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    background: #000;
    border: 0;
}
.slide .img::before{ display: none; content: ''; position: absolute; width: 60px; height: 60px; top: 50%; left: 50%; margin: -30px 0 0 -33px; background: url("images/main13.png") center no-repeat; background-size: cover; cursor: pointer;}
.slide .img.img3::before{ display: block;}
.slide .img h3{ display: none; position: absolute; width: 100%; background-color: #fff; left: 0; bottom: 0; padding: 2.52% 10px; color: #333333; font-size: 18px; line-height: 1; text-align: center;}
.slide .img.img3 h3{ display: block;}
.slide .img img{
    margin: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
}
.slide .img1{
    width: 36.5811%;
    height: 31.70945%;
    top: 30%;
    left: -50%;
    z-index: 1;
}
.slide .img2{
    width: 36.5811%;
    height: 83.116%;
    top: 9.09%;
    left: 0%;
    z-index: 2;
    opacity: 0.9;
    background: #000;
}
.slide .img3{
    width: 44.017%;
    height: 100%;
    top: 0;
    left: 27.9915%;
    z-index: 3;
}
.slide .img3 img{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.slide .img4{
    width: 36.5811%;
    height: 83.116%;
    top: 9.09%;
    left: 63.4189%;
    z-index: 2;
    opacity: 0.9;
    background: #000;
}
.slide .img5{
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
    display: none;
}
.slide-bt span{
    width: 24px;
    height: 8px;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #ffd200;
}
.slideOut button{ border: 0;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -webkit-appearance:none;
    outline: 0;

}
.butLeft{ position: absolute; left: 0; top:56.25%; margin-top: -25px; width:70px; height: 50px; background: url("images/main22.png") no-repeat; background-size: cover; outline: 0; z-index: 20;
    opacity: 0;
}
.butLeft:hover{ background: url("images/main22.png") no-repeat rgba(0,0,0,0.1); background-size: cover; }
.butRight{position: absolute; right: 0; top:56.25%; margin-top: -25px; width:70px; height: 50px; background: url("images/main23.png") no-repeat; background-size: cover; outline: 0; z-index: 20;
    opacity: 0;
}
.butRight:hover{ background: url("images/main23.png") no-repeat rgba(0,0,0,0.1); background-size: cover;}
@media screen and (max-width:1199px){
    .slide .img h3{ font-size: 15px; }
}
@media screen and (max-width:767px){
    .slide .img::before{ width: 36px; height: 36px; margin: -18px 0 0 -18px; }
    .slide .img2{
        opacity: 1;
        width: 36.5811%;
        height: 54.576%;
        top: 15%;
    }
    .slide .img3{
        width: 66.8928%;
        left: 16.5536%;
    }
    .slide .img h3{ font-size: 12px; padding: 1.52% 10px; }
    .slide .img4{
        opacity: 1;
        height: 54.576%;
        top: 15%;
    }
    .slide .img2::before{  border: #fff solid 3px;}
    .slide .img4::before{  border: #fff solid 3px;}
    .butLeft{ width: 40px; height: 29px; margin-top: -15px; background-size: cover;}
    .butLeft:hover{ background-size: cover;}
    .butRight{ width: 40px; height: 29px; margin-top: -15px; background-size: cover;}
    .butRight:hover{ background-size: cover;}
}

.winVideoBack{ display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); left: 0; top: 0; z-index: 1500;}
.VideoWin{ position: fixed; width: 1000px; left: 50%; top: 15%; margin-left: -500px; z-index: 1560;  }
.VideoWin #videoShup{ position: absolute; width: 38px; right: -58px; top: -58px; line-height: 0; cursor: pointer;}
@media screen and (max-width:1199px){
    .VideoWin{ width: 700px;  margin-left: -350px;  }
}
@media screen and (max-width:767px){
    .VideoWin{ width: 100%; left: 0; margin-left: 0;  }
    .VideoWin #videoShup{ right: 0; }
}



/*down*/
.footTop{float: left; width: 100%;}
.footNav{float: left; width: 100%; border-bottom: 1px solid #474747;padding: 18px 0; font-size: 14px; }
.footNav span{float: left; color: #fff; line-height: 38px; height: 38px;}
.footNav a{float: left; padding: 0 5px 0 6px; color: #fff;  line-height: 38px; height: 38px;}
.copyright a:hover,
.footNav a:hover{color: #80c02f;}
.footCenter{float: left; width: 100%; padding-top: 30px; padding-bottom: 24px; }
.footCenter .navAbout{float: left; width: 67.692308%;color: #bebebe; font-size: 14px;position: relative;}
.footCenter .navAbout::after{content: ""; width: 1px; height: 115px; background: #595959; position: absolute; right: -1px; top: 2px;}
.footCenter .navAbout .le_6_t{float: left; width: 100%; padding-bottom: 19px; background: url(images/s_bg05.png) no-repeat left bottom;}
.footCenter .navAbout .le_6_t div{margin-left: -26px;}
.footCenter .navAbout .le_6_t a{padding: 0 26px; color: #fff; font-size: 14px; line-height: 36px; height: 36px;}
.footCenter .navAbout .le_6_t a:hover{color:#80c02f;}
.footCenter .navAbout .le_6_d{float: left; width: 100%; font-size: 14px; line-height: 24px; color: rgba(255,255,255,.8);  padding-top: 22px;}
.footCenter .navAbout .le_6_d p{display:inline;}
.footCenter .navAbout .le_6_d a{float: left; width: 100%; display: block; color: rgba(255,255,255,.8);}
.footCenter .navAbout .le_6_d a:hover{color:#80c02f;}
.footShare{float: right; width: 24.444444%;}
.footShare .r_6_1{float: left; width: 96px;}
.footShare .r_6_1 img{float: left; width: 100%; display: block;}
.footShare .r_6_1 span{float: left; width: 100%; display: block; height: 24px; line-height: 24px; font-size: 12px; color: #fff; text-align: center; margin-top: 10px;}
.footShare .r_6_2{float: right; width: 164px;}
.footShare .r_6_2 h2{float: left; width: 100%; line-height: 28px; height: 28px; color: #fff; padding-left: 31px; background: url(images/s_bg06.png) no-repeat left; font-size: 14px; background-size: 24px auto;}
.footShare .r_6_2 h3{float: left; width: 100%; font-size: 24px; line-height: 28px; height: 28px; color: #c6c6c6; margin-top: 13px; font-family: Arial;}
.footShare .r_6_2 ul{float: left; width: 100%; margin-top: 12px;}
.footShare .r_6_2 ul  a{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;}
.footShare .r_6_2 ul li a img{display: block; width: 100%; float: left;}
.footShare .r_6_2 ul li a:hover{background: #80c02f;}
.copyBack{ background-color: rgba(153,153,153,0.05); border-top: #373737 dashed 1px;}
.copyright{float: left; width: 100%; padding: 18px 0 17px 0; font-size: 12px;}
.copyright .copyLeft{ float: left; color: #c6c6c6; font-size: 12px; line-height: 24px;}
.copyright .copyLeft a{color: #c6c6c6;}
.copyright .copyLeft a:hover{ color: #80c02f;}
.copyright .cpyrMap{ float: right;color: #c6c6c6; font-size: 12px; line-height: 24px;}
.copyright .cpyrMap a{color: #c6c6c6; margin: 0 5px;}
.copyright .cpyrMap a:hover{ color: #80c02f;}
@media  screen and (max-width:1199px){
    .footCenter .navAbout .le_6_t div{margin-left: -18px;}
    .footCenter .navAbout .le_6_t a{padding: 0 18px;}
    .footShare{width: 28.444444%;}
}
@media  screen and (max-width:991px){
    .footCenter .navAbout .le_6_t div{margin-left: 0;}
    .footCenter .navAbout{width: 64.692308%;}
    .footCenter .navAbout .le_6_t{background-position:-200px bottom;}
    .footCenter .navAbout .le_6_t a{padding: 0 5px;}
    .footShare{width: 32.444444%;}
    .footShare .r_6_1{width: 76px;}
    .footShare .r_6_2{width: 144px;}
    .footShare .r_6_2 h3{font-size: 20px; line-height: 28px; height: 28px; margin-top: 13px;}
    .footShare .r_6_2 ul{margin-top: 12px; display: none;}
    .footShare .r_6_2 ul li{width: 30px;margin: 0 5px; }
    .footShare .r_6_2 ul li a{height: 30px;}

}
@media  screen and (max-width:767px){
    .footNav{padding: 10px 0; font-size: 12px; }
    .footNav span{ line-height: 24px; height: 24px;}
    .footNav a{padding: 0 5px;line-height: 24px; height: 24px;}
    .footCenter .navAbout{width:100%;}
    .footCenter .navAbout::after{display: none;}
    .footCenter .navAbout .le_6_t{background-position:-200px bottom;}
    .footCenter .navAbout .le_6_t a{padding: 0 10px; font-size: 12px; line-height: 28px; height: 28px;}
    .footCenter{padding-top: 15px; }
    .footShare{width:100%; margin: 20px 0;}
    .footShare .r_6_1{width: 96px;}
    .footShare .r_6_2{float: left; width: 164px; margin-left: 20px; padding-top: 30px;}
    .footShare .r_6_2 h3{font-size: 20px; line-height: 28px; height: 28px; margin-top: 13px;}
    .footShare .r_6_2 ul{margin-top: 12px;}
    .footShare .r_6_2 ul li{width: 30px;margin: 0 5px; }
    .footShare .r_6_2 ul li a{height: 30px;}
    .copyright .copyLeft{ float: left; width: 100%}
    .copyright .cpyrMap{ float: left; width: 100%;}

}



/*6常见问题*/
.totleTile{ padding: 6.5% 0 2.33% 0; text-align: center;}
.totleTile h2{ color: #313233; font-size: 30px; line-height: 1; text-transform: uppercase;}
.totleTile .english{ padding-top: 7px; color: #adadad; font-size: 12px; font-family: Arial; line-height: 1; text-transform: uppercase;}
@media screen and (max-width:991px){
    .totleTile h2{ font-size: 25px; }
}
@media screen and (max-width:767px){
    .totleTile h2{ font-size: 20px; }
}


.caseSlide{ height: 57px; border-bottom: #ebebeb solid 1px; background: url("images/new8.jpg") top repeat-x;}
.pz_SideLayer{ float: left; width: 100%; text-align: center;}
.pz_SideLayer .l1{ display: inline-block; height: 57px; padding: 0 1px; }
.pz_SideLayer .l1 a{ float: left; min-width: 180px; padding: 0 20px; color: #1c1c1c; font-size: 16px; line-height: 56px; text-align: center; position: relative; text-transform: uppercase; }
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{ background: #80c02f; color: #fff;}

.pz_SideLayer .l1 a::before{ content: ''; position: absolute; width: 14px; height: 14px; border: #cccccc solid 2px; left: 50%; margin-left: -7px; bottom: -7px; background-color: #fff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.pz_SideLayer .l1 a:hover::before,
.pz_SideLayer .l1 a.hover::before{ border-color: #80c02f; }


.pz_SideLayer .l1 a::after{ display: none; content: ''; position: absolute; width: 0; height: 0; left: 50%; bottom: -19px; margin-left: -5px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom:6px solid #80c02f;
}
.pz_SideLayer .l1 a.hover::after{ display: block;}

.sideMenu{ float:left; width:100%; padding-top: 4.44%;}
.sideMenu h3{ float:left; width:100%; height:71px; line-height:70px; font-weight:normal; background:#fff; border-bottom:1px dashed #d6d4d4; font-size:16px; color:#666; position:relative; cursor:pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.sideMenu h3 em{ position:absolute; top:0; right:0; display:block; float:right; width:32px; height:70px; background:url(images/re_6.png) center center no-repeat; cursor:pointer; z-index:99;  background-size: 12px 12px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.sideMenu h3.on{ background:#f5f5f5; border-bottom:0; color:#659832; padding:0 2.5%;}
.sideMenu h3.on em{ background:url(images/re_7.png) center center no-repeat; right:2.5%; background-size: 12px 12px;}
.sideMenu h3 .title15{ float:left; width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sideMenu .ul02{display:none; float:left; background:#f5f5f5; width:100%; padding:0 2.5% 51px 2.5%; line-height:32px; border-bottom:1px dashed #d6d4d4; position:relative; font-size:14px; color:#555; letter-spacing:0.2px;}


.pf9{ position:absolute; left:50%; bottom:0; line-height: 0;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.pf9 img{ width: 62px;}
@media  screen and (max-width:991px){
    .sideMenu h3{ height:60px; line-height:60px; }
    .sideMenu h3 em{ height:60px; line-height:60px;}

}
@media  screen and (max-width:767px){
    .sideMenu{ padding-top: 2.5%;}
    .sideMenu h3{ height:48px; line-height:48px; font-size:15px;}
    .sideMenu h3 em{ height:48px; line-height:48px;}
    .sideMenu h3.on{ padding:0 3%;}
    .sideMenu h3.on em{ right:3%;}
    .sideMenu .ul02{ line-height:28px; font-size:13px; letter-spacing:0px; padding:0 3% 30px 3%;}

}


/*4产品展示*/
.proTop{ margin: 5.12% 0 ;}
.proTop .proLeftText{ float: left; width: 65.81%;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 8px rgba(0,0,0,0.2);
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.proTop .proLeftPad{ padding: 8.96% 27.272% 5.32% 5.32%;}
.proTop .proLeftPad h3{color: #80c02f; font-size: 24px; line-height: 1.33; text-transform: uppercase; }
.proTop .proLeftPad .proContent{ padding: 3.46% 0 4.61% 0; color: #666666; font-size: 14px; line-height: 24px; border-bottom: #cccccc dashed 1px;}
.proTop .proLeftPad .proContent .content{ height:120px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.proTop .proLeftPad .proArea{ padding-top:5.32%; color: #666666; font-size: 14px; line-height: 24px; margin-bottom: 5%; }
@media  screen and (max-width:991px){
    .proTop .proLeftText{ width: 100%;  }
    .proTop .proLeftPad{ padding: 8.96% 5.32% 15% 5.32%;}
}
@media  screen and (max-width:767px){
    .proTop{ margin: 2.5% 0 5.12% 0;}
    .proTop .proLeftText{ width: 100%;  }
    .proTop .proLeftPad{ padding: 4.5% 5.32% 15% 5.32%;}
}

.proTop .proRighyPic{ float: right; width: 48.71%; margin-left: -14.52%; padding: 3.41% 0;}
.proTop .proRighyPic .picOver{ padding-top: 51.57894736842105%; overflow: hidden; position: relative;}
.proTop .proRighyPic .picOver .pic{ position: absolute; width: 100%; min-height: 100%; left: 0; top: 0;}
@media  screen and (max-width:1199px){
    .proTop .proLeftPad h3{ font-size: 20px; }
}
@media  screen and (max-width:991px){
    .proTop .proRighyPic{ float: left; width: 100%; margin-left: 0; margin-top: -15%; padding: 3.41% 8% 0 8%;}
}
@media  screen and (max-width:767px){
    .proTop .proRighyPic{ padding: 3.41% 4.32% 0 4.32%;}
}


.proTab{}
.proTab .hd{ float: left; width: 100%;}
.proTab .hd ul{ float: left; width: 100%; background-color: #ededed;}
.proTab .hd ul li{ float: left; padding: 0 48px; color: #666666; font-size: 16px; line-height: 57px;}
.proTab .hd ul li.on{ background-color: #80c02f; color: #fff;}
.proTab .hd ul li.on a{color: #fff;}
.proTab .bd{ float: left; width: 100%;}
.proTab .bd .bdDhow{ padding-top: 0.85%; margin: 0 -15px;}
.proTab .bd .bdDhow ul{ float: left; width: 100%; min-height: 300px;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}
.proTab .bd .bdDhow ul li{ float: left; width: 25%; padding: 0 15px;}
.proTab .bd .bdDhow ul li a{ float: left; width: 100%; margin-top: 11.1%;}
.proTab .bd .bdDhow ul li a .showPic{ padding-top: 72.59259259259259%; overflow: hidden; position: relative;}
.proTab .bd .bdDhow ul li a .showPic .img3{ position: absolute; width: 100%; min-height: 100%; 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;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.proTab .bd .bdDhow ul li a:hover .showPic .img3{
    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);
}
.proTab .bd .bdDhow ul li a h4{ padding: 6.29% 10px 5.15% 10px; border: #ececec solid 1px; border-top: 0; color: #333333; font-size: 16px; line-height: 1; text-align: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.proTab .bd .bdDhow ul li a:hover h4{ background-color: #80c02f; border-color: #80c02f; color: #fff;}
@media  screen and (max-width:991px){
    .proTab .hd ul li{ padding: 0 42px; font-size: 14px; line-height: 46px;}
    .proTab .bd .bdDhow ul{ min-height: 30px;}
    .proTab .bd .bdDhow ul li{ width: 33.3333%; }
}
@media  screen and (max-width:767px){
    .proTab .hd ul li{ padding: 0 30px; line-height: 40px;}
    .proTab .bd .bdDhow{ margin: 0 -5px;}
    .proTab .bd .bdDhow ul li{ width: 50%; padding: 0 5px; }
    .proTab .bd .bdDhow ul li a h4{ font-size: 14px; }
}



/*5产品展示-详情*/
.proInner{ width:100%; float:left; padding:52px 40px 48px 48px; border:solid 1px #e6e6e6; margin-top:50px;}
.proInner .inLeftBorder{ float: left; padding-right: 48px;  border-right:solid 1px #eff0f1;}
.proInner .c_480{ width:480px; float:left;}
.slide_pic_5{ width:100%; float:left; position:relative;}
.slide_pic_5 .picOver{ padding-top: 72.74074074074074%; overflow: hidden; position: relative;}
.slide_pic_5 .picOver img{ position: absolute; width:100%; min-height: 100%; left: 0; top: 0; float:left;}
.slide_pic_5 .slick-dots {
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    overflow:hidden;
}
.slide_pic_5 .slick-dots li {
    width: 11px;
    height: 11px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    background:#bebebe;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    border-radius:50%;
}
.slide_pic_5 .slick-dots li.slick-active{
    background:#80c02f;
}
.slide_pic_5 .slick-dots li button{ display: none;}
.proInner .c_527{ margin-left:581px;}
.proInner .c_527 .title{ width:100%; float:left; font-size:26px; color:#161616; line-height:34px;}
.proInner .c_527 .dl{ width:100%; float:left; margin-top:31px; color: #333333; font-size: 14px; line-height: 30px;}

.proInner .c_527 .c_527_b{ width:100%; float:left; margin-top:37px;}
.proInner .c_527 .c_527_b .more{ float:left;}
.proInner .c_527 .c_527_b .more a{ display:block; float:left; font-size:18px; color:#fff; background:#80c02f; text-align:center; width:157px; height:50px; line-height:50px;}
.proInner .c_527 .c_527_b .more a:hover{ background-color: #73ac2a;}
.proInner .c_527 .c_527_b .bdsharebuttonbox{ float:right; margin-top:14px; height:24px;}
.proInner .c_527 .c_527_b .bdsharebuttonbox a{ margin-top:0; margin-bottom:0;}
@media screen and (max-width:991px) {
    .proInner{ padding:32px 10px 25px 10px; margin-top:30px;}
    .proInner .inLeftBorder{ float: left; padding-right: 20px; }
    .proInner .c_480{ width:380px;}
    .proInner .c_527{ margin-left:440px;}
    .proInner .c_527 .title{ font-size:20px; line-height:26px;}
    .proInner .c_527 .dl{ margin-top:4%;}
    .proInner .c_527 .dl .dd{ font-size:12px; line-height:22px; padding-left:12px;}
    .proInner .c_527 .c_527_b{ margin-top:27px;}
    .proInner .c_527 .c_527_b .more a{ font-size:16px; width:137px; height:40px; line-height:40px;}
    .proInner .c_527 .c_527_b .bdsharebuttonbox{ margin-top:8px;}
}
@media screen and (max-width:767px) {
    .proInner{ border:0; padding:2.5% 0 4% 0; margin-top:0;}
    .proInner .inLeftBorder{ width: 100%; padding-right: 0; border-right: 0; }
    .proInner .c_480{ width:100%; }
    .proInner .c_527 .c_527_b{ margin-top:5%;}
}
@media screen and (max-width:480px) {
    .proInner .c_480{ width:100%; border-right:0;}
    .proInner .c_527{ margin-left:0; width:100%; float:left; margin-top:20px; padding:0 10px;}
}


.proStaile{ width:100%; float:left; margin-top:30px; border:solid 1px #e6e6e6;}
.proStaile .title{ width:100%; float:left; border-bottom:solid 1px #e6e6e6; background:#f6f6f6;}
.proStaile .title span{ float:left; display:block; width:119px; height:45px; border-top:solid 3px #80c02f; text-align:center; color:#80c02f; border-right:solid 1px #80c02f; background:white; font-size:14px; font-weight:bold; margin-top:-1px; line-height:42px;}
.proStaile .p{ width:100%; float:left; padding:22px 30px 35px 30px; font-size:14px; color:#4c4c4c; line-height:28px;}
@media screen and (max-width:767px) {
    .proStaile{ border-left:0; border-right:0; border-top:0; margin-top:1.5%;}
    .proStaile .title span{ width:100px; height:40px; font-size:12px; line-height:38px;}
    .proStaile .p{ padding:12px 2.5% 5% 2.5%; font-size:12px; line-height:22px;}
}
.xqfy{ width:100%; float:left; margin-top:22px; margin-bottom:52px;}
.xqfy h5{ width:50%; float:left; font-size:14px; color:#666; line-height:30px;}
.xqfy h5 a{ color:#666; display:inline-block; *zoom:1; *display:inline; vertical-align:top; max-width:80%;}
.xqfy h5.last{ text-align:right;}
.xqfy h5:hover,.xqfy h5:hover a{ color:#80c02f;}
@media screen and (max-width:767px) {
    .xqfy{ margin-top:12px; margin-bottom:32px; padding:0 10px;}
    .xqfy h5{ width:100%; font-size:12px; line-height:26px;}
    .xqfy h5.last{ text-align:left;}
}


/*2新闻资讯*/
.newListBox{ padding-top: 1.04%;}
.newListBox ul{ min-height: 500px;}
.newListBox ul li{}
.newListBox ul li:hover{ z-index: 2; position: relative;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.24);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.24);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.24);
    box-shadow: 0 0 15px rgba(0,0,0,0.24);
}
.newListBox ul li.double{ background-color: #f4f4f4;}
.newListBox ul li a{ float: left; width: 100%; padding: 4.18% 0;}
.newListBox ul li a .newPic{ float: right; width:36.153%; overflow: hidden; }
.newListBox ul li a .newPic .picFloat{ padding-top: 59.1016548463357%; overflow: hidden; position: relative;}
.newListBox ul li a .newPic .picFloat img{ position: absolute; width: 100%; min-height: 100%; 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;
    transition: -webkit-transform 1s;
    -ms-interpolation-mode:bicubic;
}
.newListBox ul li a:hover .newPic .picFloat 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);
}
.newListBox ul li a .newLeft{ padding-right: 484px;}
.newListBox ul li a .newLeft h3{ float: left; width: 100%; padding: 16px 0 19px 0; color: #191818; font-size: 20px; font-weight: bold; line-height: 28px;}
.newListBox ul li a .newLeft .newTime{ float: left; width: 100%; padding-bottom: 22px; color: #97ca56; font-size: 18px; line-height: 20px;}
.newListBox ul li a .newLeft p{float: left; width: 100%; height: 48px; color: #666666; font-size: 14px; line-height: 24px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newListBox ul li a .newLeft .newBtn{ float: left; width: 100%; padding-top: 56px;}
.newListBox ul li a .newLeft .newBtn span{ float: left; padding: 0 40px; color: #97ca56; font-size: 14px; line-height: 38px; border: #97ca56 solid 1px; position: relative;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.newListBox ul li a .newLeft .newBtn span:hover{ border-color: #97ca56; color: #fff;
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    background-color: #97ca56;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}
.newListBox ul li a .newLeft .newBtn span::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.7, 0.4, 1);
    transform: scale3d(0.7, 0.4, 1);
}
.newListBox ul li a .newLeft .newBtn span:hover::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}
@media screen and (max-width:1199px) {
    .newListBox ul li a .newLeft{ padding-right: 375px;}
    .newListBox ul li a .newLeft h3{ padding: 12px 0 10px 0; font-size: 18px; }
    .newListBox ul li a .newLeft .newTime{  padding-bottom: 13px; font-size: 16px; }
    .newListBox ul li a .newLeft .newBtn{ padding-top: 40px;}
    .newListBox ul li a .newLeft .newBtn span{ padding: 0 30px; line-height: 32px; }
}
@media screen and (max-width:991px) {
    .newListBox ul{ min-height: 50px;}
    .newListBox ul li a .newLeft{ padding-right: 270px;}
    .newListBox ul li a .newLeft h3{ padding: 0 0 10px 0; font-size: 17px; }
    .newListBox ul li a .newLeft .newTime{ padding-bottom: 8px;  }
    .newListBox ul li a .newLeft p{ height: 40px; line-height: 20px; }
    .newListBox ul li a .newLeft .newBtn{ float: left; width: 100%; padding-top: 15px;}
    .newListBox ul li a .newLeft .newBtn span{ padding: 0 24px; line-height: 32px; }
}
@media screen and (max-width:767px) {
    .newListBox ul li a .newPic{ width:150px; }
    .newListBox ul li a .newLeft{ padding-right: 162px;}
    .newListBox ul li a .newLeft h3{ padding: 0 0 2px 0; font-size: 15px; line-height: 20px; }
    .newListBox ul li a .newLeft .newTime{ padding-bottom: 5px; font-size: 14px; }
    .newListBox ul li a .newLeft p{ height: 36px; font-size: 13px; line-height: 18px; }
    .newListBox ul li a .newLeft .newBtn{ display: none;}
}


/*3新闻资讯-详情*/
.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:26px; line-height: 1.25;  padding:5.68% 0 0 0;}
.newTitle .newSub{ float:left; width:100%; color: #979797; font-size: 12px; line-height: 16px; text-align: center; padding: 1.7% 0; border-bottom:1px solid #d7d8d8;}

.moveIn{ float:left; width:100%; padding: 3.2% 0 3.4% 0; color:#333333; font-size:14px; 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:1199px){
    .newInner{ padding: 0;}
    .newTitle .newTit{ font-size:24px; }
    .moveIn{ font-size:14px; line-height:28px;  }
}
@media  screen and (max-width:991px){
    .newShare{ display: none;}
}
@media  screen and (max-width:767px){
    .newTitle .newTit{  font-size:18px; padding:5.68% 0 0 0;}
    .newTitle .newSub{ height:auto; text-align: center;}
    .moveIn{ line-height:26px; }
}
.newMoreList{ float:left; width:100%; padding: 3% 0 4.18% 0;}
.newMoreList .newMoreTit{ color:#f05d23; font-size:18px; 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:#f05d23;}
.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 .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: #73ac2a;}
.newPage .left{ padding: 20px 0 20px 0; text-transform: uppercase;  border-right:1px solid #d7d8d8; }
.newPage .right{ 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 .right{ padding: 5px 0 5px 0; text-align: left; }
}


.content3{ width:100%; float:left; padding:5.29% 0 5.29% 0; }
.content3 .title{ font-size:24px; color:#000000; line-height:30px;}
.content3 .title .engSpan{ color: #73ac2a; font-size: 16px; padding-left: 10px; text-transform: uppercase;}
.content3 .ul_1{ margin-left: -15px; margin-right: -15px;}
.content3 ul{ float: left; width: 100%; }
.content3 ul li{ width:50%; float:left; margin-top:20px; padding:0 15px;}
.content3 ul li .img{ width:231px; height: 136px; float:left; overflow:hidden;}
.content3 ul li .img img{ width:100%; float:left;
    -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;
}
.content3 ul li .zbox:hover .img img{transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
}
.content3 ul li .text{ margin-left:250px;}
.content3 ul li .text .name{ width:100%; float:left; padding-top: 11px; padding-bottom:10px; font-size:16px; color:#333; line-height:25px;}
.content3 ul li .zbox:hover .text .name{ color:#73ac2a;}
.content3 ul li .text .p{ width:100%; float:left;  font-size:14px; color:#666666; line-height:26px; height:52px; overflow:hidden;}
.content3 ul li .text .time{ width:100%; float:left; margin-top:8px; font-size:12px; color:#808080; line-height:20px; }
@media  screen and (max-width:991px){
    .content3 .title{ font-size:22px;}
    .content3 ul li{ width:100%;}
}
@media  screen and (max-width:767px){
    .content3 .title{ font-size:18px; line-height:30px;}
    .content3 .title .engSpan{ font-size: 12px; padding-left: 5px; }
    .content3 .ul_1{ margin-top:-2px;}
    .content3 ul li{ margin-top:10px;}
    .content3 ul li .img{ width:170px; height: 100px;}
    .content3 ul li .text{ margin-left:182px;}
    .content3 ul li .text .name{ padding-top: 0; padding-bottom:6px; font-size:15px; line-height:21px;}
    .content3 ul li .text .p{ font-size: 12px;  line-height:20px; height:40px;}
    .content3 ul li .text .time{ width:100%; float:left; margin-top:4px; font-size:12px; color:#808080; line-height:20px; }
}


/*8联系我们-联系信息*/
.contactBlock{ padding: 4.95% 0 4.95% 0;}
.contactBlock .contactLeft{ float: left; width:65.81%; border: #ededed solid 2px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.contactBlock .contactLeft .leftTtop{ padding:18px 0 15px 0; }
.contactBlock .contactLeft .leftTtop .topLetter{ height: 66px; text-align: center; position: relative; }
.contactBlock .contactLeft .leftTtop .topLetter .cent{ color: #ededed; font-size: 66px; line-height: 66px; text-transform: uppercase; font-weight: bold;}
.contactBlock .contactLeft .leftTtop .topLetter .centTit{ position: absolute; width: 100%; left: 0; top: 50%; margin-top: -12px; color: #000000; font-size: 24px; line-height: 24px; text-align: center;}
.contactBlock .contactLeft .leftTtop .contactText{ padding-top: 5px; color: #333333; font-size: 14px; line-height: 35px; text-align: center;}
@media  screen and (max-width:767px){
    .contactBlock{ padding: 2.5% 0 4.95% 0;}
    .contactBlock .contactLeft .leftTtop .topLetter{ height: 42px; }
    .contactBlock .contactLeft .leftTtop .topLetter .cent{ font-size: 42px; line-height: 42px; }
    .contactBlock .contactLeft .leftTtop .topLetter .centTit{ font-size: 20px;  }
    .contactBlock .contactLeft .leftTtop .contactText{ line-height: 28px; }
}

.leftDown{ background-color: #f5f5f5; padding: 35px 16px 33px 61px;}
.leftDown .ewmLi{ float: left; width: 50%;}
.leftDown .ewmLi .ewmPic{ float: left; width: 120px; height: 120px; background-color: #fff; padding: 11px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.leftDown .ewmLi .ewmRight{ padding-left: 140px; padding-top: 38px; color: #333333; font-size: 14px; line-height: 26px;}
@media  screen and (max-width:1199px){
    .leftDown{ padding: 35px 16px 33px 20px;}
}
@media  screen and (max-width:991px){
    .contactBlock .contactLeft{ width:100%; }
}
@media  screen and (max-width:767px){
    .leftDown{ background-color: #f5f5f5; padding: 5px 16px 20px 20px;}
    .leftDown .ewmLi{ width: 100%; margin-top: 15px;}
}
@media  screen and (max-width:480px){
    .leftDown .ewmLi .ewmPic{  width: 90px; height: 90px;  padding: 6px;
        border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        -o-border-radius:5px;
    }
    .leftDown .ewmLi .ewmRight{ padding-left: 105px; padding-top: 10px;}

}



.contactRight{ float: right; width: 31.53%;border: #ededed solid 2px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.contactRight .messTit{ padding: 38px 0 10px 0; color: #333333; font-size: 24px; line-height: 32px; text-align: center;}
.contactRight .messFowm{ padding: 0 30px 0 30px;}
.contactRight .messFowm .messLine{}
.contactRight .messFowm .messTit{ padding: 10px 10px 0 10px; color: #666666; font-size: 14px; line-height: 32px; text-align: center;}
.contactRight .messFowm .messInBox{}
.contactRight .messFowm .messIn_1{ float: left; width: 100%; height: 44px; background-color: #f7f7f7; padding: 0 10px; color: #333; font-size: 14px; border: #f7f7f7 solid 1px;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -webkit-appearance:none;
    outline: 0;
}
.contactRight .messFowm .messIn_1:focus{ border-color: #186ebf;}
.contactRight .messFowm .messArea_1{ float: left; width: 100%; height: 116px; background-color: #f7f7f7; padding: 10px 10px; color: #333; font-size: 14px; line-height: 30px;  border: #f7f7f7 solid 1px;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -webkit-appearance:none;
    outline: 0;
}
.contactRight .messFowm .messArea_1:focus{ border-color: #186ebf;}
.contactRight .messFowm .messLine2{ padding: 26px 12.5% 38px 12.5%;}
.contactRight .messFowm .messBtn_1{ float: left; width: 100%; height: 44px; background-color: #97ca56;  color: #fff; font-size: 16px; line-height: 44px; border: 0;
    border-radius:22px;
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    -o-border-radius:22px;
    -webkit-appearance:none;
    outline: 0;
    -webkit-box-shadow: 0 0 10px rgba(111,111,111,0.2);
    -moz-box-shadow: 0 0 10px rgba(111,111,111,0.2);
    -o-box-shadow: 0 0 10px rgba(111,111,111,0.2);
    box-shadow: 0 0 10px rgba(111,111,111,0.2);
}
.contactRight .messFowm .messBtn_1:hover,
.contactRight .messFowm .messBtn_1:focus{ background-color: #1663ac;}
@media  screen and (max-width:991px){
    .contactRight{ float: left; width: 100%; margin-top: 4.5%; }
}
@media  screen and (max-width:767px){
    .contactRight .messTit{ padding: 20px 0 10px 0; font-size: 20px; }
    .contactRight .messFowm{ padding: 0 20px 0 20px;}
    .contactRight .messFowm .messLine2{ padding: 25px 0 28px 0;}
}


.mapBox{ padding: 0 0 6.83% 0;}
.mapBox .actMap{ border: #ededed solid 2px; padding: 18px;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}

#aMap{width:100%; height:620px; background: no-repeat}
#aMap .BMapLabel{ border: 0 !important; display: none;}
@media  screen and (max-width:991px){
    #aMap{ height:480px; }
}
@media  screen and (max-width:767px){
    #aMap{ height:300px; }
}



/*9联系我们-招聘信息*/
.joinChange{ padding-top: 10px;}
.joinChange h3{ padding: 32px 114px 26px 20px; border-bottom: #ebebeb solid 1px; position: relative;}
.joinChange h3 .h3Tit{ color: #242424; font-size: 18px; font-weight: bold; line-height: 28px;}
.joinChange h3 .h3Time{ padding: 13px 0 0 0; color: #5c5c5c; font-size: 14px; line-height: 22px;}
.joinChange h3 .h3Time .zuo{ float: left; width: 100%;}
.joinChange h3 .h3Time .zuo .zli{ float: left; padding-right: 70px;}
.joinChange h3 em{ position: absolute; right: 0; top: 0; width: 26px; height: 100%; padding: 63px 0 0 0; line-height: 0; vertical-align: top; text-align: center;}
.joinChange h3.on em{ }
.joinChange h3 em .img{ width: 26px; height: 15px;}
.joinChange h3 em .imgs{}
.joinChange h3 em .imgd{ display: none;}
.joinChange h3.on em .imgs{ display: none;}
.joinChange h3.on em .imgd{ display: inline-block;}
.joinChange ul{ border-bottom: #ebebeb solid 1px;}
.joinChange ul .changeShow{ padding:1.14% 2.29% 4.59% 2.29%; color: #666666; line-height: 28px; }
.joinChange ul .changeShow .changeTit{ margin-top: 2.65%; color: #242424; font-size: 16px; font-weight: bold; line-height: 28px; padding-left: 13px; position: relative;}
.joinChange ul .changeShow .changeTit .changeCricle{ position: absolute; left: 0; top: 50%; margin-top: -7px; width: 4px; height: 13px; background: #80c02f; }
.joinChange ul .changeShow .changeDown{ padding-top: 12px; color: #242424; font-size: 14px; line-height: 28px;}
.joinChange ul .changeShow .changeApply{ padding: 3.41% 0 0 0;}
.joinChange ul .changeShow .changeApply .applyBtn{ float: left; padding: 0 40px; background: #80c02f; color: #ffffff; font-size: 16px; line-height: 50px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.joinChange ul .changeShow .changeApply .applyBtn b{ float: left; width: 21px; height: 14px; margin: 17px 12px 0 0; line-height: 0;}
.joinChange ul .changeShow .changeApply .applyBtn span{ float: left; vertical-align: top;}
@media screen and (max-width:991px){
    .joinBox{ padding: 3.5% 0 0 0;}
    .joinChange h3{ padding: 10px 114px 14px 20px; }
    .joinChange h3 .h3Tit{ font-size: 16px; }
    .joinChange h3 .h3Time{ padding: 8px 0 0 0;}
    .joinChange h3 .h3Time .zuo .zli{ padding-right: 25px;}
    .joinChange h3 em{ position: absolute; right: 0; top: 0; width: 80px; height: 100%; padding: 38px 0 0 0; line-height: 0; vertical-align: top; text-align: center;}
    .joinChange ul .changeShow .changeTit{ font-size: 14px; line-height: 20px; }
    .joinChange ul .changeShow .changeApply .applyBtn{  padding: 0 30px; font-size: 14px; line-height: 40px; }
}
@media screen and (max-width:767px){
    .joinChange h3{ padding: 10px 50px 14px 10px; }
    .joinChange h3 .h3Tit{ font-size: 16px; }
    .joinChange h3 .h3Time .zuo{ width: 100%;}
    .joinChange h3 .h3Time{ padding: 5px 0 0 0; }
    .joinChange h3 em{ padding: 35px 0 0 0; }
    .joinChange h3 em .img{ width: 20px; height: 12px;}
    .joinChange ul .changeShow .changeApply .applyBtn{ padding: 0 18px; font-size: 14px; line-height: 40px;}
    .joinChange ul .changeShow .changeApply .applyBtn b{ margin: 13px 8px 0 0; }
}


/*7下载中心*/
.sample_1{ padding-top: 1.62%; margin: 0 -14px;}
.sample_1 .bd{ float:left; width:100%; }
.sample_1 .bd ul{  float:left; width:100%; min-height: 500px;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
    -webkit-align-items: flex-start;}
.sample_1 .bd li{ float: left; width: 33.3333%; padding: 0 14px;}
.sample_1 .bd li .loadBorder{ float: left; width: 100%; border: #e1e1e1 solid 1px; margin-top: 10.81%; overflow: hidden;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
}
.sample_1 .bd li .loadTop{ float: left; width: 100%;}
.sample_1 .bd li .nub{ float:left; width:60px;  color:#80c02f; font-size:48px; line-height:50px; margin-top: 14px; text-align: center; }
.sample_1 .bd li .numPad{ padding-left: 60px; padding-right: 9px;}
.sample_1 .bd li .loadTit{ float: left; width: 100%; margin-top: 14px; color:#333333; font-size: 18px; line-height: 29px; font-weight: bold; }
.sample_1 .bd li .loadText{ float:left; width:100%; height: 120px; margin: 10px 0 20px 0; color:#666666; font-size:14px; line-height:24px;  overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.sample_1 .bd li .l3{ float:left; width:100%;}
.sample_1 .bd li .l3 a{ float:left; width:50%; background:#eeeeee; color:#666666; font-size:14px; line-height:44px; text-align:center;}
.sample_1 .bd li .l3 a:hover{ background:#80c02f; color:#fff;}
.sample_1 .bd li .l3 a .linkB{ display: inline-block; vertical-align: top; width: 15px;  height: 15px; margin: 15px 6px 0 0; background: url("images/load2.png") center no-repeat; background-size: contain;}
.sample_1 .bd li .l3 a:hover .linkB{background: url("images/load2_h.png") center no-repeat; background-size: contain; }
.sample_1 .bd li .l3 a.on .linkB{ background: url("images/load3.png") center no-repeat; background-size: contain;}
.sample_1 .bd li .l3 a.on:hover .linkB{background: url("images/load3_h.png") center no-repeat; background-size: contain; }
@media screen and (max-width:1199px){
    .sample_1 .bd li .nub{ width:48px;  font-size:39px; line-height:42px; margin-top: 11px; text-align: center; }
    .sample_1 .bd li .numPad{ padding-left: 48px; }
    .sample_1 .bd li .loadTit{ margin-top: 11px; font-size: 16px; line-height: 25px; font-weight: bold; }
    .sample_1 .bd li .l3 a{ line-height:40px; }
    .sample_1 .bd li .l3 a .linkB{ margin: 11px 4px 0 0; }
    .sample_1 .bd li .l3 a:hover .linkB{background: url("images/load2_h.png") center no-repeat; background-size: contain; }
}
@media screen and (max-width:991px){
    .sample_1 .hd ul{ min-height: 50px; }
    .sample_1 .bd li{ width: 50%;}
}
@media screen and (max-width:767px){
    .sample_1{ margin: 0 -5px; padding-top: 2.5%;}
    .sample_1 .bd li{ width: 100%; padding: 0 5px;}
    .sample_1 .bd li .loadBorder{ margin-top: 4.81%; }
    .sample_1 .bd li:first-child .loadBorder{ margin-top:0; }
    .sample_1 .bd li .nub{ font-size:35px;}
    .sample_1 .bd li .loadText{ height: 120px; margin: 10px 0 15px 0;  font-size:13px; }
}


/*1关于我们*/
.aboutCompany{ padding: 6.66% 0 6.66% 0; color: #222222; font-size: 16px; line-height: 36px;}
.aboutCompany .comLeft{ float: left; width: 56.66%; height: 293px; padding-right: 3.58%; overflow-y: auto;}
.aboutCompany .comLeft .comTit{ color: #333333; font-size: 20px; font-weight: bold; line-height: 1.6;}
.aboutCompany .comLeft .comText{ margin-top: 11px;}
.aboutCompany .comRight{ float: right; width:37.692%; }
.aboutCompany .comRight .comPad{ padding: 0 4.53% 4.53% 0; background: url("images/about2.jpg") center no-repeat; background-size: 100% 100%; line-height: 0;}
@media screen and (max-width:1199px){
    .aboutCompany{ font-size: 14px; line-height: 29px;}
    .aboutCompany .comLeft{ height: 242px; }
    .aboutCompany .comLeft .comTit{ font-size: 17px;}
}
@media screen and (max-width:767px){
    .aboutCompany{ padding: 2.5% 0 6.66% 0; line-height: 26px;}
    .aboutCompany .comLeft{ width: 100%; height: auto; padding-right: 0; padding-top: 4%; }
    .aboutCompany .comRight{ float: left; width:100%; }
}


.historyTitle{ overflow: hidden; }
.historyTitle h4{color: #333333; font-size: 28px; line-height: 1.21;  text-align: center; }
.historyTitle h5{ color: #999999; text-align: center; font-size: 14px; margin-top: 10px;}
.historyTitle span{ display: inline-block; *display:inline; *zoom:1; vertical-align: top; padding: 0 18px; text-transform: uppercase; position: relative;}
.historyTitle span::before{content: ""; width: 1200px; position: absolute; height: 1px; top: 50%; right: 100%; background: #dbdbdb;}
.historyTitle span::after{content: ""; width: 1200px; position: absolute; height: 1px; top: 50%; left: 100%; background: #dbdbdb;}
@media  screen and (max-width:991px){
     .historyTitle h4{ font-size: 20px; }
}
@media  screen and (max-width:767px){
     .historyTitle h4{font-size: 18px; }
     .historyTitle h5{font-size: 12px; }
}


.aboutHistory{ background-color: #f4f4f4;}
.aboutHistoryBox{ padding: 6.66% 0 6.66% 0;}
.aboutHistoryDown{ margin-top: 29px;}
.slickHistory{}
.slickHistory .slick-slide{ padding:0;}
.slickHistory .li_hp{ float: left; width: 100%; position: relative;}
.slickHistory .li_hp::before{content: ""; position: absolute; width: 13px; height: 13px; left: 9px; top: 0; background: url(images/bg_9_4.png) no-repeat;}
.slickHistory .li_hp::after{content: ""; width: 100%; height: 1px; position: absolute; background: #97ca56; bottom: 90px; left: 0; }
.slickHistory li .box_hp{ position:relative; padding: 0 60px 171px 15px; }
.slickHistory li .box_hp .slickHistory_1{float: left; width: 100%; padding: 0 0 0 20px; border-left: 1px dashed #97ca56; margin-top: 11px; position: relative;}
.slickHistory li .box_hp .slickHistory_1::after{content: ""; width: 62px; height: 67px; background: url(images/bg_9_6.png) no-repeat center; position: absolute; left: 0; top: 100%;}
.slickHistory li .box_hp h4{float: left; width: 100%; font-size: 16px; color: #97ca56; line-height: 22px; height: 22px; font-weight: bold;}
.slickHistory li .box_hp span{float: left; width: 100%; height: 96px; font-size: 14px; color: #555; line-height: 24px;  overflow: hidden; margin: 5px 0 18px 0;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.slickHistory li .box_hp .m_9_year{margin-top: 31px;display: inline-block; *display:inline; *zoom:1; vertical-align: top; position: absolute; left: 16px; bottom: 30px;width: 123px; height: 123px; background:url(images/bg_9_3.png) no-repeat center; }
.slickHistory li .box_hp .m_9_year::after{content: ""; width: 103px; height: 103px; position: absolute; left: 10px; top: 10px; background: url(images/bg_9_5.png) no-repeat; z-index: 6;}
.slickHistory li .box_hp .m_9_year h5{position: absolute; left: 0; top: 50%; height: 40px; line-height: 40px; margin-top: -20px; color: #fff; font-weight: bold; width: 100%; font-size:24px; text-align: center; z-index: 9;}
@media  screen and (max-width:1442px){
    .slickHistory{ padding: 0 42px;}
}
@media  screen and (max-width:767px){
    .slickHistory .li_hp::after{ bottom: 50px;}
    .slickHistory li .box_hp{padding-bottom: 100px; }
    .slickHistory li .box_hp h4{font-size: 14px;}
    .slickHistory li .box_hp span{ font-size: 12px;  line-height: 20px; height: 80px; margin: 5px 0 8px 0; }
    .slickHistory li .box_hp .m_9_year{margin-top: 21px; left: 26px; bottom: 0;width: 103px; height: 103px; background-size:103px; }
    .slickHistory li .box_hp .m_9_year::after{width: 83px; height: 83px;  left: 10px; top: 10px; background-size: 83px;}
    .slickHistory li .box_hp .m_9_year h5{height: 30px; line-height: 30px; margin-top: -15px;font-size:20px;}
}

.slickHistory .slick-prev{ position: absolute; width: 43px; height: 87px; left: -134px; top: 50%; background: url("images/about4.png") center no-repeat; background-size: contain; margin-top: -44px;}
.slickHistory .slick-next{ position: absolute; width: 43px; height: 87px; right: -134px; top: 50%; background: url("images/about5.png") center no-repeat; background-size: contain; margin-top: -44px;}
@media  screen and (max-width:1442px){
    .slickHistory .slick-prev{ left: 0; }
    .slickHistory .slick-next{ right: 0; }
}
@media  screen and (max-width:767px){
    .slickHistory .slick-prev{ left: 0; width: 26px; height: 53px; margin-top: -27px; }
    .slickHistory .slick-next{ right: 0; width: 26px; height: 53px; margin-top: -27px; }
}



.aboutAdvantage{ padding: 6.41% 0 6.92% 0;}
.advantageDown{ padding-top: 3.58%;}
.advantageDown ul{ float: left; width: 100%;}
.advantageDown ul li{ float: left; width: 33.3333%;}
.advantageDown ul li .advanPic{ padding-top: 76.92307692307692%; position: relative; overflow: hidden;}
.advantageDown ul li .advanPic img{ position: absolute; width: 100%; min-height: 100%; 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;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.advantageDown ul li:hover .advanPic 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);
}
.advantageDown ul li .advanPic .sj{ position: absolute; width: 0; height: 0; border-bottom: #fff solid 22px; border-right: transparent solid 32px; border-left: transparent solid 32px; bottom: 0; left: 50%; margin-left: -32px; z-index: 3;}
.advantageDown ul li.double .advanPic .sj{ bottom: auto; top: 0; border-bottom: 0; border-top:#fff solid 22px; }
.advantageDown ul li .advanText{padding-top: 76.92307692307692%; position: relative; overflow: hidden; background-color: #fafafa;}
.advantageDown ul li .advanText .textBox{ position: absolute; left: 0; top: 0; width: 100%; padding: 7.17% 7.02% 0 7.02%;}
.advantageDown ul li .advanText .advanTit{ color: #333333; font-size: 18px; font-weight: bold; line-height: 1;}
.advantageDown ul li .advanText .advanTe{ padding: 8px 0 11px 0; color: #85b62e; font-size: 14px;}
.advantageDown ul li .advanText .advanCon{ height: 192px; color: #515151; font-size: 16px; line-height: 32px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
@media  screen and (max-width:1199px){
    .advantageDown ul li .advanText .advanCon{ height: 144px; font-size: 14px; line-height: 24px; }
}
@media  screen and (max-width:767px){
    .advantageDown ul li .advanPic .sj{  border-bottom: #fff solid 12px; border-right: transparent solid 12px; border-left: transparent solid 12px;  margin-left: -12px; }
    .advantageDown ul li.double .advanPic .sj{ bottom: auto; top: 0; border-bottom: 0; border-top:#fff solid 12px; }
}





.aboutCultureBack{ background-color: #f4f4f4;}
.aboutCulture{ padding: 6.41% 0 6.92% 0;}
.cultureDown{ padding-top: 4.1%;}
.cultureDown ul{ float: left; width: 100%;}
.cultureDown ul li{ float: left; width: 33.3333%;}
.cultureDown ul li .culBox{ float: left; width: 100%; text-align: center; position: relative;}
.cultureDown ul li .culBox .bg1{ position: absolute; right: 0; top: 50%; margin-top: -75px; width: 7px; height: 150px; background: url("images/about12.png") center no-repeat; background-size: contain;}
.cultureDown ul li .culBox .culIco{ display: inline-block; vertical-align: top; width: 140px; border: #d5cede solid 1px; line-height: 0; background-color: #fff;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.cultureDown ul li:hover .culBox .culIco{ background-color: #85b62e;}
.cultureDown ul li .culBox .culIco .imgs{}
.cultureDown ul li .culBox .culIco .imgd{ display: none;}
.cultureDown ul li:hover .culBox .culIco .imgs{ display:  none;}
.cultureDown ul li:hover .culBox .culIco .imgd{ display: block;}
.cultureDown ul li .culBox .culH5{ float: left; width: 100%; padding: 6% 0 3.5% 0; color: #333333; font-size: 20px; line-height: 1; text-align: center; }
.cultureDown ul li .culBox .culCon{ float: left; width: 100%; color: #333333; font-size: 16px; line-height: 1.2; text-align: center; padding: 0 10px;}
@media  screen and (max-width:1199px){
    .cultureDown ul li .culBox .culIco{ width: 116px; }
    .cultureDown ul li .culBox .culH5{ font-size: 16px;  }
    .cultureDown ul li .culBox .culCon{ font-size: 14px; }
}
@media  screen and (max-width:767px){
    .cultureDown ul li .culBox .bg1{ display: none;}
    .cultureDown ul li .culBox .culIco{ width: 95px; }
    .cultureDown ul li .culBox .culH5{ font-size: 15px;  }
    .cultureDown ul li .culBox .culCon{ font-size: 13px; }
}

/*右侧漂浮*/
.pf_right{ width:80px; background:white; position:fixed; right:30px; top:50%; border:solid 1px #e4e4e4; z-index:1900; margin-top: -150px;}
.pf_right .ewm{ width:80px; padding:9px 9px 6px 9px; border-bottom:solid 1px #e4e4e4; float:left;}
.pf_right .ewm .ewm_img{ width:58px; height:58px; border:solid 1px #e4e4e4; padding:1px; background:white;}
.pf_right .ewm .ewm_img img{ width:100%; float:left;}
.pf_right .ewm h5{ width:100%; float:left; text-align:center; margin-top:4px; font-size:12px; color:#3e3d3d; line-height:18px;}
.pf_right ul{ width:80px; padding:9px 9px 13px 9px; float:left;}
.pf_right ul li{ width:62px; padding:6px 7px 8px 7px; float:left; margin-top:1px; background:#80c02f; text-align:center;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;}
.pf_right ul li .ico{ width:100%; float:left;}
.pf_right ul li .ico img{ width:100%; float:left;}
.pf_right ul li h5{ width:100%; float:left; text-align:center; font-size:12px; color:#fff; line-height:18px;}
.pf_right ul li:hover{ background:#73ac2a;}
@media  screen and (max-width:991px){
    .pf_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%);


        display: -webkit-flex;
       display: flex;
       flex-direction: row;
       flex-wrap: wrap;
       align-items: flex-start;

              */

/*分页*/
.waik_1{ padding:5.12% 0 6.83% 0; }
.pz_fy{ text-align: center; line-height: 0;}
.pz_fy a {display:inline-block;*display:inline; *zoom:1; min-width: 34px; height:34px;  margin:0 5px; line-height:30px; color: #3b3b3b; font-size:16px; text-decoration:none; overflow:hidden;}
.pz_fy a.first{ margin-right: 25px; padding: 0 14px;}
.pz_fy a.last{ margin-left: 25px; padding: 0 14px;}
.pz_fy a.first.on,
.pz_fy a:hover.first,
.pz_fy a.last.on,
.pz_fy a:hover.last{color: #fff; background-color: #80c02f}
.pz_fy a:hover,.pz_fy a.on{ color: #fff; background-color: #80c02f; }
.pz_fy a:hover.point,.pz_fy a.point.on{ color: #3b3b3b; background-color: #fff; }

@media  screen and (max-width:991px){
    .waik_1{ padding:7.5% 0 8% 0; }
    .fy_phone{ display:block; font-family:'Arial';}
    .fy_phone{ text-align:center; font-size:14px; color:#333;}
    .fy_phone a{ display:inline-block;*display:inline; *zoom:1; width:98px; height:30px; line-height:29px; border:solid 1px #80c02f; color:#333;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px; }
    .fy_phone span{ display:inline-block; padding:0 5%; height:30px; line-height:30px; color:#333;}
}

		  
		  
.special{}
.special .slick-dots{ position: static; bottom: auto; width: 100%; margin-top: 5%; text-align: center; line-height: 0;}
.special .slick-dots li{ float: none; display: inline-block; width: 14px; height: 14px; margin: 0 12px; background:#999;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.special .slick-dots li.slick-active{ background: #85b62e;}
.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}}

/* 微信分享窗口样式调整 */
 .bd_weixin_popup,
 .bd_weixin_popup *{    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;}

.pageBox{width:100%; line-height:34px; font-size:16px; color:#333; padding:50px 0;}
 @media screen and (max-width:767px){
    .pageBox{ line-height:30px; font-size:14px; padding:30px 0;}
}

.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#9e0029;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}