@charset "utf-8";
/* CSS Document */
/*切图：yf*/
html{ overflow-x:hidden; overflow-y:auto;}
body{ overflow-x: hidden;}
*{ padding:0; margin:0;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Noto Sans SC'; font-size:12px;}
code, kbd, pre, samp { font-family:'Noto Sans SC';}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}
a{ text-decoration:none; color:#333;
    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{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:'Noto Sans SC';}
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:'Noto Sans SC';}
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:99px;  z-index:1010; background: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top1.active{ height: 79px;
    -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);
}
.logo{ float: left; width: 411px; height: 68px; margin-top: 15px; line-height: 0;
    -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: 5px; }
@media screen and (max-width:1215px){
    .top1{ display:none;}
    .pz_banner{ margin-top:60px ;  }
}


.menu{ float: left; padding-left: 47px; }
.menu ul{ float:left; }
.menu ul .nli{ float: left;  position: relative; }
.menu ul .nli span a{ float:left; height: 99px; padding: 30px 19px 15px 19px; color:#273c83; font-size: 16px; line-height: 54px; text-align: center;  }
.top1.active .menu ul .nli span a{ height: 79px; padding: 20px 19px 5px 19px;}
.menu ul .nli.active span a{ color: #009944;}

.menu .sub{ display: none; position: absolute; width:150px; left:50%; margin-left: -75px; top: 100%;  }
.menu .sub::before{ content: ''; position: absolute; width: 100%; right: 0; top: 0; height: 3px; background-color: #009944;
    -webkit-transition: all 0.3s linear 0.4s;
    -moz-transition: all 0.3s linear 0.4s;
    -o-transition: all 0.3s linear 0.4s;
    transition: all 0.3s linear 0.4s;
}
.menu ul .nli.active .sub::before{ width: 2560px;}
.menu .sub li{ padding: 10px 0; color: #fff; font-size: 16px; line-height: 19px; background-color: #009944; margin-bottom: 1px;  text-align: center;}
.menu .sub li:hover{ background: #00893d;}
.menu .sub li a{color: #fff;}
.menu .sub li:hover a{ color: #fff;}

/*@media screen and (max-width:1730px){
    .menu ul .nli{ padding: 0 20px; }
}
@media screen and (max-width:1639px){
    .menu ul .nli{ padding: 0 12px; }
}
@media screen and (max-width:1595px){
    .menu ul .nli{ padding: 0 5px; }
}*/



.top1 .search{ float: right; width: 40px; height: 40px; margin-top: 38px;  position: relative; display:none !important;
    -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 .search{ margin-top: 28px;}
.top1 .search .searchBtn{ position: relative; float: left; width: 40px; height: 40px; border: 0; background: 0;  z-index:200;-webkit-appearance:none;
    outline: 0;
}
.top1 .search .searchBtn .imgs{}
.top1 .search .searchBtn .imgd{ display: none;}
.top1 .search.active .searchBtn .imgs{ display: none;}
.top1 .search.active .searchBtn .imgd{ display: block;}
.top1 .search .searchBox{ position: absolute; right: 0; top: 0; width: 40px; height: 40px; z-index: 100;
    border-radius:21px;
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -o-border-radius:21px;
    -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{ width:214px;  background-color: #009944; }
.top1 .search .searchBox input{ float: left; height: 40px; width: 0; background: 0; border: 0; padding: 0 12px 0 15px; color: #fff; font-size: 14px; font-weight: normal;
    border-radius:21px;
    -webkit-border-radius:21px;
    -moz-border-radius:21px;
    -o-border-radius:21px;
}
.top1 .search.active .searchBox input{ width: 100%;}
.inco1 ::-webkit-input-placeholder { color:#fff !important;}
.inco1 :-moz-placeholder { color:#fff !important;}
.inco1 ::-moz-placeholder { color:#fff !important;}
.inco1 :-ms-input-placeholder { color:#fff !important; }


.top1 .language{ float: right; padding-top: 38px; color: #273c83; font-size: 16px; text-transform: uppercase; line-height: 40px;
    -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 .language{ padding-top: 28px; }
.top1 .language:hover{ color: #009944;}



/*phone版头部*/
.top2{ display:none; position: absolute; left: 0; top: 0; z-index: 2000; float: left; width:100%; height:60px; background:#fff; }
.top2.active{
    -webkit-box-shadow: 0 2px 6px #aaa;
    -moz-box-shadow: 0 2px 6px #aaa;
    -o-box-shadow: 0 2px 6px #aaa;
    box-shadow: 0 2px 6px #aaa;
}
.top2 .logo{ float:left; width:254px; height:42px; margin:9px 0 0 0;}
@media screen and (max-width:1215px){
    .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: #186ebf;
}
.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: #186ebf;
}
.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: 0px;
}
.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: 0px;
}


/*手机下拉*/
.xialaph{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background: #fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{
    display: block;
    color: #333;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
}
.xialaph h4{
    position: relative;
}
.xialaph li:last-child h4::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    /*opacity: 0.1;*/
}
.xialaph h4::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    /*opacity: 0.1;*/
}
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 57px;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph h4 img{
    width: 15px;
    height: 8px;
    float: right;
    margin-top: -29px;
    cursor: pointer;
}
.xialaph h5 img{
    width: 11px;
    height: 6px;
    float: right;
    margin-top: 26px;
    margin-right: 18px;
    cursor: pointer;
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
    display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
    display: block;
}
.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 .language{ text-align: center; padding: 15px 0 0 0;}
.xialaph .language a{ display: inline-block; color: #333; font-size: 14px; line-height: 30px; padding: 0 35px;}
.xialaph .language a.hover{ color: #fff; background: #0063b3;}
.xialaph .searchP{ margin-top: 15px; height: 35px; border: #ebebeb solid 1px;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 21px; height: 21px; margin: 6px 8px 0 0; line-height: 0;}
.xialaph .searchP .searchLeft{ padding: 0 30px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 0;
}



.phonemeng{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 196;
    display: none;
}
.phonemeng.active{
    display: block;
}


.pz_banner{ float:left; width:100%; overflow:hidden; position: relative; line-height: 0; margin-top: 99px;
    -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.active{ margin-top:79px; }
.pz_banner.home{min-height: 333px;}
@media screen and (max-width:1215px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.active{ margin-top:60px; }
    .pz_banner.home{min-height: 272px;}
}
@media screen and (max-width:991px){
    .pz_banner.home{ min-height: 388px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 161px;}
}
.pz_main{ float:left; width:100%; background: #fff; }
.pz_down{ float:left; width:100%; background: #1f8e4f; }


/*banner*/
.bannerBox{ line-height: 0; }
.bannerBox .owl-dots{ position: absolute; width: 100%; left: 0; bottom: 17px; margin-top: 0; z-index: 10; text-align: center; line-height: 0;}
.bannerBox .owl-dot{ display: inline-block; width: 15px; height: 15px; margin: 0 21px; vertical-align: top; background-color: #fff;  border: #fff solid 1px;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius:50%;
}
.bannerBox .owl-dot.active{ background-color: #009944;}
@media screen and (max-width:991px){
    .bannerBox .owl-dots{ bottom: 20px;}
    .bannerBox .owl-dot{ width: 10px; height: 10px; margin: 0 8px; }
}
@media screen and (max-width:767px){
    .bannerBox .owl-dots{ bottom: 10px;}

}


/*main*/
.homeAbout{ padding: 6.32% 0 6.74% 0;}
.homeAboutTitle{}
.homeAboutTitle .titleTop{ height: 38px; text-align: center; line-height: 0;}
.homeAboutTitle .titleTop h2{ display: inline-block; vertical-align: top;  padding: 0 30px; position: relative; color: #161515; font-size: 28px; line-height: 38px;}
.homeAboutTitle .titleTop h2::before{ content: ''; position: absolute; width: 182px; height: 2px; right: 100%; top: 50%; margin-top: -1px; background: url("images/main1.png") center no-repeat; background-size: 100% 100%;}
.homeAboutTitle .titleTop h2::after{ content: ''; position: absolute; width: 182px; height: 2px; left: 100%; top: 50%; margin-top: -1px; background: url("images/main2.png") center no-repeat; background-size: 100% 100%;}
.homeAboutTitle .titleEnglish{ text-align: center; color: #918e8e; font-size: 14px; line-height: 22px; text-transform: uppercase;}
@media screen and (max-width:991px){
    .homeAboutTitle .titleTop h2{  padding: 0 20px; font-size: 24px; }
}
@media screen and (max-width:767px){
    .homeAboutTitle .titleTop{ height: 30px; }
    .homeAboutTitle .titleTop h2{ font-size: 20px; line-height: 30px; }
    .homeAboutTitle .titleEnglish{ line-height: 1; }
}

.homeAboutDown{ padding-top:1.68%; }
.homeAboutDown .homeAboutText{  color: #838181; font-size: 16px;  }
#dot3{height: 165px;line-height: 40px; overflow: hidden;}
.homeAboutDown .homeAboutText a{ color: #2f9c54; font-size: 13px;}
.homeAboutDown .homeAboutText a:hover{ text-decoration: underline;}
@media screen and (max-width:767px){
    .homeAboutDown .homeAboutText{ font-size: 14px;  }
    #dot3{height: 125px;line-height: 25px; overflow: hidden;}
}
.homeAboutList{ padding-top: 9.27%;}
.homeAboutList ul{ float: left; width: 100%;}
.homeAboutList ul li{ padding: 0 20%; cursor: pointer; }
.homeAboutList ul li .aboutPic{ text-align: center; line-height: 0;}
.homeAboutList ul li .aboutPic .pic{ display: inline-block; vertical-align: top; width: 70px; height: 70px; line-height: 0;}
.homeAboutList ul li .aboutTit{ padding-bottom: 18.18%; color: #000000; font-size: 20px; line-height: 1.7; text-align: center; position: relative;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.homeAboutList ul li:hover .aboutTit{ padding: 18.18% 0 0 0;}
.homeAboutList ul li .aboutTit::before{ content: ''; position: absolute; width: 62px; height: 1px; background-color: #144687; top: 100%; left: 50%; margin-left: -31px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.homeAboutList ul li:hover .aboutTit::before{  top: 20%;}
.homeAboutList ul li .aboutText{ padding-top: 5.93%; color: #353434; font-size: 12px; line-height: 16px; text-align: center;}
@media screen and (max-width:1215px){
    .homeAboutList ul li{ padding: 0 10%; }
}
@media screen and (max-width:991px){
    .homeAboutList ul li .aboutTit{ font-size: 18px; }
}
@media screen and (max-width:767px){
    .homeAboutList ul li{ padding: 0 5%; }
    .homeAboutList ul li .aboutPic .pic{ width: 54px; height: 54px; }
    .homeAboutList ul li .aboutTit{ padding: 10.18% 0 8% 0; font-size: 16px; }
    .homeAboutList ul li:hover .aboutTit{ padding: 10.18% 0 8% 0;}
}



.homeTechBack{ background: url("images/main7.jpg") center no-repeat; background-size: cover;}
.homeTech{ padding: 6.57% 0 9.52% 0;}
.homeTechDown{ padding-top: 5.73%; margin: 0 -13px;}
.homeTechDown ul{ float: left; width: 100%; }
.homeTechDown ul li{ padding: 0 13px;}
.homeTechDown ul li .casePic{ text-align: center; line-height: 0;}
.homeTechDown ul li .casePic .pic{ display: inline-block; vertical-align: top; width: 82.8%; line-height: 0; position: relative; overflow: hidden;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeTechDown ul li .casePic .pic .back{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: url("images/main9.jpg") repeat-x; background-size: auto 100%; overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeTechDown ul li:hover .casePic .pic .back{ left: -100%;}
.homeTechDown ul li .casePic .pic .picIcon{ position: absolute; width:100%; height: 100%; left: 0; top: 0; z-index: 2;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeTechDown ul li:hover .casePic .pic .picIcon{ left: 100%;}
.homeTechDown ul li h3{ padding-top: 9.15%; color: #636668; font-size: 20px; line-height: 1.3; text-align: center;}
@media screen and (max-width:991px){
    .homeTechDown ul li h3{ font-size: 18px; }
}
@media screen and (max-width:767px){
    .homeTechDown ul li h3{ font-size: 16px; }
}



.homeCase{ padding: 6.32% 0 10.79% 0;}
.homeCaseDown{ padding-top: 2.52%; margin: 0 -10px;}
.homeCaseDown ul{ float: left; width: 100%; position: relative;}
.homeCaseDown ul li{ padding: 0 10px;}
.homeCaseDown ul li .cellCase{ margin-top: 8.09%;}
.homeCaseDown ul li .cellCase .casePicTwo{ position: relative; overflow: hidden;}
.homeCaseDown ul li .cellCase .casePicTwo .img2{
    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);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeCaseDown ul li .cellCase:hover .casePicTwo .img2{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.homeCaseDown ul li .cellCase .casePicTwo .caseBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,137,61,0.88);
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeCaseDown ul li .cellCase:hover .casePicTwo .caseBack{
    opacity: 1;
}
.homeCaseDown ul li .cellCase .casePicTwo .caseDiv{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 10.44% 2.6% 0 8.87%; z-index: 3;
    opacity: 0;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
}
.homeCaseDown ul li .cellCase:hover .casePicTwo .caseDiv{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.homeCaseDown ul li .cellCase .casePicTwo .caseDiv h4{ color: #fff; font-size: 16px; line-height: 24px;}
.homeCaseDown ul li .cellCase .casePicTwo .caseDiv .text{ height: 52px; margin-top:5.6%; color: #fff; line-height: 26px; overflow: hidden; }
.homeCaseDown ul li .cellCase .casePicTwo .caseDiv .icoBox{ margin-top: 8.25%; line-height: 0;}
.homeCaseDown ul li .cellCase .casePicTwo .caseDiv .icoBox b{ float: left; width: 18px; height: 18px; line-height: 0;}
.homeCaseDown ul li .cellCase h3{ padding: 4% 0; color: #333333; font-size: 16px; line-height: 1; text-align: center;}
@media screen and (max-width:991px){
    .homeCaseDown ul li .cellCase .casePicTwo .caseDiv .text{ display: none; }
}
@media screen and (max-width:767px){
    .homeCaseDown{  margin: 0 -6px;}
    .homeCaseDown ul li{ padding: 0 6px;}
    .homeCaseDown ul li .cellCase .casePicTwo .caseDiv h4{  font-size: 14px; line-height: 20px;}
    .homeCaseDown ul li .cellCase h3{ padding: 5% 0; font-size: 14px; }
}
.homeCaseDown .owl-prev{ position: absolute; width: 32px; height: 32px; right: 53px; top: -21px; background:url("images/main21.png") no-repeat; background-size: cover; text-indent: -100px; overflow: hidden; }
.homeCaseDown .owl-prev:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}
.homeCaseDown .owl-next{ position: absolute; width: 32px; height: 32px; right: 10px; top: -21px; background:url("images/main22.png") no-repeat; background-size: cover; text-indent: -100px; overflow: hidden; }
.homeCaseDown .owl-next:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
}




.homeCustom{ padding: 6.32% 0 8.43% 0; }
.homeCustomDown{ padding-top: 3.2%; margin: 0 -66px;}
.homeCustomDown .custom{ float: left; width: 100%;}
.homeCustomDown .custom .owl-stage-outer{ padding-bottom: 1px;}
.homeCustomDown .custom ul{ float: left; width: 100%;}
.homeCustomDown .custom ul li{ float: left; width: 33.3333%; padding: 0 66px;}
.homeCustomDown .custom ul li a{ float: left; width: 100%; margin-top: 8.19%; border: #d2d2d2 solid 1px; background-color: #fff; overflow: hidden;}
.homeCustomDown .custom ul li a .balance{ line-height: 0; overflow: hidden; }
.homeCustomDown .custom ul li a .balance img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeCustomDown .custom ul li:hover a .balance 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);
}
.homeCustomDown .owl-dots{ padding-top: 7.6%; text-align: center; line-height: 0;}
.homeCustomDown .owl-dots .owl-dot{ display: inline-block; width: 13px; height: 13px; margin: 0 5px; background-color: #1d2088;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
}
.homeCustomDown .owl-dots .owl-dot.active{ width: 30px; }
@media screen and (max-width:1215px){
    .homeCustomDown{ margin: 0 -40px;}
    .homeCustomDown .custom ul li{ padding: 0 40px;}
}
@media screen and (max-width:991px){
    .homeCustomDown{ margin: 0 -20px;}
    .homeCustomDown .custom ul li{ padding: 0 20px;}
}
@media screen and (max-width:767px){
    .homeCustomDown{ margin: 0 -6px;}
    .homeCustomDown .custom ul li{ padding: 0 6px;}
    .homeCustomDown .owl-dots .owl-dot{  width: 10px; height: 10px; }
}



.homeNewBack{ background: url("images/main26.jpg") center no-repeat; background-size: 100% 100%; }
.homeNew{ padding:9.44% 0 14.22% 0; }


.homeNewDown{ margin-top: 2.61%; position: relative;}
.homeNewDown .newMore{ position: absolute; width: 66px; height: 30px; right: 0; top: 0; background: url("images/main27.png") right center no-repeat; background-size: 12px 16px; color: #050505; font-size: 14px; line-height: 30px; text-transform: uppercase; }
.homeNewDown .newMore:hover{ color: #1f8e4f;}
.solution_top{}
.solution_top ul{ text-align: right; padding-right: 87px;}
.solution_top .lc1{ display: inline-block; height: 30px; color: #5e5c5c; font-size: 14px; line-height: 30px; text-align: center; cursor: pointer; margin-left: 16px;}
.solution_top .lc1 .cT{}
.solution_top .lc1.on{  color: #227402;}
@media screen and (max-width:767px){
    .homeNewDown{ margin-top: 5%; position: relative;}
    .solution_top ul{  text-align: left}
    .solution_top .lc1{ float: left; width: 90px; height: 30px; background-color: #f5f5f5; color: #444444; font-size: 16px; line-height: 30px; text-align: center; cursor: pointer; margin-left: 3px; margin-right: 3px;}
}

.solution_down{ padding-top: 2.95%; }
.slideBox{ margin:0 -15px; }
.slideBox .slick-list{ padding-bottom: 12px;}
.slideBox ul .owl-stage-outer{ padding-top: 10px;}
.slideBox ul li{ padding: 0 15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slideBox ul li:hover{
    -webkit-transform: translate3d(0,-9px,0);
    transform: translate3d(0,-9px,0);
}
.slideBox ul li a{ float: left; width: 100%; background-color: #fff;}
.slideBox ul li a .newPic{ overflow: hidden; position: relative; }
.slideBox ul li a .newPic .img2{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slideBox ul li a:hover .newPic .img2{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.slideBox ul li a .newDown{ padding: 0 5.4% 3.51% 5.4%;}
.slideBox ul li a .newDown h4{ padding: 19px 0; border-bottom: #d6d6d6 solid 1px; color: #333333; font-size: 16px; line-height: 22px;}
.slideBox ul li a .newDown .newTexy{ height: 66px; margin-top: 6px; color: #666666; font-size: 14px; line-height: 22px; overflow: hidden; }
.slideBox ul li a .newDown .newTime{ padding: 6px 0; color: #666666; line-height: 1;}



/*down*/
.footTop{ padding: 3.11% 0 12.14% 0;}


.footTel{ float: left; width:440px; }
.footTel .telLogo{ height: 49px;}
.footTel .telLogo img{ height: 49px;}
.footTel .telText{ margin-top: 11px; padding-left: 66px; color: #ffffff; font-size: 14px; line-height: 30px;}
@media screen and (max-width:1215px){
    .footTel{ width:360px; }
}
@media screen and (max-width:991px){
    .footTel{ width:100%; }
    .footTel .telText{ padding-bottom: 11px;}
}

.footTop .footLeft{ padding-left: 440px;}
.footUl{ float: left; width: 100%; }
.footUl .footCell{ float: left; width: 30%; padding-right: 10px;}
.footUl .footCell.last{ float: left; width: 10%; padding-right: 0;}
.footUl .footCell .ttit{ float: left; width: 100%; padding: 6px 0 24px 0; color: #fff; font-size: 18px; line-height: 30px;}
.footUl .footCell .ttit img{  float:right; margin:7px 15px 0 0;}
.footUl .footCell .ttit .imgs{ display:none;}
.footUl .footCell .ttit.active .imgs{ display:none;}
.footUl .footCell .ttit .imgh{ display:none;}
.footUl .footCell .ttit.active .imgh{ display:block;}
.footUl .footCell ul{ float: left; width: 100%; }
.footUl .footCell ul li{ float: left; width: 100%; line-height: 21px; font-size: 14px; }
.footUl .footCell ul li a{ float: left; width: 100%; padding: 4px 0; color: #fff; line-height: 30px; }
.footUl .footCell ul li a:hover{ color: #1d2088;}
@media screen and (max-width:1215px){
    .footTop .footLeft{ padding-left: 360px;}
    .footUl .footCell{ width: 26%; }
    .footUl .footCell.last{ width: 22%; }
}
@media screen and (max-width:991px){
    .footTop .footLeft{ float: left; width: 100%; padding-left: 0;}
    .footUl .footCell{ width: 100%; padding-right:0;}
    .footUl .footCell.last{ width: 100%; }
    .footUl .footCell .ttit{ padding: 11px 0 11px 0; font-size: 16px; line-height: 20px; border-bottom: #369a61 solid 1px;}
    .footUl .footCell .ttit .imgs{ display:block;}
    .footUl .footCell ul{ display: none; border-bottom: #369a61 solid 1px; padding: 5px 0;}
}



.footDownBack{ background-color: #333333;}
.footDown{ padding: 1.68% 0;}
.footDown .copyRight{ float: left; color: #fff; font-size: 14px; line-height: 20px;}
.footDown .copyRight a{color: #fff;}
.footDown .copyRight a:hover{ color: #1f8e4f;}
.footDown .copyLink{ float: right;color: #fff; font-size: 14px; line-height: 20px;}
.footDown .copyLink a{ float: left; color: #fff;}
.footDown .copyLink a:hover{color: #1f8e4f;}
.footDown .copyLink a::after{ content: ''; float: right; width: 1px; height: 12px; margin: 4px 12px 4px 12px;  background-color: #e2e2e2;}
.footDown .copyLink a:last-child::after{ display: none;}
@media screen and (max-width:991px){
    .footDown .copyRight{ width: 100%; text-align: center;}
    .footDown .copyLink{ float: left; width: 100%; text-align: center; padding-top: 10px;}
    .footDown .copyLink a{ float: none; display: inline-block; vertical-align: top; color: #fff;}
}
@media screen and (max-width:767px){
    .footDown{ padding: 3.68% 0;}
}



/*左侧漂浮*/
.leftFloat{ position: fixed; left: 20px; width: 90px; top: 50%; margin-top: -170px; z-index: 1200;}
.leftFloat li{ float: left; width:100%; height: 54px; color: #808080; font-size: 14px; line-height: 54px; padding-left: 32px; background: url("images/main31.png") left top no-repeat; cursor: pointer; }
.leftFloat li.on{background: url("images/main31_h.png") left top no-repeat; color: #1f8e4f;}
@media screen and (max-width:991px){
    .leftFloat{ display: none;}
}





/*工程业绩*/
.innerTitle{ padding-top: 3.4%; overflow: hidden; }
.innerTitle .titleTop{ height: 38px; text-align: center; line-height: 0;}
.innerTitle .titleTop h2{ display: inline-block; vertical-align: top;  padding: 0 30px; position: relative; color: #161515; font-size: 28px; line-height: 38px;}
.innerTitle .titleTop h2::before{ content: ''; position: absolute; width: 490px; height: 1px; right: 100%; top: 50%; background: url("images/result2.jpg") center no-repeat; background-size: 100% 100%;}
.innerTitle .titleTop h2::after{ content: ''; position: absolute; width: 490px; height: 1px; left: 100%; top: 50%; background: url("images/result3.jpg") center no-repeat; background-size: 100% 100%;}

@media screen and (max-width:991px){
    .innerTitle{ padding-top: 5%; overflow: hidden; }
    .innerTitle .titleTop h2{  padding: 0 20px; font-size: 24px; }
}
@media screen and (max-width:767px){
    .innerTitle .titleTop{ height: 30px; }
    .innerTitle .titleTop h2{ font-size: 20px; line-height: 30px; }
    .innerTitle .titleEnglish{ line-height: 1; }
}






.caseNav{text-align: center; line-height: 0;}
.pz_SideLayer{ text-align: center; padding-top: 3.37%; }
.caseNav .pz_SideLayer .l1{ display: inline-block; *display: inline; *zoom:1; min-width: 160px; padding: 0 10px; }
.caseNav .pz_SideLayer .l1 a{ float: left; width: 100%; padding: 0 6px 0 6px; color: #333333;  font-size: 16px; line-height: 34px; border: #e0e0e0 solid 1px; text-align: center;  }
.caseNav .pz_SideLayer .l1 a:hover,
.caseNav .pz_SideLayer .l1 .hover{ color:#fff; background-color: #009944; border-color: #009944; }
.caseNav .pz_SideLayer .l1 .layerIco{ margin: 0 auto; width:52px; line-height: 0; }
.caseNav .pz_SideLayer .l1 .layerIco .imgs{}
.caseNav .pz_SideLayer .l1 .layerIco .imgd{ display: none;}
.caseNav .pz_SideLayer .l1 a:hover .layerIco .imgs,
.caseNav .pz_SideLayer .l1 .hover .layerIco .imgs{ display: none;}
.caseNav .pz_SideLayer .l1 a:hover .layerIco .imgd,
.caseNav .pz_SideLayer .l1 .hover .layerIco .imgd{ display: block;}
.caseNav .pz_SideLayer .l1 a h3{ margin-top: 14px; font-size: 18px;}

.babyser{ position: relative; z-index: 5;}
.babyser h2{ float:left; width:100%; padding: 0 15px; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:18px; line-height:48px; }
.babyser h2 .imgr{ float:right; margin:16px 0 0 0;}
@media  screen and (max-width:991px){
    .babyser h2 .imgr{ float:right; margin:16px 0 0 0;
        transition: all 0.2s linear;
    }
    .babyser h2.active .imgr{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
        transform:rotate(180deg);
    }
}
.pz_SideLayerph{ display:none;  background-color:#fff;}
.pz_SideLayerph .l1{}
.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}
.pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;}
.pz_SideLayerph .l1 h3.active a{ color:#000;}
.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}
.pz_SideLayerph .l1 .l1ul{ display:none;}
.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}
.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999;}


.resultList{ padding-top: 0.84%; margin: 0 -12px;}
.resultList ul{ float: left; width: 100%; min-height: 500px;}
.resultList ul li{ float: left; width: 33.3333%; padding: 0 12px;}
.resultList ul li a{ float: left; width: 100%; margin-top: 11%; border: #b5b5b5 solid 1px;}
.resultList ul li a .resultPic{ overflow: hidden;}
.resultList ul li a .resultPic .img2{
    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);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.resultList ul li a:hover .resultPic .img2{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.resultList ul li a h3{ padding: 9px 10px; background-color: #e5e5e5; color: #333333; font-size: 18px; line-height: 24px; text-align: center;}
.resultList ul li a:hover h3{ color: #fff; background-color: #009944;}
@media  screen and (max-width:991px){
    .resultList ul{  min-height: 50px;}
    .resultList ul li a h3{ font-size: 16px; }
}
@media  screen and (max-width:767px){
    .resultList{ margin: 0 -6px;}
    .resultList ul li{ width: 50%; padding: 0 6px;}
    .resultList ul li a h3{ padding: 5px 6px; }
}



/*公司新闻2*/
.newList{ padding-top: 1.43%;}
.newList ul{ min-height: 500px;}
.newList ul li{ padding: 2.44% 0; border-bottom: #e5e5e5 solid 1px;}
.newList ul li a{ float: left; width: 100%;}
.newList ul li a:hover{
    -webkit-box-shadow: 0 2px 6px #000;
    -moz-box-shadow: 0 2px 6px #000;
    -o-box-shadow: 0 2px 6px #000;
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
}
.newList ul li .newLeft{ float: left; width: 363px; overflow: hidden; }
.newList ul li .newRight{ padding-left: 415px; padding-right: 30px;}
.newList ul li .newRight .newTime{ float: left; width: 100%; color: #585656; font-size: 15px; line-height: 22px; margin-top: 22px;}
.newList ul li .newRight .newTime .spe{ color: #000;}
.newList ul li .newRight h3{ float: left; width: 100%; margin-top: 15px; color: #333333; font-size: 20px; line-height: 24px;}
.newList ul li:hover .newRight h3{ color: #009944;}
.newList ul li .newRight .newText{ float: left; width: 100%; height: 84px; margin-top: 43px; color: #797878; font-size: 15px; line-height: 28px; overflow: hidden;}
@media  screen and (max-width:991px){
    .newList ul{ min-height: 50px;}
    .newList ul li .newLeft{ width: 279px; }
    .newList ul li .newRight{ padding-left: 300px; padding-right: 20px;}
    .newList ul li .newRight .newTime{ margin-top: 10px;}
    .newList ul li .newRight .newText{ margin-top: 20px;}
}
@media  screen and (max-width:767px){
    .newList ul li .newLeft{ width: 147px; }
    .newList ul li .newRight{ padding-left: 160px; padding-right: 12px;}
    .newList ul li .newRight .newTime{ margin-top: 0;}
    .newList ul li .newRight .newTime p{ float: left; margin-right: 5px;}
    .newList ul li .newRight h3{ margin-top: 8px; font-size: 16px; line-height: 20px;}
    .newList ul li .newRight .newText{ height: 40px; margin-top: 9px; line-height: 20px;}
}



/*新闻详情*/
.newInnerback{ background-color: #f4f2f2; margin-top:2.76%; }
.newInnerBox{ padding-bottom: 9.44%;}
.innerLeft{ float: left; width: 856px; margin-top: 5.48%; background-color: #fff;}
.innerLeft .innerTit{  padding: 5.14% 2.57% 2.68% 2.57%; border-bottom: #ebebeb solid 1px;}
.innerLeft .innerTit h2{ color: #1e2c5b; font-size: 26px; line-height:1.23; font-weight: bold; }
.innerLeft .innerTit .shareBox{ padding-top:2.82%; }
.innerLeft .innerTit .shareBox .clockCacn{ float: left;}
.innerLeft .innerTit .shareBox .clock{ float: left; padding-left: 16px; color: #979899; font-size: 14px; line-height: 24px; background: url("images/new13.png") left center no-repeat; background-size: 11px 11px;}
.innerLeft .innerTit .shareBox .scan{ float: left; padding-left: 16px; margin-left: 20px; color: #979899; font-size: 14px; line-height: 24px; background: url("images/new14.png") left center no-repeat; background-size: 13px 13px;}
.innerLeft .innerTit .shareBox .shareRight{ float: right;}
.innerLeft .innerTit .shareBox .shareRight .shareTit{ float: left; color: #979899; font-size: 14px; line-height: 24px;}
.innerLeft .innerTit .shareBox .shareRight .shareDiv{ float: left;}
.innerLeft .innerConnet{ padding: 4.67% 2.57% 8.62% 2.57%; min-height: 400px; border-bottom: #ebebeb solid 1px; color: #333333; font-size: 14px; line-height: 24px;}
.innerLeft .innerPage{ padding: 2.5% 2.57%;}
.innerLeft .innerPage .pageBox{ position: relative;}
.innerLeft .innerPage .pageBox .link{ float: left; width: 100%; color: #333333; font-size: 14px; line-height: 24px;}
.innerLeft .innerPage .pageBox .link span{ color: #777777;}
.innerLeft .innerPage .pageReturn{ position: absolute; width: 114px; height: 36px; background-color: #999999; right: 0; top: 50%; margin-top: -18px; text-align: center;}
.innerLeft .innerPage .pageReturn b{ display: inline-block; vertical-align: top; width: 18px; height: 14px; line-height: 0; margin: 10px 8px 0 0;}
.innerLeft .innerPage .pageReturn span{ display: inline-block; vertical-align: top; color: #fff; font-size: 14px; line-height: 36px;}

@media  screen and (max-width:1215px){
    .innerLeft{ width: 632px; }
}
@media  screen and (max-width:991px){
    .innerLeft{ width: 100%; }
    .innerLeft .innerTit h2{ font-size: 22px; }
    .innerLeft .innerConnet{ min-height: 40px;}
}
@media  screen and (max-width:767px){
    .innerLeft .innerTit{  padding: 5.14% 3.5% 2.68% 3.5%; }
    .innerLeft .innerTit h2{ font-size: 20px; }
    .innerLeft .innerTit .shareBox .clockCacn{ width: 100%; text-align: center;}
    .innerLeft .innerTit .shareBox .clock{ float: none; display: inline-block; vertical-align: top; }
    .innerLeft .innerTit .shareBox .scan{ float: none; display: inline-block; vertical-align: top; }
    .innerLeft .innerTit .shareBox .shareRight{ float: left; width: 100%; padding-top: 2.5%; text-align: center;}
    .innerLeft .innerTit .shareBox .shareRight .shareTit{ float: none; display: inline-block; vertical-align: top;}
    .innerLeft .innerTit .shareBox .shareRight .shareDiv{ float: none; display: inline-block; vertical-align: top;}
    .innerLeft .innerPage{ padding: 3.5% 3.57%;}
    .innerLeft .innerPage .pageBox{ position: relative; padding-bottom: 46px;}
    .innerLeft .innerPage .pageReturn{ right: 50%; margin-right: -57px; top: auto; bottom: 0; margin-top: 0;}
}



.newInnerBox .innerRight{ float: right; width:305px; background-color: #fff; margin-top: 5.48%; padding: 0 15px 0 15px; }
.newRightTit{ color: #040404; font-size: 18px; line-height: 24px; padding: 22px 0 13px 0;}
.newRightTit span{ float: left;}
.newRightTit a{ float: right; color: #666666; font-size: 14px; background: url("images/new21.png") right center no-repeat; background-size: 7px 13px; padding-right: 13px; }
@media  screen and (max-width:991px){
    .newInnerBox .innerRight{ float: left; width:100%; }
}
@media  screen and (max-width:767px){
    .newRightTit{ padding: 15px 0 13px 0;}
}


.newRList{ padding-bottom: 10.79%;}
.newRList li.li2{ color: #7d7c7c; font-size: 14px; line-height: 32px; }
.newRList li.li2 a{ color: #7d7c7c; padding-left: 14px;}
.newRList li.li2 a:hover{ color: #009944;}
.newRList li.li2::before{ content: ''; float: left; width: 4px; height: 4px; margin-top: 13px; background-color: #888888; }

.newRList li.li1{ padding:0 0 4.7% 0;}
.newRList li.li1::before{ display: none;}
.newRList li.li1 .newRpic{ overflow: hidden;}
.newRList li.li1 .newRpic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.newRList li.li1:hover .newRpic 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);
}
.newRList li.li1 .newText{ padding: 5.79% 0; border-bottom: #ebebeb solid 1px;}
.newRList li.li1 .newText p{ height: 48px; color: #333333; font-size: 14px; line-height: 24px; overflow: hidden;}
.newRList li.li1:hover .newText p{ color: #009944;}
@media  screen and (max-width:991px){
    .newRList{ padding-bottom: 0;}
    .newRList li{ float: left; width: 50%;}
}
@media  screen and (max-width:767px){
    .newRList{ padding-bottom: 5%;}
    .newRList li{ width: 100%;}
}



/*合作*/
.cooperBread{ border-bottom: #eeeeee solid 1px;}
.cooperBread .bread{ float: left; padding: 2.02% 0; color: #999999; font-size: 14px; line-height: 24px;}
.cooperBread .bread a{ color: #999999; font-size: 14px; line-height: 24px;}
.cooperBread .bread a:hover{ color: #009944; }
.cooperBread .bread span{ font-family:'Noto Sans SC'; margin: 0 12px;}
.cooperBread .bread b{ float: left; width: 14px; height: 11px; margin: 7px 12px 0 0; line-height: 0;}


.honorNav{text-align: center; line-height: 0;}
.pz_SideLayer_honor{ float: left; width: 100%; padding-top: 4.04%; }
.pz_SideLayer_honor .l1{ float: left; width: 50%;}
.pz_SideLayer_honor .l1 a{ float: left; width: 100%; color: #fff;  font-size: 20px; line-height: 60px; background-color: #1d2088; text-align: center; border-right: #1d2088 solid 1px;  }
.pz_SideLayer_honor .l1:last-child a{ border-right: 0; }
.pz_SideLayer_honor .l1 a:hover,
.pz_SideLayer_honor .l1 .hover{ color:#fff; background-color: #009944; }



.honorList{ padding-top: 1.18%; margin: 0 -29px;}
.honorList ul{ float: left; width: 100%; min-height: 500px;}
.honorList ul li{ float: left; width: 33.3333%; padding: 0 29px;}
.honorList ul li a{ float: left; width: 100%; margin-top: 11%; border: #b5b5b5 solid 1px;}
.honorList ul li a .resultPic{ overflow: hidden;}
.honorList ul li a .resultPic .img2{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.honorList ul li a:hover .resultPic .img2{
    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);
}
.honorList ul li a h3{ padding: 15px 10px; color: #333333; font-size: 18px; line-height: 24px; text-align: center; border-top: #b5b5b5 solid 1px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.honorList ul li a:hover h3{ color: #fff; background-color:#009944}
@media  screen and (max-width:991px){
    .honorList ul{  min-height: 50px;}
    .honorList ul li a h3{ font-size: 16px; }

.pz_SideLayer_honor .l1 a{ font-size: 14px; line-height: 36px;}

}
@media  screen and (max-width:767px){
    .honorList{ margin: 0 -6px;}
    .honorList ul li{ width: 50%; padding: 0 6px;}
    .honorList ul li a h3{ padding: 5px 6px; }
}



/*合作详情*/
.cooperInner{ }
.cooperInner h2{ padding: 4.3% 0 4.97% 0; color: #302f2f; font-size: 20px; line-height: 1.5; text-align: center; text-transform: uppercase;}
.cooperInner .cooperContent{ padding-bottom: 7.92%; color: #302f2f; font-size: 20px; line-height: 40px; border-bottom: #e6e6e6 solid 1px;}

.cooperInner .z_page{color: #302f2f; font-size: 20px; line-height: 40px; padding:50px 0;}

.cooperInner .cooperPage{ padding: 0 0 7.92% 0;}
.cooperInner .cooperPage .pageFloat{ position: relative; padding: 12px 0;}
.cooperInner .cooperPage .pageFloat .return{ position: absolute; width: 60px; left: 50%; margin-left: -30px; top: 50%; margin-top: -12px; color: #666666; font-size: 12px; line-height: 24px; text-align: center;}
.cooperInner .cooperPage .pageFloat .pageLink{ float: left; width: 40%; color: #666666; line-height: 24px;}
.cooperInner .cooperPage .pageFloat .pageLink:hover{ color: #1f8e4f; }
.cooperInner .cooperPage .pageFloat .pageLink.right{float: right; text-align: right; }
@media  screen and (max-width:991px){
    .cooperInner .cooperContent{ font-size: 16px; line-height: 30px; }

    .cooperInner .z_page{font-size: 16px; line-height: 30px; padding:30px 0;}
}
@media  screen and (max-width:767px){
    .cooperInner h2{ font-size: 18px; }
    .cooperInner .cooperContent{ font-size: 14px; line-height: 28px; }
    .cooperInner .z_page{font-size: 14px; line-height: 28px;}
    .cooperInner .cooperPage .pageFloat{ position: relative; padding: 12px 0 52px 0;}
    .cooperInner .cooperPage .pageFloat .return{ width: 100px; margin-left: -50px; line-height: 30px; top: auto; bottom: 12px; margin-top: 0; background-color: #f1f1f1;}
    .cooperInner .cooperPage .pageFloat .pageLink{ width: 100%; }
    .cooperInner .cooperPage .pageFloat .pageLink:hover{ color: #1f8e4f; }
    .cooperInner .cooperPage .pageFloat .pageLink.right{float: left; text-align: left; }
}



/*联系我们*/
.contactBox{ padding-top: 3.96%; padding-bottom: 8.6%; border-bottom: #009944 solid 2px;}
.contactBox .contactLi{ float: left; padding-top: 4.21%; text-align: center;}
.contactBox .contactLi.c_1{ width:21%; }
.contactBox .contactLi.c_2{ width:58%; }
.contactBox .contactLi.c_3{ width:21%; }
.contactBox .contactLi .centerPic{ display: inline-block; vertical-align: top; width: 125px; height: 125px; line-height: 0;}
.contactBox .contactLi .centerPic .picAn{ float: left; width: 100%; height: 125px; border: #e0e0e0 solid 1px; background-color: #ececec;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.contactBox .contactLi:hover .centerPic .picAn{
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
}
.contactBox .contactLi .tit{ float: left; width: 100%; padding: 32px 0 0 0; color: #222a2c; font-size: 18px; line-height: 1; text-align: center;}
.contactBox .contactLi .textBox{ float: left; width: 100%; padding-top: 10px; color: #252323; font-size: 14px; line-height: 32px; text-align: center;}
.contactBox .contactLi .textBox span{ color: #666666;}
.contactBox .contactLi .textBox .consult{ display: inline-block; vertical-align: top; padding: 0 18px; border: #dcdcdc solid 1px; color: #666666; font-size: 14px; line-height: 34px;}
.contactBox .contactLi .textBox .consult:hover{ background-color: #1f8e4f; color: #fff;}
@media  screen and (max-width:991px){
    .contactBox .contactLi.c_1{ width:33.33%; }
    .contactBox .contactLi.c_2{ width:33.33%; }
    .contactBox .contactLi.c_3{ width:33.33%; }
}
@media  screen and (max-width:767px){
    .contactBox .contactLi.c_1{ width:100%; }
    .contactBox .contactLi.c_2{ width:100%; }
    .contactBox .contactLi.c_3{ width:100%; }
    .contactBox .contactLi .centerPic{ width: 100px; height: 100px; }
    .contactBox .contactLi .centerPic .picAn{ height: 100px; }
    .contactBox .contactLi .tit{ padding: 20px 0 0 0; font-size: 16px; }
    .contactBox .contactLi .textBox{  font-size: 14px; line-height: 24px; }
}



.mapBox{ padding: 4% 0 7.58% 0;}
.mapBox .mapBorder{ border: #dcdcdc solid 1px; position: relative;}
.mapBox .mapBorder .mapFloat{ position: absolute; width: 50%; right: 0; top: 0; height: 100%; padding: 8% 8% 0 8%; background-color: rgba(0,153,68,1); color: #fff; font-size: 14px; line-height: 30px;}
.mapBox .mapBorder .mapFloat .mapTitle{ font-size: 20px; font-weight: bold;}
.mapBox .mapBorder .mapFloat .mapText{ padding-top: 15px;}
.mapBox .mapBorder .mapFloat .mapText a{color:#fff;}
@media  screen and (max-width:767px){
    .mapBox .mapBorder .mapFloat{ position: static; width: 100%; right: auto; top: auto; height: auto; padding: 6%; line-height: 28px;}
    .mapBox .mapBorder .mapFloat .mapTitle{ font-size: 17px; }
}


#bdmap{ width:100%; height:420px; overflow: hidden;}
#bdmap label{ background: 0 !important; border: 0 !important; /*left:416px !important; ; top:200px !important;*/}
#bdmap .BMapLabel div{ width: 255px !important; height: 72px !important; padding: 5px 0 17px 0 !important; background: url("images/contact7.png") no-repeat !important;}
#bdmap .BMapLabel div a{ display: block; color: #151414; font-size: 15px; font-weight: bold; line-height: 50px; text-align: center;}
@media  screen and (max-width:1229px){
    .contMap{ width: 100%; }
    #bdmap{ height:350px; }
}
@media  screen and (max-width:767px){
    #bdmap{ height:240px;}
}



/*联系我们-招聘*/
.hrBox{ padding-top: 1.79%;}
.hrBox h3{ background-color: #f6f6f6; margin-top: 2.56%; padding: 1.02% 0 1.19% 2.56%; position: relative; cursor: pointer; }
.hrBox h3:hover,
.hrBox h3.on{ background-color: #009944;}
.hrBox h3 .hFour{ padding-right: 138px; color: #009944; font-size: 18px; line-height: 36px;}
.hrBox h3:hover .hFour,
.hrBox h3.on .hFour{ color: #fff;}
.hrBox h3 .timeAll{ height: 26px; padding-right: 138px; }
.hrBox h3 .timeAll .allDiv{ float: left; color: #666666; font-size: 14px;line-height: 26px; padding-right: 10px; position: relative;}
.hrBox h3:hover .timeAll .allDiv,
.hrBox h3.on .timeAll .allDiv{ color: #fff;}
.hrBox h3 .timeAll .allDiv:after{ content: ''; position: absolute; width: 1px; height: 14px; background-color: #d1d1d1; right: 0; top: 50%; margin-top: -7px;}
.hrBox h3 .timeAll .allDiv:last-child:after{ display: none;}
.hrBox h3 .timeAll .allDiv.div1{ width: 21.4%;}
.hrBox h3 .timeAll .allDiv.div2{ width: 30.87%; padding-left: 20px;}
.hrBox h3 .timeAll .allDiv.div3{ width: 20%; padding-left: 20px;}
.hrBox h3 .timeAll .allDiv.div4{ width: 27.73%; padding-left: 20px; }
.hrBox h3 em{ position: absolute; width: 138px; height: 100%; padding-top: 26px; right: 0; top: 0; border-left: #d1d1d1 solid 1px; text-align: center;}
.hrBox h3:hover em,
.hrBox h3.on em{ border-left: #1aa357 solid 1px;}
.hrBox h3 em img{ width: 35px; height: 35px; vertical-align:top;}
.hrBox h3 em .imgs{}
.hrBox h3 em .imgd{ display: none;}
.hrBox h3:hover em .imgs,
.hrBox h3.on em .imgs{ display: none;}
.hrBox h3:hover em .imgd,
.hrBox h3.on em .imgd{ display: inline-block;}
.hrBox .creerDownBox{ padding: 2.73% 2.56% 0 2.56%; color: #626262; font-size: 14px; line-height: 26px; background-color: #f6f6f6;}
.hrBox .creerDownBox .creerLine{ padding-bottom: 2.43%;}
.hrBox .creerDownBox .creerLine .creerLeft{  color: #009944; font-size: 16px; line-height: 26px;}
.hrBox .creerDownBox .creerLine .creerRight{ color: #444343; font-size: 14px; line-height: 26px;}
.hrBox .creerDownBox .creerTel{ color: #444343; font-size: 14px; line-height: 26px;}
.hrBox .creerDownBox .creerTel a{ color: #008fa0; font-weight: bold;}
@media  screen and (max-width:1199px){
    .hrBox h3 .hFour{ padding-right: 200px; }
    .hrBox h3 .timeAll{ padding-right: 200px; }
    .hrBox h3 em{ width: 150px;}
}
@media  screen and (max-width:991px){
    .hrBox h3 .timeAll{ display: none; }
    .hrBox h3 em{ width: 52px; padding-top: 9px; }
}
@media  screen and (max-width:767px){
    .hrBox h3 .hFour{ padding-right: 52px; font-size: 16px; }
    .hrBox h3 em{ width: 52px; padding-top: 15px; }
    .hrBox h3 em img{ width: 22px; height: 22px; vertical-align:top;}
    .hrBox .creerDownBox .creerLine .creerLeft{ font-size: 14px; }
}



/*关于我们-合作*/
.pz_SideLayer_about{ float: right; padding: 2.02% 0; }
.pz_SideLayer_about .l1{ float: left;}
.pz_SideLayer_about .l1 a{ float: left; color: #333333; font-size: 14px; line-height: 24px; padding-left: 30px;  }
.pz_SideLayer_about .l1 a:hover,
.pz_SideLayer_about .l1 .hover{ color:#105fac; }
.pz_SideLayer_about .l2{display:none;}



.client{ padding:5.05% 0 0 0; }
.clientDown{ margin-top: 5.05%; background-color: #009944;}
.clientDown .clientLeft{ float: left; width: 748px; line-height: 0;}
.clientDown .clientRight{ padding-left: 749px; }
.clientDown .clientRight .clientText{ padding: 0 4.65% 0 4.65%;}
.clientDown .clientRight .clientText h5{ padding: 16.75% 0 9% 0; color: #fff; font-size: 28px; line-height: 32px; text-transform: uppercase;}
.clientDown .clientRight .clientText .tenxt{ height: 120px; color: #fff; font-size: 14px; line-height: 30px; overflow: hidden;}
.clientDown .clientRight .clientText .item{ padding-top: 12.75%;}
.clientDown .clientRight .clientText .item .itemLi{  color: #fff;  font-size: 16px; line-height: 19px; float: left; width: 50%; padding: 5px 0 5px 0; }

.clientDown .clientRight .clientText .item .itemLi a{ color: #fff;}
@media  screen and (max-width:1215px){
    .clientDown .clientLeft{ width: 600px; }
    .clientDown .clientRight{ padding-left: 600px; }
    .clientDown .clientRight .clientText h5{ padding: 9% 0 9% 0; color: #fff; font-size: 28px; line-height: 32px; text-transform: uppercase;}
}
@media  screen and (max-width:991px){
    .clientDown .clientLeft{ width: 100%; }
    .clientDown .clientRight{ float: left; width: 100%; padding-left: 0; }
    .clientDown .clientRight .clientText{ padding: 0 4.65% 4.5% 4.65%;}
    .clientDown .clientRight .clientText h5{ padding: 4% 0 4% 0; font-size: 19px; line-height: 24px; }
    .clientDown .clientRight .clientText .item{ padding-top: 6.75%;}
    .clientDown .clientRight .clientText .item .itemLi { font-size: 14px; }
}



.aboutCooper{padding:5.05% 0 5.05% 0; }
.cooperSchool{ padding-top: 5.05%; margin: 0 -10px;}
.cooperSchool ul{ float: left; width: 100%;}
.cooperSchool ul li{ padding: 0 10px;}
.cooperSchool ul li a{ float: left; width: 100%;}
.cooperSchool ul li a .picture{ overflow: hidden; position: relative;}
.cooperSchool ul li a .picture h5{ position: absolute; width: 100%; left: 0; bottom: 0;  background-color: #192e78; color: #fff; font-size: 25px; text-align: center; line-height: 3.43;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.cooperSchool ul li a:hover .picture h5{ background-color: rgba(0,153,68,1);}
@media  screen and (max-width:991px){
    .cooperSchool ul li a .picture h5{ font-size: 20px; }
}
@media  screen and (max-width:767px){
    .cooperSchool{ margin: 0 -7px;}
    .cooperSchool ul li{ padding: 0 7px;}
    .cooperSchool ul li a .picture h5{ font-size: 18px; }
}



/*业绩详情*/
.business{ padding: 4.55% 0 8.01% 0;}
.businessBack{ background: url("images/busi1.jpg") 740px repeat-y; position: relative;}
.businessBack::before{ content: ''; position: absolute; width: 5px; height: 49px; background: #009944; left: 738px; top: 0;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
@media  screen and (max-width:1215px){
    .businessBack{ background: url("images/busi1.jpg") 604px repeat-y; }
    .businessBack::before{  left: 602px; }
}
@media  screen and (max-width:991px){
    .businessBack{  background: none;}
    .businessBack::before{ display: none; }
}

.businessBack .busiLeft{ float:left; width: 715px; border: #dcdcdc solid 1px; padding: 0 3.91% 0 3.91%;}
.businessBack .busiLeft h4{ padding: 6% 0; color: #333333; font-size: 20px; line-height: 1.3; text-align:center;}
.businessBack .busiLeft .busiContetn{ padding-bottom: 6%; color: #3e3e3e; font-size: 16px; line-height: 1.625;}
@media  screen and (max-width:1215px){
    .businessBack .busiLeft{ width: 585px; }
}
@media  screen and (max-width:991px){
    .businessBack .busiLeft{ width: 100%; }
}
@media  screen and (max-width:767px){
    .businessBack .busiLeft h4{ font-size: 18px; }
}

.businessBack .busiRight{ float: right; width: 422px;}
.businessBack .busiRight .onlyTitle{}
.businessBack .busiRight .onlyTitle .onlyTop{}
.businessBack .busiRight .onlyTitle .onlyTop .eng{ float: left; color: #434745; font-size: 45px; line-height: 45px; text-transform: uppercase;}
.businessBack .busiRight .onlyTitle .onlyTop .eng span{ color: #0e773d;}
.businessBack .busiRight .onlyTitle .onlyTop .china{ float:left; margin: 6px 0 0 18px; padding-top: 10px; color: #333333; font-size: 18px; line-height: 24px; border-top: #7c7c7c solid 1px; }
.businessBack .busiRight .onlyTitle .onlyCome{ padding-top: 6px; color: #999999; font-size: 16px; line-height: 20px;}
.businessBack .busiRight .buileText{ margin-top: 6.42%; border-top: #dcdcdc dashed 1px; padding:8% 0;   }
.businessBack .busiRight .buileText .buildbt{ padding-bottom: 5.2%; color: #151414; font-size: 18px; line-height: 1.2;}
.businessBack .busiRight .buileText .buildMin{ color: #535353; font-size: 14px; line-height: 24px; min-height: 236px;}
.businessBack .busiRight .brige{ border-top: #dcdcdc dashed 1px; }
.businessBack .busiRight .brige .briLine{ margin-top:8%; border: #dcdcdc solid 1px;}
.businessBack .busiRight .brige .briLine a{ float: left; width: 50%; border-right: #dcdcdc solid 1px; color: #151414; font-size: 16px; text-align: center; line-height: 50px;}
.businessBack .busiRight .brige .briLine a:hover{ background-color: #eeeeee;}
.businessBack .busiRight .brige .briLine a:last-child{ border-right: 0;}
.businessBack .busiRight .wall{ margin-top: 6.4%; background-color: #249d51;}
.businessBack .busiRight .wall .prevPage{ float: left;width: 25%; height: 59px; background: url("images/busi3.png") center no-repeat; background-size: 23px 14px;}
.businessBack .busiRight .wall .nextPage{ float: left;width: 25%; height: 59px; background: url("images/busi4.png") center no-repeat; background-size: 23px 14px;}
.businessBack .busiRight .wall .probtn{ float: left; width: 50%; height: 59px; text-align: center;}
.businessBack .busiRight .wall .probtn b{ display: inline-block; vertical-align:top; width: 28px; height: 18px; line-height: 0; margin: 23px 15px 0 0;}
.businessBack .busiRight .wall .probtn span{ display: inline-block; vertical-align: top; color: #fff; font-size: 20px; line-height: 59px; text-transform: uppercase;}
@media  screen and (max-width:1215px){
    .businessBack .busiRight{ width: 338px;}
    .businessBack .busiRight .onlyTitle .onlyTop .eng{ font-size: 36px; }
    .businessBack .busiRight .brige .briLine a{ font-size: 14px; line-height: 40px;}
    .businessBack .busiRight .wall .prevPage{ height: 46px; }
    .businessBack .busiRight .wall .nextPage{ height: 46px; }
    .businessBack .busiRight .wall .probtn{ height: 46px; }
    .businessBack .busiRight .wall .probtn b{ margin: 14px 10px 0 0;}
    .businessBack .busiRight .wall .probtn span{ font-size: 16px; line-height: 46px; }
}
@media  screen and (max-width:991px){
    .businessBack .busiRight{ width: 100%; padding-top: 4.5%; margin-top: 4.5%; border-top: #dcdcdc solid 1px; position: relative; }
    .businessBack .busiRight::before{ content: ''; position: absolute; width: 40px; height: 5px; left: 0; top: -3px; background: #009944;
        border-radius:3px;
        -webkit-border-radius:3px;
        -moz-border-radius:3px;
        -o-border-radius:3px;
    }
    .businessBack .busiRight .buileText{ margin-top: 4.5%; padding:4% 0;   }
    .businessBack .busiRight .buileText .buildMin{  min-height: 0;}
    .businessBack .busiRight .brige .briLine{ margin-top:4%; }
    .businessBack .busiRight .wall{ margin-top: 4%; }
}
@media  screen and (max-width:767px){
    .businessBack .busiRight .onlyTitle .onlyTop .eng{ font-size: 30px; }
    .businessBack .busiRight .onlyTitle .onlyCome{ font-size: 14px; }
    .businessBack .busiRight .buileText .buildbt{ font-size: 16px; }
}



/*产品列表*/
.proListBox{ padding-bottom: 7%;}
.proListCell{ padding-top: 4.63%;}
.proListTitle{ color: #3f403f; font-size: 20px; font-weight: bold; line-height: 1.2;}
.proListDown{ padding-top: 2.36%;}
.proListSlick{ background-color: #009944;}

.slickSmallBox{ float: left; width: 35.25%; padding-top: 3%; padding-bottom:2.91%; position: relative; }
.slickSmallBox::before{ content: ''; position: absolute; width: 90%; height: 90%; left: 5%; top: 5%; border: #eeeeee solid 1px;}
.slick_Left{}
.slick_Left .slick-slide{ outline: 0; border: 0; }
.slick_Left .slick-slide a{ float: left; width: 100%; color: #fff; font-size: 16px; line-height: 50px; padding: 0 40px; outline: 0;}
.slick_Left .slick-slide.slick-current a,
.slick_Left .slick-slide a:hover{ background-color: #162b74;
    -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 rgba(0,0,0,0.2);
}
.slick_right{ float: right; width:64.75%; }
.proListCell.double .slick_right{ float: left;}
@media  screen and (max-width:1215px){
    .slick_Left .slick-slide a{ float: left; width: 100%; color: #fff; font-size: 16px; line-height: 40px; padding: 0 40px;}
}
@media  screen and (max-width:991px){
    .slickSmallBox{ float: left; width: 35.25%; padding-top: 3%; padding-bottom:4.9%; position: relative; }
    .proListTitle{ font-size: 18px; }
    .slick_Left .slick-slide a{ padding: 0 30px;}
}
@media  screen and (max-width:767px){
    .slickSmallBox{ width: 100%; padding-top: 0; padding-bottom:0;  }
    .slickSmallBox::before{ display: none;}
    .proListTitle{ font-size: 17px; }
    .slick_Left .slick-slide.slick-current a,
    .slick_Left .slick-slide a:hover{ background-color: #008b3e; }
    .slick_right{ float: left; width:100%; }


}



/*关于我们-简介文化*/
.aboutHistory{ padding-bottom: 5.9%;}
.aboutHistory .hisLeft{ float: left; width: 41.31%; line-height: 0; margin-top: 5.48%;}
.aboutHistory .hisRight{ float: right; width: 54.38%; margin-top: 5.4%; }
.aboutHistory .hisRight .hisTit{ padding: 6.04% 0 2.94% 0; color: #070707; font-size: 25px; line-height:1.28; font-weight: bold; }
.aboutHistory .hisRight .hisText{ color: #707172; font-size: 16px; line-height: 28px;}
@media  screen and (max-width:1215px){
    .aboutHistory .hisRight .hisTit{ padding: 0 0 2.94% 0; font-size: 23px;  }
}
@media  screen and (max-width:991px){
    .aboutHistory .hisLeft{ width: 100%; padding: 0 20%; }
    .aboutHistory .hisRight{ float: left; width: 100%; margin-top: 5.4%; }
    .aboutHistory .hisRight .hisTit{ padding: 3.04% 0 2.94% 0; font-size: 20px; }
    .aboutHistory .hisRight .hisText{ font-size: 14px; }
}
@media  screen and (max-width:767px){
    .aboutHistory .hisLeft{ padding: 0; }
    .aboutHistory .hisRight .hisTit{ font-size: 17px; }
    .aboutHistory .hisRight .hisText{ line-height: 24px;}
}

.aboutMission{}
.aboutMissionTit{ height: 82px; }
.missionFloat{ width: 100%; z-index: 1500; background-color: #009944;}
.missionFloat .w_kuan{ margin: 0 auto; width: 1186px;}
.missionFloat li{ float: left; width: 25%; background-color: #009944; border-right: #87cfa7 solid 1px; color: #fff; font-size: 25px; font-weight: bold; line-height: 82px; text-align: center; cursor: pointer;}
.missionFloat li:last-child{ border-right: 0;}
.missionFloat li:hover,
.missionFloat li.on{ background-color: #192e78;}
@media  screen and (max-width:1215px){
    .missionFloat .w_kuan{ width: 962px;}
}
@media  screen and (max-width:991px){
    .aboutMissionTit{ height: 50px; }
    .missionFloat .w_kuan{ width: 738px;}
    .missionFloat li{ font-size: 20px; line-height: 50px; }
}
@media  screen and (max-width:767px){
    .aboutMissionTit{ height: 40px; }
    .missionFloat .w_kuan{ width: 100%;}
    .missionFloat li{ font-size: 16px; line-height: 40px; }
}




.missionAll{ padding-bottom: 9.27%;}
.missionAll .allust{ float: left; width: 100%;}


.one{ padding-top: 6.23%;}
.oneTitle{}
.oneTitle .titleTop{ height: 38px; text-align: center; line-height: 0;}
.oneTitle .titleTop h2{ display: inline-block; vertical-align: top;  padding: 0 30px; position: relative; color: #009944; font-size: 28px; line-height: 38px; font-weight: bold;}
.oneTitle .titleTop h2::before{ content: ''; position: absolute; width: 142px; height: 2px; right: 100%; top: 50%; margin-top: -1px; background: url("images/about6.png") center no-repeat; background-size: 100% 100%;}
.oneTitle .titleTop h2::after{ content: ''; position: absolute; width: 142px; height: 2px; left: 100%; top: 50%; margin-top: -1px; background: url("images/about7.png") center no-repeat; background-size: 100% 100%;}
.oneDown{ margin-top: 2.69%; border: #cdcdcd solid 1px; padding: 2.52% 4% 2.86% 4%; color: #696969; font-size: 16px; line-height: 28px; 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;
}
.oneDown:hover{ background-color: #009944; color: #fff; border-color: #009944;}
@media screen and (max-width:991px){
    .oneTitle .titleTop h2{  padding: 0 20px; font-size: 24px; }
}
@media screen and (max-width:767px){
    .oneTitle .titleTop{ height: 30px; }
    .oneTitle .titleTop h2{ font-size: 20px; line-height: 30px; }
    .oneDown{ font-size: 14px; line-height: 24px; }
}





.twoBlock{ padding-top: 6.23%;}
.twoBlock .twoDown{ padding-top: 1.85%;}
.twoBlock .twoDown .twoTitle{ color: #494848; font-size: 20px; line-height: 1.4; text-align: center;}
.twoBlock .twoDown .twoSlide{ padding-top: 3.79%; margin: 0 -8px;}
@media screen and (max-width:767px){
    .twoBlock .twoDown .twoTitle{ font-size: 16px; }
}


.owl_two{ float: left; width: 100%;}
.owl_two .owl-stage-outer{ padding: 0 0 1px 0;}
.owl_two li{ padding: 0 8px;}
.owl_two li .twoBlock{ position: relative; border: #d2d2d2 solid 1px;}
.owl_two li .twoHeight{ overflow: hidden;}
.owl_two li .twoFloat{ position: absolute; width: 100%; height: 100%; background-color: #009944; left: 0; top: 0; z-index: 5;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.owl_two li:hover .twoFloat{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.owl_two li .twoBig{ position: absolute; width: 100%; left: 0; top: 50%; margin-top: -30px; color: #787c7a; font-size: 45px; line-height: 60px; text-align: center;}
.owl_two li .twoText{ position: absolute; width: 100%; height: 112px; padding: 0 18%; left: 0; top: 50%; margin-top: -56px; color: #ffffff; font-size: 16px; line-height: 28px; overflow: hidden;}
@media  screen and (max-width:1215px){
    .owl_two li .twoBig{  font-size: 40px; }
}
@media  screen and (max-width:991px){
    .owl_two li .twoBig{  font-size: 35px; }
    .owl_two li .twoText{ height: 96px; padding: 0 10%;  margin-top: -48px; font-size: 14px; line-height: 24px; }
}
@media screen and (max-width:767px){
    .owl_two li .twoBig{  font-size: 30px; }
}


.threeBlock{ padding-top: 6.23%;}
.threeDown{ padding-top: 2.78%; color: #777978; font-size: 16px; line-height: 28px; text-align: center;}
.threeDown .threeTitle{ color: #434443; font-size: 20px;}
.threeDown .threeText{ padding-top: 2.61%;}
@media  screen and (max-width:767px){
    .threeDown{ font-size: 14px; line-height: 24px;}
    .threeDown .threeTitle{ font-size: 17px;}
}

.fourBlock{ padding-top: 6.23%;}
.fourDown{ margin: 0 -21px; padding-top: 3.7%;}
.fourDown ul{ float: left; width: 100%;}
.fourDown ul .owl-stage-outer{ padding: 5px 0 5px;}
.fourDown ul li{ padding: 0 21px;}
.fourDown ul li .fourBorder{ border: #c6c6c6 solid 1px; border-top-color: #1e1e1e; border-left-color: #1e1e1e; padding:4.05% 5.4% 9.45% 5.4%; ; line-height: 28px;
    -webkit-box-shadow:0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.fourDown ul li:hover .fourBorder{
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px);
    background:#009944;

}

.fourDown ul li .fourTitle{ color: #000000; font-size: 16px; text-align: center;}
.fourDown ul li .fourText{ padding-top: 11.5%; text-align: center; color: #787978; font-size: 14px;}
.fourDown ul li .fourText .textOver{ height: 140px; overflow: hidden;}

.fourDown ul li:hover .fourTitle{color:#fff;}
.fourDown ul li:hover .fourText{color:#fff;}

@media  screen and (max-width:767px){
    .fourDown{ margin: 0 -8px;}
    .fourDown ul li{ padding: 0 8px;}
}







/*分页*/
.waik_1{ padding:7.1% 0; text-align:center;}
.pz_fy{}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { display: inline-block; height:42px; line-height:40px; border: #d8dce0 solid 1px; color:#8c8c8c; font-size:14px; text-decoration:none; margin:0 2px; padding: 0 19px; text-align: center; font-family:'宋体';
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.pz_fy a:hover,
.pz_fy a.on{ color: #fff; background-color:#1e2c5b; border-color: #1e2c5b; text-decoration:none;}/*鼠标经过和默认当前页样式*/

.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .waik_1{ padding: 8% 0; }
    .fy_phone{ display:block; font-family:'Noto Sans SC';}
    .fy_phone{ text-align:center; font-size:14px; color:#333;}
    .fy_phone a{ display:inline-block; width:100px; height:30px; line-height:29px; border:solid 1px #1e2c5b; color:#1e2c5b;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px; }
    .fy_phone span{ display:inline-block; padding:0 10%; height:30px; line-height:30px; color:#333;}
}




.special{}
.special .owl-dots{ width: 100%; margin-top: 4%; text-align: center; line-height: 0;}
.special .owl-dots .owl-dot{ display: inline-block; width: 13px; height: 13px; margin: 0 5px; background-color: #1d2088;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
}
.special .owl-dots .owl-dot.active{ width: 30px;}
@media screen and (max-width:767px){
    .special .owl-dots .owl-dot{  width: 10px; height: 10px; }
}













.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}}