@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:'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;
        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:'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:100px; left:0; top:0; 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: 60px;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
.top1 .head{ padding:15px 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 .head{ padding:0;}
.top1 .share{ float: right; padding: 15px 13px 0 0;}
.top1 .share .shareLink{ float: left; width: 30px; height: 30px; margin: 0 12px; position: relative;}
.top1 .share .shareLink .imgs{}
.top1 .share .shareLink .imgd{ display: none;}
.top1 .share .shareLink:hover .imgs{ display:none;}
.top1 .share .shareLink:hover .imgd{ display: block;}
.top1 .share .shareEwm{ display: none; position: absolute; left: -47px; top: 34px; width: 125px; height: 132px; padding: 14px 9px 10px 9px; background: url("images/top4.png") no-repeat center; background-size: cover;}
.top1 .share .shareEwm img{width:107px; height:108px;}
.top1 .share .shareLink:hover .shareEwm{ display: block;}
.top1 .share .shareEwm2{ display: none; position: absolute; right: -12px; top: 34px; width: 125px; height: 132px; padding: 14px 9px 10px 9px; background: url("images/top6.png") no-repeat center; background-size: cover;}
.top1 .share .shareLink:hover .shareEwm2{ display: block;}
.top1 .phone{ float: right; padding: 13px 22px 0 0;}
.top1 .phone .phoneB{ float: left; width:35px; height: 35px; line-height: 0; }
.top1 .phone .phoneSpan{ float: left; padding-left: 10px; color: #20c38c; font-size: 18px; line-height: 35px;}

.top1 .logo{ float:left; width:400px; height:70px; margin: 0 0 0 30px; 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{ width:286px; height: 50px; margin: 5px 0 0 30px;  }

@media screen and (max-width:1639px){
    .top1 .share .shareLink{ margin: 0 5px; }
}
@media screen and (max-width:1400px){
    .top1 .phone{ display: none;}
}
@media screen and (max-width:1199px){
    .top1{ display:none;}
    .pz_banner{ margin-top:60px ;  }
}

.z_block{float:left; width:100%; position:relative; height:100px; overflow:hidden; margin-top:-100px; }
@media screen and (max-width:1199px){
.z_block{height:1px; margin-top:-1px;}
}
.menuBox{ padding:0 18.22% 0 30.2%; margin-top: 5px;
    -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 .menuBox{ margin-top: 0;}
.menu{ float: left; }
.menu ul{ float:left; }
.menu ul .nli{ float: left; padding: 0 35px; position: relative; }
.menu ul .nli span a{ float:left; height: 60px; color:#333333; font-size: 16px; line-height: 60px; position: relative; }
.menu ul .nli span a::before{ content: ''; position: absolute; width: 100%; height: 1px; background: #20c38c; right: 0; top: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menu ul .nli.active span a::before,
.menu ul .nli.on span a::before,
.menu ul .nli:hover span a::before{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    margin-right: -10px;
}
.menu ul .nli span a::after{ content: ''; position: absolute; width: 100%; height: 1px; background: #20c38c; left: 0; bottom: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menu ul .nli.active span a::after,
.menu ul .nli.on span a::after,
.menu ul .nli:hover span a::after{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    margin-left: -10px;
}
.menu ul .nli.active span a,
.menu ul .nli.on span a{ color: #20c38c;}
.menu .sub{ display: none; position: absolute; width:150px; left:50%; margin-left: -75px; top: 100%; background: #fff; }
.menu .sub li{ padding: 10px 0; color: #333; font-size: 14px; line-height: 20px;  text-align: center;}
.menu .sub li:hover{ background: #20c38c;}
.menu .sub li a{color: #333;}
.menu .sub li:hover a{ color: #fff;}
.searchBox{ float: left; width: 55px; height: 23px; margin-top: 19px; position: relative; }
.searchBox .serachLine{ position: absolute;width: 1px; height: 15px; left: 0; top: 50%; margin-top: -7px; background-color: #e5e5e5;}
.searchBox .serachBtn{ float: right; width: 23px; height: 23px;}
@media screen and (max-width:1730px){
    .menu ul .nli{ padding: 0 20px; }
}
@media screen and (max-width:1639px){
    .menu ul .nli{ padding: 0 18px; }
}
@media screen and (max-width:1400px){
    .menuBox{ padding: 5px 10% 0 35.2%;}
}


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

/*手机按钮*/
.menuph{
    float:right;
    margin:10px 0 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    background-color: #20c38c;
    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: #fff;
}
.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: #fff;
}
.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;
	margin-top: 100px;
	line-height: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.pz_banner.home{min-height: 530px;} <!-- 560px -->
.pz_banner.active{ margin-top:60px; }
@media screen and (max-width:1199px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.home{min-height: 456px;}
}
@media screen and (max-width:991px){
    .pz_banner.home{ min-height: 360px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 150px;}
}
.pz_main{ float:left; width:100%; background: #fff; }
.pz_down{ float:left; width:100%; background: #0063b3; }


/*banner*/
.bannerBox{ line-height: 0; }
.bannerBox .owl-dots{ position: absolute; width: 100%; left: 0;  bottom: 60px; margin-top: 0; z-index: 10; text-align: center; line-height: 0;}
.bannerBox .owl-dot{ display: inline-block; width: 21px; height: 21px; margin: 0 6px; vertical-align: top; border: transparent solid 1px;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.bannerBox .owl-dot.active{ border-color: #fff;}
.bannerBox .owl-dot span{ float: left; width:5px; height: 5px; margin: 7px; vertical-align: top; background-color: #fff;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.bannerBox .owl-prev{ position: absolute; width: 50px; height: 100px; left: 70px;top: 50%; margin-top: -50px; background: url("images/ban1.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;}
.bannerBox .owl-prev:hover{
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
.bannerBox .owl-next{ position: absolute; width: 50px; height: 100px; right: 70px;top: 50%; margin-top: -50px; background: url("images/ban2.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;}
.bannerBox .owl-next:hover{
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
}
@media screen and (max-width:991px){
    .bannerBox .owl-dots{ bottom: 20px;}
    .bannerBox .owl-prev{ width: 30px; height: 60px; left: 30px; margin-top: -30px; }
    .bannerBox .owl-next{ width: 30px; height: 60px; right: 30px; margin-top: -30px;}
}
@media screen and (max-width:767px){
    .bannerBox .owl-dots{ bottom: 10px;}
    .bannerBox .owl-dot{ width: 13px; height: 13px;}
    .bannerBox .owl-dot span{ margin: 3px; width: 5px; height: 5px;  }
}


/*main*/
/*homeAbout*/
.homeAboutBack{ background-color: #f5f5f5;}
.homeAbout{ padding: 6.49% 0 7.43% 0;}
.homeAboutTitle{ text-align: center;}
.homeAboutTitle h2{ color: #000000; font-size: 30px; line-height: 1.233;}
.homeAboutTitle.other h2{ color: #fff;}
.homeAboutTitle .homeAboutTit{ color: #999999; font-size: 16px; line-height: 1.5;}
.homeAboutTitle.other .homeAboutTit{ color: rgba(255,255,255,0.5);}
.homeAboutTitle .homeAboutLine_1{ height: 1px; background-color: #dcdcdc; margin-top: 10px;}
.homeAboutTitle.other .homeAboutLine_1{background-color: rgba(255,255,255,0.3);}
.homeAboutTitle .homeAboutLine_2{ height: 1px; text-align: center;}
.homeAboutTitle .homeAboutLine_2 span{ display: inline-block; vertical-align: top; width: 80px; height: 3px; background-color: #20c38c; margin-top: -2px;}
.homeAboutTitle.other .homeAboutLine_2 span{ background-color: #fff;}
.homeAboutTitle .homeAboutLine_3{ height: 1px; margin-top: 15px; text-align: center;}
.homeAboutTitle .homeAboutLine_3 span{ display: inline-block; width: 200px; height: 1px; background-color: #dcdcdc; vertical-align: top;}
.homeAboutTitle.other .homeAboutLine_3 span{ background-color: rgba(255,255,255,0.3);}
@media screen and (max-width:991px){
    .homeAboutTitle h2{ font-size: 24px;}
}
@media screen and (max-width:767px){
    .homeAboutTitle h2{ font-size: 20px;}
    .homeAboutTitle .homeAboutTit{ font-size: 14px; }
    .homeAboutTitle .homeAboutLine_3{ display: none;}
}
.homeAboutDown{ padding: 2.56% 0 0 0;}
.homeAboutDown .homeAboutDownText{ color: #666666; font-size: 16px; line-height: 36px; text-align: center;}
.homeAboutDown .homeAboutDownText .textSpan{ display: block;}
.homeAboutDown .homeAboutBeyond{ margin-top: 2.47%; margin-left: -15px; margin-right: -15px; padding-bottom: 3.84%; overflow: hidden;}
.homeAboutDown .homeAboutBeyond ul{ }
.homeAboutDown .homeAboutBeyond ul li{ padding: 0 15px; cursor: pointer; background: url("images/main35.png") right center no-repeat; background-size: 9px 150px;}
.homeAboutDown .homeAboutBeyond ul .owl-item:last-child li{ background: 0;}
.homeAboutDown .homeAboutBeyond ul li .beyond{ margin: 0 auto; width: 150px; height: 150px;}
.beyond .beyondCricle{ float: left; width: 100%; height: 150px; border: #dcdcdc solid 1px; color: #333333; font-size: 50px; font-weight: bold; line-height: 150px; text-align: center; position: relative;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeAboutDown .homeAboutBeyond ul li:hover .beyond .beyondCricle{ color: #fff; background: url("images/main1.png") center no-repeat; background-size: cover;}
.beyond .beyondCricle .year{ position: absolute; width: 25px; height: 25px; right: -10px; top: 50%; margin-top: -12px; background-color: #20c38c; color: #fff; font-size: 14px; line-height: 25px; text-align: center;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeAboutDown .homeAboutBeyond ul li:hover .beyond .beyondCricle .year{ background-color: #047d54;}
.homeAboutDown .homeAboutBeyond ul li h4{ margin-top: 4%; color: #333333; font-size: 16px; line-height: 24px; text-align: center;}
@media screen and (max-width:1199px){
    .homeAboutDown .homeAboutDownText .textSpan{ display: inline;}
}
@media screen and (max-width:991px){
    .homeAboutDown .homeAboutBeyond ul li .beyond{ width: 100px; height: 100px;}
    .beyond .beyondCricle{ height: 100px; font-size: 40px; line-height: 100px;  }
    .homeAboutDown .homeAboutBeyond ul li h4{ font-size: 14px; }
}
@media screen and (max-width:767px){
    .homeAboutDown .homeAboutBeyond ul li{ background: 0;}
    .homeAboutDown .homeAboutDownText{ font-size: 14px; line-height: 24px; }
}
.homeAboutMore{ text-align: center;}
.homeAboutMore .aboutLink{ display: inline-block; padding: 0 48px; border: #e5e5e5 solid 1px; color: #666666; font-size: 14px; line-height: 44px; text-transform: uppercase;
    border-radius:23px;
    -webkit-border-radius:23px;
    -moz-border-radius:23px;
    -o-border-radius:23px;
}
.homeAboutMore .aboutLink:hover{ background-color: #20c38c; color: #fff;}
@media screen and (max-width:767px){
    .homeAboutMore .aboutLink{ padding: 0 25px; font-size: 14px; line-height: 36px;  }
}
/*homeSolution*/
.homeSolution{}
.homeSolution .solutionTitileBox{ padding: 6.49% 0 3.41% 0;}
.homeSolutionList{ padding: 0 15px;}
.homeSolutionList ul{}
.homeSolutionList ul li{ padding: 0 15px;}
.homeSolutionList ul li .solutionPicture{ overflow: hidden;}
.homeSolutionList ul li .solutionPicture .img1{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeSolutionList ul li:hover .solutionPicture .img1{
    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);
}
.homeSolutionList ul li .solutionDown{ padding: 3.4% 4.52% 4.54% 4.52%; border: #eeeeee solid 1px; border-top: 0; position: relative;}
.homeSolutionList ul li:hover .solutionDown{ background-color: #20c38c;}
.homeSolutionList ul li .solutionDown h3{ color: #333333; font-size: 18px; line-height: 30px;}
.homeSolutionList ul li:hover .solutionDown h3{ color: #fff;}
.homeSolutionList ul li .solutionDown .icon{ position: absolute; width: 50px; height: 50px; right: 4.52%; top: -25px;  line-height:0;background-color: #20c38c;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeSolutionList ul li:hover .solutionDown .icon{ background-color: #fff;}
.homeSolutionList ul li .solutionDown .icon .imgs{}
.homeSolutionList ul li .solutionDown .icon .imgd{ display: none;}
.homeSolutionList ul li:hover .solutionDown .icon .imgs{ display: none;}
.homeSolutionList ul li:hover .solutionDown .icon .imgd{ display: block;}
.homeSolutionList ul li .solutionDown .soMore{ margin-top: 8px;}
.homeSolutionList ul li .solutionDown .soMore .moreIco{ float: left; width: 30px; height: 30px; line-height: 0;}
.homeSolutionList ul li .solutionDown .soMore .moreIco .imgs{}
.homeSolutionList ul li .solutionDown .soMore .moreIco .imgd{ display: none;}
.homeSolutionList ul li:hover .solutionDown .soMore .moreIco .imgs{ display: none;}
.homeSolutionList ul li:hover .solutionDown .soMore .moreIco .imgd{ display: block;}
.homeSolutionList ul li .solutionDown .soMore .moreTxt{ float: right; color: #999999; font-size: 14px; line-height: 30px;}
.homeSolutionList ul li:hover .solutionDown .soMore .moreTxt{ color: #fff;}
@media screen and (max-width:767px){
    .homeSolutionList{ padding: 0 8px;}
    .homeSolutionList ul li{ padding: 0 7px;}
    .homeSolutionList ul li .solutionDown h3{ font-size: 14px;}
    .homeSolutionList ul li .solutionDown .icon{ display: none; }
    .homeSolutionList ul li .solutionDown .soMore{ display: none;}
}
.homesolutionDownMore{ padding:3.41% 0 6.83% 0; }

/*homeProSer*/
.homeProSerBack{ }
.homeProSer{ padding: 6.66% 0 9.48% 0;}
.homeProSerCenter{ padding: 3.41% 0;}
.homeProSerCenter .homeSerBox{ border:rgba(255,255,255,0.4) solid 1px;}
.homeProSerCenter .homeSerBox ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.homeProSerCenter .homeSerBox ul li{ float: left; width: 25%; border-bottom:#bbb8b8 solid 1px; border-right:#bbb8b8 solid 1px; position: relative; background-color: rgba(0,0,0,0.15); }
.homeProSerCenter .homeSerBox ul li .serLink{ float: left; width: 100%;  position: relative; z-index: 6;}
.homeProSerCenter .homeSerBox ul li .serLink .serPicIoc{ padding: 17.12% 0 0 0; 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;
}
.homeProSerCenter .homeSerBox ul li .serLink:hover .serPicIoc{ padding: 14.12% 0 3% 0; text-align: center;}
.homeProSerCenter .homeSerBox ul li .serLink .serPicIoc .iocPic{ width: 66px; height: 66px;}
.homeProSerCenter .homeSerBox ul li .serLink .serPicXiaLine{ padding: 1.71% 0 4.79% 0; text-align: center;}
.homeProSerCenter .homeSerBox ul li .serLink .serPicXiaLine span{ display: inline-block; width: 1px; height: 15px; background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeProSerCenter .homeSerBox ul li .serLink:hover .serPicXiaLine span{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.homeProSerCenter .homeSerBox ul li .serLink .serH4{ padding: 0 10px 14.72% 10px; color: #ffffff; font-size: 16px; line-height: 24px; text-align: center;}
.homeProSerCenter .homeSerBox ul li .serBlueBlock{  position: absolute; width: 102%; height: 102%; left: -1%; bottom: 0; background-color: #20c38c;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-box-shadow: 0 -5px 20px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 -5px 20px rgba(0,0,0,0.3);
    -o-box-shadow: 0 -5px 20px rgba(0,0,0,0.3);
    box-shadow: 0 -5px 20px rgba(0,0,0,0.3);
    transform: scale(0.8,0.8);
    -ms-transform: scale(0.8,0.8);
    -webkit-transform: scale(0.8,0.8);
    -o-transform: scale(0.8,0.8);
    -moz-transform: scale(0.8,0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    transform-origin:center bottom;
    -webkit-transform-origin:center bottom;
    -moz-transform-origin:center bottom;

}
.homeProSerCenter .homeSerBox ul li:hover .serBlueBlock{ display: block;
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
@media screen and (max-width:767px){
    .homeProSerCenter .homeSerBox{ border: 0;}
    .homeProSerCenter .homeSerBox .owl-stage-outer{ border:rgba(255,255,255,0.4) solid 1px;}
    .homeProSerCenter .homeSerBox ul li{ float: none; width: auto; border-bottom: 0; border-right:#bbb8b8 solid 1px; }
    .homeProSerCenter .homeSerBox ul li .serLink .serPicIoc .iocPic{ display: inline-block;}
    .homeProSerCenter .homeSerBox ul li .serLink .serH4{ font-size: 14px; }
}

.homeProMore{ text-align: center;}
.homeProMore .aboutLink{ display: inline-block; padding: 0 48px; border: rgba(255,255,255,0.4) solid 1px; color: #fff; font-size: 14px; line-height: 44px; text-transform: uppercase;
    border-radius:23px;
    -webkit-border-radius:23px;
    -moz-border-radius:23px;
    -o-border-radius:23px;
}
.homeProMore .aboutLink:hover{ background-color: #20c38c; color: #fff;}
@media screen and (max-width:767px){
    .homeProMore .aboutLink{ padding: 0 25px; font-size: 14px; line-height: 36px;  }
}

/*homeCase*/
.homeCase{}
.homeCase .homeCaseTitileBox{ padding: 6.49% 0 3.41% 0;}
.homeCaseList{}
.homeCaseList ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.homeCaseList ul li{ float: left; width: 20%; border-bottom: #fff solid 1px; border-right: #fff solid 1px; }
.homeCaseList ul li .casePicture{ position: relative; overflow: hidden;}
.homeCaseList ul li .casePicture .img2{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeCaseList ul li:hover .casePicture .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);
}
.homeCaseList ul li .casePicture .blackBg{ position: absolute; width: 100%; height: 100%; left: 0;top: 0; background-color: rgba(0,0,0,0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeCaseList ul li:hover .casePicture .blackBg{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.homeCaseList ul li .casePicture .caseTitle{ position: absolute; width: 100%; left: 0;  padding: 0 10px; text-align: center;
    top:-40%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeCaseList ul li:hover .casePicture .caseTitle{
    top:33.33%;
}
.homeCaseList ul li .casePicture .caseTitle h4{ color: #fff; font-size: 18px;  line-height: 24px; }
.homeCaseList ul li .casePicture .caseTitle p{ margin-top: 7px; color: #dedede; font-size: 14px; line-height: 24px;}
.homeCaseList ul li .casePicture .caseAdd{ position: absolute; width: 25px; height: 25px; border: #979797 solid 1px; bottom:-20%; left: 50%; margin-left: -12px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeCaseList ul li:hover .casePicture .caseAdd{ bottom:17.36%; }
@media screen and (max-width:1199px){
    .homeCaseList ul li:hover .casePicture .caseTitle{
        top:22%;
    }
    .homeCaseList ul li .casePicture .caseTitle p{ margin-top: 2px; }
}
@media screen and (max-width:991px){
    .homeCaseList ul li{ float: none; width: auto;}
}
@media screen and (max-width:480px){
    .homeCaseList ul li .casePicture .caseTitle h4{ font-size: 16px;  }
    .homeCaseList ul li .casePicture .caseTitle p{ margin-top: 0; }
    .homeCaseList ul li:hover .casePicture .caseAdd{ bottom:14%; }
}


/*homePartner*/
.homePartnerBack{}
.homePartner{ padding: 6.66% 0 6.83% 0;}
.partner_list{ padding: 3.41% 0;}
.partner_list ul{ float: left; width: 100%; padding: 0 17px; margin-top: 82px; margin-bottom: 32px;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.partner_list ul li{ float: left; width:160px; height:160px;
    background-color:#fff;
    border:1px solid #efefef;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* Internet Explorer */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
    margin:-50px 31.5px 0 31.5px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
.partner_list ul li:first-child{ margin-left: 142px;}
.partner_list ul li:nth-child(10){ margin-left: 142px;}
.partner_list ul li img{
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg); /* Internet Explorer */
    -moz-transform:rotate(-45deg); /* Firefox */
    -webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
    -o-transform:rotate(-45deg); /* Opera */-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;
}
.partner_list ul li:hover img{
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
    filter:alpha(opacity=100);
    opacity:1;
    -moz-opacity:1;
}
@media screen and (max-width:1199px){
    .partner_list ul{ padding: 0 2px; margin-top: 67px; margin-bottom: 28px; }
    .partner_list ul li{  width:137px; height:137px;
        margin:-40px 27px 0 27px;
    }
    .partner_list ul li:first-child{ margin-left: 123px;}
    .partner_list ul li:nth-child(10){ margin-left: 123px;}
}
@media screen and (max-width:991px){
    .partner_list ul{ padding: 0 2px; margin-top: 67px; margin-bottom: 28px; }
    .partner_list ul li{  width:106px; height:106px;
        margin:-31px 20px 0 19px;
    }
    .partner_list ul li:first-child{ margin-left: 91px;}
    .partner_list ul li:nth-child(10){ margin-left: 91px;}
}
@media screen and (max-width:767px){
    .partner_list ul{ padding: 0 2px; margin-top:0; margin-bottom: 0; }
    .partner_list ul li{ float: none; width:auto; height:auto; padding: 15% 15% 15% 15%;
        background:0;
        border:0;
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
        margin: 0;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }
    .partner_list ul li a{ float: left; width: 100%;
        background-color:#fff;
        border:1px solid #efefef;
        transform:rotate(45deg);
        -ms-transform:rotate(45deg); /* Internet Explorer */
        -moz-transform:rotate(45deg); /* Firefox */
        -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
        cursor: pointer;
        -webkit-transition: all 0.2s ease-out 0s;
        -moz-transition: all 0.2s ease-out 0s;
        -o-transition: all 0.2s ease-out 0s;
        transition: all 0.2s ease-out 0s;
    }
    .partner_list ul li:first-child{ margin-left: 0;}
    .partner_list ul li:nth-child(10){ margin-left: 0;}
}


/*homeNew*/
.homeNew{ padding: 6.66% 0 6.83% 0;}
.homeNewCenter{ padding: 3.41% 0;}
.homeNewCenter .homeNewLeft{ float: left; width:44.44%; background-color: #f8f8f8; }
.homeNewCenter .homeNewLeft .newLeftLink{ float: left; width: 100%; padding:0 15.19%; }
.homeNewCenter .homeNewLeft .newLeftLink .newTime{ margin-top: 46px; color: #999; font-size: 24px; line-height: 30px;}
.homeNewCenter .homeNewLeft .newLeftLink .newTxt{ margin-top: 18px; color: #333333; font-size: 18px; line-height: 30px;}
.homeNewCenter .homeNewLeft .newLeftLink .newText{ height: 52px; margin-top: 18px; padding-left: 28px; border-left: #dfdfdf solid 1px; color: #999999; font-size: 14px; line-height: 26px; overflow: hidden;}
.homeNewCenter .homeNewLeft .newLeftLink .newPicture{ overflow: hidden; margin-top: 34px; padding-bottom:42%; width:100%; position:relative;}
.homeNewCenter .homeNewLeft .newLeftLink .newPicture .img3{ position:absolute; width: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;
}

.homeNewCenter .homeNewLeft .newLeftLink:hover .newPicture .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);
}
.homeNewCenter .homeNewLeft .newLeftLink .newAdd{ padding: 31px 0 54px 0;}
.homeNewCenter .homeNewLeft .newLeftLink .newAdd .newMore{ float: left; padding: 11px 62px; background-color: #20c38c; cursor: pointer;}
.homeNewCenter .homeNewLeft .newLeftLink:hover .newAdd .newMore{ background-color: #1daf7e;}
.homeNewCenter .homeNewLeft .newLeftLink .newAdd .newMore .moreIco{ width: 15px; height: 15px;}
.homeNewRight{ float: right; width: 47%;}
.homeNewRight ul{border-top: #e5e5e5 solid 1px;}
.homeNewRight ul li{ border-bottom: #e5e5e5 solid 1px; padding: 5px 0;}
.homeNewRight ul li a{ float: left; width: 100%; padding: 36px 22px 27px 13px;}
.homeNewRight ul li a:hover{ background-color: #f5f5f5;}
.homeNewRight ul li a .newRightTit{ height: 30px; position: relative;}
.homeNewRight ul li a .newRightTit .time{ float: right; color: #999999; font-size: 18px; line-height: 30px;}
.homeNewRight ul li a .newRightTit .newSelfH4{ padding-right: 52px; padding-left: 20px; color: #333333; font-size: 14px; line-height: 30px;}
.homeNewRight ul li a .newRightTit .pointLeft{ position: absolute; width: 5px; height: 5px; background-color: #000000; left: 0; top: 50%; margin-top: -2px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeNewRight ul li a .homeNewDt{ margin-top: 11px; }
.homeNewRight ul li a .homeNewDt .dtArrow{ float: right; width: 35px; height: 16px; padding: 4px 0 3px 15px; margin-top: 28px; border-left: #cccccc solid 1px; line-height: 0;}
.homeNewRight ul li a .homeNewDt .dtLeftTxt{ padding-right: 125px; padding-left: 20px; height: 52px; color: #999999; font-size: 14px; line-height: 26px; overflow: hidden;}
@media screen and (max-width:1199px){
    .homeNewRight ul li a{ padding: 33px 18px 23px 13px;}
}
@media screen and (max-width:991px){
    .homeNewCenter .homeNewLeft{ width:100%; }
    .homeNewRight{ float: left; width: 100%;}
}
@media screen and (max-width:767px){
    .homeNewCenter .homeNewLeft .newLeftLink{ padding:0 8%; }
    .homeNewCenter .homeNewLeft .newLeftLink .newTime{ margin-top: 20px; font-size: 16px; }
    .homeNewCenter .homeNewLeft .newLeftLink .newTxt{ margin-top: 0; }
    .homeNewCenter .homeNewLeft .newLeftLink .newText{ margin-top: 10px; padding-left: 18px; }
    .homeNewCenter .homeNewLeft .newLeftLink .newPicture{ margin-top: 20px;}
    .homeNewCenter .homeNewLeft .newLeftLink .newAdd{ padding: 20px 0 20px 0;}
    .homeNewRight ul li a{ padding: 10px 22px 12px 13px;}
    .homeNewRight ul li a .newRightTit .time{ font-size: 14px; }
    .homeNewRight ul li a .homeNewDt{ margin-top: 2px; }
}




/*底部*/
.footer{ background: url(images/foot1.jpg) no-repeat bottom center #303030; background-size: cover;}
.footer .footBox{ padding: 5.38% 0 6.75% 0;}
.footer .footShare{ width:25.64%; float: left; margin-left: 11.96%;}
.footer .footTit{ color: #fff; font-size: 14px; line-height: 22px;}
.footer .footTit.last{ padding-left: 5px;}
.footer .footShare .footShareDown{ margin-top: 25px;}
.footer .footContact{ float: left; width: 31.62%;}
.footer .contactDown{  margin-top: 25px; color: #999999; font-size: 14px; line-height: 26px;}
.footer .footFrend{ float: left; width: 21.5%;}
.footer .footFrendDown{ margin-top: 25px; color: #999999; font-size: 14px; line-height: 26px;}
.footer .footFrendDown a{ margin: 0 8px; color: #999999;}
.footer .footFrendDown a:hover{ color: #fff;}

.footCopy{ background-color: #222222;}
.footCopy .copy{ padding: 12px 0; text-align: center; color: #797979; line-height: 20px;}
.footCopy .copy a{ color: #797979;}
.footCopy .copy a:hover{ color: #fff;}
@media screen and (max-width:767px){
    .footer .footShare{ width:100%; margin-left: 0;}
    .footer .footTit{ text-align: center;}
    .footer .footContact{ width: 100%;}
    .footer .footFrend{ width: 100%;}
    .footer .footShare .footShareDown{ text-align: center; margin-bottom: 15px; margin-top: 15px;}
    .footer .footShare .footShareDown .shareCenter{ display: inline-block;}
    .footer .contactDown{ text-align: center;  margin-top: 15px; margin-bottom: 15px;}
    .footer .footFrendDown{ margin-top: 15px; text-align: center; }
}


/*搜索弹窗*/
.windowSearchBg{ display: none;  position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1025; background: rgba(0,0,0,0.7);}
.windowSearchBg.active{ display: block;}
.windowSearch{ display: none; position: fixed; width: 100%; left: 0; top: 122px; z-index: 1026;}
.windowSearch.active{ display: block;}
.windowSearch .WSMargin{ margin: 0 auto; width: 1230px;}
.windowSearch .WSMargin .WSShup{ text-align: right;}
.windowSearch .WSMargin .WSShup span{ display: inline-block; width: 28px; height: 28px; line-height: 0; cursor: pointer;}
.windowSearch .WSMargin .WSCon{ margin-top: 4.065%; background: rgba(255,255,255,0.2); padding: 4.22% 27.31%;}
.windowSearch .WSMargin .WSInput{ position: relative; padding: 16px 0; border-bottom: #525252 solid 1px;}
.windowSearch .WSMargin .WSInput .WDin{ border: 0; background: 0; margin: 0; padding: 0 0 0 20px; color: #fff; font-size: 20px; line-height: 30px;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    outline: 0;
    -webkit-appearance: none;
}

::-webkit-input-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;}
::-moz-placeholder {color:#fff;}
:-ms-input-placeholder {color:#fff;}

.inco1 input::-webkit-input-placeholder { color:#b2b2b2 !important;}
.inco1 input:-moz-placeholder {  color:#b2b2b2 !important;}
.inco1 input::-moz-placeholder {  color:#b2b2b2 !important;}
.inco1 input:-ms-input-placeholder { color:#b2b2b2 !important; }
.inco1 textarea::-webkit-input-placeholder { color:#b2b2b2 !important;}
.inco1 textarea:-moz-placeholder {  color:#b2b2b2 !important;}
.inco1 textarea::-moz-placeholder {  color:#b2b2b2 !important;}
.inco1 textarea:-ms-input-placeholder { color:#b2b2b2 !important; }

.windowSearch .WSMargin .WSInput .WSIco{ position: absolute; width: 30px; height: 30px; right: 0;top: 50%; margin-top: -15px; line-height: 0;}




/*右侧漂浮*/
.rightFloat{ position: fixed; width: 53px; right: 10px; top: 50%; margin-top: -124px; z-index: 20;}
.rightFloat li{ float: left; width: 53px; height: 53px; margin-top: 11px; position: relative;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.rightFloat li a{ float: left; width: 53px; height: 53px; background-color: #333333; position: relative; z-index: 10;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.rightFloat li:hover a{ background-color: #20c38c;}
.rightFloat li .rightQq{ position: absolute; width: 88px; height: 30px; padding-left: 10px; color: #fff; font-size: 14px; line-height: 30px; background: url("images/right5.png") no-repeat; top: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}

.rightFloat li .rightTel{ position: absolute; width: 132px; height: 30px; padding-left: 10px; color: #fff; font-size: 14px; line-height: 30px; background: url("images/right5_tel.png") no-repeat; top: 12px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    left:0;
    transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
}
.rightFloat li:hover .rightTel {opacity: 1; left:-135px; }

.rightFloat li:hover .rightQq {
    animation-name: distach, opaci;
    -moz-animation-name: distach, opaci;
    -o-animation-name: distach, opaci;
    -webkit-animation-name: distach, opaci;
    animation-duration: 300ms, 300ms;
    -moz-animation-duration: 300ms, 300ms;
    -o-animation-duration: 300ms, 300ms;
    -webkit-animation-duration: 300ms, 300ms;
    animation-timing-function: linear, linear;
    -moz-animation-timing-function: linear, linear;
    -o-animation-timing-function: linear, linear;
    -webkit-animation-timing-function: linear, linear;
    animation-delay: 0, 300ms;
    -moz-animation-delay: 0, 300ms;
    -o-animation-delay: 0, 300ms;
    -webkit-animation-delay: 0, 300ms;
    animation-iteration-count: 1, 1;
    -moz-animation-iteration-count: 1, 1;
    -o-animation-iteration-count: 1, 1;
    -webkit-animation-iteration-count: 1, 1;
    animation-fill-mode: forwards, forwards;
    -o-animation-fill-mode: forwards, forwards;
    -moz-animation-fill-mode: forwards, forwards;
}
@keyframes distach{
    from {left:0;}
    to {left:-92px;}
}
@-moz-keyframes distach{
    from {left:0;}
    to {left:-92px;}
}
@-o-keyframes distach{
    from {left:0;}
    to {left:-92px;}
}
@-webkit-keyframes distach{
    from {left:0;}
    to {left:-92px;}
}
@keyframes opaci{
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
    }
    to{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    }
}
@-moz-keyframes opaci{
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
    }
    to{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
}
@-o-keyframes opaci{
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
    }
    to{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
}
@-webkit-keyframes opaci{
    from {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
    }
    to{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
    }
}
.rightFloat li .righEwn{ position: absolute; width: 89px; height: 82px; padding: 3px 10px 3px 3px; background: url("images/right6.png") no-repeat; top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.rightFloat li .righEwn img{width:76px; height:76px;}
.rightFloat li:hover .righEwn{
    animation-name: distach, opaci;
    -moz-animation-name: distach, opaci;
    -o-animation-name: distach, opaci;
    -webkit-animation-name: distach, opaci;
    animation-duration: 200ms, 300ms;
    -moz-animation-duration: 200ms, 300ms;
    -o-animation-duration: 200ms, 300ms;
    -webkit-animation-duration: 200ms, 300ms;
    animation-timing-function: linear, linear;
    -moz-animation-timing-function: linear, linear;
    -o-animation-timing-function: linear, linear;
    -webkit-animation-timing-function: linear, linear;
    animation-delay: 0, 200ms;
    -moz-animation-delay: 0, 200ms;
    -o-animation-delay: 0, 200ms;
    -webkit-animation-delay: 0, 200ms;
    animation-iteration-count: 1, 1;
    -moz-animation-iteration-count: 1, 1;
    -o-animation-iteration-count: 1, 1;
    -webkit-animation-iteration-count: 1, 1;
    animation-fill-mode: forwards, forwards;
    -o-animation-fill-mode: forwards, forwards;
    -moz-animation-fill-mode: forwards, forwards;
}
@media  screen and (max-width:1199px){
    .rightFloat{ display: none;}
}

/*1解决方案*/
.homeCaseTitle{ text-align: center;}
.homeCaseTitle h2{ color: #000000; font-size: 30px; line-height: 1.233;}
.homeCaseTitle .homeAboutTit{ color: #999999; font-size: 16px; line-height: 1.5;}
.homeCaseTitle .homeAboutLine_1{ height: 1px; background-color: #dcdcdc; margin-top: 10px; position: relative;}
.homeCaseTitle .homeAboutLine_1::before{ content: ''; position: absolute; width: 100%; height: 1px; right: 100%; top:0 ;background-color: #dcdcdc;}
.homeCaseTitle .homeAboutLine_1::after{ content: ''; position: absolute; width: 100%; height: 1px; left: 100%; top:0 ;background-color: #dcdcdc;}


.homeCaseTitle .homeAboutLine_2{ height: 1px; text-align: center; position: relative; z-index: 5;}
.homeCaseTitle .homeAboutLine_2 span{ display: inline-block; vertical-align: top; width: 80px; height: 3px; background-color: #20c38c; margin-top: -2px;}
.homeCaseTitle .homeAboutLine_3{ height: 1px; margin-top: 15px; text-align: center;}
.homeCaseTitle .homeAboutLine_3 span{ display: inline-block; width: 200px; height: 1px; background-color: #dcdcdc; vertical-align: top;}
@media screen and (max-width:991px){
    .homeCaseTitle h2{ font-size: 24px;}
}
@media screen and (max-width:767px){
    .homeCaseTitle h2{ font-size: 20px;}
    .homeCaseTitle .homeAboutTit{ font-size: 14px; }
    .homeCaseTitle .homeAboutLine_3{ display: none;}
}

.rfidBox_1{ padding: 1.45% 0 6.66% 0;}
.rfidTitle{ text-align: center;}
.rfidTitle h3{ height: 36px; background: url("images/solution6.jpg") center repeat-x; text-align: center;}
.rfidTitle h3 span{ display: inline-block; *display: inline; *zoom: 1; padding: 0 22px; color: #000000; font-size: 28px; line-height: 36px; background-color: #fff;}
.rfidTitle .rfidDown{ margin-top: 7px; color: #999999; font-size: 14px; line-height: 18px; font-family: Arial;}
@media screen and (max-width:767px){
    .rfidTitle h3{  background: url("images/solution6.jpg") center repeat-x; background-size: auto 8px;}
    .rfidTitle h3 span{ font-size: 18px; }
}
.rfidDownBox{ padding: 3.3333% 3.16% 0 3.16%; }
.rfidDownBox ul{ float: left; width: 100%;  display:flex; flex-wrap: wrap; align-items: flex-start;}
.rfidDownBox ul li{ float: left; width: 50%; padding: 30px 4.93% 0 4.93%;}
.rfidDownBox ul li .devicePic{  margin-bottom: 33px; position: relative; }
.rfidDownBox ul li .devicePic .picBox{ overflow: hidden;
    background-color: #fff; padding: 4px; margin-bottom: 33px;
    -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.16);
    -moz-box-shadow: 0 0 13px rgba(0,0,0,0.16);
    -o-box-shadow: 0 0 13px rgba(0,0,0,0.16);
    box-shadow: 0 0 13px rgba(0,0,0,0.16);
}
.rfidDownBox ul li .devicePic .picBox img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.rfidDownBox ul li .devicePic:hover .picBox 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);
}
.rfidDownBox ul li .devicePic .deviceH4{ position: absolute; width: 78%; padding: 0 5px; height: 68px; background-color: #fff; left:11% ; bottom: -33px; color: #4c4c4c; font-size: 16px; text-align: center; line-height: 68px;
    -webkit-box-shadow: 0 0 13px rgba(0,0,0,0.16);
    -moz-box-shadow: 0 0 13px rgba(0,0,0,0.16);
    -o-box-shadow: 0 0 13px rgba(0,0,0,0.16);
    box-shadow: 0 0 13px rgba(0,0,0,0.16);
}
@media screen and (max-width:767px){
    .rfidDownBox{ padding: 3.3333% 0 0 0; margin: 0 -7px; }
    .rfidDownBox ul li{ padding: 14px 7px 0 7px;}
    .rfidDownBox ul li .devicePic .picBox{ margin-bottom: 20px; }
    .rfidDownBox ul li .devicePic .deviceH4{ width: 90%; padding: 0 5px; height: 40px; left:5% ; bottom: -20px; font-size: 14px; line-height: 40px; }

}

.rfidBox_2{ padding: 0 0 6.83% 0;}
.rfidBox_2 .softWare{ padding-top: 2.56%; color: #4c4c4c; font-size: 14px; line-height: 30px; text-align: center;}

.rfidBox_3{ padding: 0 0 7.86% 0;}
.rfidBox_3 .management{ padding: 3.41% 0 0 0; text-align: center; color: #333; font-size: 14px; line-height: 30px;}





    /*2案例*/
.caseBan{ position: absolute; width: 100%; left: 0; top: 50%; margin-top: -45px; text-align: center;}
.caseBan h3{ color: #fff; font-size: 40px; line-height: 1.2;}
.caseBan .caseEng{ margin-top: 14px; color: rgba(255,255,255,0.6); font-size: 22px; line-height: 22px;}
.caseBan .caseLine{ margin-top: 27px; text-align: center;}
.caseBan .caseLine span{ display: inline-block; width: 1px; height: 35px; background-color: #fff;}
@media  screen and (max-width:991px){
    .caseBan h3{  font-size: 24px;}
    .caseBan .caseEng{  font-size: 16px; }
}
@media  screen and (max-width:767px){
    .caseBan{ margin-top: -32px; }
    .caseBan .caseEng{ margin-top: 5px; }
    .caseBan .caseLine{ display: none;}
}
@media  screen and (max-width:480px){
    .caseBan h3{  font-size: 20px;}
}
.caseNav{ background-color: #eeeeee;}

.pz_SideLayer{ text-align: center; line-height: 0;}
.pz_SideLayer .l1{ display: inline-block; *display: inline; width: 25%; *zoom:1; }
.pz_SideLayer .l1 a{ float: left; width: 100%; padding: 55px 10px 33px 10px; border-bottom: #eeeeee solid 1px; color: #333333; font-size: 18px; line-height: 24px; background-color: #fff;  }
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{ color:#fff; background-color: #20c38c; border-bottom-color:#20c38c;  }
.pz_SideLayer .l1 .layerIco{ margin: 0 auto; width:52px; line-height: 0; }
.pz_SideLayer .l1 .layerIco .imgs{}
.pz_SideLayer .l1 .layerIco .imgd{ display: none;}
.pz_SideLayer .l1 a:hover .layerIco .imgs,
.pz_SideLayer .l1 .hover .layerIco .imgs{ display: none;}
.pz_SideLayer .l1 a:hover .layerIco .imgd,
.pz_SideLayer .l1 .hover .layerIco .imgd{ display: block;}
.pz_SideLayer .l1 a h3{ margin-top: 14px; font-size: 18px;}

.babyser{ position: relative; z-index: 5;}
.babyser h2{ float:left; width:100%; 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;}

.caseMian{}
.caseNewBox{ padding:4.78% 0 2.56% 0; }
.caseNewList{}
.caseNewList ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.caseNewList ul li{ float: left; width: 20%; border-bottom: #fff solid 1px; border-right: #fff solid 1px; }
.caseNewList ul li .casePicture{ position: relative; overflow: hidden;}
.caseNewList ul li .casePicture .img2{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.caseNewList ul li:hover .casePicture .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);
}
.caseNewList ul li .casePicture .blackBg{ position: absolute; width: 100%; height: 100%; left: 0;top: 0; background-color: rgba(0,0,0,0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.caseNewList ul li:hover .casePicture .blackBg{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.caseNewList ul li .casePicture .caseTitle{ position: absolute; width: 100%; left: 0;  padding: 0 10px; text-align: center;
    top:-40%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.caseNewList ul li:hover .casePicture .caseTitle{
    top:33.33%;
}
.caseNewList ul li .casePicture .caseTitle h4{ color: #fff; font-size: 18px;  line-height: 24px; }
.caseNewList ul li .casePicture .caseTitle p{ margin-top: 7px; color: #dedede; font-size: 14px; line-height: 24px;}
.caseNewList ul li .casePicture .caseAdd{ position: absolute; width: 25px; height: 25px; border: #979797 solid 1px; bottom:-20%; left: 50%; margin-left: -12px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.caseNewList ul li:hover .casePicture .caseAdd{ bottom:17.36%; }
@media screen and (max-width:1199px){
    .caseNewList ul li:hover .casePicture .caseTitle{
        top:22%;
    }
    .caseNewList ul li .casePicture .caseTitle p{ margin-top: 2px; }
}
@media screen and (max-width:767px){
    .caseNewList ul li{ width:50%;  }
}
@media screen and (max-width:480px){
    .caseNewList ul li .casePicture .caseTitle h4{ font-size: 16px;  }
    .caseNewList ul li .casePicture .caseTitle p{ margin-top: 0; }
    .caseNewList ul li:hover .casePicture .caseAdd{ bottom:14%; }
}

.caseNewPage{ padding: 5.12%;}

/*3案例详情*/
.caseStaileBack{ background-color: #f5f5f5;}
.caseStaileBox{ margin-top:4.27%;  background-color: #fff; }
.caseStaileBox .leftAndRight{ padding:4.78% 2.56% 2.56% 2.56%;}
.caseStaileBox .leftAndRight .inCaseTit{ padding-bottom: 5.4%;}
.caseStaileBox .leftAndRight .inCaseTit .inCaseRight{ float: left; width: 100%; padding-right:270px; }
.caseStaileBox .leftAndRight .inCaseTit .inCaseRight h2{ color: #333333; font-size: 24px; line-height: 32px;}
.caseStaileBox .leftAndRight .inCaseTit .inCaseRight .inCaseTime{  margin-top: 11px;}
.caseStaileBox .leftAndRight .inCaseTit .inCaseRight .inCaseTime .timeCell{ float: left; margin-right: 30px;}
.caseStaileBox .leftAndRight .inCaseTit .inCaseRight .inCaseTime .timeCell b{ float: left; width: 14px; height: 14px; margin: 3px 10px 0 0; line-height: 0; }
.caseStaileBox .leftAndRight .inCaseTit .inCaseRight .inCaseTime .timeCell span{ float: left; color: #666; line-height: 21px;}
.caseStaileBox .leftAndRight .inCaseTit .thisBox{ float: left; width: 100%; margin-top: -50px;  }
.caseStaileBox .leftAndRight .inCaseTit .thisBox .inCaseRi{ float: right; margin-left: 30px; border: #20c38c solid 1px; padding: 0 26px; color: #20c38c; font-size: 14px; line-height: 36px; vertical-align: top;
    border-radius:19px;
    -webkit-border-radius:19px;
    -moz-border-radius:19px;
    -o-border-radius:19px;
}
.caseStaileBox .leftAndRight .inCaseTit .thisBox .inCaseRi:hover{ background-color: #20c38c; color: #fff;}
.caseStaileBox .leftAndRight .andContent{}
.caseStaileBox .andBlack{ background-color: #333333; padding: 2.82% 2.56% 76px 2.56%; color: #ffffff; font-size: 14px; line-height: 30px;}
@media screen and (max-width:767px){
    .caseStaileBox .leftAndRight .inCaseTit .inCaseRight{  padding-right:0; text-align: center; }
    .caseStaileBox .leftAndRight .inCaseTit .inCaseRight h2{ font-size: 22px; line-height: 26px; }
    .caseStaileBox .leftAndRight .inCaseTit .inCaseRight .inCaseTime{ text-align: center;}
    .caseStaileBox .leftAndRight .inCaseTit .inCaseRight .inCaseTime .timeCell{ float: none; display: inline-block; margin: 0 10px;}
    .caseStaileBox .leftAndRight .inCaseTit .thisBox{ margin-top: 10px; text-align: center; }
    .caseStaileBox .leftAndRight .inCaseTit .thisBox .inCaseRi{ float: none; display: inline-block; margin: 0 10px; padding: 0 15px; line-height: 32px;

    }

}
.caseStaileBox .andShare{ text-align: center; padding-bottom: 2.58%; }
.caseStaileBox .andShare .shareCen{ display: inline-block; *display: inline; *zoom: 1; margin-top: -46px; background-color: #fff; padding: 10px;}
.caseStaileBox .andShare .shareCen .sCenBack{ padding: 25px 65px; background: url("images/case22.jpg") repeat;}
@media screen and (max-width:767px){
    .caseStaileBox .andShare .shareCen{ padding: 5px;}
    .caseStaileBox .andShare .shareCen .sCenBack{ padding: 12px 25px; }
}


.caseAddList{ padding: 4.78% 0 5.12% 0;}
.caseAddListDown{ margin-top: 3.91%;}
.caseAddListDown ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.caseAddListDown ul li{ border-bottom: #fff solid 1px; border-right: #fff solid 1px; }
.caseAddListDown ul li .casePicture{ position: relative; overflow: hidden;}
.caseAddListDown ul li .casePicture .img2{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.caseAddListDown ul li:hover .casePicture .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);
}
.caseAddListDown ul li .casePicture .blackBg{ position: absolute; width: 100%; height: 100%; left: 0;top: 0; background-color: rgba(0,0,0,0.8);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.caseAddListDown ul li:hover .casePicture .blackBg{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.caseAddListDown ul li .casePicture .caseTitle{ position: absolute; width: 100%; left: 0;  padding: 0 10px; text-align: center;
    top:-40%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.caseAddListDown ul li:hover .casePicture .caseTitle{
    top:33.33%;
}
.caseAddListDown ul li .casePicture .caseTitle h4{ color: #fff; font-size: 18px;  line-height: 24px; }
.caseAddListDown ul li .casePicture .caseTitle p{ margin-top: 7px; color: #dedede; font-size: 14px; line-height: 24px;}
.caseAddListDown ul li .casePicture .caseAdd{ position: absolute; width: 25px; height: 25px; border: #979797 solid 1px; bottom:-20%; left: 50%; margin-left: -12px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.caseAddListDown ul li:hover .casePicture .caseAdd{ bottom:17.36%; }
@media screen and (max-width:1199px){
    .caseAddListDown ul li:hover .casePicture .caseTitle{
        top:22%;
    }
    .caseAddListDown ul li .casePicture .caseTitle p{ margin-top: 2px; }
}
@media screen and (max-width:991px){
    .caseAddListDown ul li{ float: none; width: auto;}
}
@media screen and (max-width:480px){
    .caseAddListDown ul li .casePicture .caseTitle h4{ font-size: 16px;  }
    .caseAddListDown ul li .casePicture .caseTitle p{ margin-top: 0; }
    .caseAddListDown ul li:hover .casePicture .caseAdd{ bottom:14%; }
}


/*4合作伙伴*/
.partnerBox{ padding: 4.78% 0 0 0;}
.partnerCooper{ margin: 0 -15px;}
.partnerCooper ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.partnerCooper ul li{ float: left; width: 20%; padding: 0 15px;}
.partnerCooper ul li a{ float: left; width: 100%; margin-top: 14.285%; border: #eeeeee solid 1px;}
.partnerCooper ul li a .cooperPicture{ overflow: hidden;}
.partnerCooper ul li a .cooperPicture img{
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;filter:alpha(opacity=60);opacity:0.6;-moz-opacity:0.6;
}
.partnerCooper ul li a:hover .cooperPicture img{
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: gray;
    filter:alpha(opacity=100);
    opacity:1;
    -moz-opacity:1;
}
@media screen and (max-width:991px){
    .partnerCooper ul li{ width: 25%;}
}
@media screen and (max-width:767px){
    .partnerCooper{ margin: 0 -9px;}
    .partnerCooper ul li{ width: 50%; padding: 0 9px;}
}


/*5新闻中心*/
.newBox{ }
.newBox ul{ min-height: 500px; }
.newBox ul li{}
.newBox ul li:hover{ background: #20c38c;}
.newBox ul li a{ float: left; width: 100%; padding: 2.56% 0 2.56% 0;}
.newBox ul li a .newFloat{ min-height: 160px;}
.newBox ul li a .newFloat .picture{ float: right; width: 213px; height: 160px; overflow: hidden; }
.newBox ul li a .newFloat .picture img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.newBox ul li:hover a .newFloat .picture 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);
}
.newBox ul li a .newFloat .newTime{ float: left; width: 132px; margin-top: 26px; text-align: center; }
.newBox ul li a .newFloat .newTime .timeDay{ color: #b0b0b0; font-size: 36px; height: 42px; line-height: 42px; font-weight: bold; font-family: Arial; }
.newBox ul li:hover a .newFloat .newTime .timeDay{ color: #fff;}
.newBox ul li a .newFloat .newTime .timeMonth{ margin-top: 4px; color: #b0b0b0; font-size: 14px; line-height: 20px; text-align: left; font-family: Arial; padding-left: 21px;}
.newBox ul li:hover a .newFloat .newTime .timeMonth{ color: #a9e2cb;}
.newBox ul li a .newFloat .newTime .timeLine{ padding: 16px 0 10px 0; text-align: center;}
.newBox ul li a .newFloat .newTime .timeLine span{ display: inline-block; width: 80%; height: 1px; background: #e5e5e5; line-height: 0;}
.newBox ul li:hover a .newFloat .newTime .timeLine span{ background: #37c998;}
.newBox ul li a .newFloat .newTime .timeTit{ color: #999999; font-size: 14px; line-height: 15px; }
.newBox ul li:hover a .newFloat .newTime .timeTit{ color: #a9e2cb;}
.newBox ul li a .newFloat .phTime{ display: none;}
@media screen and (max-width:991px){
    .newBox ul{ min-height: 5px; }
}
@media screen and (max-width:767px){
    .newBox ul li a{ padding: 3.8% 0 3.8% 0;}
    .newBox ul li a .newFloat{ min-height: 96px; }
    .newBox ul li a .newFloat .picture{ float: left; width:130px; height: 98px; }
    .newBox ul li a .newFloat .newTime{ display: none;}
    .newBox ul li a .newFloat .phTime{ display: block; color: #666; font-size: 12px; line-height: 1.2; padding-bottom: 2px;}
    .newBox ul li:hover a .newFloat .phTime{ color: #a9e2cb;}
}
.newBox ul li a .article{ padding: 0 270px 0 215px;}
.newBox ul li.nopadding a .article{ padding: 0 0 0 215px;}
.newBox ul li a .article h3{ float: left; width: 100%; padding: 32px 0 10px 0; color: #333333; font-size: 16px; line-height: 24px;}
.newBox ul li:hover a .article h3{ color: #fff;}
.newBox ul li a .article p{ float: left; width: 100%; height: 48px; margin-top: 8px; color: #999999; font-size: 13px; line-height: 24px; overflow: hidden;}
.newBox ul li:hover a .article p{ color: #a9e2cb;}
@media screen and (max-width:991px){
    .newBox ul li a .article{ padding: 0 240px 0 155px;}
    .newBox ul li.nopadding a .article{ padding: 0 0 0 155px;}
}
@media screen and (max-width:767px){
    .newBox ul li a .article{ padding: 0 0 0 145px;}
    .newBox ul li.nopadding a .article{ padding: 0;}
    .newBox ul li a .article h3{ font-size: 16px; padding: 0 0 5px 0; }
    .newBox ul li a .article .more{ display: none;}
}


/*6新闻详情*/
.newInner{ float:left; width:100%;}
.newTitle{ float:left; width:100%;}
.newTitle .newTit{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; line-height: 1.25; font-weight:bold; border-bottom:1px solid #d7d8d8; padding:4.95% 0 2.393% 0;}
.newTitle .newSub{ float:left; width:100%; height:53px; padding: 10px 0; border-bottom:1px solid #d7d8d8;}
.newTitle .newSub .newSub_1{ float:left; color:#777777; font-size:14px; line-height:33px;}
.newTitle .newSub .newSub_2{ float:right; color:#777777; font-size:14px; line-height:33px;  }
.newTitle .newSub .newSub_2 b{ float: right; width: 38px; height: 34px; line-height: 0; margin: 0 0 0 12px;}
.newTitle .newSub .newSub_2 a{ color:#777777;}
.newTitle .newSub .newSub_2 a:hover{ color: #20c38c;}
.newTitle .newSub .newSub_2 img{ width: 38px;}
.moveIn{ float:left; width:100%; padding: 4.188% 0 3.5% 0; color:#333333; font-size:14px; line-height:30px; border-bottom:1px solid #d7d8d8; }
.newShare{ float:left; width:100%; padding: 3.24% 0 3.24% 0; text-align: center; }
.newShare .shareCenter{ width:140px; margin:0 auto;}
@media  screen and (max-width:767px){
    .newTitle .newTit{  font-size:18px; padding: 25px 0;}
    .newTitle .newSub{ height:auto; text-align: center;}
    .newTitle .newSub .newSub_1{ float:left; width: 100%; padding: 15px 0 0 0; line-height: 24px; text-align: center;}
    .newTitle .newSub .newSub_2{ float:left; width: 100%; text-align: center; background: 0;}
    .moveIn{ padding: 20px 0;  }
    .newTitle .newSub .newSub_2 b{ float: none; width: 28px; height: 25px; display: inline-block;}
    .newTitle .newSub .newSub_2 img{ width: 28px;}
    .moveIn{ line-height:26px; }
}
.newMoreList{ float:left; width:100%; padding: 3% 0 4.18% 0;}
.newMoreList .newMoreTit{ color:#20c38c; 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:#20c38c;}
.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;}
}


/*7联系我们*/
.contactBox{}
.contactBox .contactAddress{ margin: 0 -15px; padding-bottom: 1.7%;}
.contactBox .contactAddress ul{ float: left; width: 100%;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.contactBox .contactAddress ul li{ float: left; width: 50%; padding: 0 15px 0 15px;}
.contactBox .contactAddress ul li .addressMargin{ margin-bottom: 5.26%; position: relative;}
.contactBox .contactAddress ul li .addressMargin .addLeft{ position: absolute; float: left; width: 187px; height: 100%; background-color: #20c38c; }
.contactBox .contactAddress ul li .addressMargin .addLeft .addIcon{ margin-top: 51px; text-align: center;}
.contactBox .contactAddress ul li .addressMargin .addLeft .addIcon .img4{ width: 54px; height: 54px;}
.contactBox .contactAddress ul li .addressMargin .addLeft .addSelf{ margin-top: 12px; color: #fff; font-size: 18px; line-height: 20px; text-align: center;}
.contactBox .contactAddress ul li .addressMargin .addLeft .addSquare{ position: absolute; width: 30px; height: 30px; background-color: #20c38c; border: #fff solid 4px; left: 100%; top: 40%; margin-top: -24px; margin-left: -14px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.contactBox .contactAddress ul li .addressMargin .addRight{ height:180px; border: #eeeeee solid 1px; border-left: 0; overflow: hidden;  padding: 55px 20px 0 252px;}
.contactBox .contactAddress ul li .addressMargin .addRight .addTele{ float: left; width: 100%; padding: 7px 0 8px 0; }
.contactBox .contactAddress ul li .addressMargin .addRight .addTele .addB{ float: left; width: 25px; height: 25px; margin-right: 10px; line-height: 0;}
.contactBox .contactAddress ul li .addressMargin .addRight .addTele .addSpan{ padding-left:35px; padding-top: 3px; padding-bottom: 3px; color: #333333; font-size: 15px; line-height: 19px; }
@media  screen and (max-width:1199px){
    .contactBox .contactAddress{ margin: 0 -12px;}
    .contactBox .contactAddress ul li{ padding: 0 12px 0 12px;}
    .contactBox .contactAddress ul li .addressMargin .addLeft{ width: 154px;  }
    .contactBox .contactAddress ul li .addressMargin .addLeft .addIcon{ margin-top: 40px;}
    .contactBox .contactAddress ul li .addressMargin .addLeft .addIcon .img4{ width: 45px; height: 45px;}
    .contactBox .contactAddress ul li .addressMargin .addLeft .addSelf{ margin-top: 8px; font-size: 15px; line-height: 18px; }
    .contactBox .contactAddress ul li .addressMargin .addLeft .addSquare{ width: 24px; height: 24px;  margin-top: -20px; margin-left: -12px; }
    .contactBox .contactAddress ul li .addressMargin .addRight{ height:148px; padding: 40px 20px 0 184px;}
    .contactBox .contactAddress ul li .addressMargin .addRight .addTele{ padding: 4px 0 4px 0; font-size: 14px; }
}
@media  screen and (max-width:991px){
    .contactBox .contactAddress ul li{ width: 100%; padding: 0 15px 0 15px;}
}
@media  screen and (max-width:767px){
    .contactBox .contactAddress ul li .addressMargin .addLeft{ width: 90px;  }
    .contactBox .contactAddress ul li .addressMargin .addLeft .addIcon{ margin-top: 25px;}
    .contactBox .contactAddress ul li .addressMargin .addRight{ height:auto; padding: 15px 12px 15px 115px;}

    .contactBox .contactAddress ul li .addressMargin .addRight .addTele .addSpan{ padding-left:35px; padding-top: 3px; padding-bottom: 3px; font-size: 13px; line-height: 19px; }
}

.contactMap{ }
#bdmap{width:100%; height:550px; background: no-repeat}
#bdmap img{ max-width:none;}
#bdmap .iw_poi_title{ display: block; color: #20c38c; font-size: 16px; font-weight: normal; line-height: 30px !important;}
#bdmap .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}
@media  screen and (max-width:991px){
    #bdmap{ height:220px; }
}
@media  screen and (max-width:767px){
    #bdmap{ height:150px; }
}

.contactCom{ margin-top: 2.6%;}
.contactCom .hd{ border-bottom: #e5e5e5 solid 1px; border-top: #e5e5e5 solid 1px; height: 80px;}
.contactCom .hd ul{ text-align: center; }
.contactCom .hd ul.owl-carousel{ display: block;}
.contactCom .hd ul li{ display: inline-block; cursor: pointer; border-bottom: transparent solid 2px; color: #333333; font-size: 16px; line-height: 36px; padding: 20px 18px;  }
.contactCom .hd ul li.active{ border-bottom: #20c38c solid 2px; color: #20c38c; }
.contactCom .bd{}
.contactCom .bd .bdShow{ height: 0; overflow: hidden; 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;
}
.contactCom .bd .bdShow .showPad{padding: 2.73% 0 3.84% 0;}
.contactCom .bd .bdShow .showText{ padding: 0 9.57% 1.28% 9.57%; color: #666666; font-size: 14px; line-height: 30px; text-align: center;}
.contactCom .bd .bdShow .showList{ margin: 0 -1.25%;}
.contactCom .bd .bdShow .showList .list_1{ float: left; width: 33.333333%; padding: 1.25%;}
.contactCom .bd .bdShow .showList .list_1 .list1_pic{}
@media  screen and (max-width:767px){
    .contactCom{ position: relative; padding: 0 4%;}
    .contactCom .hd{ height: 47px;}
    .contactCom .hd ul .owl-nav{ margin-top: 0;}
    .contactCom .hd ul .owl-prev{ position:absolute; left:-5%; top: 50%;  font-size:0; width:13px; height:24px; background:url(images/g_det_1.png) no-repeat; background-size:100% 100%; margin: 0; margin-top: -12px;}
    .contactCom .hd ul .owl-next{ position:absolute; right:-5%; top: 50%; font-size:0; width:13px; height:24px; background:url(images/g_det_2.png) no-repeat; background-size:100% 100%;margin: 0; margin-top: -12px;}
    .contactCom .hd ul li{ line-height: 36px; padding: 4px 8px;  }
    .contactCom .bd .bdShow .showText{padding: 0 0 1.28% 0;}
}

.contactIn{ float:left; width:100%; padding:60px 0 70px 0;}
.contactTit{ float:left; width:100%; text-align:center; font-size:18px; color:#fff; height:36px; line-height:36px;  text-transform:uppercase;}
.l_0100_16{ float:left; width:370px; margin-top:16px;}
.l_0100_16 input{ display:block; float:left; width:100%; margin-top:8px; height:46px; padding:10px; line-height:26px; font-size:14px; color:#737373;  -webkit-appearance:none;
    outline: 0;
    border-radius:0;
}
.inco1 ::-webkit-input-placeholder { color:#737373 !important;}
.inco1 :-moz-placeholder {  color:#737373 !important;}
.inco1 ::-moz-placeholder {  color:#737373 !important;}
.inco1 :-ms-input-placeholder { color:#737373 !important; }
.r_0100_16{ float:right; margin-top:24px; width:770px;}
.r_0100_16 textarea{ display:block; float:left; width:100%; height:100px; background:#fff; padding:10px; line-height:26px; font-size:14px; color:#737373; border:0 none; outline:none; -webkit-appearance:none;}
.d_0100_16{ float:left; width:100%; text-align:center; margin-top:34px;}
.d_0100_16 button{ display:block; margin:0 auto; width:270px; height:54px; line-height:54px; font-size:16px; color:#fff; text-transform:uppercase; background:#20c38c; outline:none; cursor:pointer; -webkit-appearance:none;
    -webkit-border-radius:27px;
    -moz-border-radius:27px;
    border-radius:27px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.d_0100_16 button:hover{ opacity:0.8; filter:alpha(opacity=80);}
@media  screen and (max-width:1199px){
    .l_0100_16{ width:304px;}
    .r_0100_16{ width:632px;}
}
@media  screen and (max-width:991px){
    .l_0100_16{ width:100%;}
    .r_0100_16{ float:left; width:100%; margin-top:8px;}
}
@media  screen and (max-width:767px){
    .contactIn{ float:left; width:100%;  padding:30px 0;}
}








/*分页*/
.pz_fy{ text-align: center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { display:inline-block;*display:inline; *zoom:1; width:38px; height:38px; margin:0 5px; line-height:38px; border:solid 1px #e7e7e7; color: #272727; font-size:14px; text-decoration:none; overflow:hidden; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; vertical-align: top;}
.pz_fy a.a1{ width:100px; background:url(images/btn_05_l.png) no-repeat center; border-radius:19px; -webkit-border-radius:19px; -moz-border-radius:19px;}
.pz_fy a.last{ background-image:url(images/btn_05_r.png);}
.pz_fy a.a1:hover,
.pz_fy a.a1.on{ background-image:url(images/btn_05_l_h.png);}
.pz_fy a.last:hover,
.pz_fy a.last.on{ background-image:url(images/btn_05_r_h.png);}

.pz_fy a:hover,.pz_fy a.on{ color: #fff; background-color:#20c38c; border:solid 1px #20c38c;}/*鼠标经过和默认当前页样式*/
.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .caseNewPage{ padding: 6.5%;}
    .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 #20c38c; 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 .owl-dots{ width: 100%; margin-top: 4%; text-align: center; line-height: 0;}
.special .owl-dots .owl-dot{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border:#20c38c solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.special .owl-dots .owl-dot.active{ background: #20c38c;}
@media screen and (max-width:767px){
    .special .owl-dots .owl-dot{  width: 9px; height: 9px; margin: 0 3px; }
}






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