@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, contactBox, 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:#fff;
    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;}
contactBox,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}




.container_1460 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container_1460 {
        width: 768px;
    }
}
@media (min-width: 992px) {
    .container_1460 {
        width: 992px;
    }
}
@media (min-width: 1230px) {
    .container_1460 {
        width: 1230px;
    }
}
@media (min-width: 1490px) {
    .container_1460 {
        width: 1490px;
    }
}

.top1{ position: fixed; width:100%; height:157px; left:0; top:0; z-index:1010; background-color: #000;
    -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: 69px; padding: 0;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.top1 .headTop{ height: 88px; padding: 0 30px; overflow: hidden;max-width:1400px;margin:0 auto;
    -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 .headTop{ height: 0;}
.top1 .headTop .topRight{ float: right; margin-top: 25px;}
.top1 .headTop .topRight .hotLine{ float: left; width: 160px;}
.top1 .headTop .topRight .hotLine .hotB{ float: left; width: 25px; height: 25px; line-height: 0; margin: 7px 9px 0 0; }
.top1 .headTop .topRight .hotLine .hotPad{ padding-left: 34px;}
.top1 .headTop .topRight .hotLine .hotPad .padTit{ padding-top: 1px; font-size: 14px; font-weight: bold; line-height: 36px;color:#F7EA90;}
.top1 .headTop .topRight .hotLine .hotPad .padTit span{ color: #F7EA90;}
.top1 .headTop .topRight .hotLine .hotPad .padText{ color: #373737; font-size: 12px; line-height: 14px; letter-spacing: 0.5px;}
.top1 .headTop .topRight .hotTel{ float: left; padding: 0 25px 0 10px; position: relative; color: #e70012; font-size: 33px; line-height: 36px; font-weight: bold;}
.top1 .headTop .topRight .hotTel::before{ content: ''; position: absolute; width: 1px; height: 24px; background-color: #e2e2e2; left: 0; top: 50%; margin-top: -11px;}
.top1 .headTop .topRight .hotSearch{ float: left; width: 40px; height: 37px; line-height: 0; cursor: pointer;}








.top1 .search{ float: right; width:178px; margin-top: 13px; height: 44px; border-bottom: #e4e4e4 solid 1px; position: relative; cursor: pointer; z-index: 200; }
.top1 .search input{ float: left; width: 100%; height: 43px; background: 0; border: 0; color: #787878; font-size: 14px; font-weight: normal; }
.top1 .search .searchBtn{ position: absolute; width: 36px; height: 36px; padding: 11px; right: 95px; top: 50%; margin-top: -18px; z-index: 12; line-height:0; cursor: pointer;
    -webkit-appearance:none;
    outline: 0;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -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 .searchBtn.active{ right: 0;}
.inco1 ::-webkit-input-placeholder { color:#787878 !important;}
.inco1 :-moz-placeholder {  color:#787878 !important;}
.inco1 ::-moz-placeholder {  color:#787878 !important;}
.inco1 :-ms-input-placeholder { color:#787878 !important; }


.top1 .logo{ float:left; width:440px; height:47px; margin-top: 20px; 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;
}


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


.top1 .headDown{ height: 69px; padding-right: 0px;background-color:#C40000;border-top: #F3747D solid 1px; }


.top1 .logo2{ float: left; width: 0; height: 37px; margin: 11px 0 0 30px; overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top1 .logo2 img{width:100%;}
.top1.active .logo2{ width: 185px;}



.menuBox{ padding-right: 120px;max-width:1400px;margin:0 auto;
    -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{ padding-left: 25px;}


.menu{ float: left; }
.menu ul{ float:left; }
.menu ul .nli{ float: left; position: relative; }
.menu ul .nli span a{ float:left; height: 69px; padding: 0 54px; color:#fff; font-size: 16px; line-height: 69px; position: relative; }
.menu ul .nli span a::before{ display: none; content: ''; position: absolute; width: 100%; height: 2px; left: 0; bottom: 0; background-color: #e70012; }
.menu ul .nli.active span a::before{ display: block;}
.menu ul .nli span a::after{ content: ''; position: absolute; width: 1px; height: 26px; background-color: #dddddd; right: 0; top: 50%; margin-top: -13px;}

.top1.active .menu ul .nli span a{ height:68px;line-height: 68px; }
.menu ul .nli.active span a{ color: #F7EA90;}
.menu .sub{ display: none; position: absolute; width:75%;top: 100%;  background: rgba(255,255,255,0.5); padding-top:5px; }
.menu .sub li{float:left; padding: 10px 0; color: #333; font-size: 15px; line-height: 20px;  text-align: center; width:20%;}
.menu .sub li:hover{ background: #e3222d;}
.menu .sub li a{color: #333;}
.menu .sub li:hover a{ color: #fff;}
@media screen and (max-width:1679px){
    .menuBox{ padding-left: 195px; }
    .menu ul .nli span a{ padding: 0 15px; }
}
.top1 .headDown .aLi{ float: right;padding-right:30px; width: 150px; height: 34px; border: #e70012 solid 1px; text-align: center; margin-top: 18px; margin-left: 5px;
    border-radius:17px;
    -webkit-border-radius:17px;
    -moz-border-radius:17px;
    -o-border-radius:17px;
}
.top1 .headDown .aLi:hover{ background-color: #e70012;}
.top1 .headDown .aLi b{ display: inline-block; width: 20px; height: 20px; margin: 6px 10px 0 0; line-height: 0; vertical-align: top;}
.top1 .headDown .aLi b .imgs{}
.top1 .headDown .aLi b .imgd{ display: none;}
.top1 .headDown .aLi:hover b .imgs{ display: none;}
.top1 .headDown .aLi:hover b .imgd{ display: block;}

.top1 .headDown .aLi span{ display: inline-block; color: #fff; font-size: 14px; line-height: 32px;}
.top1 .headDown .aLi:hover span{ color: #fff;}





/*phone版头部*/
.top2{ display:none; position: absolute; left: 0; top: 0; z-index: 2000; float: left; width:100%; height:60px; background-color: #000; }
.top2.active{ }
.top2 .logo{ float:left; width:240px; height:26px; margin-top: 17px;}
.top2 .en{ float: right; color: #fff; font-size: 16px; line-height: 40px; margin: 10px 20px 0 0;}
@media screen and (max-width:1229px){
    .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: #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 .titleTwo{ border-bottom: #f1f1f1 solid 1px;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph .tp a{
    display: block;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    line-height: 50px;
    position: relative;
}
.xialaph .tp b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #a1a1a1 solid 1px; border-right: #a1a1a1 solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph .tp.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
    border-top: #e3222d solid 1px; border-right: #e3222d solid 1px;
}
.xialaph h5 a{
    display: block;
    color: #555;
    font-size: 14px;
    line-height: 42px;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #f1f1f1;
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph .ul2{ padding-left: 30px;  }
.xialaph .ul3{
    padding-top: 12px;
    padding-bottom: 18px;
    padding-left: 15px;
    position: relative;
}
.xialaph .ul3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
    display: none;
}
.xialaph .ul3 li a{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    display: block;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}
.xialaph .searchP{ margin-top: 15px; height: 35px; border: #ccc solid 1px;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 21px; height: 21px; margin: 6px 18px 0 0; line-height: 0;
    -webkit-appearance:none; background: 0;
    outline: 0;border: 0;
    border-radius:0;
}
.xialaph .searchP .searchLeft{ padding: 0 40px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 0;
}
.xialaph .aliCen{ text-align: center;}
.xialaph .aLi{ display: inline-block; vertical-align: top; width: 120px; height: 34px; border: #e70012 solid 1px; text-align: center; margin-top: 18px;
    border-radius:17px;
    -webkit-border-radius:17px;
    -moz-border-radius:17px;
    -o-border-radius:17px;
}
.xialaph  .aLi:hover{ background-color: #e70012;}
.xialaph  .aLi b{ display: inline-block; width: 20px; height: 20px; margin: 6px 10px 0 0; line-height: 0; vertical-align: top;}
.xialaph  .aLi b .imgs{}
.xialaph  .aLi b .imgd{ display: none;}
.xialaph  .aLi:hover b .imgs{ display: none;}
.xialaph  .aLi:hover b .imgd{ display: block;}
.xialaph .aLi span{ display: inline-block; color: #e70012; font-size: 14px; line-height: 32px;}
.xialaph .aLi:hover span{ color: #fff;}

.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%; margin-top: 157px; overflow:hidden; position: relative; line-height: 0; background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.pz_banner.active{ margin-top: 69px;}
.pz_banner.home{ min-height: 500px;}
@media screen and (max-width:1229px){
    .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-color: #191919;  }


/*banner*/
.bannerBox{ line-height: 0; }
.bannerBox .owl-dots{ position: absolute; width: 100%; left: 0;  bottom: 30px; 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: #e70012;}
.bannerBox .owl-dot span{ float: left; width:5px; height: 5px; margin: 7px; vertical-align: top; background-color: #e70012;
    -webkit-border-radius:50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.bannerBox .owl-prev{ position: absolute; width: 31px; height: 60px; left: 7.55%; top: 50%; margin-top: -30px; background: url("ban1.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
}
.bannerBox .owl-prev:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.bannerBox .owl-next{ position: absolute; width: 31px; height: 60px; right: 7.55%; top: 50%; margin-top: -30px; background: url("ban2.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;}
.bannerBox .owl-next:hover{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
@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*/
.homeProduct{ }
.homeProductTitle{ overflow: hidden;}
.homeProductTitle.new{}
.homeProductTitle .productTop{ padding-top: 4.79%; background: url("main1.jpg") bottom repeat-x; text-align: center; position: relative;}
.homeProductTitle .productTop::before{ content: ''; position: absolute; width: 1000px; height: 1px; right: 100%; bottom: 0; background-color: #f2f2f2;}
.homeProductTitle .productTop::after{ content: ''; position: absolute; width: 1000px; height: 1px; left: 100%; bottom: 0; background-color: #f2f2f2;}
.homeProductTitle .productTop h2{ color: #dddddd; font-size: 36px; font-weight: bold; text-transform: uppercase; letter-spacing: 4px;}
.homeProductTitle.new .productTop h2{ color: #999999; }
.homeProductTitle .productTop h2 span{ color: #e70012;}
.homeProductTitle .productTop .line1{ text-align: center; padding-top: 5px; line-height: 0;}
.homeProductTitle .productTop .line1 span{ display: inline-block; width: 240px; height: 1px; background-color: #e70012; vertical-align: top;}
.homeProductTitle .productTop .line2{text-align: center; padding-top: 5px; line-height: 0;}
.homeProductTitle .productTop .line2 span{ display: inline-block; width: 140px; height: 1px; background-color: #e70012;vertical-align: top;}
.homeProductTitle .productDown{ padding-top: 0.82%; text-align: center; color: #333333; font-size: 24px; line-height:1.25; }
@media  screen and (max-width:991px){
    .homeProductTitle .productTop h2{ font-size: 30px; letter-spacing: 0;}
    .homeProductTitle .productTop .line1 span{ width: 160px; }
    .homeProductTitle .productTop .line2 span{ width: 100px; }
    .homeProductTitle .productDown{ font-size: 20px; }
}
@media  screen and (max-width:767px){
    .homeProductTitle .productTop h2{ font-size: 26px; }
    .homeProductTitle .productTop .line1 span{ width: 120px; }
    .homeProductTitle .productTop .line2 span{ width: 80px; }
    .homeProductTitle .productDown{ font-size: 18px; }
}




.homeProductList{ padding: 7px 0 5.47% 0; margin: 0 -20px;}
.homeProductList ul{ float: left; width: 100%; min-height: 500px;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.homeProductList ul li{ float: left; width: 25%; padding: 0 20px;}
.homeProductList ul li a{ float: left; width: 100%; margin-top: 8.69%; padding:6.52% 6.52% 5% 6.52%; border: #e7e7e7 solid 1px; border-bottom: #e70012 solid 1px;}
.homeProductList ul li a .proPicture{ overflow: hidden; position: relative; }
.homeProductList ul li a .proPicture .picBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(231,0,18,0.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);
}
.homeProductList ul li a:hover .proPicture .picBack{
    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);
}
.homeProductList ul li a .proPicture .picBack b{ position: absolute; width: 40px; height: 40px; left: 50%; top: 50%; margin: -20px 0 0 -20px; line-height: 0;}
.homeProductList ul li a .proDown{ margin-top:7.53%; border-top: #e7e7e7 solid 1px; }
.homeProductList ul li a .proDown h3{ color: #3b3b3b; font-size: 16px; font-weight: bold; line-height: 1.25; margin: 6.28% 0 3.01% 0;}
.homeProductList ul li a:hover .proDown h3{ color: #e70012;}
.homeProductList ul li a .proDown .proDownText{ height: 50px; color: #838383; font-size: 14px; line-height: 25px; overflow: hidden;}
@media  screen and (max-width:1199px){
    .homeProductList{ margin: 0 -10px;}
    .homeProductList ul li{ padding: 0 10px;}
}
@media  screen and (max-width:991px){
    .homeProductList ul{ min-height: 50px; }
    .homeProductList ul li{ float:none; width: auto;}
}
@media  screen and (max-width:767px){
    .homeProductList{ margin: 0 -6px;}
    .homeProductList ul li{ padding: 0 6px;}
    .homeProductList ul li a{ padding:3.5%;}
    .homeProductList ul li a .proDown h3{ font-size: 14px; margin: 6.28% 0 4.28% 0;}
    .homeProductList ul li a .proDown .proDownText{ display: none;}

}



/*homeNew*/
.homeNewBack{ background-color: #f5f5f5;}
.homeNew{ padding-bottom: 5.47%; position:relative;}
.homeNewLeft{ float:left; width: 48.63%; margin-top: 3.15%;}
.homeNewLeft .newLeftPic{ overflow: hidden; padding-bottom:75%; position:relative;}
.homeNewLeft .newLeftPic img{ position:absolute; left:0; top:0; width:100%; min-height:100%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeNewLeft .newLeftPic:hover img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.homeNewLeft .newLeftDown{ height: 92px; position: relative;}
.homeNewLeft .newLeftDown .newLeftFloat{ position: absolute; width: 91.54%; padding: 3.84% 4.61% 3.53% 4.61%; left: 4.23%; bottom: 0; background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 8px rgba(0,0,0,0.2);
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.homeNewLeft .newLeftDown .newLeftFloat h3{ color: #e70012; font-size: 22px; font-weight: bold; line-height: 32px;}
.homeNewLeft .newLeftDown .newLeftFloat .newText{ margin: 1.54% 0 3.59% 0; height: 56px; color: #666666; font-size: 14px; line-height: 28px; overflow: hidden;}
.homeNewLeft .newLeftDown .newLeftFloat .newMore{}
.homeNewLeft .newLeftDown .newLeftFloat .newMore .newMoreLeft{ float: left; color: #999999;}
.homeNewLeft .newLeftDown .newLeftFloat .newMore .newMoreRight{ float: right;}
.homeNewLeft .newLeftDown .newLeftFloat .newMore .newMoreRight span{ float: left; color: #e70012; font-size: 12px; text-transform: uppercase; }
.homeNewLeft .newLeftDown .newLeftFloat .newMore .newMoreRight b{ float: left; width: 30px; height: 7px; margin: 6px 0 0 10px; line-height: 0; overflow: hidden;}
.homeNewLeft .newLeftDown .newLeftFloat .newMore .newMoreRight b img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeNewLeft .newLeftDown:hover .newLeftFloat .newMore .newMoreRight b img{ margin-left: -5px;}
@media  screen and (max-width:1489px){
    .homeNewLeft .newLeftDown{ height: 133px; }
}
@media  screen and (max-width:991px){
    .homeNewLeft{ width: 100%; margin-top: 4%;}
    .homeNewLeft .newLeftDown .newLeftFloat h3{ font-size: 18px; line-height: 28px; }
    .homeNewLeft .newLeftDown .newLeftFloat .newText{ height: 44px;  line-height: 22px; }
}
@media  screen and (max-width:767px){
    .homeNewLeft .newLeftDown{ height: 92px; }
    .homeNewLeft .newLeftDown .newLeftFloat h3{ font-size: 15px; line-height: 24px;}
    .homeNewLeft .newLeftDown .newLeftFloat .newText{ height: 40px; line-height: 20px; }
}

.homeNewRight{ float: right; width: 48.63%; margin-top: 1.09%; }
.homeNewRight ul{}
.homeNewRight ul li{ padding-top: 4.225%;}
.homeNewRight ul li a{ float: left; width: 100%; background-color: #fff; padding: 2.8169%;}
.homeNewRight ul li a .newRightPicture{ float: left; width: 160px; height: 120px; overflow: hidden;}
.homeNewRight ul li a .newRightPicture .img2{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeNewRight ul li a:hover .newRightPicture .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);
}
.homeNewRight ul li a .newRightPad{ padding-left: 180px;}
.homeNewRight ul li a .newRightPad h3{ color: #333333; font-size: 18px; font-weight: bold; line-height: 28px;}
.homeNewRight ul li a:hover .newRightPad h3{ color: #e70012;}
.homeNewRight ul li a .newRightPad .padText{ height: 48px; margin: 10px 0; color: #666666; font-size: 14px; line-height: 24px; overflow: hidden;}
.homeNewRight ul li a .newRightPad .padMore{}
.homeNewRight ul li a .newRightPad .padMore .newMoreLeft{ float: left; color: #999999;}
.homeNewRight ul li a .newRightPad .padMore .newMoreRight{ float: right;}
.homeNewRight ul li a .newRightPad .padMore .newMoreRight span{ float: left; color: #999999; font-size: 12px; text-transform: uppercase; }
.homeNewRight ul li a:hover .newRightPad .padMore .newMoreRight span{ color: #e70012;}
.homeNewRight ul li a .newRightPad .padMore .newMoreRight b{ float: left; width: 30px; height: 7px; margin: 6px 0 0 10px; line-height: 0; overflow: hidden;}
.homeNewRight ul li a .newRightPad .padMore .newMoreRight b .imgs{}
.homeNewRight ul li a .newRightPad .padMore .newMoreRight b .imgd{ display: none;}
.homeNewRight ul li a:hover .newRightPad .padMore .newMoreRight b .imgs{ display: none;}
.homeNewRight ul li a:hover .newRightPad .padMore .newMoreRight b .imgd{ display: block;}
@media  screen and (max-width:1199px){
    .homeNewRight ul li a .newRightPicture{ width: 127px; height: 95px; }
    .homeNewRight ul li a .newRightPad{ padding-left: 142px;}
    .homeNewRight ul li a .newRightPad .padText{ height: 40px; margin: 6px 0; line-height: 20px; }
}
@media  screen and (max-width:991px){
    .homeNewRight{ width:100%; margin-top: 1.09%; }
    .homeNewRight ul li a .newRightPad h3{ font-size: 16px; }
    .homeNewChange{position:initial; width:100%;}
}
@media  screen and (max-width:767px){
    .homeNewRight ul li a .newRightPad h3{ font-size: 15px; }

}

.homeNewChange{ text-align: center; position:absolute;  width: 48.63%; right:0; bottom:10.47%;}
.homeNewChange .changeMore{ display: inline-block; padding: 0 28px; border: #e70012 solid 1px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.homeNewChange .changeMore:hover{ background-color: #e70012;}
.homeNewChange .changeMore span{ float: left; color: #e70012; font-size: 14px; line-height: 34px;}
.homeNewChange .changeMore:hover span{ color: #fff;}
.homeNewChange .changeMore b{ float: left; width: 14px; height: 12px; line-height: 0; margin: 12px 0 0 6px;}
.homeNewChange .changeMore b .imgs{}
.homeNewChange .changeMore b .imgd{ display: none;}
.homeNewChange .changeMore:hover b .imgs{ display: none;}
.homeNewChange .changeMore:hover b .imgd{ display: block;}


@media  screen and (max-width:991px){
    .homeNewChange{position:initial; width:100%; margin-top: 4.36%; }
}
/*homeBranch*/
.homeBranchBack{ }
.homeBranch{ padding:3.15% 0 4.79% 0; }
.homeBranch .branchMap{}
.branchMap .m_571{ margin:0 auto; width:571px;}
.branchMap .m_571 .t_588{ position:relative;}
.branchMap .m_571 .t_588 .apf1{ position:absolute; width:7px; height:7px;}
.branchMap .m_571 .t_588 .apf1 .yuan{ float:left; width:7px; height:7px; overflow:hidden;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    border-radius:50%;
}
.branchMap .m_571 .t_588 .apf1 .text{ float:left; white-space:nowrap;}
.branchMap .m_571 .t_588 .apf1:hover .text.no{ display:none;}
.branchMap .m_571 .t_588 .apf1 .bigyuan{ position:absolute; width:0; height:0; left:50%; top:50%;}
.branchMap .m_571 .t_588 .apf1 .bigyuan .font{ display:none;}
.branchMap .m_571 .t_588 .apf1:hover .bigyuan .font,
.branchMap .m_571 .t_588 .apf1 .bigyuan.on .font{ display:block;}
.branchMap .m_571 .t_588 .apf1:hover .bigyuan,
.branchMap .m_571 .t_588 .apf1 .bigyuan.on{ width:63px; height:63px; margin:-31px 0 0 -31px; background:url(main20.png) no-repeat; color:#fff; line-height:63px; text-align:center;}
.branchMap .m_571 .t_588 .apf1 .k{ display:none; position:absolute; width:213px; min-height:150px; padding:13px 8px 9px 17px; border:#d2d2d2 dashed 1px; background-color:#fff; left:57px; top:-45px; line-height:24px; z-index:20;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
}
.branchMap .m_571 .t_588 .apf1:hover .k{ display:block;}
.branchMap .m_571 .t_588 .apf1 .k .line{  position:absolute; width:10px; height:16px; top:30%; margin-top:-8px; right:100%;}
.branchMap .m_571 .t_588 .apf1 .k .bigk{ color:#e70012; font-size:14px; font-weight:bold;}

.branchMap .m_571 .t_588 .apf1 .k .dk{ margin-top:6px; }
.branchMap .m_571 .t_588 .apf1 .k .dk .dkLine{ padding: 3px 0;}
.branchMap .m_571 .t_588 .apf1 .k .dk .dkLine .dkLeft{ float: left; color: #333333; font-size: 14px; line-height: 18px;}
.branchMap .m_571 .t_588 .apf1 .k .dk .dkLine .dkRight{ padding-left: 72px; color: #333333; font-size: 14px; line-height: 18px;}

/*手机端首页地图*/
.imPhoneMap .t_588{ position:relative;}
.imPhoneMap .t_588 .apf1{ position:absolute; width:7px; height:7px;}
.imPhoneMap .t_588 .apf1 .yuan{ float:left; width:7px; height:7px; overflow:hidden;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    -khtml-border-radius:50%;
    border-radius:50%;
}
.imPhoneMap .t_588 .apf1 .text{ float:left; white-space:nowrap;}



@media  screen and (max-width:991px){
    .c_1188_5{ padding:0 15px 30px 15px;}
}
@media  screen and (max-width:767px){
    .branchMap .m_571{ margin:0 auto; width:100%;}
    .branchMap .m_571 .t_588  .k{ display:none; position:absolute; width:80%; min-height:128px; padding:7px 0 5px 0; border:#d2d2d2 dashed 1px; background-color:#fff; left:10%; top:50%; line-height:24px; z-index:20;
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        -khtml-border-radius:4px;
        border-radius:4px;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -o-transform:translateY(-50%);

    }
    .branchMap .m_571 .t_588  .k{ display:block;}
    .branchMap .m_571 .t_588  .k .bigk{ padding:0 13px; color:#007cc5; font-size:14px; font-weight:bold;}
    .branchMap .m_571 .t_588  .k .dk{ margin-top:6px;}
    .branchMap .m_571 .t_588  .k .dk .ldk{ padding:0 0 0 13px;}
    .branchMap .m_571 .t_588  .k .cha{ position:absolute; width:20px; height:20px; right:-10px; top:-10px;}
}

.imPhoneMap{ padding: 0%;}
.imPhoneMap .phoneMapIn{ background: url("0_main13.png") center no-repeat; background-size: cover;}
.mapSleck{ padding-top: 30%; height: 40px;}
.mapSleck .slectCity{ float: left; color: #333; font-size: 14px; line-height: 48px;}
.mapSleck .slectCityChoose{ padding-left: 50px;}
.chooseCity{  position: relative;  }
.chooseCity .chooseCityTop{border: #ccc solid 1px; height: 40px; padding-left: 15px; background-color: #fff; color: #333; font-size: 14px; line-height: 38px; position: relative;font-style: normal;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;}
.chooseCity .chooseCityTop::after{ content:'' ; position: absolute; width: 0; height: 0; right: 15px; top: 50%; margin-top: -3px; border-top: #999 solid  6px; border-left: transparent solid 5px; border-right: transparent solid 5px; }

.chooseCity ul{ display: none; position: absolute; width: 100%; left: 0; top: 40px; border: #ccc solid 1px; padding: 3px 0; background-color: #fff;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.chooseCity ul li{ padding: 6px 10px 6px 15px; color: #555; font-size: 14px; line-height: 18px;}




.mapInfo{ margin-top: 4%; border: #f1f1f1 solid 1px; background-color: #f8f8f8; overflow: hidden;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.mapInfo ul{ float: left; width: 100%;}
.mapInfo li{ display: none;}
.mapInfo li.active{display: block;}
.mapInfo .infoTit{ background-color: #767676; padding: 12px 15px; color: #fff; font-size: 15px; line-height: 18px; font-style: normal;  }
.mapInfo .infoDown{ padding: 5px 15px;}
.mapInfo .infoDown .infoLi{ padding: 6px 0; color: #333; font-size: 14px; line-height: 24px;}
.mapInfo .infoDown .infoLi .infoZ{ float: left; }
.mapInfo .infoDown .infoLi .infoZ b{ float: left; width: 22px; margin: 1px 10px 0 0; line-height: 0;}
.mapInfo .infoDown .infoLi .infoZ span{ float: left;}
.mapInfo .infoDown .infoLi .infoY{ padding-left: 80px; }
/*@media  screen and (max-width:991px){
    .imPhoneMap{ padding: 0 10%;}
}*/


.branchMapStaile{ padding-top:3.01%; color: #232323; font-size: 18px; line-height: 36px; text-align: center; }
@media  screen and (max-width:991px){
    .branchMapStaile{ padding-top:5%; color: #232323; font-size: 14px; line-height: 28px; }
}
@media  screen and (max-width:767px){
    .branchMapStaile{  line-height: 26px; }
}




/*homeTrailer*/
.homeTrailerBox{ padding: 3.28% 0 5.47% 0;}

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

}
.slide .img{
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    background: #000;
    border: 0;
}
.slide .img::before{ display: none; content: ''; position: absolute; width: 66px; height: 66px; top: 50%; left: 50%; margin: -33px 0 0 -33px; background: url("main24.png") center no-repeat; background-size: cover; cursor: pointer;}
.slide .img.img3::before{ display: block;}
.slide .img img{
    margin: 0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
}
.slide .img1{
    width: 40%;
    height: 40%;
    top: 30%;
    left: -50%;
    z-index: 1;
}
.slide .img2{
    width: 52.054%;
    height: 87.5%;
    top: 12.5%;
    left: 0%;
    z-index: 2;
    opacity: 0.7;
    background: #000;
}
.slide .img3{
    width: 59.452%;
    height: 100%;
    top: 0;
    left: 20.274%;
    z-index: 3;
}
.slide .img3 img{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.slide .img4{
    width: 52.054%;
    height: 87.5%;
    top: 12.5%;
    left: 47.94520547945205%;
    z-index: 2;
    opacity: 0.7;
    background: #000;
}
.slide .img5{
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
    display: none;
}
.slide-bt span{
    width: 24px;
    height: 8px;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #ffd200;
}
.slideOut button{ border: 0;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -o-border-radius:0;
    -webkit-appearance:none;
    outline: 0;

}
.butLeft{ position: absolute; left: 0; top:56.25%; margin-top: -25px; width:70px; height: 50px; background: url("main22.png") no-repeat; background-size: cover; outline: 0; z-index: 20; }
.butLeft:hover{ background: url("main22.png") no-repeat rgba(0,0,0,0.1); background-size: cover; }
.butRight{position: absolute; right: 0; top:56.25%; margin-top: -25px; width:70px; height: 50px; background: url("main23.png") no-repeat; background-size: cover; outline: 0; z-index: 20;}
.butRight:hover{ background: url("main23.png") no-repeat rgba(0,0,0,0.1); background-size: cover;}
@media screen and (max-width:991px){
    .slideBack{ background:0;}
}
@media screen and (max-width:767px){
    .slide .img2{
        opacity: 1;
    }
    .slide .img4{
        opacity: 1;
    }
    .slide .img2::before{  border: #fff solid 3px;}
    .slide .img4::before{  border: #fff solid 3px;}
    .butLeft{ width: 40px; height: 29px; margin-top: -15px; background-size: cover;}
    .butLeft:hover{ background-size: cover;}
    .butRight{ width: 40px; height: 29px; margin-top: -15px; background-size: cover;}
    .butRight:hover{ background-size: cover;}
}





.special{}
.special .owl-dots{ width: 100%; margin-top: 5.5%; text-align: center; line-height: 0;}
.special .owl-dots .owl-dot{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border:#a8a8a8 solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.special .owl-dots .owl-dot.active{ background: #e70012; border-color: #e70012;}
@media screen and (max-width:767px){
    .special .owl-dots .owl-dot{  width: 9px; height: 9px; margin: 0 3px; }
}


/*down*/
.footBox{ padding: 18px 10px 26px 30px;}
.footBox .footRight{ float: right; width: 338px;}
.footBox .footRight ul{}
.footBox .footRight ul li{ float: left; width: 50%; padding-top: 10px;}
.footBox .footRight ul li .pic{ float: left; width: 110px; height: 110px;}
.footBox .footRight ul li .ewmTit{ float: left; width: 57px;}
.footBox .footRight ul li .ewmTit .line{ float: left; width: 1px; height: 61px; background-color: #fff; margin-left: 28px;}
.footBox .footRight ul li .ewmTit .ewmPic{ float: left; width: 100%; padding-top: 7px; text-align: center;}
.footBox .footRight ul li .ewmTit .ewmPic img{ width: 23px; height: 23px;}
.footBox .footRight ul li .ewmTit .ewmText{ float: left; width: 100%; padding-top: 4px; color: #fff; font-size: 14px; line-height: 14px; text-align: center;}
.footBox .footLeft{ padding-right: 400px;}
.footBox .footLeft .footLeftTop{ float: left; width: 100%; border-bottom: #303030 solid 1px; position: relative;}
.footBox .footLeft .footLeftTop .shuLine{ content: ''; position: absolute; width: 1px; height: 100%; background-color: #303030; left: 71.92%; top: 0;}
.footBox .footLeft .footLink{ float: left; padding: 19px 0; color: #565656; font-size: 14px; line-height: 20px;}
.footBox .footLeft .footLink a{ color: #fff; margin: 0 22px; white-space: nowrap;}
.footBox .footLeft .footLink a:hover{ color: #e70012;}
.footBox .footTel{ float: right; padding: 19px 0; }
.footBox .footTel b{ float: left; width: 20px; height: 20px; line-height: 0; margin-right: 10px;}
.footBox .footTel span{ float: left; color: #fff; font-size: 18px; font-weight: bold; line-height: 20px;}
.footBox .footTel span a{color: #fff;}
.footBox .footTel span p{display:inline-block;}
@media screen and (max-width:1489px){
    .footBox{ padding: 18px 15px 18px 15px;}
    .footBox .footLeft .footLeftTop .shuLine{ left: 62%; }
    .footBox .footLeft .footLink a{ margin: 0 10px;}
}
@media screen and (max-width:1379px){
    .footBox .footRight{ float: none; margin: 0 auto; width: 338px;}
    .footBox .footLeft{ padding-right:0;}
    .footBox .footLeft .footLeftTop{ border-top: #303030 solid 1px; margin-top: 18px; }
}
@media screen and (max-width:991px){
    .footBox .footLeft .footLeftTop .shuLine{ display: none; }
    .footBox .footLeft .footLink{ width: 100%; text-align: center; }
    .footBox .footTel{ float: left; width: 100%; padding: 0 0 19px 0; text-align: center; }
    .footBox .footTel b{ float: none; display: inline-block; }
    .footBox .footTel span{ float: none; display: inline-block; }
}
@media screen and (max-width:767px){
    .footBox{ padding: 15px;}
    .footBox .footRight{ width: 290px;}
    .footBox .footRight ul li .pic{ width: 95px; height: 95px;}
    .footBox .footRight ul li .ewmTit .line{ height: 45px; margin-left: 24px;}
    .footBox .footRight ul li .ewmTit{ width: 50px;}
    .footBox .footLeft .footLink{ padding: 13px 0; }
    .footBox .footLeft .footLink a{ margin: 0 5px;}
    .footBox .footTel{ padding: 0 0 13px 0; }
    .footBox .footTel span{ font-size: 16px; }
}



.down{ float:left; width:100%; padding-top:21px; }
.down .d_left{ float:left; font-size:12px; color:#fff; line-height: 18px;}
.down .d_left a{color:#fff}
.down .d_left a:hover{ color: #e70012;}
.lian{ float: right; width: 243px; height: 36px; border: #303030 solid 1px;  position: relative;  }
.lian h5{ line-height: 34px; cursor: pointer; padding-left: 18px; color: #fff; font-size: 12px;  height: 100%;  }
.lian h5 img{ float: right; margin-top: 10px; width: 12px; height: 12px; margin-right: 14px; line-height: 0;  }
.lian .ul1{ position: absolute; bottom: 35px; left: -1px; width: 100%; background: #3d3d3d; padding-top: 8px; padding-bottom: 9px; display: none; border: #3d3d3d solid 1px; box-sizing: content-box; }
.lian .ul1.active{
    display: block;
}
.lian .ul1 li{  }
.lian .ul1 li a{
    color: #666;
    display: block;
    padding-left: 15px;
    line-height: 24px;
}
.lian .ul1 li a:hover{ color: #e70012; }
@media screen and (max-width:991px){
    .down{ text-align: center; }
    .down .d_left{ width: 100%; text-align: center; }
    .lian{ float: none; display: inline-block; margin-top: 12px;  }
}
@media screen and (max-width:767px){
    .down{ padding-top:13px; }
}


/*搜索弹窗*/
.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{width:100%; 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;
}
.inco1 ::-webkit-input-placeholder { color:#b2b2b2 !important;}
.inco1 :-moz-placeholder {  color:#b2b2b2 !important;}
.inco1 ::-moz-placeholder {  color:#b2b2b2 !important;}
.inco1 :-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;}




/*成功案例*/
.breadCrumb{ position: absolute; width: 100%; left: 0; bottom: 0; background-color:#333; height: 45px;}
.breadCrumb .breadSelf{ float: left; padding: 10px 0; color: #F7EA90; font-size: 14px; line-height: 25px;}
.breadCrumb .breadSelf b{ float: left; width: 19px; height: 16px; margin: 3px 11px 0 0; line-height: 0;}
.breadCrumb .breadSelf a{color: #F7EA90;}
.breadCrumb .breadSelf a:hover,
.breadCrumb .breadSelf a.hover{ color: #fff;}
@media  screen and (max-width:767px){
    .breadCrumb{ display: none;}
}

.caseStudy{ position: absolute; width: 100%; left: 0; top: 50%; margin-top: -44px;}
.caseStudy .studyTop{ text-align: center;}
.caseStudy .studyTop .studyTit{ display: inline-block; color: #fff; font-size: 42px; line-height:1.05; padding: 0 20px; letter-spacing: 5px; position: relative; }
.caseStudy .studyTop .studyTit .zuo{ position: absolute; width: 131px; height: 7px; right: 100%; top: 50%; margin-top: -3px; line-height: 0;}
.caseStudy .studyTop .studyTit .you{ position: absolute; width: 131px; height: 7px; left: 100%; top: 50%; margin-top: -3px;line-height: 0;}
.caseStudy .studyDown{ margin-top:13px; color: #ffffff; font-size: 28px; line-height: 1; text-align: center; text-transform: uppercase; }
@media  screen and (max-width:1229px){
    .caseStudy .studyTop .studyTit{ font-size: 34px; }
    .caseStudy .studyDown{ font-size: 24px; }
}
@media  screen and (max-width:991px){
    .caseStudy .studyTop .studyTit{ font-size: 24px; }
    .caseStudy .studyDown{ font-size: 18px; }
}
@media  screen and (max-width:767px){
    .caseStudy{ margin-top: -16px;}
    .caseStudy .studyTop .studyTit{ font-size: 18px;  padding: 0 10px;}
    .caseStudy .studyTop .studyTit .zuo{ width: 75px; height: 4px; margin-top: -2px; }
    .caseStudy .studyTop .studyTit .you{ width: 75px; height: 4px; margin-top: -2px; }
    .caseStudy .studyDown{ margin-top: 4px; font-size: 14px; }
}



.caseBox{ padding-top: 2%; margin: 0 -15px;}
.caseBox ul{ width:100%; float:left; min-height: 500px;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.caseBox ul li{ width:25%; float:left; padding:0 15px;}
.caseBox ul li .zbox{ width:100%; float:left; margin-top: 7.89%;}
.caseBox ul li .zbox .img{ overflow:hidden;}
.caseBox ul li .zbox .img img{
    transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
}
.caseBox ul li .zbox:hover .img img{
    transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);}
.caseBox ul li .zbox .text{ padding:12px 5px 12px 15px; border-bottom:solid 1px #e6e6e6;}
.caseBox ul li .zbox .text .arrow{ float: right; width: 38px; height: 20px; margin-top: 19px; padding: 6px 0 5px 20px; border-left: #fff solid 1px; margin-right: 10px; 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;
}
.caseBox ul li .zbox:hover .text .arrow{ border-left: #e5e5e5 solid 1px; margin-right: 0;}
.caseBox ul li .zbox .text .caseRight{ padding-right: 60px;}
.caseBox ul li .zbox .text h4{ float: left; width: 100%; font-size:16px; color:#333; line-height:30px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.caseBox ul li .zbox:hover .text h4{ color:#e70012;}
.caseBox ul li .zbox .text h5{ float: left; width: 100%; font-size:14px; color:#999; line-height:28px;}
@media  screen and (max-width:991px){
    .caseBox ul{ min-height: 50px; }
    .caseBox ul li{ width:50%;}
}
@media  screen and (max-width:767px){
    .caseBox{ margin: 0 -6px;}
    .caseBox ul li{ padding:0 6px;}
    .caseBox ul li .zbox .text{ padding:6px 3px 6px 0;}
    .caseBox ul li .zbox .text h4{ font-size:14px; line-height:22px;}
    .caseBox ul li .zbox .text h5{ font-size:12px; line-height:20px;}
    .caseBox ul li .zbox .text .arrow{ width: 30px; margin-top: 10px; padding: 6px 0 5px 12px; margin-right: 0; }
    .caseBox ul li .zbox .text .caseRight{ padding-right: 34px;}
}


/*产品中心*/
.caseNav{ line-height: 0; border-bottom: #e5e5e5 solid 1px;}
.caseNav .pz_SideLayer{ text-align: center; }
.caseNav .pz_SideLayer .l1{ display: inline-block; *display: inline; *zoom:1; margin-left: -1px; }
.caseNav .pz_SideLayer .l1 a{ float: left; width: 100%; min-width: 194px; padding: 0 18px 0 18px; border-left: #e5e5e5 solid 1px; border-right: #e5e5e5 solid 1px; border-bottom: #fff solid 2px; color: #333333; font-size: 18px; line-height: 66px; }
.caseNav .pz_SideLayer .l1 a:hover,
.caseNav .pz_SideLayer .l1 .hover{ color:#e70012; border-bottom-color: #e70012; }
.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;}
.caseNav .pz_SideLayer .l2{display:none;}

/*产品中心的边导航*/
.twoSlide{ padding: 3.5% 0; margin: 0 -6px;}
.pz_SideLayer2{ float: left; width: 100%;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
    -webkit-align-items: flex-start;
}
.pz_SideLayer2 .l1{ float: left; width: 12.5%; padding: 15px 6px 0 6px;}
.pz_SideLayer2 .l1 a{ float: left; width: 100%; border: #e5e5e5 solid 1px; padding: 10px 5px; color: #333333; font-size: 14px; line-height: 18px; text-align: center; }
.pz_SideLayer2 .l1 a:hover,
.pz_SideLayer2 .l1 .hover{ color:#e70012; border-bottom-color: #e70012; }
.pz_SideLayer2 .l1 .layerIco{ margin: 0 auto; width:52px; line-height: 0; }
.pz_SideLayer2 .l1 .layerIco .imgs{}
.pz_SideLayer2 .l1 .layerIco .imgd{ display: none;}
.pz_SideLayer2 .l1 a:hover .layerIco .imgs,
.pz_SideLayer2 .l1 .hover .layerIco .imgs{ display: none;}
.pz_SideLayer2 .l1 a:hover .layerIco .imgd,
.pz_SideLayer2 .l1 .hover .layerIco .imgd{ display: block;}
.pz_SideLayer2 .l1 a h3{ margin-top: 14px; font-size: 18px;}
.pz_SideLayer2 .l2{display:none;}
@media  screen and (max-width:1229px){
    .pz_SideLayer2 .l1{ width: 16.666%; }
}
@media  screen and (max-width:991px){
    .pz_SideLayer2 .l1{ width: 25%; }
}
@media  screen and (max-width:767px){
    .twoSlide{ margin: 0 -2px;}
    .pz_SideLayer2 .l1{ width: 50%; padding: 5px 2px 0 2px; }
    .pz_SideLayer2 .l1 a{  padding: 10px 2px; color: #333333; font-size: 14px; line-height: 18px; text-align: center; }
}

.caseNavSecond{ background-color: #f5f5f5;}
.caseNavSecond .secondBox{ padding: 14px 0;}
.caseNavSecond .secondBox .pz_SideLayer {overflow:hidden;}
.caseNavSecond .secondBox .pz_SideLayer .l1{display:none;}
.caseNavSecond .secondBox .pz_SideLayer .l2{ float: left; padding-right: 30px;  font-size: 14px; line-height: 24px;}
.caseNavSecond .secondBox .pz_SideLayer .l2 a{color: #757575;}
.caseNavSecond .secondBox .pz_SideLayer .l2 a:hover,
.caseNavSecond .secondBox .pz_SideLayer .l2 a.hover{ color: #e70012;}



.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:#e70012;}
.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;}


.productList{ /*padding-top: 2.5%;*/ margin: 0 -15px;}
.productList ul{ float: left; width: 100%; min-height: 500px;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.productList ul li{ float: left; width: 33.333333%; padding: 0 15px;}
.productList ul li .aBox{ float: left; width: 100%; margin-top: 7.89%; background-color: #f8f8f8; padding: 3.94% 3.94% 5.26% 3.94%;}
.productList ul li .aBox:hover{
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.productList ul li .aBox .proPictureIn{ overflow: hidden;}
.productList ul li .aBox .proPictureIn img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.productList ul li .aBox:hover .proPictureIn 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);
}
.productList ul li .aBox h3{ margin-top: 18px; color: #333333; font-size: 18px; line-height: 24px; overflow: hidden;}
.productList ul li .aBox:hover h3{ color: #e70012;}
.productList ul li .aBox .proTag{ padding-top: 6px;}
.productList ul li .aBox .proTag span{ float: left; margin: 5px 10px 0 0; border: #e2e2e2 solid 1px; color: #666666; line-height: 22px; padding: 0 8px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.productList ul li .aBox .proText{ margin-top:10px; height: 48px; color: #555555; font-size: 14px; line-height: 24px; overflow: hidden; }
.productList ul li .aBox .proButn{ margin-top: 18px; text-align: center;}
.productList ul li .aBox .proButn .but{ float: left; width: 45.71%; background-color: #aaaaaa; color: #fff; font-size: 14px; line-height: 40px;}
.productList ul li .aBox .proButn .but:hover{ background-color: #e70012;}
.productList ul li .aBox .proButn .but.ri{ float: right; }
@media  screen and (max-width:991px){
    .productList ul li{ width: 50%; }
}
@media  screen and (max-width:767px){
    .productList ul li{ width: 100%; }
    .productList ul li .aBox h3{ margin-top: 10px;  font-size: 16px; }
    .productList ul li .aBox .proButn .but{ font-size: 14px; line-height: 36px;}
}


/*产品详情*/
.productCTop{ padding: 5% 0 4.16% 0;}
.productCTop .productLeft{ float: left; width: 365px; overflow: hidden;}
.productSlideTop{ border: #e1e1e1 solid 1px; position: relative;}
.productSlideTop .slick-slide{ padding:0;}
.productSlideTop .slick-slide img{ width: 100%;}
.productSlideTop .slick-prev{ position: absolute; width: 23px; height: 39px; left: 0; top: 50%; background: url("pro7.jpg") no-repeat; background-size: cover;}
.productSlideTop .slick-prev:hover{background: url("pro7_h.jpg") no-repeat; background-size: cover;}
.productSlideTop .slick-next{ position: absolute; width: 23px; height: 39px; right: 0; top: 50%; background: url("pro8.jpg") no-repeat; background-size: cover;}
.productSlideTop .slick-next:hover{background: url("pro8_h.jpg") no-repeat; background-size: cover;}
.proPictureIn{height:467px!important;}

@media  screen and (max-width:1229px){
    .productCTop .productLeft{ width: 466px; }
	}
@media  screen and (max-width:991px){
    .productCTop .productLeft{ width: 565px; margin-left: 86px;}

}
@media  screen and (max-width:767px){
    .productCTop .productLeft{ width: 100%; margin-left: 0;}
	.slick-track{display:none !important;}
	.slick-slide{width:100% !important;} 
	.productSlideDown{display:none !important;}
	
}

.productSlideDown{ padding-top: 17px; margin: 0 -9px;}
.productSlideDown .SlideDown{}
.productSlideDown .SlideDown .slick-slide{ }
.productSlideDown .SlideDown .slick-slide .dLi{padding: 0 10px;}
.productSlideDown .SlideDown .slick-slide .dLi .span{ position: relative; line-height: 0;}
.productSlideDown .SlideDown .slick-slide .dLi .span::before{ position: absolute; content:''; width: 100%; height: 100%; left: 0; top: 0; border: #e2e2e2 solid 1px; cursor: pointer; box-sizing: border-box;}
.productSlideDown .SlideDown .slick-slide.slick-current .dLi .span::before{ border-color: #e91122;}
.productSlideDown .SlideDown img{ width:100%;}
@media  screen and (max-width:767px){
    .productSlideDown{ padding-top: 10px; margin: 0 -2px;}
    .productSlideDown .SlideDown .slick-slide .dLi{ padding: 0 4px;}
}

.productRight{ float: right; width: 596px; }
.productRight h3{ padding-top: 4.02%; color: #333333; font-size: 24px; line-height:1.416; font-weight: bold; }
.productRight .busLine{ padding-top: 5px; padding-bottom: 4.02%; border-bottom: #e0e0e0 solid 1px; color: #757575; font-size: 12px; line-height: 20px;}
.productRight .busList{ padding: 2.85% 0 7.38% 0; border-bottom: #e0e0e0 solid 1px;}
.productRight .busList .listLi{ padding: 5px 0; color: #757575; font-size: 14px; line-height: 26px;}
.productRight .busList .listLi span{ color: #333333; font-weight: bold;}
.productRight .busTag{ padding: 3.35% 0 4.19% 0; border-bottom: #e0e0e0 solid 1px;}
.productRight .busTag span{ float: left; margin: 5px 10px 0 0; border: #e2e2e2 solid 1px; color: #666666; line-height: 22px; padding: 0 8px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.productRight .busTag span:hover{ border-color: #e70012; color: #e70012;}
.productRight .busBtn{ padding-top: 7.04%;}
.productRight .busBtn .busButton{ float: left; padding: 0 56px; background-color: #e70012; color: #fff; font-size: 16px; line-height: 40px; border: 0;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
    -webkit-appearance:none;
    outline: 0;
}
.productRight .busBtn .busLoad{ float: left; margin-left: 15px; border: #e70012 solid 1px; padding: 0 22px;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -o-border-radius:3px;
}
.productRight .busBtn .busLoad b{ float: left; width: 19px; height: 19px; margin: 10px 6px 0 0; line-height: 0;}
.productRight .busBtn .busLoad span{ float: left; color: #e70012; font-size: 16px; line-height: 38px;}
.productRight .busBtn .shareRight{ float: right; margin-top: 8px;}
@media  screen and (max-width:1229px){
    .productRight{ width: 466px; }
    .productRight h3{ padding-top: 0; }
    .productRight .busList{ padding: 2.85% 0 3.7% 0; }
}
@media  screen and (max-width:991px){
    .productRight{ float: left; width: 100%;  }
    .productRight h3{ padding-top: 4.02%; font-size:20px; }
}
@media  screen and (max-width:767px){
    .productRight h3{ font-size:17px; }
    .productRight .busBtn{ padding-top: 3.5%; padding-bottom: 1.5%;}
    .productRight .busBtn .busButton{ padding: 0 20px; }
    .productRight .busBtn .busLoad{ margin-left: 10px; padding: 0 15px; }
}


.productSpecification{ border: #e0e0e0 solid 1px; margin-bottom: 5%;}
.productSpecification .hd{ background: url("pro11.jpg") bottom repeat-x;}
.productSpecification .hd ul{}
.productSpecification .hd ul li{ float: left; padding: 0 26px; border-right:#e0e0e0 solid 1px; border-bottom:#e0e0e0 solid 1px; color: #757575; font-size: 14px; line-height: 59px; cursor: pointer; }
.productSpecification .hd ul li.on{ color: #e70012; background-color: #ffedee; border-bottom-color: #ffedee;}
.productSpecification .bd{}
.productSpecification .bd .bdDhow p{max-width:100%;margin:0 auto;text-align:center;}
.productSpecification .bd .bdDhow{ color: #333333; font-size: 14px; line-height: 28px; padding: 2% 2.5% 3.75% 2.5%;}
@media  screen and (max-width:991px){
    .productSpecification .hd ul li{ line-height: 45px; }
}
@media  screen and (max-width:767px){
    .productSpecification .hd ul li{ line-height: 42px; }
}

.productTjBack{ background-color: #f8f8f8;}
.productTjBox{ padding: 4.75% 0 5% 0;}
.tjTitle{}
.tjTitle h4{ height: 30px; background: url("pro13.png") center repeat-x; text-align: center;}
.tjTitle h4 span{ display: inline-block; padding: 0 20px; background-color: #f8f8f8; color: #000000; font-size: 24px; line-height: 30px;}
.tjTitle .tjTitDown{ padding-top: 7px; color: #9e9e9e; font-size: 14px; line-height: 20px; text-align: center; text-transform: uppercase;}
.productTjBox .tjdown{ padding-top: 2.91%; margin: 0 -15px;}
.productTjBox .tjdown li{  padding:0 15px;}
.productTjBox .tjdown li .zbox{ width:100%; float:left; }
.productTjBox .tjdown li .zbox .img{ overflow:hidden;}
.productTjBox .tjdown li .zbox .img img{
    transition: all 0.6s linear;
    -moz-transition: all 0.6s linear;
    -webkit-transition: all 0.6s linear;
    -o-transition: all 0.6s linear;
}
.productTjBox .tjdown li .zbox:hover .img img{
    transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);}
.productTjBox .tjdown li .zbox .text{ padding:12px 5px 12px 15px; border-bottom:solid 1px #e6e6e6;}
.productTjBox .tjdown li .zbox .text .arrow{ float: right; width: 38px; height: 20px; margin-top: 19px; padding: 6px 0 5px 20px; border-left: #fff solid 1px; margin-right: 10px; 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;
}
.productTjBox .tjdown li .zbox:hover .text .arrow{ border-left: #e5e5e5 solid 1px; margin-right: 0;}
.productTjBox .tjdown li .zbox .text .caseRight{ padding-right: 60px;}
.productTjBox .tjdown li .zbox .text h4{ float: left; width: 100%; font-size:16px; color:#333; line-height:30px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.productTjBox .tjdown li .zbox:hover .text h4{ color:#e70012;}
.productTjBox .tjdown li .zbox .text h5{ float: left; width: 100%; font-size:14px; color:#999; line-height:28px;}
.productTjBox .tjdown .owl-prev{ position: absolute; width: 22px; height: 38px; left: -35px; top: 50%; margin-top: -19px; background: url("pro14.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;}
.productTjBox .tjdown .owl-prev:hover{background: url("pro14_h.png") no-repeat; background-size: cover;}
.productTjBox .tjdown .owl-next{ position: absolute; width: 22px; height: 38px; right: -35px; top: 50%; margin-top: -19px; background: url("pro15.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;}
.productTjBox .tjdown .owl-next:hover{background: url("pro15_h.png") no-repeat; background-size: cover; }
@media  screen and (max-width:991px){
    .tjTitle h4 span{ font-size: 24px; }
}
@media  screen and (max-width:767px){
    .tjTitle h4 span{ font-size: 18px; }
    .tjTitle .tjTitDown{ padding-top: 0; line-height: 16px; }
}
@media  screen and (max-width:991px){
    .productTjBox .tjdown li{ }
}
@media  screen and (max-width:767px){
    .productTjBox .tjdown{ margin: 0 -6px;}
    .productTjBox .tjdown li{ padding:0 6px;}
    .productTjBox .tjdown li .zbox .text{ padding:6px 3px 6px 0;}
    .productTjBox .tjdown li .zbox .text h4{ font-size:14px; line-height:22px;}
    .productTjBox .tjdown li .zbox .text h5{ font-size:12px; line-height:20px;}
    .productTjBox .tjdown li .zbox .text .arrow{ width: 30px; margin-top: 10px; padding: 6px 0 5px 12px; margin-right: 0; }
    .productTjBox .tjdown li .zbox .text .caseRight{ padding-right: 34px;}
}


/*公司资质*/
.honorListTitle{ padding: 4.41% 0 2.16% 0}
.honorListTitle .honorTit{ height: 50px; color: #eeeeee; font-size:50px; line-height: 50px; text-transform: uppercase; text-align: center; white-space: nowrap;}
.honorListTitle .honorH3{ text-align: center; color: #e70012; font-size: 30px; line-height: 30px; margin-top: -30px;}
@media  screen and (max-width:991px){
    .honorListTitle .honorTit{ height: 40px; font-size:40px; line-height: 40px; }
    .honorListTitle .honorH3{  font-size: 24px; line-height: 30px; margin-top: -30px;}
}
@media  screen and (max-width:767px){
    .honorListTitle{ padding: 5% 0 2.16% 0}
    .honorListTitle .honorTit{ height: 24px; font-size:21px; line-height: 24px; }
    .honorListTitle .honorH3{  font-size: 18px; line-height: 20px; margin-top: -20px;}
}

.honorList{ margin: 0 -15px;}
.honorList ul{ float: left; width: 100%; min-height: 500px;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.honorList ul li{ float: left; width: 25%; padding: 0 15px;}
.honorList ul li a{ float: left; width: 100%; margin-top: 10.8%;}
.honorList ul li a .honorBox{ background-color: #585858; position: relative; padding:5.41% 5.41% 0 5.41%; overflow: hidden; }
.honorList ul li a .honorBox::after{ content: ''; position: absolute; width: 100%; height: 27.84%; left: 0; bottom: -35%; background-color: #e70012;
    -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 .honorBox::after{ bottom: 0;}
.honorList ul li a .honorBox .honorRe{ position: relative; z-index: 5;}
.honorList ul li a .honorBox .honorRe .honorPic{ overflow: hidden; position: relative;}
.honorList ul li a .honorBox .honorRe .honorPic b{ position: absolute;width: 61px; height: 61px; left: 50%; top: 50%; margin: -30px 0 0 -30px;
    -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);
}
.honorList ul li a:hover .honorBox .honorRe .honorPic b{
    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);
}
.honorList ul li a .honorBox .honorRe h4{ padding: 6.07% 0 7.69% 0; text-align: center; color: #ffffff; font-size: 14px; line-height: 24px;  }
@media  screen and (max-width:991px){
    .honorList ul li{ width: 33.333333%; }
}
@media  screen and (max-width:767px){
    .honorList{ margin: 0 -7px;}
    .honorList ul li a{  margin-top: 7.8%;}
    .honorList ul li{  width: 50%; padding: 0 7px;}
}


/*新闻动态*/
.unionNew{ padding-top: 3.33%; }
.unionNew ul{ float: left; width: 100%; min-height: 500px;
    display:flex;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: flex-start;
}
.unionNew ul li{ display: block; width: 100%; padding: 20px 0; border-bottom: #ededed solid 1px; overflow: hidden;  }
.unionNew ul li .gameBox{  padding: 10px 0; background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.unionNew ul li:hover .gameBox{ padding: 10px; background-color: #fde5e7;}
.unionNew ul li .unionPicture{ float: left; width: 270px; height: 203px; line-height: 0;}
.unionNew ul li .unionIco{ float: right; width: 18px; height: 34px; margin: 85px 31px 0 40px; line-height: 0;}
.unionNew ul li .unionIco .imgs{}
.unionNew ul li .unionIco .imgd{ display: none;}
.unionNew ul li:hover .unionIco .imgs{ display: none;}
.unionNew ul li:hover .unionIco .imgd{ display: block;}
.unionNew ul li .hot{ padding: 0 90px 0 320px;  }
.unionNew ul li:hover .hot{ padding: 0 80px 0 310px;}
.unionNew ul li .hotBox{  height: 203px; border-right: #ededed solid 1px; padding-right: 75px;}
.unionNew ul li:hover .hotBox{ border-right-color: #fbced1; }
.unionNew ul li .hot .hotH3{ float: left; width: 100%; padding-top: 42px; color: #333333; font-size: 18px; line-height: 30px;}
.unionNew ul li:hover .hot .hotH3{ color: #e70012;}
.unionNew ul li .hot .hotTime{ margin-top: 4px; color: #999999; line-height: 14px;}
.unionNew ul li .hot .hotDown{ float: left; width: 100%; height: 48px; margin-top: 21px; padding-left: 19px; border-left: #ededed solid 1px; color: #666666; font-size: 14px; line-height: 24px; overflow: hidden;}
.unionNew ul li:hover .hot .hotDown{ border-left-color: #fbced1;}
@media  screen and (max-width:991px){
    .unionNew ul li .unionPicture{ width: 213px; height: 160px; }
    .unionNew ul li .hot{ padding: 0 52px 0 233px;  }
    .unionNew ul li:hover .hot{ padding: 0 42px 0 243px;}
    .unionNew ul li .hotBox{ height: 160px; padding-right: 25px;}
    .unionNew ul li .unionIco{ width: 12px; height: 23px; margin: 68px 20px 0 20px; }
    .unionNew ul li .hot .hotH3{ padding-top: 21px; font-size: 17px; }
}
@media  screen and (max-width:767px){
    .unionNew{ padding-top:1%; }
    .unionNew ul li{ padding: 1.2% 0; }
    .unionNew ul li .unionPicture{ width: 133px; height: 100px; }
    .unionNew ul li .unionIco{ display: none; }
    .unionNew ul li .hot{ padding: 0 10px 0 145px;  }
    .unionNew ul li:hover .hot{ padding: 0 10px 0 150px;}
    .unionNew ul li .hotBox{  height: auto; border-right: 0; padding-right: 0;}
    .unionNew ul li .hot .hotH3{ padding-top: 0; font-size: 16px; line-height: 24px;}
    .unionNew ul li .hot .hotDown{ height: 33px; margin-top: 21px; padding-left: 8px; font-size: 14px; line-height: 18px; }
}


/*新闻详情*/
.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; border-bottom:1px solid #d7d8d8; padding:4.75% 0 2.56% 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: #3191ce;}
.newTitle .newSub .newSub_2 img{ width: 38px;}
.moveIn{ float:left; width:100%; padding: 3.2% 0 3.4% 0; color:#333333; font-size:14px; line-height:30px;  }
.newShare{ float:left; width:100%; padding: 0 0 3.24% 0; text-align: center; border-bottom:1px solid #d7d8d8; }
.newShare .shareCenter{ width:150px; margin:0 auto; text-align:center;}
@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:#e70012; 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:#e70012;}
.newMoreList .newDownBox ul li span{ float:left; width: 70%;}
.newMoreList .newDownBox ul li b{float:right; color:#777777; font-size:14px; line-height:38px; font-weight: normal;}
@media  screen and (max-width:991px){
    .newMoreList .newDownBox{  padding:23px 0 30px 0;}
}
@media  screen and (max-width:767px){
    .newMoreList{ padding: 5% 0 4.18% 0;}
    .newShare{  margin:15px 0 0 0;  }
    .newMoreList .newDownBox{  padding:10px 0 10px 0;}
    .newMoreList .newDownBox ul li{ float:left; width:100%; padding: 0 15px;}
    .newMoreList .newDownBox ul li a.noLine{ border-bottom:1px solid #d7d8d8;}
}

.newPage{ float: left; width: 100%;  }
.newPage .pageLeft{ float: left; width: 50%; color: #333333; font-size: 14px; line-height: 20px;}
.newPage .pageLeft:hover{ color: #e70012;}
.newPage .left{ padding: 20px 0 20px 0; text-transform: uppercase; }
.newPage .right{ padding: 20px 0 20px 0; text-align: right; text-transform: uppercase;}


/*联系我们*/
.contactBox{}
.contactBox .contactTop{}
.contactBox .contactTop .contactLeft{ float: left; width:40.17%; margin: 5% 0 0 0; border: #f5f5f5 solid 1px; background: url("contact2.jpg") repeat; }
.contactBox .contactTop .contactLeft .contactLogo{ padding: 19.148% 0 0 0; text-align: center;}
.contactBox .contactTop .contactLeft .contactLogo .conImg{ width: 95px;}
.contactBox .contactTop .contactLeft .contactEwm{ padding: 10.638% 11.27% 19.148% 11.27%;}
.contactBox .contactTop .contactLeft .contactEwm .ewmCell{ float: left; width: 50%; padding: 0 16px;}
.contactBox .contactTop .contactLeft .contactEwm .ewmCell .ewmBorder{ border: #dddddd solid 1px; padding: 8px; background: #fff;}
.contactBox .contactTop .contactLeft .contactEwm .ewmCell .ewmTit{ padding: 12.75% 0 0 0; text-align: center; color: #000000; font-size: 18px; line-height: 1;}
.contactRight{ float: right; width: 57.264%; margin: 5% 0 0 0; border: #f5f5f5 solid 1px; background: url("contact4.jpg") right bottom no-repeat;}
.contactRight .contactTele{ padding: 6% 7.462% 1.8% 7.462%;}
.contactRight .contactTele .teleIcon{ float: left; width: 30px; height: 30px;}
.contactRight .contactTele .teleRight{ margin: 1px 0 0 50px;}
.contactRight .contactTele .rBox{ padding: 0 0 8.49% 0;}
.contactRight .contactTele .teleRight h5{ color: #e70012; font-size: 18px; font-weight: bold; line-height: 26px;}
.contactRight .contactTele .teleRight .teleAddress{ color: #000000; font-size: 16px; line-height: 26px;  margin: 5px 0 0 0;}
@media  screen and (max-width:1229px){
    .contactRight .contactTele .rBox{ padding: 0 0 5% 0;}
}
@media  screen and (max-width:991px){
    .contactBox .contactTop .contactLeft{ width:100%; }
    .contactBox .contactTop .contactLeft .contactLogo{ padding: 5% 0 0 0; }
    .contactBox .contactTop .contactLeft .contactEwm{ padding: 6% 20% 5% 20%;}
    .contactRight{ float: left; width: 100%; }
}
@media  screen and (max-width:767px){
    .contactBox .contactTop .contactLeft .contactEwm{ padding: 5% 20% 5% 20%;}
    .contactBox .contactTop .contactLeft .contactEwm .ewmCell .ewmTit{ font-size: 14px; }
}
@media  screen and (max-width:480px){
    .contactBox .contactTop .contactLeft .contactEwm{ padding: 5% 4% 5% 4%;}
    .contactRight .contactTele .teleRight h5{ font-size: 14px; }
    .contactRight .contactTele .teleRight .teleAddress{ font-size: 14px; line-height: 24px; }

}
.contactMap{ margin: 3.418% 0 5.982% 0; }
#bdmap{width:100%; height:400px; background: no-repeat}
#bdmap img{ max-width:none;}
#bdmap .iw_poi_title{ display: block; color: #e70012; font-size: 18px;  line-height: 30px !important;}
#bdmap .iw_poi_content{ font-size: 14px; color: #666; line-height: 24px;}
@media  screen and (max-width:991px){
    #bdmap{ height:350px; }
}
@media  screen and (max-width:767px){
    #bdmap{ height:240px; }
    #bdmap .iw_poi_title{ font-size: 16px; }
}


/*案例详情*/
.caseInner{ padding: 4.66% 0 5% 0;}
.caseInner .caseInTitle{ text-align: center;}
.caseInner .caseInTitle h3{ color: #333333; font-size: 28px; line-height:1.17; }
.caseInner .caseInTitle .caseInLine{ padding-top: 1.08%; text-align: center; line-height: 0; vertical-align: top;}
.caseInner .caseInTitle .caseInLine span{ display: inline-block; width: 50px; background-color: #e5e5e5; height: 1px;}
@media  screen and (max-width:991px){
    .caseInner .caseInTitle h3{ font-size: 24px; }
}
@media  screen and (max-width:767px){
    .caseInner{ padding: 6.5% 0 5% 0;}
    .caseInner .caseInTitle h3{ font-size: 18px; }
}

.caseInnerBox{ margin: 2.08% 0 5% 0; overflow: hidden;}
.caseInnerBox .inSlideLeft{ float: left; width: 79.16666666666667%;}
.caseInnerBox .inSlideLeft .slick-slide{ }
.caseInnerBox .inSlideLeft .leftText{ position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(0,0,0,0.6);  max-height: 184px; overflow-y: auto;}
.caseInnerBox .inSlideLeft .leftText .leftTextPad{padding: 2% 2.63%; color: #fff; font-size: 14px; line-height: 36px; }

.caseInnerBox .inSlideLeft .slick-prev{ position: absolute; width: 23px; height: 39px; left: 0; top: 50%; background: url("pro7_h.jpg") no-repeat; background-size: cover;}
.caseInnerBox .inSlideLeft .slick-next{ position: absolute; width: 23px; height: 39px; right: 0; top: 50%; background: url("pro8_h.jpg") no-repeat; background-size: cover;}

.caseInnerBox .inSlideRight{ float: right; width: 18.33333333333333%;}
.caseInnerBox .slideRight{  margin: -9px 0;}
.caseInnerBox .slideRight .slick-list{ overflow: visible;}
.caseInnerBox .slideRight .slick-slide{ padding: 9px 0; outline: 0;}
.caseInnerBox .slideRight .slick-slide .slideLi{ cursor: pointer; position: relative;}
.caseInnerBox .slideRight .slick-slide .slideLi::before{ display:none; content: ''; position: absolute; width: 100%; left: 0; top: 0; height: 100%; background-color: rgba(231,0,18,0.4);}
.caseInnerBox .slideRight .slick-slide.slick-current .slideLi::before{ display: block;}
.caseInnerBox .slideRight .slick-slide .slideLi::after{ display: none; content: ''; position: absolute; width: 5px; height: 100%; background-color: #e70012; right: 100%; top: 0;}
.caseInnerBox .slideRight .slick-slide.slick-current .slideLi::after{ display: block;}
.caseInnerBox .slideRight .slick-slide .slideLi b{ display: none; position: absolute; top: 50%; margin-top: -10px; width: 0; height: 0; right: 100%; margin-right: 5px; border-right: #e70012 solid 7px; border-top: transparent solid 10px; border-bottom: transparent solid 10px;}
.caseInnerBox .slideRight .slick-slide.slick-current .slideLi b{ display: block;}
@media  screen and (max-width:1229px){
    .caseInnerBox .slideRight{  margin: -7px 0;}
    .caseInnerBox .slideRight .slick-slide{ padding: 7px 0;}
}
@media  screen and (max-width:991px){
    .caseInnerBox .inSlideLeft{ width: 100%;}
    .caseInnerBox .inSlideLeft .leftText{ position:  static; float: left; left: auto; bottom: auto; background-color: rgba(0,0,0,0.6);  max-height: none; overflow-y: visible;}
    .caseInnerBox .inSlideRight{ float: left; width: 100%; height: 0; overflow: hidden;}
}
@media  screen and (max-width:767px){
    .caseInnerBox .inSlideLeft .leftText .leftTextPad{ padding: 4.5% 3.5%; line-height: 26px; }
}

.caseInnerPage{ margin-top: 5%; padding: 10px 0; border-bottom: #e5e5e5 solid 1px; border-top: #e5e5e5 solid 1px;}
.caseInnerPage .inPageBox{ position: relative;}
.caseInnerPage .inPageBox .linePage{ position: absolute; width: 1px; height: 100%; background-color: #e5e5e5; left: 50%; top: 0;}
.caseInnerPage .inPageBox .page{ float: left; width: 50%; padding: 10px 48px; color: #333333; font-size: 14px; line-height: 20px; text-align: right;}
.caseInnerPage .inPageBox .page:hover{ color: #e70012;}
.caseInnerPage .inPageBox .page.pageRight{ text-align: left;}
@media  screen and (max-width:767px){
    .caseInnerPage{ padding: 5px 0; }
    .caseInnerPage .inPageBox .page{  padding: 5px 15px; }
}


/*关于我们*/
.aboutCompany{ padding: 5% 0;}
.aboutCompanyBox{  padding: 5% 5.41% 5% 33.08%;}
.aboutCompanyBox .aboutRed{ padding: 4.74% 2.57% 4.74% 4.33% ; background-color: rgba(212,0,18,0.6);}
.aboutCompanyBox .aboutRed h4{ color: #fff; font-size: 24px; font-weight: bold; line-height:1.41; }
.aboutCompanyBox .aboutRed .redTit{ padding-top: 8px; color: #fff; font-size: 14px; line-height: 16px; text-transform: uppercase;}
.aboutCompanyBox .aboutRed .redText{ height: 256px; margin-top: 13px; }
.aboutCompanyBox .aboutRed .redText .redTextDown{ float: left; width:94.9%; color: #fff; font-size: 14px; line-height: 32px; }
@media  screen and (max-width:991px){
    .aboutCompanyBox .aboutRed h4{ font-size: 20px; }
}
@media  screen and (max-width:767px){
    .aboutCompanyBox{ padding: 5% 5.41% 5% 5.41%;}
    .aboutCompanyBox .aboutRed h4{ font-size: 18px; }
    .aboutCompanyBox .aboutRed .redText{ height: 150px; margin-top: 8px; }
}


/*滚动条背景css*/
.nicescroll-rails {
    width:8px; background:#f6f6f6; border:1px solid #eaeaea;
}
.nicescroll-rails:hover {
    background:#d3d3d3; border:1px solid #d1d1d1
}


.aboutCultureBack{ background-color: #f5f5f5; }
.aboutCulture{ padding: 4.75% 0 5.83% 0;}
.aboutCultureDown{ padding-top: 3%;}
.aboutCultureDown ul{}
.aboutCultureDown ul li{}
.aboutCultureDown ul li .culturePic{ overflow: hidden;}
.aboutCultureDown ul li .cultureText{display: flex; justify-content:center;  align-items: center;}
.aboutCultureDown ul li .cultureText .cultureDCon{ width: 100%;}
.aboutCultureDown ul li .cultureText .cultureDCon .culturePrice{ }
.aboutCultureDown ul li .cultureText .cultureDCon .culturePrice .count{ height:64px; color: #ececec; font-size: 65px; text-align: center; line-height: 64px; }
.aboutCultureDown ul li .cultureText .cultureDCon .culturePrice .countDown{ height: 25px; color: #333333; font-size: 20px; line-height:25px; margin-top: -42px; text-align: center; }
.aboutCultureDown ul li .cultureText .cultureDCon .cultureAnotherText{ color: #555555; font-size: 16px; line-height: 24px; text-align: center; padding: 0 5%;}
@media  screen and (max-width:767px){
    .aboutCultureDown ul li .cultureText .cultureDCon .culturePrice .count{ height:26px; font-size: 30px;line-height: 26px; }
    .aboutCultureDown ul li .cultureText .cultureDCon .culturePrice .countDown{ height: 18px; font-size: 16px; line-height:18px; margin-top: -20px;  }
    .aboutCultureDown ul li .cultureText .cultureDCon .cultureAnotherText{ padding: 0 3%; font-size: 12px; line-height: 13px; }
}


.aboutJoin{ padding-top: 4.75%;}

.recruit{}
.recruit .l_recruit_t{ float:left; width:100%; margin-top:20px; height:118px;background:#f7f7f7; cursor:pointer;border-left: 3px solid #e70012;position: relative;
    -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;}
.recruit .l_recruit_t span{ float: left; margin-left: 30px;}
.recruit .l_recruit_t span h2{ height: 40px; line-height: 40px;margin-top: 22px;font-size: 24px;color: #e70012;}
.recruit .l_recruit_t span h5{ height: 24px; line-height: 24px;margin-top: 5px;font-size: 14px;color: #333;}
.recruit .l_recruit_t font{ float: right;margin: 32px 40px 0 0;font-size: 14px;color: #808080;padding-right: 50px;position: relative;}
.recruit .l_recruit_t font::after{content: "";display: block;position: absolute;right: 0;top: 4px;background: url(img_recruit_1.png) no-repeat center/100% 100%;width: 28px;height: 15px;
    -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;}
.recruit .l_recruit_t i{display: block;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 40px;opacity:0; filter:alpha(opacity=00);z-index: 9;
    -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;}
.recruit .l_recruit_t i::before{content: "";display: block;float: left;width: 100%;height: 1px;background: #e6e6e6;}
.recruit .l_recruit_t.on font::after{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);}
.recruit .l_recruit_t.on i{ opacity:1; filter:alpha(opacity=100);}
.recruit .l_recruit_d{ display: none; float:left; width:100%; background:#f7f7f7; border-left: 3px solid #e70012; position:relative; padding:1.75% 30px 4.33% 30px; line-height:34px; font-size:14px; color:#4c4c4c;}

.recruit .l_recruit_d .joinLeft{ float: left; width:46.17%; }
.recruit .l_recruit_d .joinLeft .leftTop{ padding-bottom: 7.25%;}
.recruit .l_recruit_d .joinRight{ float: right; width: 46.65%;}
.recruit .l_recruit_d .joinRight .rightTop{ padding-bottom: 7.54%;}
.recruit .l_recruit_d .joinRight .rightDown{ padding-bottom: 7.54%;}

.recruit .l_recruit_d h4{display: block;line-height: 38px;height: 38px;font-size: 16px;color: #666;font-weight: bold;}
.recruit .l_recruit_d span{display: block;height: 38px;line-height: 38px;font-size: 16px;color: #666;font-weight: bold;}
.recruit .l_recruit_d span a{font-weight: normal;color: #e70012;}
.recruit .l_recruit_d span a:hover{text-decoration: underline;}
.recruit .l_recruit_d .imBtnBox a{ float: right; background:#e70012; padding: 0 40px; line-height: 40px;font-size: 18px;color: #fff; text-align:center; cursor:pointer; outline:none; font-weight: normal; border: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}
/*.recruit .l_recruit_d .imBtnBox a:focus,*/
.recruit .l_recruit_d .imBtnBox a:hover{ background-color: #cf0010;}
@media  screen and (max-width:991px){
    .recruit .l_recruit_t span h2{font-size: 20px;}
    .recruit .l_recruit_d .joinLeft{ width:100%; }
    .recruit .l_recruit_d .joinLeft .leftTop{ padding-bottom: 3.5%;}
    .recruit .l_recruit_d .joinRight{ float: left; width: 100%;}
    .recruit .l_recruit_d .joinRight .rightTop{ padding-bottom: 3.5%;}
    .recruit .l_recruit_d .joinRight .rightDown{ padding-bottom: 3.5%;}
    .recruit .l_recruit_d h4{font-size: 14px; }
}
@media  screen and (max-width:767px){
    .recruit .l_recruit_t{ margin-top:10px; height:60px; border-left-width: 2px;}
    .recruit .l_recruit_t span{margin-left: 5px;}
    .recruit .l_recruit_t span h2{height: 20px;line-height: 20px;margin-top: 10px;font-size: 14px;}
    .recruit .l_recruit_t span h5{height: 20px;line-height: 20px;margin-top: 0;font-size: 12px;}
    .recruit .l_recruit_t font{margin: 10px 5px 0 0;height: 20px;line-height: 20px; font-size: 12px;padding-right: 20px;}
    .recruit .l_recruit_t font::after{top: 6px;width: 14px;height: 8px;}
    .recruit .l_recruit_t i{padding: 0 10px;}
    .recruit .l_recruit_d{ padding:3.5% 13px 5.5% 13px; border-left-width: 2px;  line-height:24px; font-size:12px;}
    .recruit .l_recruit_d h4{line-height: 28px;height: 28px;font-size: 14px;}
    .recruit .l_recruit_d span{height: 28px;line-height: 28px;font-size: 14px;}
    .recruit .l_recruit_d .imBtnBox a{  padding: 0 20px; line-height: 36px; font-size: 14px; }
}

/*右侧*/
.rightFloat{ position: fixed; width: 59px; right: 10px; top: 50%; margin-top: -150px; z-index: 2500;}
.rightFloat .rightTop{ width: 59px; background-color: rgba(0,0,0,0.5); padding: 7px 0;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.rightFloat.active .rightTop{ margin-left: 79px;}

.rightFloat .rightTop li{ position: relative; margin: 2px 0;}
.rightFloat .rightTop li a{ float: left; width: 100%; height: 50px;  line-height: 0; position: relative; z-index: 10;}
.rightFloat .rightTop li a:hover{ background-color: #e70012;}

.rightFloat .rightDown{ margin-top: 23px;}
.rightFloat .rightDown b{ float: left; width: 26px; height: 26px; margin-left:17px; line-height: 0; cursor: pointer;  }
.rightFloat .rightDown b img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.rightFloat.active .rightDown b img{
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:(45deg);
    -o-transform:rotate(45deg);
}
.rightFloat .rightTop li .righEwn{ position: absolute; width: 132px; height: 125px; padding: 9px 16px 8px 9px; background: url("right7.png") no-repeat; top: -33px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.rightFloat .rightTop 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;
}
@keyframes distach{
    from {left:0;}
    to {left:-128px;}
}
@-moz-keyframes distach{
    from {left:0;}
    to {left:-128px;}
}
@-o-keyframes distach{
    from {left:0;}
    to {left:-128px;}
}
@-webkit-keyframes distach{
    from {left:0;}
    to {left:-128px;}
}
@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 .rightTop li .righTel{ position: absolute; width: 260px; height: 50px; padding: 15px 0 15px 17px; background-color: #e70012; top: 0; color: #fff; font-size: 16px; line-height: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border-radius:7px 0 0 7px;
    -webkit-border-radius:7px 0 0 7px;
    -moz-border-radius:7px 0 0 7px;
    -o-border-radius:7px 0 0 7px;
}
.rightFloat .rightTop li:hover .righTel{
    animation-name: distach2, opaci;
    -moz-animation-name: distach2, opaci;
    -o-animation-name: distach2, opaci;
    -webkit-animation-name: distach2, 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;
}
@keyframes distach2{
    from {left:0;}
    to {left:-260px;}
}
@-moz-keyframes distach2{
    from {left:0;}
    to {left:-260px;}
}
@-o-keyframes distach2{
    from {left:0;}
    to {left:-260px;}
}
@-webkit-keyframes distach2{
    from {left:0;}
    to {left:-260px;}
}
@media  screen and (max-width:991px){
    .rightFloat{ display: none;}
}

/*视频弹窗*/
.videoWindowBack{ display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); left: 0; top: 0; z-index: 2600;}
.videoWindow{ position: fixed; width: 1000px; height: 563px; left: 50%; top: 50%; margin: -262px 0 0 -500px; z-index: 2700; padding: 7px; background-color: #fff;}
.videoWindow b{ position: absolute; width: 37px; height: 17px; right: 0; top: -17px; line-height: 0; cursor: pointer;}

.z_video{width:100%; height:100%;}
.z_video video{width:100%; height:100%;}
.z_video iframe{width:100%; height:100%;}

@media  screen and (max-width:991px){
    .videoWindow{ width: 600px; height: 338px; margin: -169px 0 0 -300px; padding: 6px; }
}
@media  screen and (max-width:767px){
    .videoWindow{ width: 100%; height: auto; left: 0; margin: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}




/*分页*/
.waik_1{ padding:5% 0; text-align:center;}
.pz_fy{}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { display: inline-block; height:30px; line-height:30px; background:#f1f1f1; color:#999999; font-size:14px; text-decoration:none; margin:0 2px; padding: 0 11px; text-align: center; font-family:'宋体'}
.pz_fy a:hover,
.pz_fy a.on{ color: #fff; background-color:#e70012; text-decoration:none;}/*鼠标经过和默认当前页样式*/

.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .waik_1{ padding: 8% 0; }
    .fy_phone{ display:block; font-family:'Arial';}
    .fy_phone{ text-align:center; font-size:14px; color:#333;}
    .fy_phone a{ display:inline-block; width:100px; height:30px; line-height:29px; border:solid 1px #e70012; color:#e70012;
        -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;}
}




/*在线询价弹窗*/
.askPriceBack{ display: none; position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); left: 0; top: 0; z-index: 2600;}
.askPrice{ position: fixed; width: 845px; height: 672px; padding: 0 30px; background-color: #f2f2f2; left: 50%; top: 50%; margin: -336px 0 0 -442px; z-index: 2700;}
.askPrice .askShup{ position: absolute; width: 37px; height: 17px; right: 0; top: -17px; line-height: 0; cursor: pointer;}
.askPrice .myName{ padding:4.07% 0 3.69% 0 ; border-bottom: #cccccc solid 1px;}
.askPrice .myName .name{ color: #333333; font-size: 30px; line-height: 1.56; text-align: center;}
.askPrice .myName .nameText{ padding: 0.63% 0; color: #333333; font-size: 14px; line-height: 18px; text-align: center;}
.askPrice .askTab{ padding-top: 1.91%;}
.askPrice .askTabLine{}
.askPrice .askTabTit{ float: left; width: 71px; color: #333333; font-size: 14px; line-height: 42px; margin-top: 15px; text-align: right;}
.askPrice .askTabTit span{ color: #ff0000;}
.askPrice .askTabRight{ padding-left: 75px;}
.askPrice .askTabWid_1{ float: left; width: 32.34%; margin-top: 15px;}
.askPrice .askTabMargin_1{ margin-right:1.49%; }
.askPrice .askSelect{ float: left; width: 100%; height: 42px; border: #cccccc solid 1px; color: #888888; font-size: 14px; padding-left: 12px; background: url("20180412_1.png") right center no-repeat #fff; background-size: 23px 8px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-appearance:none;
    outline: 0;
}
.askPrice .askSelect option{ color: #888888; font-size: 14px;}
.askPrice .askTabWid_2{ float: left; width: 100%; margin-top: 15px;}
.askPrice .askArea{ float: left; width: 100%; height: 76px; border: #cccccc solid 1px; padding:11px; color: #333; line-height: 20px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-appearance:none;
    outline: 0;
}
.inco2 ::-webkit-input-placeholder { color:#999 !important;}
.inco2 :-moz-placeholder {  color:#999 !important;}
.inco2 ::-moz-placeholder {  color:#999 !important;}
.inco2 :-ms-input-placeholder { color:#999 !important; }
.askPrice .askTabWid_3{ float: left; width: 50%; margin-top: 15px;}
.askPrice .askInput{ float: left; width: 100%; height: 42px; border: #cccccc solid 1px; padding:0 11px; color: #333;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-appearance:none;
    outline: 0;
}
.askPrice .askTabLine_2{ padding-top: 30px; text-align: center;}
.askPrice .askTabLine_2 button{ display: inline-block; padding: 0 92px; border: 0; background-color: #e70012; color: #fff; font-size: 14px; line-height: 42px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-appearance:none;
    outline: 0;
}
.askPrice .askTabLine_2 button:hover{ background-color: #cf0010;}


@media screen and (max-height:720px) {
    .askPrice.z_tc{height:524px; margin-top:-262px;}
    .askPrice.z_tc .myName{padding: 2% 0 1.5% 0;}
    .askPrice.z_tc .myName .name{ color: #333333; font-size: 24px; line-height: 1.56; text-align: center;}
    .askPrice.z_tc .askTabTit{ margin-top:10px; line-height:36px;}
    .askPrice.z_tc .askTabWid_1{ margin-top: 10px;}
    .askPrice.z_tc .askSelect{line-height:36px;height:36px;}

    .askPrice.z_tc .askTabWid_3{margin-top: 10px;}
    .askPrice.z_tc .askInput{line-height:36px;height:36px;}
    .askPrice.z_tc .askTabWid_2{margin-top: 10px;}
    .askPrice.z_tc .askTabLine_2{padding-top:15px;}
    .askPrice.z_tc .askArea{ padding:8px 11px; height:70px;}
}
@media screen and (max-width:1400px) {
    .askPrice.z_tc{height:524px; margin-top:-262px;}
    .askPrice.z_tc .myName{padding: 2% 0 1.5% 0;}
    .askPrice.z_tc .myName .name{ color: #333333; font-size: 24px; line-height: 1.56; text-align: center;}
    .askPrice.z_tc .askTabTit{ margin-top:10px; line-height:36px;}
    .askPrice.z_tc .askTabWid_1{ margin-top: 10px;}
    .askPrice.z_tc .askSelect{line-height:36px;height:36px;}

    .askPrice.z_tc .askTabWid_3{margin-top: 10px;}
    .askPrice.z_tc .askInput{line-height:36px;height:36px;}
    .askPrice.z_tc .askTabWid_2{margin-top: 10px;}
    .askPrice.z_tc .askTabLine_2{padding-top:15px;}
    .askPrice.z_tc .askArea{ padding:8px 11px; height:70px;}
}




@media  screen and (max-width:991px){
    .askPrice{ position: static; width: 100%; height:auto; padding: 0 30px 30px 30px; background-color: #f2f2f2; left: auto; top: auto; margin: 0; }
    .askPrice .myName .name{ font-size: 24px; }
}
@media  screen and (max-width:767px){
    .askPrice{ position: static; width: 100%; height:auto; padding: 0 15px 6% 15px; background-color: #f2f2f2; left: auto; top: auto; margin: 0; }
    .askPrice .myName .name{ font-size: 20px; }
    .askPrice .askTabWid_1{  width: 100%; margin-top: 10px;}
    .askPrice .askTabMargin_1{ margin-right:0; }
    .askPrice .askTabWid_3{ width: 100%; }
    .askPrice .askTabLine_2 button{ padding: 0 45px; }
}



/*20190228新加*/
.homeSolu{}
.homeSoluDown{ padding-bottom: 2.46%;}
.homeSoluDown .soluLeft{ float: left; width: 48.9%; margin-top: 3.28%; overflow: hidden; line-height: 0; position: relative; }
.homeSoluDown .soluLeft .soluIco{ position: absolute; width: 84px; height: 84px; left: 50%; top: 50%; margin: -42px 0 0 -42px; line-height: 0; cursor: pointer;}
.video_box{width:100%; padding-bottom:10px; position:relative; overflow:hidden;}
.video_box video,
.video_box p{width:100%; height:100%; position:absolute ;left:0; top:0; }
.video_box p iframe{width:100%; height:100%;}
@media screen and (max-width:1489px){
    .homeSoluDown .soluLeft .soluIco{ width: 68px; height: 68px; margin: -34px 0 0 -34px; }
}
@media screen and (max-width:991px){
    .homeSoluDown .soluLeft{ width: 100%;  }
}
@media screen and (max-width:767px){
    .homeSoluDown .soluLeft .soluIco{ width: 40px; height: 40px; margin: -20px 0 0 -20px; }
}

.homeSoluDown .soluRight{ float: right; width: 48.9%; margin-top: 3.28%;}
.homeSoluDown .soluRight .soluText{ padding: 6.08% 8.08% 0 8.08%;}
.soluText .soluTit{ color: #e70012; font-size: 24px; line-height: 30px; text-align:center;}
.soluText .soluJj{ text-align:center; font-size:18px; line-height:20px; color:#666; margin-top:15px;}
.soluText .soluTxt{ height: 120px; color: #010101; font-size: 14px; line-height: 24px; overflow: hidden; margin-top: 10%;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.soluText .soluBtn{ margin-top: 19px;}
.soluText .soluBtn .soLink{ float: left; width:103px; background-color: #e70012; color: #fff; font-size: 16px; text-align: center; line-height: 33px;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
}
.soluText .soluBtn .soLink:hover{ background-color: #c20211;}
@media screen and (max-width:1229px){
    
    .homeSoluDown .soluRight .soluText{ padding: 6.64% 7.08% 6.64% 7.08%; }
    .soluText .soluJj{font-size:12px;}
    .soluText .soluTxt{ margin-top:6%; height:auto;}
}
@media screen and (max-width:991px){
    .homeSoluDown .soluRight{ width: 100%; height:auto !important;  }
}
@media screen and (max-width:767px){
    .homeSoluDown .soluRight .soluText{/*padding: 10.64% 10.08% 10.64% 10.08%;*/ }
}


.thisNew{ padding: 4.79% 0 3.42% 0; margin: 0 -25px;}
.thisNew ul{ float: left; width: 100%;}
.thisNew ul li{ padding: 0 25px;}
.thisNew ul li .thisShadow{ background-color: #f2f2f2; padding: 15px 12px 0 12px;
    -webkit-box-shadow: 0 0 10px #f9f9f9;
    -moz-box-shadow: 0 0 10px #f9f9f9;
    -o-box-shadow: 0 0 10px #f9f9f9;
    box-shadow: 0 0 10px #f9f9f9;
}
.thisNew ul li .thisShadow .shaPic{ line-height: 0; overflow: hidden;}
.thisNew ul li .thisShadow .shaPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.thisNew ul li:hover .thisShadow .shaPic 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);
}
.thisNew ul li .thisShadow h3{ margin-top:7.35%; border-top: #eef6fb solid 1px; padding: 7.02% 0; color: #0b0b0b; font-size: 16px; line-height: 1; border-top: #d2d2d2 solid 1px;}
.thisNew ul li .thisShadow:hover h3{color: #e70012;}
@media screen and (max-width:1489px){
    .thisNew{ margin: 0 -15px;}
    .thisNew ul li{ padding: 0 15px;}
}
@media screen and (max-width:767px){
    .thisNew{ margin: 0 -6px; padding: 4.79% 0 5.47% 0;}
    .thisNew ul li{ padding: 0 6px;}
    .thisNew ul li .thisShadow{ background-color: #f2f2f2; padding: 10px 8px 0 8px; }
    .thisNew ul li .thisShadow h3{ font-size: 14px; }
}



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

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


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

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


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

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

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


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


     */




/*在线留言*/
.homeMessage{ position: fixed; width: 470px; height: 470px; left: 50%; top: 50%; margin: -235px 0 0 -235px; z-index: 1200; background-color: #f2f2f2; padding: 53px 40px 41px 40px;}
.homeMessage h3{ color: #333333; font-size: 26px; line-height: 31px; text-align: center;}
.homeMessage .messText{ padding: 5px 0 27px 0; border-bottom: #e2e2e2 solid 2px; color: #333333; font-size: 12px; line-height: 17px; text-align: center;}
.homeMessage .messDown{ padding-top: 12px;}
.homeMessage .messDown .messLine{ margin-top: 12px;}
.homeMessage .messDown .messLeft{ float: left; width: 67px; color: #333333; font-size: 12px; line-height: 35px; text-align: right;}
.homeMessage .messDown .messLeft .star{ color: #f42020; font-size: 14px;}
.homeMessage .messDown .messRight{ padding-left: 67px;}
.homeMessage .messDown .messIn{ float: left; width: 100%; height:35px; border: #d7d7d7 solid 1px; padding: 0 9px; color: #333; font-size: 12px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-appearance:none;
    outline: 0;
}
.homeMessage .messDown .messArea{ float: left; width: 100%; height:63px; border: #d7d7d7 solid 1px; padding:6px 9px; color: #333; font-size: 12px; line-height: 24px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-appearance:none;
    outline: 0;
}
.homeMessage .messDown .messLine2{ padding: 75px 0 0 30px; text-align: center; line-height: 0;}
.homeMessage .messDown .messBtn{  display: inline-block; vertical-align: top; width: 186px; height: 35px; background-color: #e7000f; border: 0; color: #fff; font-size: 14px; text-align: center;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
    -webkit-appearance:none;
    outline: 0;
}
.homeMessage .shup{ position: absolute; width: 24px; line-height: 0; right: 10px; top: 10px; cursor: pointer;}
@media screen and (max-width:767px){
    .homeMessage{ width: 100%; height: auto; left: 0; top: 50%; margin: -200px 0 0 0;  padding: 35px 25px 35px 25px;}
    .homeMessage .messDown .messLine2{ padding: 40px 0 0 30px; }
    .homeMessage .messDown .messBtn{ width: 120px; }
}


/*关于我们*/
.aboutProfile{ padding: 5% 0 3.75% 0;}
.aboutProfile .filePic{ line-height: 0;}
.aboutProfile .fileDown{ margin-top: -16.16%; padding: 0 4.58%; position: relative; z-index: 3;}
.aboutProfile .fileBorder{ border: #fff solid 2px; padding: 2.19%;}
.aboutProfile .fileBorder .fileWhite{ background-color: #fff; padding: 2.68% 4.98% 4.31% 2.87%; color: #666666; font-size: 14px; line-height: 20px;}
.fileWhite .whitePic{ float: left; width: 250px; margin-top: 106px;}
.fileWhite .whiteRight{ padding-left: 305px;}
.fileWhite .whiteTitle{ float: left; width: 100%; color: #da0000; font-size: 24px; font-weight: bold; line-height: 1.45;}
.fileWhite .whiteEng{ float: left; width: 100%; padding-top: 5px; color: #da0000; font-size: 14px; text-transform: uppercase; line-height: 18px;}
.fileWhite .whiteText{ float: left; width: 100%; padding-top:23px; }
@media screen and (max-width:991px){
    .fileWhite .whitePic{ width: 201px; margin-top: 87px;}
    .fileWhite .whiteRight{ padding-left: 220px;}
    .fileWhite .whiteTitle{ font-size: 20px; }
    .fileWhite .whiteEng{ font-size: 12px; }
}
@media screen and (max-width:767px){
    .aboutProfile .fileBorder .fileWhite{ padding: 2.68% 4.98% 4.31% 4.98%; }
    .fileWhite .whitePic{ width: 100%; margin-top: 10%; }
    .fileWhite .whiteRight{ float: left; width: 100%; padding-left:0; padding-top: 5%;}
}



/*解决方案*/
.soluOne{  }
.soluOneTitle{}
.soluOneTitle .titRed{ float: left; background-color: #e60012; padding: 0 15px; color: #fff; font-size: 24px; line-height: 1.7;}
@media screen and (max-width:1229px){
    .soluOneTitle .titRed{ padding: 0 12px; font-size: 20px; }
}
@media screen and (max-width:767px){
    .soluOneTitle .titRed{ padding: 0 8px; font-size: 17px; }



}


.soluOneDown{ padding: 5% 0 1.16% 0;}
.soluOneDownText{ padding: 5% 0 0 0; }
.oneTitle{ text-align: center; overflow: hidden;}
.oneTitle .oneCen{ display: inline-block; vertical-align: top; color: #e70012; font-size: 20px; line-height: 1.5; padding: 0 2.91%; position: relative;}
.oneTitle .oneCen::before{ content: ''; position: absolute; width: 281px; height: 1px; right: 100%; top: 50%; background: url("20190228_10.png") left center no-repeat;}
.oneTitle .oneCen::after{ content: ''; position: absolute; width: 281px; height: 1px; left: 100%; top: 50%; background: url("20190228_10-02.png") right center no-repeat;}
.soluOneDownTxt{ padding-top: 18px; color: #666666; font-size: 14px; line-height: 24px; text-align: center;}
@media screen and (max-width:1229px){
    .oneTitle .oneCen{ font-size: 16px; }
    .soluOneDownTxt{ padding-top: 14px; font-size: 12px; line-height: 20px; }
}
@media screen and (max-width:767px){
    .oneTitle .oneCen{line-height: 1.2;}
}


.soluOneList{ margin: 0 -30px;}
.soluOneList .oneUl{ float: left; width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.soluOneList .oneUl .oneLi{ float: left; width: 33.3333%; padding: 5% 30px 0 30px;}
.soluOneList .oneUl .oneLi .onebg{ background-color: #f5f5f5; padding: 10px 13.05% 0 13.05%;}
.soluOneList .oneUl .oneLi .onebg .onePic{ line-height: 0; overflow: hidden;}
.soluOneList .oneUl .oneLi .onebg .oneTit{ padding: 10px 0 10% 0; color: #e70012; font-size: 14px; line-height: 20px; text-align: center;}
.soluOneList .oneUl .oneLi .oneBgDown{ padding-top: 8.33%; color: #333333; font-size: 15px; line-height: 28px;}
.soluOneList .oneUl .oneLi .oneBgDown .gray{ color: #666;}
@media screen and (max-width:1229px){
    .soluOneList{ margin: 0 -24px;}
    .soluOneList .oneUl .oneLi{ padding: 5% 24px 0 24px;}
    .soluOneList .oneUl .oneLi .oneBgDown{ font-size: 14px; line-height: 24px;}
}
@media screen and (max-width:991px){
    .soluOneList{ margin: 0 -12px;}
    .soluOneList .oneUl .oneLi{ padding: 5% 12px 0 12px;}
}
@media screen and (max-width:767px){
    .soluOneList{ margin: 0 -7px;}
    .soluOneList .oneUl .oneLi{ width: 100%; padding: 5% 7px 0 7px;}
    .soluOneList .oneUl .oneLi .oneBgDown{ padding-top: 3.33%; font-size: 12px; line-height: 20px;}
}

.auxiliary{ padding-top: 2.5%;}
.auxiliary .auTit{ color: #e70012; font-size: 18px; line-height:1.66; }
.auxiliary .auTxt{ padding-top: 5px; color: #666666; font-size: 16px; line-height: 30px;}
@media screen and (max-width:1229px){
    .auxiliary .auTit{ font-size: 16px; }
    .auxiliary .auTxt{ font-size: 14px; line-height: 26px;}
}



.soluTwoList{ }
.soluTwoList .twoUl{}
.soluTwoList .twoLi{}
.soluTwoList .twoLi.twoBg{ background: url("20190228_15.jpg") repeat;}
.soluTwoList .twoLi.fourBg{ background: url("20190228_19.jpg") repeat;}
.soluTwoList .twoBox{ padding: 4.16% 0;}
.soluTwoList .twoBox .twoPic{ float: right; width: 470px;  line-height: 0; overflow: hidden;}
.soluTwoList .twoBox .twoLeftPad{ padding-right: 490px;}
.soluTwoList .twoBox .twoLeftPad .twoTit{ float: left; width: 100%; color: #333333; font-size: 20px; line-height: 1;}
.soluTwoList .twoBox .twoLeftDown{ float: left; width: 100%; padding-top: 43px;}
.soluTwoList .twoBox .twoLeftDown .twoDd{ float: left; width: 100%; padding: 8px 0;}
.soluTwoList .twoBox .twoLeftDown .twoDd .ddb{ float: left; width: 25px; height: 25px; border: #e70012 solid 1px; color: #e70012; font-size: 14px; line-height: 23px; text-align: center; font-weight: normal;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}


.soluTwoList .twoBox .twoLeftDown .twoDd .ddPad{ padding-left: 49px; color: #666666; font-size: 16px; line-height: 25px;}



@media screen and (max-width:1229px){
    .soluTwoList .twoBox .twoLeftPad .twoTit{ font-size: 17px; }
    .soluTwoList .twoBox .twoLeftDown{ padding-top: 35px;}
    .soluTwoList .twoBox .twoLeftDown .twoDd{ padding: 6px 0;}
    .soluTwoList .twoBox .twoLeftDown .twoDd .ddb{ width: 22px; height: 22px; line-height: 20px; }
    .soluTwoList .twoBox .twoLeftDown .twoDd .ddPad{ padding-left: 40px; font-size: 14px; line-height: 22px;}
}
@media screen and (max-width:991px){
    .soluTwoList .twoBox .twoPic{ width: 377px; }
    .soluTwoList .twoBox .twoLeftPad{ padding-right: 387px;}
}
@media screen and (max-width:767px){
    .soluTwoList .twoBox .twoPic{ width: 100%; padding-right: 10%; }
    .soluTwoList .twoBox .twoLeftPad{ float: left; width: 100%; padding-right: 0;}
    .soluTwoList .twoBox .twoLeftPad .twoTit{ font-size: 15px; padding-top: 3.5%;}
    .soluTwoList .twoBox .twoLeftDown{ padding-top: 15px;}
    .soluTwoList .twoBox .twoLeftDown .twoDd{ padding: 4px 0;}
}


.soluThree{}
.soluThreeDown{ padding: 4.41% 0 0 0;}
.soluThreeDown .thrLeftPic{ float: left; width: 41.91%; line-height: 0;}
.soluThreeDown .thrRight{ float: right; width: 43.66%; padding-top: 3.66%; color: #333333; font-size: 15px; }
.soluThreeDown .thrRight .threLi{ float: left; width: 100%; padding:7px 0; }
.soluThreeDown .thrRight .threLi .thB{ float: left; width: 7px; height: 7px; background-color: #000000; margin-top: 7px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.soluThreeDown .thrRight .threLi .thPad{ padding-left: 14px; color: #333333; font-size:15px; line-height: 21px;}
@media screen and (max-width:991px){
    .soluThreeDown .thrRight{ padding-top: 0; }
    .soluThreeDown .thrRight .threLi{ padding:3px 0; }
}
@media screen and (max-width:767px){
    .soluThreeDown .thrLeftPic{ width: 100%; padding: 0 10%; }
    .soluThreeDown .thrRight{ float: left; width: 100%; padding-top: 3.66%; color: #333333; font-size: 12px; }

}



.soluFour{ padding-bottom: 8.33%;}
.soluFour .fourLi1{ float: left; width: 50.91%; padding: 5.41% 0 0 0; line-height: 0;}
.soluFour .fourLi2{ float: right; width: 42.91%; padding: 5.41% 0 0 0; line-height: 0;}
.soluFour .fourLiPic{ float: left; width: 100%; line-height: 0;}
.soluFour .fourLiTit{ float: left; width: 100%; padding-top: 17px; color: #e70012; font-size: 14px; line-height: 24px; text-align: center;}
@media screen and (max-width:767px){
    .soluFour .fourLi1{ width: 100%; padding: 3.41% 10% 0 10%; }
    .soluFour .fourLi2{ width: 100%; padding: 3.41% 10% 0 10%; }
}


.soluFive{background: url("20190228_15.jpg") repeat;}
.soluFiveBox{ padding: 4.16% 0 0 0;}
.fiveLineOne{}
.fiveLineOne .fiveLi1{ float: left; width: 41.66%; padding: 5.41% 0 0 0; line-height: 0;}
.fiveLineOne .fiveLi2{ float: right; width: 45.58%; padding: 5.41% 0 0 0; line-height: 0;}
.fiveLineOne .fiveLiPic{ float: left; width: 100%; line-height: 0;}
.fiveLineOne .fiveLiTit{ float: left; width: 100%; padding-top: 17px; color: #e70012; font-size: 14px; line-height: 24px; text-align: center;}
@media screen and (max-width:767px){
    .fiveLineOne .fiveLi1{ width: 100%; padding: 3.41% 10% 0 10%; }
    .fiveLineOne .fiveLi2{ width: 100%; padding: 3.41% 10% 0 10%; }
}

.fiveLineTwo{ padding-bottom: 6.66%;}
.fiveLineTwo .fiveTwoLeft{ float: left; width: 52.75%; padding-top: 5%;}
.fiveLineTwo .fiveLi2{ float: left; width: 100%; line-height: 0;}
.fiveLineTwo .fiveLiPic{ float: left; width: 100%; line-height: 0;}
.fiveLineTwo .fiveLiTit{ float: left; width: 100%; padding-top: 17px; color: #e70012; font-size: 14px; line-height: 24px; text-align: center;}
.fiveLineTwo .fiveLi3{ float: left; width: 100%; margin-top: 15.63%; background-color: #f4c7cb; padding: 24px 21px; color: #333333; font-size: 14px; line-height: 31px;}
.fiveLineTwo .fiveTwoRight{ float: right; width: 43.58%; padding-top: 5%;}
@media screen and (max-width:767px){
    .fiveLineTwo .fiveTwoLeft{ width: 100%; padding-top: 3.41%;}
    .fiveLineTwo .fiveTwoRight{ float: left; width: 100%; padding-top: 3.41%;}
    .fiveLineTwo .fiveLi3{ margin-top: 3.63%;}
}


/*案例展示*/
.caseName{ margin-top: 4.25%;  border-top: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px;}
.caseName .caseNewUl{ float: left; width: 100%;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.caseName .caseNewLi{ float: left; width: 25%; padding: 15px 0 22px 0;text-align: center;}
.caseName .caseNewLi .caTit{ float: left; width: 100%; color: #333333; font-size: 16px; line-height: 22px;}
.caseName .caseNewLi .caTxt{ float: left; width: 100%; padding-top: 19px; color: #666666; font-size: 12px; line-height: 20px; }
.caseName .caseNewLi.marBottom{ margin-bottom: 33px;}
@media screen and (max-width:991px){
    .caseName .caseNewLi{ width: 50%; padding: 10px 0 18px 0; }
    .caseName .caseNewLi.marBottom{ margin-bottom: 0;}
}
@media screen and (max-width:767px){
    .caseName .caseNewLi .caTxt{ padding-top: 5px; }
}


.newCase{ padding: 4.41% 0 4.41% 0;}
.newCaseLeft{ float: left; width: 856px;}
.newCaseUp{}
.newCaseUp .img2{ width: 100%; height: 523px;}
.newCaseUnder{ margin:23px -12px 0 -12px;}
.newCaseSlick{ float: left; width: 100%;}
.newCaseSlick .caseThisLi{ padding: 0 12px;}
.newCaseSlick .caseThisLi .caseOver{ overflow: hidden; line-height: 0; cursor: pointer;}
@media screen and (max-width:1229px){
    .newCaseLeft{ width: 686px;}
    .newCaseUp .img2{ height: 419px;}
}
@media screen and (max-width:991px){
    .newCaseLeft{ width: 100%;}
    .newCaseUnder{ margin:20px -8px 0 -8px;}
    .newCaseSlick .caseThisLi{ padding: 0 8px;}
}
@media screen and (max-width:767px){
    .newCaseUnder{ margin:10px -5px 0 -5px;}
    .newCaseSlick .caseThisLi{ padding: 0 5px;}
}


.caseAboutRight{ float: right; width:300px; color: #666666; font-size: 12px; line-height: 20px; }
.caseAboutRight .infroLi{ padding-bottom: 42px;}
.caseAboutRight .infroLi .froTit{ color: #eb0b23; font-size: 18px; line-height: 1;}
.caseAboutRight .infroLi .froText{ padding-top: 20px;}
@media screen and (max-width:1229px){
    .caseAboutRight{ width:241px; }
    .caseAboutRight .infroLi{ padding-bottom: 20px;}
    .caseAboutRight .infroLi .froText{ padding-top: 10px;}
}
@media screen and (max-width:991px){
    .caseAboutRight{ float: left; width:100%; padding-top: 3.5%; }
    .caseAboutRight .infroLi:last-child{ padding-bottom:0;}
}



.soluMore{}
.soluMoreDown{ padding: 3.16% 0 22px 0; overflow: hidden;}
.soluMoreSlick{ margin: 0 -20px;}
.soluMoreSlick .soluLi{ padding: 0 20px;}
.soluMoreSlick .soluLi .enPic{ overflow: hidden; line-height: 0;}
.soluMoreSlick .soluLi .enPic .img3{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.soluMoreSlick .soluLi:hover .enPic .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);
}
.soluMoreSlick .soluLi .enTit{ padding-top: 16px; color: #333333; font-size: 16px; line-height: 20px; text-align: center;}
.soluMoreSlick .soluLi:hover .enTit{ color: #e70012;}
@media screen and (max-width:767px){
    .soluMoreSlick{ margin: 0 -6px;}
    .soluMoreSlick .soluLi{ padding: 0 6px;}
    .soluMoreSlick .soluLi .enTit{ padding-top: 10px; font-size: 14px; }
}


.soluMoreSlick .slick-prev{ position: absolute; width: 38px; height: 51px; background: url("20190228_38.png") center no-repeat; background-size: contain; cursor: pointer; left: 20px; top: 50%; margin-top: -18px;}
.soluMoreSlick .slick-prev:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}
.soluMoreSlick .slick-next{ position: absolute; width: 38px; height: 51px; background: url("20190228_39.png") center no-repeat; background-size: contain; cursor: pointer; right: 20px; top: 50%; margin-top: -18px;}
.soluMoreSlick .slick-next:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
}
@media screen and (max-width:767px){
    .soluMoreSlick .slick-prev{ width: 20px; height: 37px;  left: 6px;  margin-top: -15px;}
    .soluMoreSlick .slick-next{ width: 20px; height: 37px;  right: 6px;  margin-top: -15px;}
}



/*资质大图*/
.honorBigBack{ position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); left: 0; top: 0; z-index: 2500;}
.honorBig{ position: fixed; width: 538px; height: 740px; left: 50%; top: 50%; z-index: 2600;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.honorBig .bigShup{ position: absolute; width: 24px; height: 24px; line-height: 0; right: 10px; top: 10px; cursor: pointer;}
@media screen and (max-width:1229px){
    .honorBig{ width: 363px; height: 500px; }
}
@media screen and (max-width:767px){
    .honorBig{ width: 100%; height: auto; }
}







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

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


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

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


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

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

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


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


     */






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


#flip{ margin-bottom:15px;}
.digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 span{ border:1px #CCCCCC solid; padding:2px 5px; margin:5px; color:#999}
.digg4 span:hover{ color:#333}
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}
.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.proyylist{width:17.5%!important;border:solid 1px #ccc;margin:1%;padding:5px}
.proyylist h3{text-align:center;}
@media screen and (max-width:767px){
	.proyylist{width:48%!important;}
}