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

.pz_main{ float:left; width:100%; background: #fff; }
.pz_down{ float:left; width:100%; background:url("images/later23.jpg") repeat; }

.container-1630 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container-1630 {
        width: 768px;
    }
}
@media (min-width: 992px) {
    .container-1630 {
        width: 992px;
    }
}
@media (min-width: 1200px) {
    .container-1630 {
        width: 1200px;
    }
}
@media (min-width: 1368px) {
    .container-1630 {
        width: 1368px;
    }
}
@media (min-width: 1600px) {
    .container-1630 {
        width: 1600px;
    }
}


.top1{ position: absolute; width:100%; height:90px; left:0; top:0; z-index:1010; padding: 0 3.125%;  }
.top1.active{ display: none; position: fixed; z-index: 10000; background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    box-shadow: 0 1px 4px rgba(0,0,0,0.09);
}
.top1.inner{ background-color: #fff;}
.top1.inner.active{ display: block; position: absolute;}
.top1 .headTop{}
.top1 .logo{ float: left; width:326px; height: 50px; margin-top: 26px; line-height: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top1.inner .logo{ width:256px; height: 40px; margin-top: 25px;  }
.top1.active .logo {opacity: 1; width:256px; height: 40px; margin-top: 25px;  }
@media screen and (max-width: 1599px) {
    .top1{ padding: 0 1.5%; }
}
@media screen and (max-width: 1200px) {
    .top1{ display: none;}
    .top1.inner.active{ display: none; }
}

.top3{ float: left; width:100%; height:90px;  padding: 0 3.125%; background-color: #fff; }
.top3.no{ display: none; position: fixed; z-index: 10000; background-color: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    -o-box-shadow: 0 1px 4px rgba(0,0,0,0.09);
    box-shadow: 0 1px 4px rgba(0,0,0,0.09);}

.top3 .headTop{}
.top3 .logo{ float: left; width:256px; height: 40px; margin-top: 25px;  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: 1599px) {
    .top3{ padding: 0 1.5%; }
}
@media screen and (max-width: 1200px) {
    .top3{ display: none;}
}



.menu{ float: right; }
.menu ul{ float:left; }
.menu ul .nli{ float: left; position: relative; }
.menu ul .nli span a{ float:left; width: 140px; height: 90px; padding: 34px 0 0 0; text-align: center; position: relative; }
.menu ul .nli:first-child span a{ width: 110px;}
.menu ul .nli span a .tit{ color: #fff; line-height: 29px; font-size: 16px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top3 .menu ul .nli span a .tit{ color:#333333;}
.menu ul .nli.active span a .tit{ color: #bf9e5b;}
.top1.active .menu ul .nli span a .tit{ color: #333; }
.top1.active .menu ul .nli.active span a .tit{ color: #bf9e5b;}
.menu ul .nli span a .eng{color: #bf9e5b;  text-transform: uppercase; line-height: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.menu ul .nli.active span a .eng{ color: #bf9e5b;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.top1.active .menu ul .nli span a .eng{ color:#bf9e5b;  }
.top1.active .menu ul .nli.active span a .eng{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.menu ul .nli span a::after{ content: ''; position: absolute; width: 2px; height: 0; left: 50%; margin-left: -1px; top: 0; background-color: #bf9e5b;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.menu ul .nli.active span a::after{ height: 31px;}

.menu .sub{ display: none; position: absolute; width:140px; left: -10px; top: 90px; padding: 17px 30px 0 0; background-color: #fff; z-index:999;}
/*.menu .sub[data-m='4']{left: auto; right: 0;}
.menu .sub[data-m='5']{left: auto; right: 0;}
.menu .sub[data-m='6']{left: auto; right: 0;}
.menu .sub[data-m='7']{left: auto; right: 0;}*/
.menu .sub ul{ float: left; width: 140px; padding-bottom: 30px; }
.menu .sub ul li{ float: left; width: 100%;}
.menu .sub ul li a{ float: left; width: 100%; padding: 5px 26px 5px 30px; line-height: 24px; color: #666666; font-size: 14px; position: relative; text-align:center; }
.menu .sub ul li a.active,
.menu .sub ul li a:hover{ color: #bf9e5b;}
/*.menu .sub ul li a img{ display: none; position: absolute; width:18px; height: 18px; right: 10px; top: 50%; margin-top: -9px; }
.menu .sub ul li a.active img,
.menu .sub ul li :hover img{ display: inline-block;}*/
.menu .sub .srPic{ float: right; width: 248px;}
.menu .sub .srPic .pic{ height: 164px;}
.menu .sub .srPic .tit{ text-align: center; padding: 10px; color: #333333; font-size: 16px; line-height: 29px;}
/*.menu .sub::before{ content: ''; position: absolute; left: 60px; top: -6px; width: 0; height: 0; border-bottom: #fff solid 6px; border-left: transparent solid 6px;  border-right: transparent solid 6px; }
.menu .sub[data-m='4']::before{ left: auto; right: 60px;}
.menu .sub[data-m='5']::before{ left: auto; right: 60px;}
.menu .sub[data-m='6']::before{ left: auto; right: 60px;}
.menu .sub[data-m='7']::before{ left: auto; right: 60px;}*/
@media screen and (max-width:1599px ){
    .menu ul .nli span a{ width: 114px; padding: 34px 0 0 0 ; }
    .menu ul .nli:first-child span a{ width: 84px;}
    /*.menu .sub::before{ left: 52px;}
    .menu .sub[data-m='4']::before{ left: auto; right: 52px;}
    .menu .sub[data-m='5']::before{ left: auto; right: 52px;}
    .menu .sub[data-m='6']::before{ left: auto; right: 52px;}
    .menu .sub[data-m='7']::before{ left: auto; right: 52px;}*/
}
@media screen and (max-width:1367px ){
    .menu ul .nli span a{ width: 100px; }
    .menu ul .nli:first-child span a{ width: 70px;}
    /*.menu .sub::before{ left: 45px;}
    .menu .sub[data-m='4']::before{ left: auto; right: 45px;}
    .menu .sub[data-m='5']::before{ left: auto; right: 45px;}
    .menu .sub[data-m='6']::before{ left: auto; right: 45px;}
    .menu .sub[data-m='7']::before{ left: auto; right: 45px;}*/
}


/*.search{ float: right; width: 24px; height: 50px; margin-top: 26px; line-height: 0; margin-left: 30px; cursor: pointer;}
.search{ float: right; width: 24px; height: 50px; margin-top: 26px; line-height: 0; margin-left: 30px; cursor: pointer;}*/
.search{ float: right; width: 24px; height: 50px; margin-top: 26px; line-height: 0; margin-left: 30px; cursor: pointer; position: relative; z-index: 20 }
.search .addShup{ display: none; position: absolute; width: 42px; height: 42px; top: 50%; left: 50%; margin: -21px 0 0 -21px;}
.search .addSlide{ display: none; position: absolute; width: 376px; height: 50px; right: -9px; top: 64px; background-color: rgba(0,0,0,0.4);
    border-radius:25px 0 0 25px;
    -webkit-border-radius:25px 0 0 25px;
    -moz-border-radius:25px 0 0 25px;
    -o-border-radius:25px 0 0 25px;
}
.search .addSlide .arr{ position: absolute; width: 0; height: 0; border-bottom: rgba(0,0,0,0.4) solid 6px; border-left: transparent solid 5px; border-right: transparent solid 5px; right: 16px; bottom: 50px;}
.search .addSlide .souButn{ position: absolute; width: 51px; height: 50px; border: 0; border-left: rgba(255,255,255,0.1) solid 1px; right: 0; top: 0; background: 0;
    -webkit-appearance:none;
    outline: 0;
}
.search .addSlide .souInput{ float: left; width: 100%; padding: 0 51px 0 28px; background: 0; border: 0; height: 50px; color: #fff; font-size: 14px;}
@media screen and (max-width:1367px ){
    .search{ margin-left: 10px; }
}
.inco222 ::-webkit-input-placeholder { color:#bec2c6 !important;}
.inco222 :-moz-placeholder {  color:#bec2c6 !important;}
.inco222 ::-moz-placeholder {  color:#bec2c6 !important;}
.inco222 :-ms-input-placeholder { color:#bec2c6 !important; }








/*phone版头部*/
.top2{ display:none; float: left; width:100%; height:64px; background-color: #fff; position: relative; z-index: 1010;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.top2.active{
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    -o-box-shadow:0 2px 6px rgba(0,0,0,0.2);
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
/*.top2::before{ content: ''; position: absolute; width: 100%; height: 0; left: 0; top: 0; background-color: #fff;*/
/*-webkit-transition: all 0.2s linear;*/
/*-moz-transition: all 0.2s linear;*/
/*-o-transition: all 0.2s linear;*/
/*transition: all 0.2s linear;*/
/*}*/
/*.top2.active::before{ height: 100%;*/
/*-webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2);*/
/*-moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2);*/
/*-o-box-shadow:0 2px 6px rgba(0,0,0,0.2);*/
/*box-shadow: 0 2px 6px rgba(0,0,0,0.2);*/
/*}*/
.top2 .phone{ position: relative; z-index: 3;}
.top2 .logo{ float:left; width:209px; height:32px; margin:16px 0 0 0;}
@media screen and (max-width:1199px){
    .top2{ display:block;}
}

/*手机按钮*/
.menuph{
    float:right;
    margin:12px 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: #c8000b;
}

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

.xialaph h5 a{
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 48px; padding-left: 10px;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph h4 img{
    width: 15px;
    height: 8px;
    float: right;
    margin-top: -29px;
    cursor: pointer;
}
.xialaph h5 img{
    width: 11px;
    height: 6px;
    float: right;
    margin-top: -28px;
    margin-right: 18px;
    cursor: pointer;
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
    display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
    display: block;
}
.xialaph .ul2{

}
.xialaph .ul3{
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 20px;
    position: relative;
}
.xialaph .ul3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
    display: none;
}
.xialaph .ul3 li a{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    display: block;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}
.xialaph .language{ text-align: center; padding: 15px 0 0 0;}
.xialaph .language a{ display: inline-block; color: #333; font-size: 14px; line-height: 30px; padding: 0 35px;}
.xialaph .language a.hover{ color: #fff; background: #0063b3;}
.xialaph .searchP{ margin-top: 15px; height: 35px; border: #ebebeb solid 1px;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 21px; height: 21px; margin: 6px 8px 0 0; line-height: 0;}
.xialaph .searchP .searchLeft{ padding: 0 30px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 33px; padding: 0 0 0 14px; color: #333; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 0;
}



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


.pz_banner{ float:left; width:100%; overflow:hidden; position: relative; line-height: 0; background-color: #fff;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.pz_banner.home{min-height: 529px;}
@media screen and (max-width:1199px){
    .pz_banner.home{min-height: 397px;}
}
@media screen and (max-width:991px){
    .pz_banner.home{ min-height: 308px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 128px;}
}



/*banner*/
.bannerBox{ line-height: 0; }
.bannerBox .owl-prev{ position: absolute; width: 32px; height: 62px; left: 3.125%; top: 50%; margin-top: -31px; background: url("images/ban1.png") no-repeat; background-size: cover; cursor: pointer; text-indent: -200px; overflow: hidden;}
.bannerBox .owl-prev:hover{background: url("images/ban1_h.png") no-repeat; background-size: cover;}
.bannerBox .owl-next{ position: absolute; width: 32px; height: 62px; right: 3.125%; top: 50%; margin-top: -31px; background: url("images/ban2.png") no-repeat; background-size: cover; cursor: pointer; text-indent: -200px; overflow: hidden;}
.bannerBox .owl-next:hover{background: url("images/ban2_h.png") no-repeat; background-size: cover;}
@media screen and (max-width:767px){
    .bannerBox .owl-prev{ width: 22px; height: 42px; margin-top: -21px;}
    .bannerBox .owl-next{  width: 22px; height: 42px; margin-top: -21px; }
}

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


/*main*/
.homeIconhFloat{ height: 0; position: relative; z-index: 1230;  }
.homeIconhFloat .homeIcon{ position: absolute; width: 100%; left: 0; bottom: 0; height: 180px;  background: url("images/later2.png") repeat;}
.homeIconhFloat .homeIcon ul{ float: left; width: 100%; position: relative; z-index: 2;}
.homeIconhFloat .homeIcon ul li{
    -webkit-transition: all 0.3s linear 0.3s;
    -moz-transition: all 0.3s linear 0.3s;
    -o-transition: all 0.3s linear 0.3s;
    transition: all 0.3s linear 0.3s;
}
/*.homeIconhFloat .homeIcon ul li:hover{background: url("images/later2_k.png") repeat; }*/
.homeIconhFloat .homeIcon ul li .kuang{ text-align: center; line-height: 0; height: 180px;}
.homeIconhFloat .homeIcon ul li b{ display: inline-block; vertical-align: top; width: 80px; height: 80px; line-height: 0; margin-top: 43px; margin-right: 18px;}
.homeIconhFloat .homeIcon ul li b .imgs{}
.homeIconhFloat .homeIcon ul li b .imgd{ display: none;}
.homeIconhFloat .homeIcon ul li:hover b .imgs{ display: none;}
.homeIconhFloat .homeIcon ul li:hover b .imgd{ display: block;}
.homeIconhFloat .homeIcon ul li .you{ display: inline-block; vertical-align: top; text-align: left; padding-top: 67px;}
.homeIconhFloat .homeIcon ul li .you .p1{ color: #fff; font-size: 24px; line-height: 30px; }
.homeIconhFloat .homeIcon ul li .you .p2{ color: #c7c7c7; font-size: 12px; font-family: Arial; line-height: 14px;}
.homeIconhFloat .homeIcon .move-bg{ position: absolute; top: 0; left: -25%; height: 100%;background: url("images/later2_h.png") repeat; z-index: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
@media screen and (max-width: 1680px) {
    .homeIconhFloat .homeIcon{ height: 150px;}
    .homeIconhFloat .homeIcon ul li .kuang{ height: 150px;}
    .homeIconhFloat .homeIcon ul li b{ float: left; margin-right: 0; margin-left: 12px; margin-top: 28px; }
    .homeIconhFloat .homeIcon ul li .you{ padding-left: 104px; padding-top: 52px; display: block;}
    .homeIconhFloat .homeIcon ul li .you .p1{ font-size: 20px;  }
}
@media screen and (max-width: 1530px) {
    .homeIconhFloat .homeIcon{ height: 120px;}
    .homeIconhFloat .homeIcon ul li .kuang{ height: 120px;}
    .homeIconhFloat .homeIcon ul li b{ margin-top: 30px; width: 60px; height: 60px;}
    .homeIconhFloat .homeIcon ul li .you{ padding-left: 85px; padding-top: 38px;}
}
@media screen and (max-width: 1199px) {
    .homeIconhFloat{ height: auto; position: static; }
    .homeIconhFloat .homeIcon{ position: static; float: left; width: 100%; left: auto; bottom: auto; height: auto;   background: url("images/later2_s.png") repeat;}
    .homeIconhFloat .homeIcon .move-bg{ display: none; }
}
@media screen and (max-width: 991px) {
    .homeIconhFloat .homeIcon ul li .you .p1{ font-size: 20px; }
}
@media screen and (max-width: 767px) {
    .homeIconhFloat .homeIcon{ height: 120px;}
    .homeIconhFloat .homeIcon ul li .kuang{ height: 120px; position: relative; padding-left: 60px;}
    .homeIconhFloat .homeIcon ul li b{ position: absolute; left: 10px; top: 0; margin-top: 30px; width: 42px; height: 42px; margin-right: 5px;}
    .homeIconhFloat .homeIcon ul li .you{ float: left; width: 100%; padding-top: 30px; padding-left: 15px;}
    .homeIconhFloat .homeIcon ul li .you .p1{ font-size: 15px; }
    .homeIconhFloat .homeIcon ul li .you .p2{ font-size: 10px; }
}
.homeIconhFloat .owl-dots{ position: absolute; bottom: 14px; width: 100%; margin-top: 4%; text-align: center; line-height: 0;}
.homeIconhFloat .owl-dots .owl-dot{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; border:#fff solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.homeIconhFloat .owl-dots .owl-dot.active{ background: #fff;}
@media screen and (max-width:767px){
    .homeIconhFloat .owl-dots .owl-dot{  width: 10px; height: 10px; }
}



.homeAbout{ background-color: #bf9e5b; position: relative; overflow: hidden; min-height: 600px; line-height: 0;}
.homeAbout .bgPic{ position: absolute; width: 29.0625%; line-height: 0; left: 0; bottom: 0;}
@media screen and (max-width:1599px){
    .homeAbout .yellow{ margin-left:-1766px;}
}
@media screen and (max-width: 1580px) {
    .homeAbout{ min-height: 424px; }
}
@media screen and (max-width:1367px){
    .homeAbout .yellow{ margin-left:-1745px;}
    .homeAbout .bgPic{ width:26%; }
    .homeAbout .bgLetter{ top: 24%; }
}
@media screen and (max-width: 1065px) {
    .homeAbout{ min-height: 368px; }
}
@media screen and (max-width: 991px) {
    .homeAbout{ position: static;}
    .homeAbout .bgPic{ display: none;}
}

.homeAboutBox{ position: absolute; width: 100%; left: 0; top: 0; }
.aboutLeft{ float: left; width: 50%; padding: 9.49% 0 0 0; position: relative;}
.aboutLeft .bgLetter{ position:absolute; width: 61.35%; left: -17.29%; top: 16.5%;}
.aboutLeft .comeIn{ line-height: 0; text-align: left; overflow: hidden; }
.aboutLeft .comeIn .comeTit{ display: inline-block; color: #fff; font-size: 30px; line-height: 35px; padding-right: 10px; position: relative;}
.aboutLeft .comeIn .comeTit::after{ content: ''; position: absolute; width: 800px; left: 100%; top: 52px; height: 1px; background-color: #fff;}
.aboutLeft .comeIn .arr{ float: right; width: 0; height: 0; border-right: #fff solid 46px; border-top: transparent solid 48px; border-bottom: transparent solid 48px; margin-top: -66px;}
.aboutLeft .text{ padding: 1.01% 14.47% 0 0; text-align:justify}
.aboutLeft .text .textOver{ height: 230px; color: #fff; font-size: 16px; line-height: 30px; overflow: hidden;}

@media screen and (max-width:1599px){
    .aboutLeft .bgLetter{ left: -10.29%; }
}
@media screen and (max-width: 1580px) {
    .aboutLeft .text .textOver{ height: 120px; font-size: 14px; line-height: 24px; }
}

@media screen and (max-width: 1199px) {
    .aboutLeft .comeIn .arr{  border-right: #fff solid 20px; border-top: transparent solid 21px; border-bottom: transparent solid 21px; margin-top: -39px;}
}
@media screen and (max-width: 991px) {
    .homeAboutBox{ position: static; width: 100%; left: auto; top: auto; background: url("images/main1.jpg") bottom left no-repeat; background-size: 50% auto;}
    .aboutLeft{ width: 100%; padding: 5.49% 0 5% 0; }
    .aboutLeft .bgLetter{ left: 0; top: 8%; }
    .aboutLeft .text{ padding: 5.09% 2% 0 2%;}
}
@media screen and (max-width: 767px) {
    .aboutLeft .comeIn .comeTit{  font-size: 22px; line-height: 24px; }
    .aboutLeft .comeIn .comeTit::after{  top: 36px; }
    .aboutLeft .comeIn .arr{  border-right: #fff solid 16px; border-top: transparent solid 15px; border-bottom: transparent solid 15px; margin-top: -27px;}
    .aboutLeft .text .textOver{ height: 180px; font-size: 14px; line-height: 30px; }
}



.aboutLeft .aboutMore{ padding: 8.15% 18.47% 0 0;}
.aboutLeft .aboutMore .aboutA{ float: right; height: 40px; border: #e5d8bd solid 1px; padding: 0 36px; color: #fff; font-size: 14px; line-height: 38px; position: relative;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -o-border-radius:20px;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.aboutLeft .aboutMore .aboutA:hover{ border-color: #cf2f38;
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    background-color: #cf2f38;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}
.aboutLeft .aboutMore .aboutA::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.8, 0.5, 1);
    transform: scale3d(0.8, 0.5, 1);
}
.aboutLeft .aboutMore .aboutA:hover::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}

@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(0.8, 0.8, 1);
        transform: scale3d(0.8, 0.8, 1);
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@media screen and (max-width: 991px) {
    .aboutLeft .aboutMore{ padding: 8.15% 2% 0 2%;}
}
@media screen and (max-width: 767px) {
    .aboutLeft .aboutMore .aboutA{ float: right; height: 36px; border: #e5d8bd solid 1px; padding: 0 20px; color: #fff; font-size: 14px; line-height: 34px; position: relative;
        border-radius:20px;
        -webkit-border-radius:20px;
        -moz-border-radius:20px;
        -o-border-radius:20px;
        -webkit-transition: background-color 0.3s, color 0.3s;
        transition: background-color 0.3s, color 0.3s;
    }
}




.aboutR{ float: right; width:50%; height: 100%;  position: relative; }
.aboutR .rimg{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0;}
.aboutR .rLink{ position: absolute; width: 42.08%; left:28.96%; top: 50%;
    -webkit-transform: translate(0, -47%);
    -ms-transform: translate(0, -47%);
    transform: translate(0, -47%);
}
.aboutR .rLink .videoLogo{ line-height: 0;}
.aboutR .rLink .videoTit{ padding: 8.41% 0 8.41% 0; color: #323232; font-size: 30px; font-weight: bold; line-height: 1; text-align: center;}
.aboutR .rLink .videoBtn{ text-align: center; line-height: 0;}
.aboutR .rLink .videoBtn .bt{ display: inline-block; vertical-align: top; color: #c8000b; font-size: 18px; line-height: 110px;}
.aboutR .rLink .videoBtn .bc{ display: inline-block; vertical-align: top; width: 110px; margin: 0 20px; line-height: 0;}
@media screen and (max-width: 1199px) {
    .aboutR .rLink .videoBtn .bt{ font-size: 16px; line-height: 80px;}
    .aboutR .rLink .videoBtn .bc{ width: 80px; margin: 0 10px; }
}
@media screen and (max-width: 991px) {
    .aboutR{ position: relative; display: block; width: 100%; height: auto; right: auto; top: auto;   }
    .aboutR .rimg{ position: static; width: 100%; height: 100%; left: auto; top: auto; bottom: auto;}
    .aboutR .rLink .videoTit{  font-size: 24px; }
}
@media screen and (max-width: 767px) {
    .aboutR .rLink .videoTit{ padding: 4.41% 0 4.41% 0;  font-size: 20px; }
    .aboutR .rLink .videoBtn .bt{ font-size: 14px; line-height: 40px;}
    .aboutR .rLink .videoBtn .bc{ width: 40px; margin: 0 5px; }
}



.homeNewBack{ background:url("images/later14.jpg") center no-repeat; background-size: cover;}

.homeNewTitBox{ padding: 6.05% 0 4.84% 0;}
.homeNewTitle{ text-align: center;}
.homeNewTitle h3{ color: #323232; font-weight: bold; line-height: 1.2; font-size: 30px; letter-spacing: 3px;}
.homeNewTitle .proEng{ padding-top: 0.63%; color:#bf9e5b; line-height: 1; font-size: 14px;}
.homeNewTitle .proLine{ padding-top: 1.08%; line-height: 0; text-align: center;}
.homeNewTitle .proLine span{ display: inline-block; width: 50px; height: 2px; background-color: #c6000d; vertical-align: top;}
.homeNewTitle .proSub{ text-align: center; padding-top:1.08%; color: #7b7b7b; font-size: 16px; line-height: 20px; }
@media screen and (max-width:1367px){
    .homeNewTitle h3{  font-size: 25px;}
    .homeNewTitle .proSub{ font-size: 14px; }
}
@media screen and (max-width:991px){
    .homeNewTitle h3{ font-size: 20px; letter-spacing: 0;}
    .homeNewTitle .proLine{ padding-top: 2.08%; line-height: 0; text-align: center;}
}


.homeNewDown{ padding: 0 0 6.36% 0;}
.newUl{ margin: 0 -15px;}

.newSingle{ float: left; width: 33.3333%; padding: 0 15px; }
.newSingle .singlePic{ height: 308px; overflow:  hidden; position: relative; }
.newSingle .singlePic .singleFloat{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 3.18% 3.97%; background-color: rgba(0,0,0,0.6);}
.newSingle .singlePic .singleFloat .sinTop{}
.newSingle .singlePic .singleFloat .sinTop .time{float: right; padding: 0 8px; background-color: #c8000b; color: #fff; line-height: 18px; margin-top: 3px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.newSingle .singlePic .singleFloat .sinTop h3{ padding-right: 10px; color: #fff; font-size: 18px; line-height: 24px;}
.newSingle .singlePic .singleFloat .sinDown{ padding-top: 2.37%; color: #fff; font-size: 14px; line-height: 19px;}
@media screen and (max-width:1199px){
    .newSingle .singlePic{ height: 258px; }
}
@media screen and (max-width:991px){
    .newSingle{ width: 50%; }
}
@media screen and (max-width:767px){
    .newSingle{ width: 100%; }
    .newSingle .singlePic{ height: auto; }
    .newSingle .singlePic .singleFloat .sinTop h3{ font-size: 16px; }
}


.newSelf{ float: left; width: 33.3333%; padding: 0 15px; }
.newSelf ul{}
.newSelf ul li{ height: 145px; padding:6.75% 6.16% 0 6.16%; background-color: #fff; margin-bottom: 18px; }
.newSelf ul li .selfTop{}
.newSelf ul li .selfTop .time{float: right; padding: 0 8px; background-color: #cccccc; color: #fff; line-height: 18px; margin-top: 3px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.newSelf ul li:hover .selfTop .time{ background-color: #c8000b;}
.newSelf ul li .selfTop h3{ padding-right: 10px; color: #313131; font-size: 18px; font-weight: bold; line-height: 24px;}
.newSelf ul li:hover .selfTop h3{ color: #c8000b;}
.newSelf ul li .selfDown{ margin-top: 10px; height: 46px; color: #666666; font-size: 14px;line-height: 23px; overflow: hidden; }
@media screen and (max-width:1199px){
    .newSelf ul li{ height: 120px;  }
}
@media screen and (max-width:991px){
    .newSelf{ width: 50%; }
}
@media screen and (max-width:767px){
    .newSelf{ width: 100%; margin-top: 15px; }
    .newSelf ul li{ margin-bottom: 10px; }
    .newSelf ul li .selfTop h3{ font-size: 16px; }
}





.newLst{ float: left; width: 33.3333%; padding: 0 15px;}
.newLst ul{}
.newLst ul li{ height: 92px; padding:20px 4.44% 20px 4.44%;   margin-bottom: 17px;  background-color: #fff; position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.newLst ul li:hover{ background-color: #bf9e5b;
    -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.3);
    -o-box-shadow: 0 2px 15px rgba(0,0,0,0.3);
    box-shadow: 0 2px 15px rgba(0,0,0,0.3);
}
.newLst ul li .time{ float: left; width: 71px; height: 52px; border-right: #dedede solid 1px;}
.newLst ul li .time .day{ color: #bf9e5b; font-weight: bold; line-height: 1; font-size: 28px;}
.newLst ul li:hover .time .day{ color: #fff;}
.newLst ul li .time .dline{ padding: 1px 0 10px 0; line-height: 0;}
.newLst ul li .time .dline span{ display: inline-block; width: 20px; height: 1px; background-color: #bf9e5b; vertical-align: top;}
.newLst ul li:hover .time .dline span{ background-color: #fff;}
.newLst ul li .time .year{ color: #757575; line-height: 1; font-size: 14px;}
.newLst ul li:hover .time .year{ color: #fff;}
.newLst ul li .out{ padding-left: 90px; padding-right: 20px;}
.newLst ul li .out h5{ padding-top: 5px; color: #313131; line-height: 1; font-size: 16px; font-weight: bold;}
.newLst ul li:hover .out h5{ color: #fff;}
.newLst ul li .out .context{ padding-top: 9px; color: #666666; font-size: 14px; line-height: 23px;}
.newLst ul li:hover .out .context{ color: #f3eee4;}
.newLst ul li .out .outtxt{ position: absolute; right: 3.5%; top: 0; padding-top: 41px; line-height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear 0.3s;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.newLst ul li:hover .out .outtxt{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.newLst ul li .out .outtxt img{ width: 20px;
    -webkit-transition: all 0.3s linear 0.3s;
    -moz-transition: all 0.3s linear 0.3s;
    -o-transition: all 0.3s linear 0.3s;
    transition: all 0.3s linear 0.3s;
}
.newLst ul li:hover .out .outtxt img{ margin-right: 5px;
    -webkit-transition: all 0.3s linear 0.3s;
    -moz-transition: all 0.3s linear 0.3s;
    -o-transition: all 0.3s linear 0.3s;
    transition: all 0.3s linear 0.3s;
}
@media screen and (max-width:1199px){
    .newLst ul li{ height: 80px; padding:12px 4.44% 18px 4.44%; margin-bottom: 10px; }
}
@media screen and (max-width:991px){
    .newLst{ width: 100%; }
}



.homeProAll{}
.homeProBack{ background: url("images/main10.jpg") top center no-repeat; background-size: 100% 100%;}
.homeProTitBox{ padding: 6.05% 0 4.84% 0;}
.homeProTitle{ text-align: center;}
.homeProTitle h3{ color: #fff; font-weight: bold; line-height: 1.2; font-size: 30px; letter-spacing: 3px;}
.homeProTitle .proEng{ padding-top: 0.63%; color: rgba(255,255,255,0.3); line-height: 1; font-size: 14px;}
.homeProTitle .proLine{ padding-top: 1.08%; line-height: 0; text-align: center;}
.homeProTitle .proLine span{ display: inline-block; width: 50px; height: 2px; background-color: #ffffff; vertical-align: top;}
.homeProTitle .proSub{ text-align: center; padding-top:1.08%; color: rgba(255,255,255,0.7); font-size: 16px; line-height: 20px; }
@media screen and (max-width:1367px){
    .homeProTitle h3{  font-size: 25px;}
    .homeProTitle .proSub{ font-size: 14px; }
}
@media screen and (max-width:991px){
    .homeProTitle h3{ font-size: 20px; letter-spacing: 0;}
    .homeProTitle .proLine{ padding-top: 2.08%; }
}




.homeProDown{ position: relative;}
.homeProDown ul{ float:left; width: 100%;}
.homeProDown ul li{ position: relative; overflow: hidden; background-color: #000;}
.homeProDown ul li .img3{ width: 100%;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeProDown ul li:hover .img3{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.homeProDown ul li .thisLeave{ position: absolute; width: 100%; padding: 0 5.2%; top: 50%; left: 0; margin-top: -65px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeProDown ul li:hover .thisLeave{
    opacity: 0;
    -webkit-transform: translate(0, 10%);
    -ms-transform: translate(0, 10%);
    transform:  translate(0, 10%);
}
.homeProDown ul li .thisLeave h3{ text-align: center; color: #fff; line-height: 1; font-size: 24px;}
.homeProDown ul li .thisLeave .leEng{ padding-top: 2.03%; text-align: center; color: rgba(255,255,255,0.8); line-height: 1; text-transform: uppercase; font-size: 16px;}
.homeProDown ul li .thisLeave .leLine{ padding: 7.55% 0 7.55% 0; line-height: 0; text-align: center;}
.homeProDown ul li .thisLeave .leLine span{ display: inline-block; width: 34px; height: 3px; background-color: #fff; vertical-align: top;}
.homeProDown ul li .thisLeave .leNum{ text-align: center; color: #fff; font-weight:bold; line-height: 1; font-size: 30px;}
@media screen and (max-width:1367px){
    .homeProDown ul li .thisLeave h3{ font-size: 20px;}
    .homeProDown ul li .thisLeave .leEng{ font-size: 14px;}
    .homeProDown ul li .thisLeave .leNum{ font-size: 24px;}
}
@media screen and (max-width:767px){
    .homeProDown ul li .thisLeave h3{  font-size: 16px;}
    .homeProDown ul li .thisLeave .leNum{ font-size: 20px;}
}
@media screen and (max-width:479px){
    .homeProDown ul li .thisLeave h3{  font-size: 18px;}
}


.homeProDown .owl-prev{ position: absolute; width: 40px; height: 86px; left: 0; top: 50%; margin-top: -43px; background: url("images/main24.png") no-repeat; background-size: cover; text-indent: -200px; overflow: hidden;}
.homeProDown .owl-prev:hover{background: url("images/main24_h.png") no-repeat; background-size: cover;}
.homeProDown .owl-next{position: absolute; width: 40px; height: 86px; right: 0; top: 50%; margin-top: -43px; background: url("images/main25.png") no-repeat; background-size: cover; text-indent: -200px; overflow: hidden;}
.homeProDown .owl-next:hover{background: url("images/main25_h.png") no-repeat; background-size: cover;}
@media screen and (max-width:767px){
    .homeProDown .owl-prev{ width: 24px; height: 52px;  margin-top: -26px;}
    .homeProDown .owl-next{width: 24px; height: 52px;  margin-top: -26px;}
}


.homeProDown ul li .thisIn{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 7.71% 5.2% 5.2% 5.2%;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: translate(0, 10%) scale(0.8);
    -ms-transform: translate(0, 10%) scale(0.8);
    transform:  translate(0, 10%) scale(0.8);
}
.homeProDown ul li:hover .thisIn{
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    -ms-transform:translate(0, 0) scale(1);
    transform:  translate(0, 0) scale(1);
}
.homeProDown ul li .thisIn::after{ content: ''; position: absolute; width: 100%; left: 0; top: 0; height: 120%; background-color: rgba(198,0,11,0.8);
    transform: skew(0, -5deg);
    -webkit-transform: skew(0, -5deg);
    -moz-transform: skew(0, -5deg);
    -o-transform: skew(0, -5deg);
    -ms-transform: skew(0, -5deg);
}
.homeProDown ul li .thisIn .inTitle{ text-align: center;color: #fff; line-height: 1; font-size: 24px;}
.homeProDown ul li .thisIn .inCon{ position: relative; z-index: 2;}
.homeProDown ul li .thisIn .inLine{ padding: 4.36% 0 5.23% 0; line-height: 0; text-align: center;}
.homeProDown ul li .thisIn .inLine span{ display: inline-block; vertical-align: top; width: 34px; height: 4px; background-color: #fff;}
.homeProDown ul li .thisIn .intext{ height: 92px; padding:0 6%; color: #fff; font-size: 14px; text-align: center; line-height: 23px; overflow: hidden;}
.homeProDown ul li .thisIn .inBtn{ padding-top: 6.39%; text-align: center; line-height: 0;}
.homeProDown ul li .thisIn .inBtn .imbtn{ display: inline-block; padding: 0 20px; height: 26px; background-color: #bf9d5a; color: #fff; font-weight: bold; line-height: 24px; font-size: 14px; position: relative;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
}
.homeProDown ul li .thisIn .inBtn .imbtn:hover{ border-color: #cf2f38;
    -webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
    background-color: #cf2f38;
    -webkit-animation: anim-moema-1 0.3s forwards;
    animation: anim-moema-1 0.3s forwards;
}
.homeProDown ul li .thisIn .inBtn .imbtn::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    border-radius: 50px;
    z-index: -1;
    opacity: 0.4;
    -webkit-transform: scale3d(0.6, 0.2, 0.2);
    transform: scale3d(0.6, 0.2, 0.2);
}
.homeProDown ul li .thisIn .inBtn .imbtn:hover::before {
    -webkit-animation: anim-moema-2 0.3s 0.3s forwards;
    animation: anim-moema-2 0.3s 0.3s forwards;
}
@media screen and (max-width:1367px){
    .homeProDown ul li .thisIn .inTitle{ font-size: 20px;}
}
@media screen and (max-width:767px){
    .homeProDown ul li .thisIn .inTitle{ font-size: 16px;}
    .homeProDown ul li .thisIn .intext{ height: 80px; padding:0;  font-size: 13px; line-height: 20px; }
}
@media screen and (max-width:479px){
    .homeProDown ul li .thisIn .inTitle{ font-size: 18px;}
}



/*homeEwm*/
.homeEwmBack{ background-color: #f0f0f0;}
.homeEwmTitBox{ padding: 6.05% 0 3% 0;}
@media screen and (max-width:767px){
    .homeEwmTitBox{ padding: 6.05% 0 5% 0;}
}
.homeEwmTDown{ padding: 0 0 6.36% 0; margin: 0 -13px;}
.homeEwmTDown ul{ float: left; width: 100%;}
.homeEwmTDown ul li{ padding: 0 13px;}
.homeEwmTDown ul li .border{ background-color:#ffffff; padding: 1px; position: relative; overflow: hidden;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.homeEwmTDown ul li .border::before{ content: ''; position: absolute; width: 100%; height: 0; left: 0; bottom: 0; background-color: #c8000b;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeEwmTDown ul li:hover .border::before{ height: 100%;}
.homeEwmTDown ul li .border .outBorder{ background-color: #fff; position: relative; z-index: 3;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;
}
.homeEwmTDown ul li .border .outBorder .outPic{ padding: 6.06%;}
.homeEwmTDown ul li .border .outBorder h4{ padding: 10px 5px; color: #333333; font-size: 16px; line-height: 24px; text-align: center; border-top: #f0f0f0 solid 1px;}
.homeEwmTDown ul li:hover .border .outBorder h4{ background-color: #c8000b; border-top-color: #c8000b; color: #fff;}
@media screen and (max-width:767px){
    .homeEwmTDown{ margin: 0 -7px;}
    .homeEwmTDown ul li{ padding: 0 7px;}
    .homeEwmTDown ul li .border{
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        -o-border-radius:4px;
    }
    .homeEwmTDown ul li .border .outBorder{
        border-radius:4px;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        -o-border-radius:4px;
    }
    .homeEwmTDown ul li .border .outBorder h4{ padding: 4px 5px;  font-size: 14px; }
}


/*down*/
.footBox{ padding-bottom: 3.88%;}
.footNav{ float: left; width: 80.25%; padding-top: 3.31%; }
.footNav .cell{ float: left; width: 14.28571428571429%;}
.footNav .cell .cellTit{ color: #ffffff; font-size: 14px; line-height: 1;}
.footNav .cell .cellTit img{  float:right; margin:3px 0 0 0;}
.footNav .cell .cellTit .imgs{ display:none;}
.footNav .cell .cellTit.active .imgs{ display:none;}
.footNav .cell .cellTit .imgh{ display:none;}
.footNav .cell .cellTit.active .imgh{ display:block;}
@media screen and (max-width:991px){
    .footNav .cell{ width: 100%;}
    .footNav .cell .cellTit{ background-color: #757575; margin-top: 5px; padding: 12px 10px; color: #ffffff; font-size: 14px; line-height: 1;}
    .footNav .cell .cellTit .imgs{ display:block;}
}
@media screen and (max-width:767px){
    .footNav{ padding-top: 6.31%; }
}



.footNav .phoneTime{ display: none; float: left; width: 100%; padding: 0 10px; background-color: #666666; line-height: 40px; color: #fff; font-size: 16px; font-weight: bold;}
.footNav .phoneTime .phoneb{ float: left; width: 18px; height: 18px; margin: 11px 6px 0 0; line-height: 0;}
.footNav .phoneTime .phoneyb{ float: right; width: 14px; height: 8px; margin: 16px 0 0 0; line-height: 0;}
.footNav .phoneTime.active .phoneyb{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


@media screen and (max-width:991px){
    .footNav .phoneTime{ display: block; }
    .footNav .baoguo{ display: none; }
}



.footNav .cell ul{ padding-top: 13px;}
.footNav .cell ul li{}
.footNav .cell ul li a{ color: #bcbcbc; font-size: 14px; line-height: 24px;}
.footNav .cell ul li a:hover{ color: #c6000d;}
@media screen and (max-width:1367px){
    .footNav{ width: 78%; }
}
@media screen and (max-width:991px){
    .footNav{ width: 100%; }
    .footNav .cell ul{ display: none; padding: 10px 0;  background-color: #666666}
    .footNav .cell ul li{ padding: 0 10px;}
}


.footContact{ float: right; width: 19.75%; padding-top: 3.31%;}
.footContact .actTit{ border-left: #fff solid 1px;}
.footContact .actTit .actL{ float: left; padding: 1px 0 1px 10px; color: #fff; font-size: 14px; line-height: 16px;}
.footContact .actTit .actL .cold{ font-weight: bold; text-transform: uppercase; margin-top: 1px;}
.footContact .actTit .actR{ float: right; margin-top: 5px;}
.bdshare_popup_box{ margin-left: -234px !important;}
.footContact .actTit .actR a{ float: left; width: 34px; height: 34px; margin: 0 0 0 10px !important; border: #fff solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.footContact .actTit .actR a:hover{ background-color: #fff;}
.footContact .actTit .actR a .imgs{}
.footContact .actTit .actR a .imgd{ display: none;}
.footContact .actTit .actR a:hover .imgs{ display: none;}
.footContact .actTit .actR a:hover .imgd{ display: block;}
@media screen and (max-width:1367px){
    .footContact{ width: 22%;}
}
@media screen and (max-width:991px){
    .footContact{ float: left; width: 100%; padding: 4% 30% 0 30%;}
}
@media screen and (max-width:767px){
    .footContact{ padding: 5% 0 0 0;}
}

.lian{ margin-top: 18.43%; height: 40px; border: #656565 solid 1px;  position: relative;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.lian h5{ line-height: 38px; cursor: pointer; padding-left: 20px; color: #fff; font-size: 14px; height: 38px;  }
.lian h5 img{ float: right; margin-top: 15px; width: 19px; height: 10px; margin-right: 50px; line-height: 0;  }
.lian .ul1{ position: absolute; bottom: 38px; left: -1px; width: 100%; background: #656565; padding-top: 8px; padding-bottom: 9px; display: none; border: #656565 solid 1px; box-sizing: content-box;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.lian .ul1.active{
    display: block;
}
.lian .ul1 li:hover{ background-color: #333; }
.lian .ul1 li a{
    color: #fff;
    display: block;
    padding-left: 15px;
    line-height: 24px;
}
.lian .ul1 li a:hover{ color: #c8000b; }
@media screen and (max-width:1367px){
    .lian h5 img{ margin-right: 30px; }
}
@media screen and (max-width:767px){
    .lian{ margin-top: 4.43%; }
}


.copyrightBox{ border-top: #424242 solid 1px; padding: 1.4% 0;}
.copyrightBox .copyright{ float: left; color: #bebebe; line-height: 28px;}
.copyrightBox .copyright a{ color: #bebebe;}
.copyrightBox .copyright a:hover{ color: #c8000b;}
.copyrightBox .copyright .vis{}
.copyrightBox .law{ float: right; color: #bebebe; line-height: 28px;}
.copyrightBox .law a{color: #bebebe;}
.copyrightBox .law a:hover{ color: #c8000b;}
.copyrightBox .intre{ float: right;  color: #fff; font-size: 12px; line-height: 28px; margin-right: 16px;  }
.copyrightBox .intre a{ float:left; color: #fff;padding: 0 16px;  background-color: #c8000b;
    border-radius:15px;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -o-border-radius:15px;
}
.copyrightBox .intre b{ float: left; width: 18px; height: 16px; margin: 6px 5px 0 0; line-height: 0;}
.copyrightBox .intre span{ float: left;}
@media screen and (max-width:991px){
    .copyrightBox{  padding: 3% 0;}
    .copyrightBox .copyright{ width: 100%; text-align: center; }
    .copyrightBox .law{ float: left; width: 100%; text-align: center; margin-top: 2px;}
    .copyrightBox .intre{ float: left; width: 100%; text-align: center; line-height: 0;margin-top: 5px;}
    .copyrightBox .intre a{ float: none; display: inline-block; vertical-align: top; width: 200px; line-height: 28px;}
}
@media screen and (max-width:767px){
    .copyrightBox .copyright .vis{ display: block;}
}




/*1走进国信1*/
.group{ padding: 4.7% 0 6.83% 0;}
.group .groupDown{ padding-top: 3.5%;}
.groupTitle{ background: url("images/aboutf3.jpg") center bottom repeat-x; text-align: center; }
.groupTitle h3{ display: inline-block; vertical-align: top; padding:1.7% 0; font-size: 24px; line-height:1; color: #c8000b; border-bottom: #c8000b solid 2px; }
@media  screen and (max-width:767px){
    .groupTitle h3{ padding: 3.7% 0;  font-size: 18px; margin: 0;}
}


.group .groupRight{ float: right; width:51.2%; padding-left: 2.56%; }
.group .groupRight .grCorner{ overflow: hidden;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:18px;
}
.group .grLeft{ color: #444444; font-size: 16px; line-height: 30px; letter-spacing: 1px;text-align:justify; }
@media  screen and (max-width:767px){
    .group .groupRight{ float: left; width:100%; padding-left: 0; }
    .group .grLeft{ float: left; width: 100%;  color: #444444; font-size: 14px; line-height: 28px; letter-spacing: 0; padding: 3.5% 0 0 0; }
}



.chairman{ overflow: hidden; background: #f3f3f3; position: relative;}
.chairmanBox{ padding: 3.41% 0 0 0; position: relative; z-index: 3;  }
.chairmanBox .chairLeft{ float: left; width: 40.17%; }
.chairmanBox .chairLeft .chairPhoto{ overflow: hidden;
    border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -o-border-radius:8px;
}
.chairmanBox .chairLeft .chairPhoto img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.chairmanBox .chairLeft .chairPhoto: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);
}
@media  screen and (max-width:1199px){
    .chairmanBox .chairLeft{ width: 100%; padding: 0 25% 0 25%;  }
}
@media  screen and (max-width:767px){
    .chairmanBox .chairLeft{ padding: 0 15% 0 15%;  }
}

.chairmanBox .chairRight{ float: right; width:59.83%; padding-left: 55px; }
.chairmanBox .chairRight .chairTitle{ padding:2.42% 0 2.71% 0; color: #333333; font-size: 30px; line-height: 32px; }
.chairmanBox .chairRight .chairTitle span{ color: #333333; font-size: 16px; border-bottom: #c8000b solid 2px; margin-left: 10px;}
.chairmanBox .chairRight .chairList{ padding: 0 10% 4.28% 0;}
.chairmanBox .chairRight .chairList .chariLi{ float: left; width: 50%; padding: 10px 10px 0 0; }
.chairmanBox .chairRight .chairList .chariLi .borderone{border: #d6d6d6 solid 1px; color: #333333; font-size: 16px; line-height: 38px; text-align: center;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.chairmanBox .chairRight .chairList .chariLi .borderone:hover{ background-color: #c8000b; color: #fff;}
.chairmanBox  .chairWhite{ background: url("images/aboutf5.png") left bottom repeat-y; background-size: 100% auto; margin-left: -55px;}
.chairmanBox  .chairWhite .imtext{ padding:2.56% 0 2.56% 55px;  color: #555555; font-size: 16px; line-height: 30px; z-index: 3; text-align:justify;  }
@media  screen and (max-width:1199px){
    .chairmanBox .chairRight{ float: left; width:100%; }
    .chairmanBox  .chairWhite .imtext{  padding:2.56% 55px 2.56% 55px; }
}

@media  screen and (max-width:991px){

    .chairmanBox .chairRight .chairTitle{ font-size: 26px; }
    .chairmanBox .chairRight .chairList{ padding: 0 0 4.28% 0;}
    .chairmanBox  .chairWhite .imtext{   padding:2.56% 3.5% 2.56% 3.5%;  font-size: 14px;   }
}
@media  screen and (max-width:767px){
    .chairmanBox .chairRight{ padding-left: 0; }
    .chairmanBox .chairRight{ padding-top: 3.5%;}
    .chairmanBox .chairRight .chairTitle{ font-size: 22px; }
    .chairmanBox .chairRight .chairTitle span{ font-size: 14px; }
    .chairmanBox .chairRight .chairList .chariLi{ padding: 10px 5px 0 5px; }
    .chairmanBox .chairRight .chairList .chariLi .borderone{ font-size: 14px; line-height: 32px; }
    .chairmanBox  .chairWhite{ background: url("images/aboutf5.png") left bottom repeat-y #fff;  margin-left: 0;}
    .chairmanBox  .chairWhite .imtext{ line-height: 28px; }
}

.ourteam{ margin-top: 4.87%; overflow: hidden;}
.ourteam .outLeft{ float: left; color: #333333; font-size: 24px; font-weight: bold; line-height: 30px; position: relative;}
.ourteam .outLeft::before{ content: ''; float: left; width: 5px; height: 22px; background-color: #c8000b; margin: 4px 8px 0 0;}
.ourteam .outLeft::after{ content: ''; position: absolute; width: 1500px; left: 100%; top: 50%; border-bottom: #c2c2c2 dotted 1px;}
@media  screen and (max-width:991px){
    .ourteam .outLeft{ font-size: 20px;}
}
@media  screen and (max-width:767px){
    .ourteam .outLeft{ font-size: 18px;}
}

.teamOhter{ margin: 0 -16px; padding-bottom: 6.83%;}
.teamOhter ul{ float: left; width: 100%;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.teamOhter ul li{ float: left; width: 50%; padding:2.56% 16px 0 16px;}
.teamOhter ul li .ohtBox{ float: left; width: 100%; background-color: #fff; padding: 5.27% 5.27% 4.39% 5.27%;}
.teamOhter ul li .ohtBox .othPic { float: left; width: 51%; padding-right: 5.89%;}
.teamOhter ul li .ohtBox .othPic .oc{ overflow: hidden;}
.teamOhter ul li .ohtBox .othPic .oc img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.teamOhter ul li .ohtBox:hover .othPic .oc 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);
}
.teamOhter ul li .ohtBox .othRight{}
.teamOhter ul li .ohtBox .othRight h5{ color: #333333; font-size: 24px; line-height: 30px; padding: 7px 0 12px 0;}
.teamOhter ul li.names .ohtBox .othRight h5 span{ float: left; border: #4b4b4b solid 1px; line-height: 26px; vertical-align: top; padding-bottom: 2px;}

.teamOhter ul li .ohtBox .othRight .oCreer{}
.teamOhter ul li .ohtBox .othRight .oCreer span{border-bottom: #c8000b solid 2px; color: #333333; font-size: 16px; line-height: 22px;}
.teamOhter ul li .ohtBox .othRight .oContent{ margin-top: 3.33%; color: #555555; font-size: 16px; line-height: 30px; text-indent: 2em; text-align: justify;
}
.teamOhter ul li .ohtBox .othRight .oContent .conh{ float: left; width: 100%; height: 360px; overflow: hidden;  }
@media  screen and (max-width:991px){
    .teamOhter ul li{  width: 100%; }
    .teamOhter ul li .ohtBox .othRight h5{  font-size: 20px;}
    .teamOhter ul li .ohtBox .othRight .oContent{ font-size: 14px; line-height: 28px;  }
}
@media  screen and (max-width:767px){
    .teamOhter{ margin: 0 -8px; }
    .teamOhter ul li{ width: 100%; padding:2.56% 8px 0 8px; }
    .teamOhter ul li .ohtBox .othRight h5{ font-size: 17px; padding: 5px 0 5px 0;}
    .teamOhter ul li .ohtBox .othRight .oContent{ font-size: 13px; line-height: 24px;  }

}






.strategic{ background: url("images/aboutf6.jpg") center 42px no-repeat;}
.strategicBox{ padding: 58px 0 90px 0;}
.strategicDown{ margin-top: 58px; height: 442px;}
.strategicDown .stra_1{ float: left; width: 234px; height: 284px; margin-top: 158px; padding: 0 15px 0 25px; background: url("images/aboutf7.png") top left no-repeat;}
.strategicDown .stra_1 .straTit{ color: #c8000b; font-size: 16px; font-weight: bold; line-height: 24px; margin-top: 12px;}
.strategicDown .stra_1 .straText{ height: 96px; margin-top: 2px; color: #555555; font-size: 14px; line-height: 24px; overflow: hidden; text-align:justify;}
.strategicDown .stra_1 .straText .strLink{ color: #c8000b;}
.strategicDown .stra_1 .straCricle{ margin-top:50px; }
.strategicDown .stra_1 .straCricle .cricle{ float: left; width: 100px; height: 100px; background: url("images/aboutf8.png") center no-repeat; background-size: cover; padding: 24px 0 0 0; color: #ffffff; font-size: 18px; line-height: 26px; text-align: center;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -webkit-box-shadow:0 0 6px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 6px rgba(0,0,0,0.2);
    -o-box-shadow:0 0 6px rgba(0,0,0,0.2);
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.strategicDown .stra_1 .straCricle .cricle:hover{
    transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}
.strategicDown .stra_1 .straCricle .cricle .year{ font-weight: bold; }
.strategicDown .stra_1 .straCricle .cricle .yearLine{ line-height: 0; text-align: center;}
.strategicDown .stra_1 .straCricle .cricle .yearLine span{ display: inline-block; vertical-align: top; width: 16px; height: 1px; background-color: #fff;}
.strategicDown .stra_1 .straCricle .cricle .year2{ line-height: 0;}
.strategicDown .stra_1.two{ margin-top: 115px; }
.strategicDown .stra_1.three{ margin-top: 82px; }
.strategicDown .stra_1.four{ margin-top: 32px; }
.strategicDown .stra_1.five{ margin-top: 0; }
@media  screen and (max-width:1199px){
    .strategicDown .stra_1{ width: 192px; padding: 0 5px 0 25px; }
    .strategicDown .stra_1 .straText{ height: 120px; }
    .strategicDown .stra_1 .straCricle{ margin-top:26px; }
}
@media  screen and (max-width:991px){
    .strategic{ background: url("images/aboutf6.jpg") center -120px no-repeat;}
    .strategicBox{ height: auto; padding: 30px 0 40px 0;}
    .strategicDown{ margin-top: 28px; height: auto;}
    .strategicDown .stra_1{  margin-top: 0; width: 100%;}
    .strategicDown .stra_1.two{ margin-top: 0; }
    .strategicDown .stra_1.three{ margin-top: 0; }
    .strategicDown .stra_1.four{ margin-top: 0; }
}
@media  screen and (max-width:767px){
    .strategic{ background: url("images/aboutf6.jpg") center -200px no-repeat;}
    .strategicBox{ height: auto; padding: 12px 0 20px 0;}
    .strategicDown{ margin-top: 13px; }
    .strategicDown .owl-stage-outer{ padding-bottom: 2px;}
    .strategicDown .stra_1{ height: auto; padding: 0 25px 0 45px;}
    .strategicDown .stra_1 .straCricle .cricle{  width: 80px; height: 80px;  padding: 18px 0 0 0;  font-size: 14px; line-height: 20px; }
}


.fhonor{ background-color: #f3f3f3;}
.fhonor .fhonorBox{ padding:4.95% 0 6.83% 0; }



.fstone{ padding: 4.78% 0 6.83% 0;}
.fstoneSlickBox{ padding-top: 3.24%; margin: 0 -3px; }
.fstoneSlickTop{ position: relative;}
.fstoneSlickTop .slick-list{ height: 139px;}
.fstoneSlickTop .slick-slide{ margin: 0; outline: 0;}
.fstoneSlickTop .tonetopli{ float: left; width: 100%; display: block; padding: 0 3px; box-sizing: border-box; }
.fstoneSlickTop .tonetopli .liheight{ height: 100px; position: relative; cursor: pointer;}
.fstoneSlickTop .tonetopli .liheight .heiYellow{ position: absolute; width: 100%; height: 100px; background-color: #bf9e5b; left: 0; top: 0;  text-align: center; color: #fff;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -o-border-radius:6px;
    -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;
}
.fstoneSlickTop  .tonetopli:hover .liheight .heiYellow,
.fstoneSlickTop .slick-current .tonetopli .liheight .heiYellow{ height: 129px; background-color: #c8000b;
    -webkit-border-radius:6px 6px 18px 18px;
    -moz-border-radius:6px 6px 18px 18px;
    -o-border-radius:6px 6px 18px 18px;
}
.fstoneSlickTop .tonetopli:hover .liheight .heiYellow::after,
.fstoneSlickTop .slick-current .tonetopli .liheight .heiYellow::after{ content: ''; position: absolute; width: 0; height: 0; top: 100%; border-top: #c8000b solid 9px; left: 50%; margin-left: -9px; border-left: transparent solid 9px; border-right: transparent solid 9px;}
.fstoneSlickTop .tonetopli .liheight .heiYellow .year{ padding-top: 22px; font-size: 24px; line-height: 30px; }
.fstoneSlickTop .slick-current .tonetopli .liheight .heiYellow .year{ padding-top:36px; }
.fstoneSlickTop .tonetopli .liheight .heiYellow .yearName{ font-size: 18px; line-height: 26px;}
.fstoneSlickTop .tonetopli .liheight .heiYellow .tenyYear{font-size: 18px; line-height: 26px; margin-top: 38px;}
.fstoneSlickTop .slick-prev{ position: absolute; width: 30px; height: 58px; left: -47px; top: 21px; background: url("images/aboutf20.png") no-repeat; background-size: cover;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.fstoneSlickTop .slick-prev:hover{background: url("images/aboutf20_h.png") no-repeat; background-size: cover; }
.fstoneSlickTop .slick-next{ position: absolute; width: 30px; height: 58px; right: -47px; top: 21px; background: url("images/aboutf21.png") no-repeat; background-size: cover;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.fstoneSlickTop .slick-next:hover{background: url("images/aboutf21_h.png") no-repeat; background-size: cover; }
@media screen and (max-width:1311px){
    .fstoneSlickBox{  padding-left: 42px; padding-right: 42px; }
    .fstoneSlickTop .slick-prev{ left: -42px;}
    .fstoneSlickTop .slick-next{ right: -42px;}
}
@media screen and (max-width:767px){
    .fstoneSlickBox{  padding-left: 25px; padding-right: 25px; }
    .fstoneSlickTop .slick-list{ height: 67px;}
    .fstoneSlickTop .tonetopli .liheight{ height: 50px; }
    .fstoneSlickTop .tonetopli .liheight .heiYellow{height: 50px; }
    .fstoneSlickTop  .tonetopli:hover .liheight .heiYellow,
    .fstoneSlickTop .slick-current .tonetopli .liheight .heiYellow{ height: 58px;
        -webkit-border-radius:6px 6px 10px 10px;
        -moz-border-radius:6px 6px 10px 10px;
        -o-border-radius:6px 6px 10px 10px;
    }
    .fstoneSlickTop .tonetopli:hover .liheight .heiYellow::after,
    .fstoneSlickTop .slick-current .tonetopli .liheight .heiYellow::after{  border-top: #c8000b solid 5px; margin-left: -5px; border-left: transparent solid 5px; border-right: transparent solid 5px;}


    .fstoneSlickTop .tonetopli .liheight .heiYellow .year{ padding-top: 10px; font-size: 18px; line-height: 20px; }
    .fstoneSlickTop .slick-current .tonetopli .liheight .heiYellow .year{ padding-top:15px; }
    .fstoneSlickTop .tonetopli .liheight .heiYellow .yearName{ font-size: 14px; line-height: 14px; }
    .fstoneSlickTop .tonetopli .liheight .heiYellow .tenyYear{font-size: 14px;  margin-top: 20px;}
    .fstoneSlickTop .slick-prev{ position: absolute; width: 20px; height: 39px; left: -25px; top: 5px; }
    .fstoneSlickTop .slick-next{ position: absolute; width: 20px; height: 39px; right: -25px; top: 5px; }
}
.fstoneSlickDown{ padding: 0 3px;}
.fstoneSlickDown .slickDownContent{  margin-top: 20px; padding: 3.41% 0 3.41% 0; background: url("images/aboutf18.jpg") 211px repeat-y #f3f3f3;}
.fstoneSlickDown .slickDownContent .thisList{ padding: 21px 60px;}
.fstoneSlickDown .slickDownContent .thisList .thisTime{ float: left; width: 106px; height: 30px; background-color: #c8000b; color: #fff; font-size: 16px; text-align: center; line-height: 30px;}
.fstoneSlickDown .slickDownContent .thisList .thisIco{ float: left; width: 31px; height: 11px; margin: 10px 0 0 40px;  line-height: 0; }
.fstoneSlickDown .slickDownContent .thisList .thisRight{ padding: 3px 0 3px 48px; color: #333333; font-size: 16px; line-height: 24px;}
@media screen and (max-width:991px){
    .fstoneSlickDown .slickDownContent{ background: url("images/aboutf18.jpg") 171px repeat-y #f3f3f3;}
    .fstoneSlickDown .slickDownContent .thisList{ padding: 21px 20px;}
}
@media screen and (max-width:767px){
    .fstoneSlickDown{ padding: 0 3px; margin-left: -25px; margin-right: -25px;}
    .fstoneSlickDown .slickDownContent{ margin-top: 12px;  background: #f3f3f3;}
    .fstoneSlickDown .slickDownContent .thisList{ padding: 5px 20px 10px 20px;}
    .fstoneSlickDown .slickDownContent .thisList .thisTime{ position: relative; width: 90px; height: 20px; line-height: 20px; font-size: 14px;}
    .fstoneSlickDown .slickDownContent .thisList .thisTime::after{ content: ''; top: 100%; left: 50%; margin-left: -6px; position: absolute; width: 0; height: 0; border-top: #c8000b solid 6px; border-left: transparent solid 6px; border-right: transparent solid 7px;}
    .fstoneSlickDown .slickDownContent .thisList .thisIco{ display: none;}
    .fstoneSlickDown .slickDownContent .thisList .thisRight{ float: left; width: 100%; padding: 10px 0 3px 0; font-size: 13px; line-height: 20px; }
}



/*2新闻中心2*/
.newDisplay{ display: none; background-color: #f8f6f7; border: #d7d7d7 solid 2px; color: #c8000b;  font-size: 18px; line-height: 42px; margin-top: 5.2%;
    border-radius:24px;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    -o-border-radius:24px;
}
.newDisplay b{ float: left; width: 38px; height: 38px; margin: 2px 8px 2px 2px; line-height: 0;}
@media screen and (max-width:991px){
    .newDisplay{ display: block;}
}

.fNew{ margin-top: 5.12%; overflow: hidden;}
.fNewBox{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.fNewList{ float: left; width:170px; }
.fNewList .fnTit{ float: left; width: 100%;}
.fNewList .fnTit span{ float: left; width:78px; height: 78px; background-color: #c8000b; color: #fff; font-size: 20px; line-height: 24px; text-align: center; padding: 15px 0;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.fNewList .fnDown{ float: left; width: 100%; padding-bottom: 240px; background: url("images/newf2.jpg") 39px bottom no-repeat;}
.fNewList .fnDown .l1{float: left; width: 100%; padding: 18px 0 0 0;}
.fNewList .fnDown .l1 a{ float: left; width: 100%; padding:5px 20px 5px 33px; }
.fNewList .fnDown .l1 a b{ float: left; width: 14px; height: 14px; line-height: 0; margin-top: 5px;}
.fNewList .fnDown .l1 a b .imgs{}
.fNewList .fnDown .l1 a b .imgd{ display: none;}
.fNewList .fnDown .l1 a.active b .imgs{ display: none;}
.fNewList .fnDown .l1 a.active b .imgd{ display: block;}
.fNewList .fnDown .l1 a i{ float: right; width: 10px; height: 10px; margin:7px 0 0 0; line-height: 0; }
.fNewList .fnDown .l1 a i .imgs{}
.fNewList .fnDown .l1 a i .imgd{ display: none;}
.fNewList .fnDown .l1 a.active i .imgs{ display: none;}
.fNewList .fnDown .l1 a.active i .imgd{ display: block;}
.fNewList .fnDown .l1 a .litext{ padding: 0 12px 0 22px; color: #333333; font-size: 18px; line-height: 24px;}
.fNewList .fnDown .l1 a.active .litext{ color: #c8000b; font-weight: bold;}
.fNewList .fnDown .l2_ul{ display:none; float: left; width: 100%;}
.fNewList .fnDown .l2_ul li{ float: left; width: 100%; padding: 2px 0 2px 41px;}
.fNewList .fnDown .l2_ul li a{ float: left; width:100%; padding:0 20px 0 14px; color: #333333; font-size: 14px; line-height: 32px;
    border-radius:0 18px 18px 0;
    -webkit-border-radius:0 18px 18px 0;
    -moz-border-radius:0 18px 18px 0;
    -o-border-radius:0 18px 18px 0;
}
.fNewList .fnDown .l2_ul li a:hover,
.fNewList .fnDown .l2_ul li a.active{ background-color:#ececec; color: #bf9e5b; }
.fNewList .fnDown .l2_ul li a b{ display: none; float: right; width: 15px; height: 9px; line-height: 0; margin-top: 12px;}
.fNewList .fnDown .l2_ul li a:hover b,
.fNewList .fnDown .l2_ul li a.active b{ display: block;}
@media screen and (max-width:991px){
    .fNew{ margin-top: 3.12%; }
    .fNewList{ width:120px; margin-left: -130px; }
    .fNewList .fnTit span{ float: left; width:50px; height: 50px;  font-size: 16px; line-height: 18px; padding: 7px 0; }
    .fNewList .fnDown{ padding-bottom: 150px; background: url("images/newf2.jpg") 24px bottom no-repeat;}
    .fNewList .fnDown .l1{ padding: 10px 0 0 0;}
    .fNewList .fnDown .l1 a{ padding:5px 10px 5px 18px; }
    .fNewList .fnDown .l2_ul li{ float: left; width: 100%; padding: 2px 0 2px 26px;}
}


.fNewRight{ padding-left: 200px;}
@media screen and (max-width:991px){
    .fNewRight{ padding-left:0;}
}
.fNewRightSlide{ float: left; width: 100%;}
.fNewRightSlide ul{ background-color: #f5f5f5;}
.fNewRightSlide ul li{}
.fNewRightSlide ul li .nLeft{ float: left; width: 404px; height: 248px; overflow: hidden;}
.fNewRightSlide ul li .nLeft 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);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.fNewRightSlide ul li:hover .nLeft img{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.fNewRightSlide ul li .nRight{ padding-left: 430px; padding-right: 40px;}
.fNewRightSlide ul li .nRight h4{ float: left; width: 100%; padding-top: 29px; color: #333333; font-size: 24px; line-height: 30px;}
.fNewRightSlide ul li:hover .nRight h4{ color: #c8000b;}
.fNewRightSlide ul li .nRight p{ float: left; width: 100%; margin-top: 28px; height: 90px; color: #666666; font-size: 14px; line-height: 30px; overflow: hidden; text-align:justify;}
.fNewRightSlide ul li .nRight .tm{float: left; width: 100%; padding-top: 29px; }
.fNewRightSlide ul li .nRight .tm .time{ float: left; color: #666666; font-size: 14px; line-height: 22px; padding-left: 25px; background: url("images/newf7.png") left center no-repeat; background-size: 15px 15px;}
.fNewRightSlide ul li .nRight .tm .xq{ float: right; padding: 0 6px; background-color: #bf9e5b;}
.fNewRightSlide ul li:hover .nRight .tm .xq{ background-color: #c8000b;}
.fNewRightSlide ul li .nRight .tm .xq span{ float: left; color: #ffffff; font-size: 12px; line-height: 22px;}
.fNewRightSlide ul li .nRight .tm .xq b{ float: left; width: 11px; height: 7px; margin: 8px 0 0 15px; 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;
}
.fNewRightSlide ul li:hover .nRight .tm .xq b{margin: 8px 5px 0 10px;}
@media screen and (max-width:1199px){
    .fNewRightSlide ul li .nLeft{ width: 334px; height: 205px; }
    .fNewRightSlide ul li .nRight{ padding-left: 350px; padding-right: 20px;}
    .fNewRightSlide ul li .nRight h4{ padding-top: 20px; font-size: 20px; line-height: 24px;}
    .fNewRightSlide ul li .nRight p{ height: 72px; line-height: 24px; }
    .fNewRightSlide ul li .nRight .tm{ padding-top: 25px; }
}
@media screen and (max-width:767px){
    .fNewRightSlide ul{ padding-bottom: 15px;}
    .fNewRightSlide ul li .nLeft{ width: 100%; height: auto; }
    .fNewRightSlide ul li .nRight{ float: left; width: 100%; padding: 0 12px 15px 12px;}
    .fNewRightSlide ul li .nRight p{ margin-top: 12px; }
    .fNewRightSlide ul li .nRight .tm{ padding-top: 12px; }
}


.fNewRightSlide ul .owl-dots{ position: absolute; left: 0; bottom: 10px; width:404px; padding-right: 10px; text-align: right; }
.fNewRightSlide ul .owl-dots .owl-dot{ display: inline-block; vertical-align: top; margin-right: 10px; width: 10px; height: 10px; background-color: rgba(255,255,255,0.6);
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.fNewRightSlide ul .owl-dots .owl-dot.active{ background-color: #c8000b;}
@media screen and (max-width:1199px){
    .fNewRightSlide ul .owl-dots{  bottom: 15px; width:334px;  }
}
@media screen and (max-width:767px){
    .fNewRightSlide ul .owl-dots{ position: static; left: auto; bottom: auto; width: 100%; text-align: center; padding: 0; line-height: 0;}
    .fNewRightSlide ul .owl-dots .owl-dot{ border:#c8000b solid 1px; }
}


.fNewRightList{ float: left; width: 100%;}
.fNewRightList ul{}
.fNewRightList ul li{ padding-top: 4.08%; }
.fNewRightList ul li a{ float: left; width: 100%; padding: 2.15%; border: #e2e2e2 solid 1px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.fNewRightList ul li a:hover{ background-color: #f5f5f5;}
.fNewRightList ul li a .tuLeft{ float: right; width: 270px; height: 165px; overflow: hidden;}
.fNewRightList ul li a .tuLeft .img4{
    transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.fNewRightList ul li a:hover .tuLeft .img4{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.fNewRightList ul li a .tuRight{ padding-right: 290px;}
.fNewRightList ul li.noPic a .tuRight{ padding-right: 0;}
.fNewRightList ul li a .tuRight h5{ padding-top: 8px; color: #313131; font-size: 18px; line-height: 24px; font-weight: bold;  }
.fNewRightList ul li a:hover .tuRight h5{ color: #c8000b; }
.fNewRightList ul li a .tuRight p{ height: 60px; margin-top: 17px; color: #666666; font-size: 14px; line-height: 30px; overflow: hidden;}
.fNewRightList ul li a .tuRight .time{ padding-top: 22px;}
.fNewRightList ul li a .tuRight .time span{ float: left; padding: 0 8px; background-color: #bf9e5b; color: #fff; font-size: 12px; line-height: 18px;
    border-radius:11px;
    -webkit-border-radius:11px;
    -moz-border-radius:11px;
    -o-border-radius:11px;
}
.fNewRightList ul li a:hover .tuRight .time span{ background-color: #c8000b;}
@media screen and (max-width:767px){
    .fNewRightList ul li a .tuLeft{ width: 164px; height: 100px; }
    .fNewRightList ul li a .tuRight{ padding-right: 175px;}
    .fNewRightList ul li a .tuRight h5{ padding-top: 0; font-size: 16px; line-height: 20px;  }
    .fNewRightList ul li a .tuRight p{ height: 38px; margin-top: 8px; line-height: 19px; }
    .fNewRightList ul li a .tuRight .time{ padding-top: 12px;}
    .fNewRightList ul li a .tuRight .time span{ font-size: 12px; }
}









/*13产品服务*/
.banTitle2{ position: absolute; width: 100%; left: 0; top: 40%;}
.banTitle2 .titleBox{ text-align: right; color: #c8000b;}
.banTitle2 .titleBox h2{ font-size: 30px; line-height: 1.1875; color: #7e7e7e; text-transform: uppercase;}
.banTitle2 .titleBox .forFloat{ text-align: right; line-height: 0; overflow: hidden;}
.banTitle2 .titleBox .forFloat .forme{ display: inline-block; vertical-align: top; position: relative; font-size: 48px; line-height: 1.53; padding-left: 30px; font-weight: bold;}
.banTitle2 .titleBox .forFloat .forme::before{ content: ''; position: absolute; width: 200px; height: 1px; right: 100%; top: 50%; background-color: #bf9e5b;}
@media screen and (max-width:991px){
    .banTitle2 .titleBox h2{ font-size: 22px; }
    .banTitle2 .titleBox .forFloat .forme{ font-size: 33px; padding-left: 20px;}
}
@media screen and (max-width:767px){
    .banTitle2 .titleBox h2{ font-size: 17px; }
    .banTitle2 .titleBox .forFloat .forme{ font-size: 19px; padding-left: 10px;}
    .banTitle2 .titleBox .forFloat .forme::before{  width: 50px; }
}

.proService{ padding:2.56% 0 6.83% 0; }
.proService ul{ min-height: 500px;}
.proService ul li{ margin-top: 2.56%; background-color: #f0f0f0;
    -moz-transform: scale(1.1,1.1);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.proService ul li:hover{ background-color: #c8000b;}
.proService ul li .psLeft{ float: left; width: 269px; height: 202px; line-height: 0; overflow: hidden;}
.proService ul li .psLeft .img2{
    transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.proService ul li:hover .psLeft  .img2{
    transform: scale(1,1);
    -ms-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);
}
.proService ul li .psRight{ padding-left: 298px; padding-right: 30px;}
.proService ul li .psRight h4{ float: left; width: 100%; padding: 28px 0 16px 0; border-bottom: #fff solid 1px; color: #333333; font-size: 18px; line-height: 24px;}
.proService ul li:hover .psRight h4{ color: #fff; border-bottom: #d94d55 solid 1px;}
.proService ul li .psRight p{ float: left; width: 100%; padding-top: 16px; color: #666666; font-size: 16px; line-height: 24px;}
.proService ul li:hover .psRight p{ color: #eab8b9;}
.proService ul li .psRight .more{ float: left; width: 100%; padding-top: 49px;}
.proService ul li .psRight .more .moreDiv{ float: right; line-height: 18px;}
.proService ul li .psRight .more .moreDiv span{ float: left; color: #666; font-size: 14px;}
.proService ul li:hover .psRight .more .moreDiv span{ color: #fff;}
.proService ul li .psRight .more .moreDiv b{ float: left; width: 15px; height: 9px; margin: 5px 0 0 10px; line-height: 0; overflow: hidden; }
.proService ul li .psRight .more .moreDiv b i{ float: left; width: 30px; height: 9px; line-height: 0;  margin-left: -15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.proService ul li:hover .psRight .more .moreDiv b i{ margin-left: 0;}
@media screen and (max-width:991px){
    .proService ul{ min-height: 50px;}
    .proService ul li .psLeft{  width: 213px; height: 160px; }
    .proService ul li .psRight{ padding-left: 230px; padding-right: 20px;}
    .proService ul li .psRight h4{ padding: 18px 0 16px 0; }
    .proService ul li .psRight .more{ padding-top: 29px;}
}
@media screen and (max-width:767px){
    .proService ul li .psLeft{  width: 130px; height: 98px; }
    .proService ul li .psRight{ padding-left: 140px; padding-right: 10px;}
    .proService ul li .psRight h4{ padding: 6px 0 4px 0; font-size: 16px; }
    .proService ul li .psRight p{ padding-top: 4px; font-size: 14px; }
    .proService ul li .psRight .more{ padding-top: 6px;}
}



/*14产品服务-亲亲园*/
.container-1442 {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container-1442 {
        width: 768px;
    }
}
@media (min-width: 992px) {
    .container-1442 {
        width: 992px;
    }
}
@media (min-width: 1200px) {
    .container-1442 {
        width: 1200px;
    }
}
@media (min-width: 1442px) {
    .container-1442 {
        width: 1442px;
    }
}

.kiss{ padding:4.24% 0 5.66% 0; overflow: hidden; }
.kissMove{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.kissRight{ float: right; width: 120px;}
.kissRight .kissHideTit{ display: none; float: left; width: 100%;}
.kissRight .kissUl{ float: left; width: 100%; padding-top: 32px;}
.kissRight .kissUl .l1{ padding-top: 9px;}
.kissRight .kissUl .l1 a{ float: left; width: 100%; padding: 10px 0 10px 18px; background-color: #f1f1f1; color: #333333; font-size: 16px; line-height: 19px;
    border-radius:0 25px 25px 0;
    -webkit-border-radius:0 25px 25px 0;
    -moz-border-radius:0 25px 25px 0;
    -o-border-radius:0 25px 25px 0;
}
.kissRight .kissUl .l1 a:hover,
.kissRight .kissUl .l1 a.hover{ background-color: #c8000b; color: #fff;}
@media screen and (max-width:991px){
    .kissMove{ float: left; width: 100%;}
    .kissRight{ margin-right: -120px;}
    .kissRight .kissHideTit{ display: block; float: left; width: 100%; background-color: #c8000b; color: #fff; font-size: 16px; line-height: 42px; padding: 0 20px;
        border-radius:25px;
        -webkit-border-radius:25px;
        -moz-border-radius:25px;
        -o-border-radius:25px;
    }
    .kissRight .kissHideTit .kissHideB{ float: right; width:16px; height: 9px; line-height: 0; margin-top: 16px;  }
    .kissRight .kissHideTit.active .kissHideB{
        transform:rotate(180deg);
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform:rotate(180deg);
    }

}



.kissLeft{ padding: 0 120px 0 120px;}
.kissLeftHeart{ float: left; width: 100%; background-color: #fff; padding: 0 3.33%;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 8px rgba(0,0,0,0.1);
    box-shadow: 0 0 8px rgba(0,0,0,0.1);

}
@media screen and (max-width:991px){
    .kissLeft{ padding: 0; float: left; width: 100%; padding-top: 4%;}
}


.wirdoTit{ padding: 3.48% 0 2.84% 0; border-bottom: #e1e0e0 solid 1px;}
.wirdoTit .wirdoFloat{ display: block; float: left; width: 100%; position: relative; padding: 10px 116px 10px 202px; }
.wirdoTit .wirdoFloat .wifLogo{ position: absolute; left: 0; top: 50%; margin-top: -36px; float: left; width: 184px; height: 72px; line-height: 0; }
.wirdoTit .wirdoFloat .wirBtn{ position: absolute; width: 116px; height: 48px; right: 0; top: 50%; margin-top: -24px; background-color: #f1f1f1;
    color: #888888; font-size: 16px; line-height: 48px; text-align: center;
    border-radius:25px;
    -webkit-border-radius:25px;
    -moz-border-radius:25px;
    -o-border-radius:25px;
}
.wirdoTit .wirdoFloat .wirBtn:hover{ background-color: #c8000b; color: #fff; }
.wirdoTit .wirdoFloat  h2{ float: left; width: 100%;color: #333333; font-size: 24px; font-weight: bold; line-height: 30px; padding: 12px 0 12px 20px; border-left: #e6e6e6 solid 1px; }
@media screen and (max-width:1199px){
    .wirdoTit .wirdoFloat{ padding: 5px 100px 5px 140px; }
    .wirdoTit .wirdoFloat .wifLogo{ margin-top: -25px; width: 128px; height: 50px; }
    .wirdoTit .wirdoFloat .wirBtn{ width: 92px; height: 40px; margin-top: -20px;  font-size: 14px; line-height: 40px; }
    .wirdoTit .wirdoFloat  h2{ font-size: 20px; line-height: 30px; padding: 10px 0 10px 20px; }
}
@media screen and (max-width:767px){
    .wirdoTit .wirdoFloat{ padding: 5px 0 5px 0; }
    .wirdoTit .wirdoFloat .wifLogo{ margin-top: 0; top: 0; }
    .wirdoTit .wirdoFloat  h2{ font-size: 18px; line-height: 20px; padding: 60px 0 10px 12px;  }
    .wirdoTit .wirdoFloat .wirBtn{ top: 5px; margin-top: 0;  height: 30px;  line-height: 30px;}
}




.kissHealthy{ margin: 2.75% 0; background-color: #f5f5f5;}
.kissHealthy .healRight{ float: right; width: 65.53%; background-color: #f5f5f5; padding-left: 4.77%;}
.kissHealthy .healLeft{ padding: 2.84% 3.67% 3.67% 3.67%; color: #444444; font-size: 16px; line-height: 34px;
    text-align:justify;
}
@media screen and (max-width:1199px){
    .kissHealthy .healLeft{ font-size: 14px; line-height: 32px;}
}


.kissTele{ background: url("images/kiss3.jpg") center no-repeat; background-size: cover; padding: 1.83% 3.67%;}
.kissTele .ktLine{ padding: 5px 0; }
.kissTele .ktLine .ktLfeft{ float: left; min-width: 369px; border: #d2bb8d solid 1px; padding: 1.09% 2.18%;}
.kissTele .ktLine .ktLfeft b{ float: left; width: 24px; height: 24px; line-height: 0;}
.kissTele .ktLine .ktLfeft .br{ padding-left: 30px; color: #fff; font-size: 18px; line-height: 24px;}
@media screen and (max-width:1199px){
    .kissTele .ktLine .ktLfeft .br{ font-size: 16px; }
}
@media screen and (max-width:767px){
    .kissTele .ktLine .ktLfeft{ min-width: 100%; }
    .kissTele .ktLine .ktLfeft .br{ font-size: 14px; }
}
.kissList{ margin: 0 -15px; padding-bottom:3.65%; }
.kissList .klli{ float: left; width: 50%; padding: 30px 15px 0 15px;}
.kissList .klli .padTop{ line-height: 0; position: relative;}
.kissList .klli .padTop h5{position: absolute; bottom: 0; left: 0; width: 100%; height: 54px; padding: 10px; line-height: 34px; color: #fff; background: rgba(0,0,0,.6); text-align: center; font-size: 16px;
    -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;
}
.kissList .klli .padTop:hover h5{background:rgba(200,0,11,.9);}
@media screen and (max-width:991px){
    .kissList .klli .padTop h5{ height: 44px; padding: 10px; line-height: 24px; font-size: 15px;  }
}
@media screen and (max-width:767px){
    .kissList .klli .padTop h5{height: 30px; padding: 5px; line-height: 20px;font-size: 12px;}
}

@media screen and (max-width:767px){
    .kissList{ margin: 0 -8px; }
    .kissList .klli{ padding: 15px 8px 0 8px;}
}




/*15诚聘英才*/
.recruit{ padding: 2.56% 0 6.83% 0; margin: 0 -15px;}
.recruit ul{ float: left; width: 100%; min-height: 500px;}
.recruit ul li{ float: left; width: 25%; padding: 0 15px;}
.recruit ul li a{ float: left; width: 100%; padding-top: 11.1%;}
.recruit ul li .recruitBox{ background-color: #f1f1f1; position: relative; }
.recruit ul li .recruitBox .recruitIco{ padding: 11.1% 29.62% 0 29.62%;}
.recruit ul li .recruitBox .recruitIco .pic{ background-color: #c8000b; line-height: 0; overflow: hidden;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.recruit ul li .recruitBox:hover .recruitIco .pic{
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
}
.recruit ul li .recruitBox h4{ padding: 6.29% 5px 0 5px; color: #353434; font-size: 14px; line-height: 1; text-align: center;}
.recruit ul li .recruitBox h4 p{}
.recruit ul li .recruitBox .count{ padding:5px 7px 0 0; text-align: right; color: #e3e3e3; font-size:36px; line-height: 0.8; font-family: Arial; }
@media screen and (max-width:1199px){
    .recruit ul li{ width: 33.3333%; }
}
@media screen and (max-width:991px){
    .recruit ul li .recruitBox h4 p{ min-height: 28px;}
}
@media screen and (max-width:767px){
    .recruit{ margin: 0 -7px;}
    .recruit ul li{ width: 50%; padding: 0 7px; }
    .recruit ul li .recruitBox .count{ font-size:30px; }

}



/*17招聘岗位*/
.caseNav{text-align: center; line-height: 0; border-bottom: #e5e5e5 solid 1px;}
.navAdd{ z-index: 20000; width: 100%; background-color: #fff;}
.pz_SideLayer{ text-align: center; }
.pz_SideLayer .l1{ display: inline-block; *display: inline; *zoom:1; min-width: 126px; position: relative; z-index: 1200;}
.pz_SideLayer .l1 a{ float: left; width: 100%; padding: 0 30px 0 30px; color: #333333; font-size: 16px; line-height: 76px;   }
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1.on a,
.pz_SideLayer .l1 .hover{ color:#fff; background-color: #c8000b; }

.pz_SideLayer .l1 .layerIco{ margin: 0 auto; width:52px; line-height: 0; }
.pz_SideLayer .l1 .layerIco .imgs{}
.pz_SideLayer .l1 .layerIco .imgd{ display: none;}
.pz_SideLayer .l1 a:hover .layerIco .imgs,
.pz_SideLayer .l1 .hover .layerIco .imgs{ display: none;}
.pz_SideLayer .l1 a:hover .layerIco .imgd,
.pz_SideLayer .l1 .hover .layerIco .imgd{ display: block;}
.pz_SideLayer .l1 a h3{ margin-top: 14px; font-size: 18px;}
.pz_SideLayer .l1 dl{ display: none; position: absolute; width: 156px; padding: 7px 0; left: 50%; margin-left: -78px; top: 100%; background-color: rgba(0,0,0,0.5);}
.pz_SideLayer .l1 dl dd{ padding: 3px 0;}
.pz_SideLayer .l1 dl dd a{ color: #ffffff; font-size: 14px; line-height: 32px; padding: 0 20px 0 30px; background:none; position: relative; text-align: left;}
.pz_SideLayer .l1 dl dd a:hover{ background-color: #bf9e5b;}
.pz_SideLayer .l1 dl dd a::after{ display: none; content: ''; position: absolute; width: 7px; height: 7px; right: 20px; top: 50%; margin-top: -3px; background: url("images/creer2.png") no-repeat;}
.pz_SideLayer .l1 dl dd a:hover::after{ display: block;}

@media  screen and (max-width:1199px){
    .pz_SideLayer .l1 a{ line-height: 60px; }
}

.babyser{ position: relative; z-index: 5;}
.babyser h2{ float:left; width:100%; height: 49px; 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;}
.babyser h2 span{ float: left; border-bottom: #c8000b solid 1px;}
@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; position: absolute; width: 100%; left: 0; top: 49px; padding-bottom: 20px;  background-color:#fff;}
.pz_SideLayerph .l1{}
.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}
.pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;}
.pz_SideLayerph .l1 h3.active a{ color:#000;}
.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}
.pz_SideLayerph .l1 .l1ul{ display:none;}
.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:18px;}
.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999;}


.creerBox{ padding: 3.41% 0 5.12% 0;}
.creerTitle{}
.creerTitle h3{ padding: 1.7% 0; color: #c8000b; font-size: 24px; line-height:1; text-align: center; }
.creerTitle .line{ height: 2px; background-color: #d9c59d; text-align: center; line-height: 0;}
.creerTitle .line span{ display: inline-block; vertical-align: top; width: 100px; height: 2px; background-color: #c8000b; line-height: 0;}
@media  screen and (max-width:767px){
    .creerTitle h3{ padding: 3.7% 0;  font-size: 18px;  }
}

.creerClick{ padding-top: 2.56%;}
.creerClick .eeleft{ float: left; width: 232px;}
.creerClick .eeleft .eeLi{ padding-right: 16px; margin-bottom: 2px; position: relative; cursor: pointer;}
.creerClick .eeleft .eeLi::before{ display: none; content: ''; position: absolute; right: 0; top: 0; width: 16px; height: 100%; background: url("images/creer3.png") left no-repeat; background-size: 100% 100%;}
.creerClick .eeleft .slick-current .eeLi::before{ display: block;}
.creerClick .eeleft .eeLi .eePad{ background-color: #f3f3f3; padding: 18px 18px 18px 30px; color: #252525; font-size: 18px; font-weight: bold; line-height: 30px;}
.creerClick .eeleft .slick-current .eeLi .eePad{ background-color: #c8000b; color: #fff;}
@media  screen and (max-width:991px){
    .creerClick .eeleft{  width: 100%;}
    .creerClick .eeleft .eeLi{ padding-right: 0; padding-bottom: 6px; text-align: center; }
    .creerClick .eeleft .eeLi::before{  right: 50%; margin-right: -6px; top: auto; bottom: 0; width: 13px; height: 6px; background: url("images/creer4.png") top no-repeat; background-size: 100% 100%;}
    .creerClick .eeleft .eeLi .eePad{  padding: 10px 18px 10px 18px; font-size: 16px; }
}
@media  screen and (max-width:767px){
    .creerClick{ padding-top: 4.56%;}
    .creerClick .eeleft .eeLi .eePad{  padding:5px 0; }
}



.eeright{ float: right; width: 925px; background-color: #f3f3f3;}
.eeright .eeShow{ padding: 0 3.24%;}
.eeright .eeShow h4{ padding: 3.125% 0 1.85% 0; color: #232323; font-size: 18px; line-height: 1.33; border-bottom: #aaaaaa dotted 1px; }
.eeright .eeShow .eeText{ padding:1.62% 0 0 0; color: #636363; font-size: 14px; line-height: 26px;
    text-align:justify;
}
.eeright .eeShow .eeBtn{ padding: 4.67% 0;}
.eeright .eeShow .eeBtn .online{ float: left; padding: 0 40px; background-color: #bf9e5b; color: #fff; font-size: 18px; line-height: 42px; cursor: pointer;
    border-radius:24px;
    -webkit-border-radius:24px;
    -moz-border-radius:24px;
    -o-border-radius:24px;
}
.eeright .eeShow .eeBtn .online:hover{ background-color: #ac8e52;}
.eeright .eeShow .eeBtn .email{ float: left; padding: 10px 0 10px 20px; color: #c8000b; font-size: 14px; line-height: 22px;}
@media  screen and (max-width:1199px){
    .eeright{ width: 710px; }
}
@media  screen and (max-width:991px){
    .eeright{ float: left; width: 100%; margin-top: 3.5%;}
}
@media  screen and (max-width:767px){
    .eeright .eeShow h4{ padding: 4.125% 0 3.85% 0; font-size: 16px; }
    .eeright .eeShow .eeText{ padding:2.62% 0 0 0;  }
    .eeright .eeShow .eeBtn .online{  padding: 0 18px;  font-size: 16px; line-height: 38px;
    }
}

.professBack{ z-index: -200; position: fixed; width: 100%; height: 100%;  left: 0; top: 0; }
.professBack.inshow{z-index: 2100;}
.professBack .professShup{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,0.6); z-index: 2300;}
.professWin{ position: fixed; width: 500px; left: 50%; top: 50%; margin: -298px 0 0 -250px; background-color: #fff; z-index: 2400;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -o-border-radius:7px;
}
.professWin .fessTitle{ background-color: #c8000b; color: #fff; font-size: 24px; text-align: center; line-height: 2.7;
    border-radius:7px 7px 0 0;
    -webkit-border-radius:7px 7px 0 0;
    -moz-border-radius:7px 7px 0 0;
    -o-border-radius:7px 7px 0 0;
}
.professWin .fessDown{ padding: 0 12.6% 0 12.6%; }
.professWin .fessDown .fessLine{}
.professWin .fessDown .fessTit{ float: left; width: 100%; padding: 12px 0 0 0; color: #c8000b; font-size: 16px;line-height: 45px;}
.professWin .fessDown .fessSub{}
@media  screen and (max-width:767px){
    .professWin{  width:70%; left: 15%; top: 20%; margin: 0;}
    .professWin .fessDown{ padding: 0 5.6% 0 5.6%; }
    .professWin .fessTitle{ font-size: 16px; }
    .professWin .fessDown .fessTit{padding: 9px 0 3px 0; font-size: 14px;line-height: 24px;}
}
@media  screen and (max-width:480px){
    .professWin{  width:84%; left: 8%; }
}


.searchbox{ float:left; width:100%; z-index:15;}
.searchbox input{ display:none;}
.searchbox .titcon{ float:left; width:100%; height:45px;  text-indent:20px; color:#333333; font-size:14px; line-height:45px;  background:url(images/creer5.png) right center  no-repeat #f2f2f2; background-size: 32px 6px; cursor: pointer; }
.searchbox .serul{ float:left; width:100%; left:0; margin-top:-3px; padding:5px 0; border:#f2f2f2 solid 1px; border-top:0; background-color:#fff; display:none; -moz-border-radius:0 0 4px 4px; webkit-border-radius:0 0 4px 4px; -khtml-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;}
.searchbox .serul li{ float:left; width:90%; padding:0 5%; line-height:30px; color:#3c3c3c; }
.searchbox .serul li a{color:#3c3c3c;}
.searchbox .serul li:hover a{ color:#c8000b;}
@media  screen and (max-width:767px){
    .searchbox .titcon{ height:32px;  text-indent:10px;  line-height:32px; }
}


.professWin .fessDown .fessLine2{ float: left; width: 100%;}
.professWin .fessDown .fessInput{ float: left; width: 100%; height: 46px; padding: 0 18px; background-color: #f2f2f2; color: #333; font-size: 14px; border: 0;
    -webkit-appearance:none;
    outline: 0;
}
.professWin .fessDown .upresume{ float: left; width: 100%; height: 45px; background-color: #fcf2f3; position: relative; text-align: center;}
.professWin .fessDown .upresume b{ display: inline-block; vertical-align: top; width: 13px; height: 13px; margin: 15px 0 0 7px; line-height: 0;}
.professWin .fessDown .upresume span{ display: inline-block; vertical-align: top; color: #c8000b; font-size: 14px; line-height: 45px;}
.professWin .fessDown .upresume .file{ position:  absolute; width: 100%; height: 100%; left: 0; top: 0;
    opacity: 0; cursor: pointer;
}
.professWin .fessDown .fessButt{ float: left; width: 100%; margin: 30px 0 40px 0; background-color: #bf9e5b; color: #fff; font-size: 18px; line-height: 56px;
    border-radius:28px;
    -webkit-border-radius:28px;
    -moz-border-radius:28px;
    -o-border-radius:28px;
    -webkit-appearance:none;
    outline: 0;
}
.professWin .fessDown .fessButt:hover{ background-color: #ac8e52;}
.professWin .shup{ position: absolute; width: 44px; height: 44px; top: 0; right: -114px; line-height: 0;  cursor: pointer;}
@media  screen and (max-width:767px){
    .professWin .fessDown .fessInput{  height: 32px; padding: 0 10px; }
    .professWin .fessDown .upresume{  height: 32px;}
    .professWin .fessDown .upresume b{margin: 9px 0 0 7px; }
    .professWin .fessDown .upresume span{  line-height: 32px;}
    .professWin .fessDown .fessButt{  margin: 18px 0 22px 0;  font-size: 16px; line-height: 40px; }
    .professWin .shup{  width: 28px; height: 28px; top: -15px; right: -15px; }
}




/*18联系我们*/
.banTitle{ position: absolute; width: 100%; left: 0; top: 30%;}
.banTitle .titleBox{ text-align: right; color: #fff;}
.banTitle .titleBox h2{ font-size: 30px; line-height: 1.1875; text-transform: uppercase;}
.banTitle .titleBox .forFloat{ text-align: right; line-height: 0; overflow: hidden;}
.banTitle .titleBox .forFloat .forme{ display: inline-block; vertical-align: top; position: relative; font-size: 48px; line-height: 1.53; padding-left: 30px; font-weight: bold;}
.banTitle .titleBox .forFloat .forme::before{ content: ''; position: absolute; width: 246px; height: 1px; right: 100%; top: 50%; background-color: #bf9e5b;}
@media screen and (max-width:991px){
    .banTitle .titleBox h2{ font-size: 22px; }
    .banTitle .titleBox .forFloat .forme{ font-size: 33px; padding-left: 20px;}
}
@media screen and (max-width:767px){
    .banTitle .titleBox h2{ font-size: 17px; }
    .banTitle .titleBox .forFloat .forme{ font-size: 19px; padding-left: 10px;}
    .banTitle .titleBox .forFloat .forme::before{  width: 80px; }
}


.contactList{ padding: 2.76% 0 2.56% 0;   }
.contactList .contactBorder{padding-bottom: 30px; border-bottom: #a8a8a8 dashed 1px; border-top: #a8a8a8 dashed 1px; margin-top: 5px;}
.contactList .contactBorder:first-child{ border-top: 0;}
.contactList .contactBorder:last-child{ border-bottom: 0;}
.contactList .contactBorder .tuchu{ margin: 0 -15px;}

.contactList ul{ float: left; width: 100%;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.contactList ul li{ float: left; width: 50%; padding: 0 15px 0 15px;}
.contactList ul li.heng{ width: 100%;}
.contactList ul li .listBack{ margin-top: 30px; background-color: #f3f3f3;}
.contactList ul li .listBack .listLi{ padding: 12px 29px;  border-bottom: #fff solid 1px; }
.contactList ul li .listBack .listLi .cricleFont{ font-family: "Adobe Song Std L";}
.contactList ul li .listBack .listLi.tit{ color: #c8000b; font-size: 20px; font-weight: bold;
    text-align:justify;
}
.contactList ul li .listBack .listLi.no{ }
.contactList ul li .listBack .listLi.no .ico{ float: left; width: 24px; height: 24px; line-height: 0; margin: 3px 0 0 0;}
.contactList ul li .listBack .listLi.no .icoRight{ padding-left: 38px; color: #555555; font-size: 16px; }
.contactList ul li .listBack .listLi.no .cricleFont{ font-family: "Adobe Song Std L";}
@media screen and (max-width:991px){
    .contactList{  min-height: 50px;  }
    .contactList .contactBorder{padding-bottom: 20px;}
    .contactList ul li{  width: 100%;}
    .contactList ul li .listBack{ margin-top: 20px; }
    .contactList ul li .listBack .listLi{ padding: 14px 24px;  }
    .contactList ul li .listBack .listLi.tit{  font-size: 18px; }
}
@media screen and (max-width:767px){
    .contactList .contactBorder{padding-bottom: 15px;}
    .contactList ul li .listBack{ margin-top: 15px; }
    .contactList ul li .listBack .listLi{ padding: 10px 15px;  }
    .contactList ul li .listBack .listLi.tit{  font-size: 16px;}
    .contactList ul li .listBack .listLi.no .ico{  margin: 0;}
    .contactList ul li .listBack .listLi.no .icoRight{ font-size: 14px; line-height: 24px;}
}


/*16岗位需求*/
.creerNeed{ padding: 5.85% 0 1.68% 0; margin: 0 -17px; overflow-x: auto;}
.creerNeed .ned{ float: left; width:1604px; }
.creerNeed .ned .swiper-slide{ float: left; width: auto;}

.creerNeed .ned .neli{ height: 569px;}
.creerNeed .ned .nedVox{ float: left; width: 1604px; height: 569px;  display: block !important;}
.creerNeed .ned .nedVox .vox_cell{ float: left; height: 569px;}
.creerNeed .ned .nedVox .vox_0{ width: 197px; background: url("images/vox1.jpg") top center no-repeat; background-size: cover; }
.creerNeed .ned .nedVox .vox_1{ width: 74px; padding-top:283px; background: url("images/vox2.jpg") top center no-repeat; background-size: cover; }
.creerNeed .ned .nedVox .vox_2{ width: 107px;  padding-top:301px; background: url("images/vox3.jpg") top center no-repeat; background-size: cover; }
.creerNeed .ned .nedVox .vox_3{ width: 72px; padding-top:235px; background: url("images/vox4.jpg") top center no-repeat; background-size: cover; }
.creerNeed .ned .nedVox .vox_4{ width: 122px; padding-top:191px; background: url("images/vox5.jpg") top center no-repeat; background-size: cover; }
.creerNeed .ned .nedVox .vox_5{ width: 138px; padding-top:109px; background: url("images/vox6.jpg") top center no-repeat; background-size: cover; }
.creerNeed .ned .nedVox .vox_6{ width: 210px;  background: url("images/vox7.jpg") top center no-repeat; background-size: cover; }
.creerNeed .ned .nedVox .vox_7{ width: 128px; padding-top: 150px; background: url("images/vox8.jpg") top center no-repeat; background-size: cover; }
.creerNeed .ned .nedVox .vox_8{ width: 104px;  padding-top: 220px; background: url("images/vox9.jpg") top center no-repeat; background-size: cover; }
.creerNeed .ned .nedVox .vox_9{ width: 116px;  padding-top: 274px; background: url("images/vox10.jpg") top center no-repeat; background-size: cover; }
.creerNeed .ned .nedVox .vox_10{ width: 79px;  padding-top: 232px; background: url("images/vox11.jpg") top center no-repeat; background-size: cover; }
.creerNeed .ned .nedVox .vox_11{ width: 98px;  padding-top: 240px; background: url("images/vox12.jpg") top center no-repeat; background-size: cover; }
.creerNeed .ned .nedVox .vox_12{ width: 159px;  background: url("images/vox13.jpg") top center no-repeat; background-size: cover; }


.creerNeed .ned .nedVox  .icoTit{ float: left; width: 100%; padding-top: 23px; margin-top: 10px; background: url("images/needf2.png") center top no-repeat; background-size: 20px 23px;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.creerNeed .ned .nedVox .vox_cell:hover  .icoTit{ padding-top: 0; margin-top: 0; padding-bottom: 41px; background: url("images/needf3.png") center bottom no-repeat; background-size: 32px 41px; }
.creerNeed .ned .nedVox  .icoTit .ico{ height: 23px; text-align: center; line-height: 0;}
.creerNeed .ned .nedVox  .icoTit .ico .icoCen{ display: inline-block; vertical-align: top; width: 20px; height: 23px; line-height: 0;}
.creerNeed .ned .nedVox .vox_cell:hover .icoTit .ico .icoCen{
    -webkit-animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
    animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
}
.creerNeed .ned .nedVox  .icoTit .tit{ padding-top: 6px; color: #c8000b; font-size: 16px; line-height: 20px; text-align: center;}
.creerNeed .ned .nedVox .vox_cell:hover  .icoTit .tit{ padding-top: 0; padding-bottom: 6px; font-weight: bold; text-decoration: underline; }

.creerNeed .ned .nedVox  .icoTit_2{ float: left; width: 100%; }
.creerNeed .ned .nedVox  .icoTit_2 .ico{ height: 41px; text-align: center; line-height: 0;}
.creerNeed .ned .nedVox  .icoTit_2 .ico .icoCen{ display: inline-block; vertical-align: top; width: 32px; height: 41px; line-height: 0;}
.creerNeed .ned .nedVox  .vox_cell:hover .icoTit_2 .ico .icoCen{
    -webkit-animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
    animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
}
.creerNeed .ned .nedVox  .icoTit_2 .tit{ color: #c8000b; font-size: 16px; line-height: 42px; text-align: center; text-decoration: underline;}


@-webkit-keyframes boun {
    from, to {
        -webkit-transform: translateY(2px) ;
        transform: translateY(2px) ;
    }
    80% {
        -webkit-transform: translateY(5px) ;
        transform: translateY(5px) ;
    }
}
@keyframes boun {
    from, to {
        -webkit-transform: translateY(2px) ;
        transform: translateY(2px) ;
    }
    80% {
        -webkit-transform: translateY(5px) ;
        transform: translateY(5px) ;
    }
}
@media screen and (max-width:767px){
    .creerNeed .ned{ width:802px; }
    .creerNeed .ned .neli{ height: 285px;}
    .creerNeed .ned .nedVox{ width: 802px; height: 285px; }
    .creerNeed .ned .nedVox .vox_cell{ height: 285px;}
    .creerNeed .ned .nedVox .vox_0{ width: 99px; }
    .creerNeed .ned .nedVox .vox_1{ width: 37px; padding-top:120px;  }
    .creerNeed .ned .nedVox .vox_2{ width: 53px;  padding-top:130px;  }
    .creerNeed .ned .nedVox .vox_3{ width: 36px; padding-top:95px; }
    .creerNeed .ned .nedVox .vox_4{ width: 61px; padding-top:75px; }
    .creerNeed .ned .nedVox .vox_5{ width: 69px; padding-top:55px; }
    .creerNeed .ned .nedVox .vox_6{ width: 105px;  }
    .creerNeed .ned .nedVox .vox_7{ width: 64px; padding-top: 65px;  }
    .creerNeed .ned .nedVox .vox_8{ width: 52px;  padding-top: 100px; }
    .creerNeed .ned .nedVox .vox_9{ width: 58px;  padding-top: 125px;  }
    .creerNeed .ned .nedVox .vox_10{ width: 40px;  padding-top: 95px; }
    .creerNeed .ned .nedVox .vox_11{ width: 49px;  padding-top: 110px; }
    .creerNeed .ned .nedVox .vox_12{ width: 79px; }

    .creerNeed .ned .nedVox  .icoTit{ padding-top: 12px; margin-top: 3px; background-size: 10px 12px; }
    .creerNeed .ned .nedVox  .icoTit .tit{ padding-top: 6px; color: #c8000b; font-size: 9px; line-height: 12px; text-align: center;  }
    .creerNeed .ned .nedVox .vox_cell:hover  .icoTit{ padding-bottom: 20px;  background-size: 16px 20px; }

}




/*11经营业态*/
.sunBox{ margin: 0 -15px;  padding: 2.56% 0 6.83% 0;}
.sunBox ul{ float: left; width: 100%; min-height: 500px;}
.sunBox ul li{ float: left; width: 50%; padding: 30px 15px 0 15px; }
.sunBox ul li .box_1{ position: relative; overflow: hidden; width: 570px; height: 428px;}
.sunBox ul li .box_1 .img5{
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.sunBox ul li:hover .box_1 .img5{
    -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);
}
.sunBox ul li .sunBack_1{ position: absolute; width: 400px; height: 204px; padding: 30px; background-color: rgba(255,255,255,0.9); bottom: 30px; right: 30px;}
.sunBox ul li .sunBack_1 h4{ color: #c8000b; font-size: 24px; line-height: 1;}
.sunBox ul li .sunBack_1 .sba{ height: 56px; margin-top: 13px; color: #555555; font-size: 16px; line-height: 28px; overflow: hidden;
    text-align:justify;
}
.sunBox ul li .sunBack_1 .sunBtnBox{ padding-top: 15px;}
.sunBox ul li .sunBack_1 .sunBtnBox .button{ float: right; padding:0 15px 0 20px; height: 36px; background-color: #bf9e5b;}
.sunBox ul li .sunBack_1 .sunBtnBox .button em{ float: left; color: #ffffff; font-size: 14px; line-height: 36px; font-style: normal;}
.sunBox ul li .sunBack_1 .sunBtnBox .button .i{ float: left; width: 15px; height: 9px; line-height: 0; margin: 14px 5px 0 15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.sunBox ul li .sunBack_1 .sunBtnBox .button:hover .i{ margin: 14px 0 0 20px; }
@media screen and (max-width:1199px){
    .sunBox ul li .box_1{  width: 466px; height: 350px;}
}
@media screen and (max-width:991px){
    .sunBox ul li{  width: 100%; padding: 30px 15px 0 15px; }
    .sunBox ul li .box_1{  width: 738px; height: 554px;}
}
@media screen and (max-width:767px){
    .sunBox ul li{ padding: 15px 15px 0 15px; }
    .sunBox ul li .box_1{  width: 100%; height: auto;}
    .sunBox ul li .sunBack_1{ position: static; bottom: auto; right: auto; width: 100%; height: auto; padding: 20px; background-color: #f8f8f8;}
    .sunBox ul li .sunBack_1 h4{ font-size: 18px; }
    .sunBox ul li .sunBack_1 .sba{ height: 84px; font-size: 14px;  }
    .sunBox ul li .sunBack_1 .sunBtnBox .button{ padding:0 10px 0 15px; }
}



.sunBox ul li.three{ width:100%; }
.sunBox ul li .box_3{position: relative; overflow: hidden; width: 1170px; height: 370px;}
.sunBox ul li .box_3 .img5{
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.sunBox ul li:hover .box_3 .img5{
    -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);
}
.sunBox ul li .sunBack_3{ position: absolute; width:600px; height: 100%; left: 0; top: 0;  background-color: rgba(255,255,255,0.9); padding: 60px 55px 40px 55px; }
.sunBox ul li .sunBack_3 h4{ color: #c8000b; font-size: 24px; line-height: 1;}
.sunBox ul li .sunBack_3 .sba{ height: 84px; margin-top: 13px; color: #555555; font-size: 16px; line-height: 28px; overflow: hidden;text-align:justify;}
.sunBox ul li .sunBack_3 .sunBtnBox{ padding-top: 116px; text-align: center; line-height: 0;}
.sunBox ul li .sunBack_3 .sunBtnBox .button{ display: inline-block; vertical-align: top;  padding:0 15px 0 20px; height: 36px; background-color: #bf9e5b;}
.sunBox ul li .sunBack_3 .sunBtnBox .button em{ float: left; color: #ffffff; font-size: 14px; line-height: 36px; font-style: normal;}
.sunBox ul li .sunBack_3 .sunBtnBox .button i{ float: left; width: 15px; height: 9px; line-height: 0; margin: 14px 5px 0 15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.sunBox ul li .sunBack_3 .sunBtnBox .button:hover i{ margin: 14px 0 0 20px; }
@media screen and (max-width:1199px){
    .sunBox ul li .sunBack_3{ width:496px; padding: 50px 30px 30px 30px; }
    .sunBox ul li .box_3{ width: 962px; height: 305px;}
    .sunBox ul li .sunBack_3 .sunBtnBox{ padding-top: 55px; }
}
@media screen and (max-width:991px){
    .sunBox ul li .box_3{ width: 100%; height: 554px;}
    .sunBox ul li .sunBack_3{ width:400px; height: 284px; left: 30px; top: auto; bottom: 30px; padding:30px; }

}
@media screen and (max-width:767px){
    .sunBox ul li .box_3{ width: 100%; height: auto;}
    .sunBox ul li .sunBack_3{ position: static; width:100%; height: auto; left: auto; top: auto;  padding: 20px; background-color: #f8f8f8; }
    .sunBox ul li .sunBack_3 h4{ font-size: 18px; }
    .sunBox ul li .sunBack_3 .sba{ height: 84px; font-size: 14px; }
    .sunBox ul li .sunBack_3 .sunBtnBox{ padding-top: 15px; }
    .sunBox ul li .sunBack_3 .sunBtnBox .button{ float: right;  padding:0 10px 0 15px; }
}

.sunBox ul li .box_2{ position: relative; overflow: hidden; width: 570px; height: 570px;}
.sunBox ul li .box_2 .img5{
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.sunBox ul li:hover .box_2 .img5{
    -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);
}

.sunBox ul li .sunBack_2{ position: absolute; width: 510px; height: 240px; padding: 30px; background-color: rgba(255,255,255,0.9); left: 30px; top: 30px;}
.sunBox ul li .sunBack_2 h4{ color: #c8000b; font-size: 24px; line-height: 1;}
.sunBox ul li .sunBack_2 .sba{ height: 84px; margin-top: 16px; color: #555555; font-size: 16px; line-height: 28px; overflow: hidden;text-align:justify;}
.sunBox ul li .sunBack_2 .sunBtnBox{ padding-top: 23px;}
.sunBox ul li .sunBack_2 .sunBtnBox .button{ float: right; padding:0 15px 0 20px; height: 36px; background-color: #bf9e5b;}
.sunBox ul li .sunBack_2 .sunBtnBox .button em{ float: left; color: #ffffff; font-size: 14px; line-height: 36px; font-style: normal;}
.sunBox ul li .sunBack_2 .sunBtnBox .button .i{ float: left; width: 15px; height: 9px; line-height: 0; margin: 14px 5px 0 15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.sunBox ul li .sunBack_2 .sunBtnBox .button:hover i{ margin: 14px 0 0 20px; }
.sunBox ul li.double .sunBack_2{ top: auto; bottom: 30px;}
@media screen and (max-width:1199px){
    .sunBox ul li .sunBack_2{ width: 406px;}
    .sunBox ul li .box_2{ width: 466px; height: 466px;}
}
@media screen and (max-width:991px){
    .sunBox ul li .box_2{ width: 738px; height: 738px;}
}
@media screen and (max-width:767px){
    .sunBox ul li .box_2{width: 100%; height:100%;}
    .sunBox ul li .sunBack_2{ position: static; width: 100%; height: auto; padding: 20px; left: auto; top: auto; background-color: #f8f8f8;}
    .sunBox ul li .sunBack_2 h4{ font-size: 18px; }
    .sunBox ul li .sunBack_2 .sba{ height: 84px; margin-top: 13px; font-size: 14px;  }
    .sunBox ul li .sunBack_2 .sunBtnBox{ padding-top: 15px;}
    .sunBox ul li .sunBack_2 .sunBtnBox .button{ padding:0 10px 0 15px; }
}
@media screen and (max-width:991px){
    .sunBox ul{ min-height: 50px;}
}


/*12经营业态-房地产产业及配套*/
.industry{ float: left; width: 100%; padding-top: 40px; }
.office_list_2{float: left; width: 100%;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.office_list_2 ul{float: left; width: 100%; padding:0 28px; }
.office_list_2 ul li{float: left; padding: 0 22px;}
.office_list_2 ul li a{float: left; display: block; width: 100%; font-size: 20px; color: #444; line-height: 66px; height: 66px; position: relative; white-space: nowrap;}
.office_list_2 ul li a::after{display: none; content: ""; width:10px ; height:5px ; background: url(images/off_bg01.png) no-repeat; position: absolute; left: 50%; margin-left: -5px; bottom: -3px;
    -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;}
.office_list_2 ul li a span{display: block; float: left; color: #444;
    -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;}
.office_list_2 ul li a h4{position: absolute; width: 100%; font-size: 20px; line-height: 66px; height: 66px;  color: #c8000b; font-weight: bold; left: 0; top: 50%; margin-top: -33px; filter:alpha(opacity=00);opacity: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;}
.office_list_2 ul li.on a span,
.office_list_2 ul li a:hover span{ filter:alpha(opacity=00);opacity:0;}
.office_list_2 ul li.on a h4,
.office_list_2 ul li a:hover h4{ filter:alpha(opacity=100);opacity:1;}
.office_list_2 ul li.on a::after,
.office_list_2 ul li a:hover::after{display: block;}
@media screen and (max-width:1199px){
    .office_list_2 ul{ padding:0 14px; }
    .office_list_2 ul li a{ font-size: 17px; }
}
@media screen and (max-width:991px){
    .industry{ display: none; }
}

.industry_2{ float: left; width: 100%; padding: 4.44% 0 4.44% 0; border-bottom: #e9e9e9 solid 1px;}
.industry_2 .qualityTit{ color: #c8000b; font-size: 24px; font-weight: bold; line-height: 30px;}
.industry_2 .qualityText{ padding-top: 1.11%; color: #444444; font-size: 16px; line-height: 30px;
    text-align:justify;
}
@media screen and (max-width:991px){

    .industry_2 .qualityTit{ font-size: 20px; }
    .industry_2 .qualityText{  font-size: 14px; }
}
@media screen and (max-width:767px){
    .industry_2 .qualityTit{ font-size: 18px; line-height: 26px;}
    .industry_2 .qualityText{  font-size: 14px; line-height: 26px;}
}



.industry_3{ float: left; width:100%; border-top: #e9e9e9 solid 1px; margin-top: 5px; line-height: 0;}
.industry_4{}
.industry_4 ul{}
.industry_4 ul li{}
.industry_4 ul li .inBox{ padding: 5.12% 0;}
.industry_4 ul li.backColor{ background-color: #f7f7f7;}
.industry_4 ul li .inBox .red{ float: left; width: 100px; height: 277px; background-color: #c8000b; padding: 40px 38px 0 38px; color: #fff; font-size: 24px; line-height: 30px; text-align: center;}
.industry_4 ul li.backColor .inBox .red{ float: right;}
.industry_4 ul li .inBox .redPic{ float: left; width:370px; height: 277px; overflow:hidden;}
.industry_4 ul li.backColor .inBox .redPic{ float: right;}
.industry_4 ul li .inBox .redPic .img6{
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.industry_4 ul li .inBox:hover .redPic .img6{
    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);
}
.industry_4 ul li .inBox .redRight{ padding-left: 512px;}
.industry_4 ul li.backColor .inBox .redRight{ padding-left: 0; padding-right:512px; }
.industry_4 ul li .inBox .redRight h4{ float: left; width: 100%; padding:8px 0 16px 0; color: #333333; font-size: 20px; font-weight: bold; line-height: 28px; }
.industry_4 ul li .inBox .redRight h4 span{ font-weight: normal; color: #c8000b;}
.industry_4 ul li .inBox .redRight .textGray{ float: left; width: 100%;  background-color: #f0f0f0; padding: 10px 10px 10px 30px; color: #c8000b; font-size: 18px; line-height: 26px;}
.industry_4 ul li .inBox .redRight p{ float: left; width: 100%; height: 90px; margin-top: 14px; color: #444444; font-size: 16px; line-height: 30px; overflow: hidden; text-align:justify;}
.industry_4 ul li .inBox .redRight .see{ float:left; width: 100%; padding-top: 21px;}
.industry_4 ul li .inBox .redRight .see .button{ float: right; padding:0 15px 0 20px; height: 36px; background-color: #bf9e5b;}
.industry_4 ul li .inBox .redRight .see .button em{ float: left; color: #ffffff; font-size: 14px; line-height: 36px; font-style: normal;}
.industry_4 ul li .inBox .redRight .see .button i{ float: left; width: 15px; height: 9px; line-height: 0; margin: 14px 5px 0 15px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.industry_4 ul li .inBox .redRight .see .button:hover i{ margin: 14px 0 0 20px; }
@media screen and (max-width:991px){
    .industry_4 ul li .inBox .red{ width: 60px; height: 220px; padding: 20px 20px 0 20px; font-size: 20px; line-height: 24px; }
    .industry_4 ul li .inBox .redPic{ width:294px; height: 220px; }
    .industry_4 ul li .inBox .redRight{ padding-left: 370px;}
    .industry_4 ul li.backColor .inBox .redRight{ padding-right:370px; }
}
@media screen and (max-width:767px){
    .industry_4 ul li .inBox .red{ width: 100%; height: 42px;  padding: 10px 10px 10px 10px;  font-size: 18px; line-height: 22px; text-align: left;}
    .industry_4 ul li .inBox .redPic{ width:100%; height: auto; }
    .industry_4 ul li .inBox .redRight{ float: left; width: 100%; padding-left: 0; padding-top: 10px;}
    .industry_4 ul li.backColor .inBox .redRight{ padding-right:0; }
    .industry_4 ul li .inBox .redRight h4{ font-size: 16px; line-height: 24px; }
    .industry_4 ul li .inBox .redRight .textGray{ padding: 10px 10px 10px 10px; color: #c8000b; font-size: 14px; line-height: 20px;}
    .industry_4 ul li .inBox .redRight p{ height: 76px; font-size: 14px; line-height: 24px; }
    .industry_4 ul li .inBox .redRight .see .button .button{ padding:0 10px 0 15px; }

}







@media screen and (max-width:767px){

}













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



/*bwh*/
/*10国信文化-国信之歌*/

.h_song_bg{ float:left; width:100%; background:#f3f3f3; margin:3.125% 0; padding:1.6666% 0;}
.h_Music{ float:left; width:100%; padding:0 7px;}
.h_Lyric{ float:left; width:100%; padding:0 9.6% 6.5% 9.6%;}
@media screen and (max-width:767px){
    .h_Lyric{  padding:0 4.8% 6.5% 4.8%;}

}


/*3新闻详情*/
.h_newsBox{ float:left; width:100%; padding:5% 0;}
.h_newsDet{ float:left; width:100%; box-shadow:0 0 8px rgba(0,0,0,0.06); -moz-box-shadow:0 0 8px rgba(0,0,0,0.06); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.06); padding:2.99% 3.41% 3.41% 3.41%;}
.h_newsDet .detTit{ float:left; width:100%;color:#323232; font-size:24px; line-height:34px; text-align:center; }
.h_newsDet .detTime{ float:left; width:100%; color:#979797; font-size:14px; line-height:24px; text-align:center; font-family:Arial; padding:1.19% 0 2.29% 0; border-bottom:1px solid #e1e0e0;}
.h_newsDet .detText{ float:left; width:100%; color:#333333; font-size:14px; line-height:30px; margin-top: 2.11%; position: relative;
    text-align:justify;
}
/*证书详情要用的左右按钮*/
.h_newsDet .detText .dezuo{ position: absolute; width: 32px; height: 62px; background: url("images/ban1_h.png") no-repeat; background-size: cover; left: 0; top: 50%; margin-top: -31px; cursor: pointer;}
.h_newsDet .detText .deyou{ position: absolute; width: 32px; height: 62px; background: url("images/ban2_h.png") no-repeat; background-size: cover; right: 0; top: 50%; margin-top: -31px; cursor: pointer;}
@media screen and (max-width:767px){
    .h_newsDet .detText .dezuo{ width: 18px; height: 35px; margin-top: -17px; left: -22px; }
    .h_newsDet .detText .deyou{ width: 18px; height: 35px; margin-top: -17px; right: -22px; }
}

.h_newsDet .detImg{ float:left; width:100%;}
.h_newsDet .detImg .pic1{ float:left; width:49%;}
.h_newsDet .detBox{ float:left; width:100%; margin-top:3.7%; padding-top:3.7%; border-top:1px solid #e1e0e0;}
.h_newsDet .bdshare1 { float:left;}
.h_newsDet .bdshare1 a{ width:16px !important; height:16px !important; line-height:16px !important; margin:0 5px !important;}
.h_newsDet .bdshare1 .bds_tsina{ background:url(images/h_share1.png) 0 0 no-repeat !important;}
.h_newsDet .bdshare1 .bds_sqq{ background:url(images/h_share2.png) 0 0 no-repeat !important;}
.h_newsDet .bdshare1 .bds_weixin{ background:url(images/h_share3.png) 0 0 no-repeat !important;}
.h_newsDet .bdshare1 .bds_more{ background:none !important; width:auto !important; height:auto !important; text-indent:0 !important; color:#666666 !important; font-size:14px !important;}

.h_newsDet .ReturnList{ float:right;}
.h_newsDet .ReturnList a{ float:right; width:117px; height:48px; line-height:48px; text-align:center; color:#fff; font-size:16px; background:#bf9e5b;}
.h_newsDet .ReturnList a:hover{ background:#c8000b;}

.h_RelatedNews{ float:left; width:100%;}
.h_RelatedNews .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; margin:2.2% 0 1.3% 0;}
.h_RelatedNews .NewsList{ float:left; width:100%; box-shadow:0 0 8px rgba(0,0,0,0.06); -moz-box-shadow:0 0 8px rgba(0,0,0,0.06); -webkit-box-shadow:0 0 8px rgba(0,0,0,0.06); padding:2.99%  2.13%;}
.h_RelatedNews .NewsList li{ float:left; width:33.3333%; padding:0 15px;}
.h_RelatedNews .NewsList li h5{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px; padding-bottom:4.37%; border-bottom:1px solid #bf9e5b;-webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    text-align:justify;
}
.h_RelatedNews .NewsList li p{ float:left; width:100%; color:#808080; font-size:12px; line-height:24px; height:48px; overflow:hidden; margin:4.08% 0 9.9% 0;}
.h_RelatedNews .NewsList li time{ float:left; padding:0 8px; color:#fff; font-size:12px; line-height:16px; height:18px; margin-bottom:5px; background:#bf9e5b; border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px;-webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;}
.h_RelatedNews .NewsList li:hover h5{ color:#c8000b; border-bottom:1px solid #c8000b;}
.h_RelatedNews .NewsList li:hover time{ background:#c8000b; }
@media screen and (max-width:991px){
    .h_newsBox{padding:5% 0;}
    .h_newsDet .detTit{ font-size:18px; line-height:28px;}
    .h_newsDet .detText{ line-height:28px;}
    .h_newsDet .bdshare1{ margin:8px 0;}
    .h_newsDet .ReturnList a{ width:84px; height:32px; line-height:32px; font-size:14px;}
    .h_RelatedNews .tit{ font-size:18px; line-height:28px;}
    .h_RelatedNews .NewsList li{ padding:0 7px;}
}
@media screen and (max-width:767px){
    .h_RelatedNews .NewsList li{ padding:0 7px;}
    .h_RelatedNews .NewsList li h5{ padding-bottom:2.2%; }
    .h_RelatedNews .NewsList li p{  margin:3% 0 4% 0;}
    .h_RelatedNews .slick-dots{ width: 100%; margin-top:1%; text-align: center; line-height: 0; position:static;}
    .h_RelatedNews .slick-dots li{ float:none; display: inline-block; width: 12px; height: 12px; margin: 0 5px; padding:0; border:#c8000b solid 1px; text-indent:-9999px; overflow:hidden;
        border-radius:50%;
        -webkit-border-radius:50%;
        -moz-border-radius:50%;
        -o-border-radius:50%;
    }
    .h_RelatedNews .slick-dots .slick-active{ background: #c8000b;}
}


/* sjh 切图 */
/* 5国信文化-文化活动 */

/* 20180813 start */
.cultureAct_search{float: left; width: 100%; padding-top: 30px;}
.cultureAct_search .search_m{float: right; width: 33.333333%;}
.cultureAct_search .search_m input{float: left; width: 85%; padding: 5px 15px; font-size: 14px; color: #333; line-height: 38px; height: 40px;  border: 1px solid #e5e5e5; border-right: 0;}
.cultureAct_search .search_m a{float: right; width: 15%; height: 40px; display: block; background:#bf9e5b url(images/top9.png) no-repeat center; background-size: 28px;}
.cultureAct{float: left; width: 100%; min-height: 600px;}
@media screen and (max-width:991px){
    .cultureAct_search{padding-top: 20px; text-align: center;}
    .cultureAct_search .search_m{float: none; clear: both; width:45%; display: inline-block; *display:inline; *zoom:1; vertical-align: top;}
    .cultureAct_search .search_m input{padding: 5px 10px; font-size: 14px;line-height: 34px; height: 36px; }
    .cultureAct_search .search_m a{height: 36px;  background-size: 24px;}
}
@media screen and (max-width:991px){
    .cultureAct_search .search_m{width:60%;}
    .cultureAct_search .search_m input{font-size: 12px;line-height: 28px; height: 30px; }
    .cultureAct_search .search_m a{height: 30px;  background-size: 20px;}
}
/* 20180813 end */

.cultureAct ul{margin: 0 -15px;}
.cultureAct ul li{float: left; width: 33.333333%; padding: 0 15px; margin-top: 30px;}
.cultureAct ul li a{float: left; width: 100%; display: block; position: relative;cursor:auto;}
/* 20180716 单行显示溢出隐藏 */
.cultureAct ul li a span{position: absolute; bottom: 0; left: 0; width: 100%; height: 54px; padding: 10px; line-height: 34px; color: #fff; background: rgba(0,0,0,.6); text-align: center; font-size: 16px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
    -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;}
.cultureAct .culture_pic{float: left; width: 100%; height: auto; overflow: hidden;}
.cultureAct .culture_pic img{float: left; width: 100%; display: block;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;}
.cultureAct ul li a:hover span{background:rgba(200,0,11,.9);}
.cultureAct ul li a:hover .culture_pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
@media screen and (max-width:767px){
    .cultureAct{padding-top: 10px; min-height: 400px;}
    .cultureAct ul{margin: 0 -5px;}
    .cultureAct ul li{width: 50%; padding: 0 5px; margin-top: 10px;}
    /* 20180716 高度修改 */
    .cultureAct ul li a span{height: 30px; padding: 5px; line-height: 20px;font-size: 12px;}
}

/* 6国信文化-国信大学 */
.cultureCollage{float: left; width: 100%; padding-top: 61px; padding-bottom: 80px;}
.cultureCollage_top{float: left; width: 100%; padding-bottom: 40px; text-align:center;}
.cultureCollage_top > img{display: block; padding: 0 100px;  margin: 0 auto; max-width: 100%;}
.cultureCollage_top div{float: left; width: 100%; font-size: 16px; color: #555; line-height: 30px; height: auto; padding: 33px 0;
    text-align:center;
}
.cultureCollage_top ul{margin: 0 -15px;}
.cultureCollage_top ul li{/*float: left;*/ width: 33.333333%; padding: 0 15px; overflow: hidden; margin:auto;}
.cultureCollage_top ul li img{float: left; display: block; width: 100%;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;}
.cultureCollage_d{float: left; width: 100%; padding-bottom:20px;margin-top:20px;}
.cultureCollage_tit{float: left; width: 100%; text-align: center; position:relative;}
.cultureCollage_tit::after{width: 100%; height: 3px; background: #bf9e5b; content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px;}

.cultureCollage_tit span{padding:0 47px; font-size: 24px; color: #fff; text-align: center; display: inline-block; *display:inline; *zoom:1; vertical-align: top; background: #c8000b; height: 54px; line-height: 54px; position: relative; z-index: 9;
    -webkit-border-radius:0 0 10px 10px;
    -moz-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;}
.cultureCollage_tit span::before{content: ""; width: 11px; height: 27px; background: url(images/collage_bg01.png) no-repeat left; position: absolute; right: 100%; top: 0;}
.cultureCollage_tit span::after{content: ""; width: 11px; height: 27px; background: url(images/collage_bg01.png) no-repeat right; position: absolute; left: 100%; top: 0;}

.cultureCollage_d_txt{float: left; width: 100%; margin-top: -25px; padding: 35px 40px 29px 40px; font-size: 16px; color: #333; line-height: 36px; height: auto; background: #f6f6f6;
    text-align:justify;
}
.cultureCollage_d ul{margin: 0 -15px;}
.cultureCollage_d ul li{float: left; width: 25%; padding: 0 15px;  margin-top: 30px;}
.cultureCollage_d ul li img{float: left; width: 100%; display: block;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;}

@media screen and (max-width:991px){
    .cultureCollage_top div{ font-size: 14px; }
}
@media screen and (max-width:767px){
    .cultureCollage{padding-top: 21px; padding-bottom: 30px;}
    .cultureCollage_top > img{padding: 0 10px;}
    .cultureCollage_top div{text-align: left; text-indent: 2em; font-size: 12px;  line-height: 24px; padding: 15px 0;}
    .cultureCollage_top ul{margin: 0 -2px;}
    .cultureCollage_top ul li{padding: 0 2px; }
    .cultureCollage_tit span{padding:0 17px; font-size: 16px; height: 34px; line-height: 34px;}
    .cultureCollage_tit span::before,
    .cultureCollage_tit span::after{width: 10px; height: 18px; background-size:20px,18px;}
    .cultureCollage_d_txt{margin-top: -17px; padding: 25px 15px; font-size: 12px; line-height: 26px; }
    .cultureCollage_d ul{margin: 0 -5px;}
    .cultureCollage_d ul li{ width: 50%; padding: 0 5px;  margin-top: 10px;}
}

/* 7国信文化-文化设施 */
.cultureEqu{float: left; width: 100%; padding: 80px 0;}
/* 标题 */
.cultureEqu_tit{float: left; width: 100%; padding-left: 56px; position: relative;}
.cultureEqu_tit span{position: absolute; left: 0; top: 0; width: 40px; height: 46px; padding-bottom: 12px; line-height: 34px; text-align: center; font-size: 24px; color: #fff; display: block; background: url(images/equ_bg01.png) no-repeat center;}
.cultureEqu_tit h2{float: left; width:100%; font-size: 24px; line-height: 46px; height: 46px; color: #c8000b; font-weight: bold;}
.cultureEquMagazine{float: left; width: 100%; padding-bottom: 80px;}
.cultureEquMagazine_txt{float: left; width: 100%; font-size: 14px; line-height: 30px; height: auto; padding: 11px 35px 20px 30px;
    text-align:justify;
}
.cultureEquMagazine img{float: left; width: 100%; display: block;}
@media screen and (max-width:1199px){
    .cultureEquMagazine_txt{text-indent: 2em;
    }
}
/* 新添图片 轮播 */
.slide_pic{ padding:0 10px; margin:0; overflow:hidden;}
.slide_pic .slick-slide{ padding:0 5px;}
.slide_pic li{ }
.slide_pic li .box_hp{  overflow:hidden; background-color:#fff; position:relative;
    transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
}
.slide_pic li .box_hp a{ color:#fff;}
.slide_pic li .box_hp:hover{background-color:#123e97;}
.slide_pic li .box_hp .img2{ width:100%;
    transition: all 1.5s linear;
    -moz-transition: all 1.5s linear;
    -webkit-transition: all 1.5s linear;
    -o-transition: all 1.5s linear;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.slide_pic li .box_hp:hover .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);
    opacity: 0.85;
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
}
.slide_pic .slick-prev,
.slide_pic .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    left:20px;
    top: 50%;
    display: block;
    width: 32px;
    height: 62px;
    padding: 0;
    /*    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);*/
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    background:url(images/ban1.png) no-repeat;
    z-index:100;
    background-size: 100%;
}
.slide_pic .slick-next{
    left:auto;
    right:20px;
    background:url(images/ban2.png) no-repeat;
    background-size: 100%;
}

@media  screen and (max-width:991px){
    .slide_pic .slick-prev,
    .slide_pic .slick-next
    {
        width: 24px;
        height: 44px;
        background-size:24px 44px;
    }
    .slide_pic .slick-next{
        background-size:24px 44px;
    }
}
@media  screen and (max-width:767px){
    .slide_pic .slick-prev,
    .slide_pic .slick-next
    {
        width: 15px;
        height: 31px;
        background-size:18px 31px;

    }
    .slide_pic .slick-next{
        background-size:15px 31px;
    }
}




@media  screen and (max-width:767px){

    .slide_pic{ padding:35px 0;}
}


.cultureEquSong{float: left; width: 100%; background: #f0f0f0; padding-top: 60px;}
.cultureEquSong_m{float: left; width: 100%; position: relative;}
.cultureEquSong_le{height: auto; width: 34.188034%; position: absolute; background: #d2d4d6; left: 0; top: 0;}
.cultureEquSong_le img{display: block; width: 100%;}
.cultureEquSong_r{float: right; width: 59.658120%; padding: 22px 0 41px 0;}
.cultureEquMuseum_txt,
.cultureEquLab_txt,
.cultureEquBook_txt,
.cultureEquSong_txt{float: left; width: 100%; height: 120px; margin-top: 21px; line-height: 30px; font-size: 14px; color: #555; overflow: hidden;
    text-align:justify;
}
.cultureEquSong.Note .cultureEquSong_le{left: auto; right: 0; }
.cultureEquSong.Note .cultureEquSong_r{float: left; }

.cultureEquInt,
.cultureEquMuseum,
.cultureEquLab,
.cultureEquBook{float: left; width: 100%; padding:80px 0;}
.cultureEquBook_le{float: left; width:56.923077%; margin-top: 79px; }
.cultureEquBook img{float: right; width:34.188034%; display: block;  }

.cultureEquInt{background: #f0f0f0;}
.cultureEquInt ul{margin: 0 -32px;}
.cultureEquInt ul li{float: left; width: 50%; padding: 0 32px; text-align:justify; }
.cultureEquInt ul li h4{float: left; width: 100%; font-size: 18px; color: #bf9e5b; line-height: 30px; font-weight: bold; margin-top: 20px;}
.cultureEquInt ul li span{float: left; width: 100%; font-size: 14px; color: #555; line-height: 30px; height: 60px; overflow: hidden;}
.cultureEquInt ul li img{float: left; display: block; width: 100%; margin-top: 28px;}

/* 20180813 start */
.cultureEquLab_pic{float: left; width:56.752137%;position: relative;}
.cultureEquLab_pic > img{float: left; width:50%; display: block; padding-right: 19px;}
.cultureEquLab_r{float: right; width:43.247863%; margin-top: 16px; padding-left: 20px;}
.cultureEquLab_txt{height: 120px;}
/* 20180813 end */

.cultureEquMuseum{padding: 80px 0 0 0;}
.cultureEquMuseum_txt{height: auto;}
.cultureEquMuseum_pic{float: left; width: 100%;}
.cultureEquMuseum_pic ul{margin: 0 -5px;}
.cultureEquMuseum_pic ul li{float: left; width: 20%; padding: 5px;}
.cultureEquMuseum_pic ul li img{float: left; width: 100%; display: block;}


@media screen and (max-width:1199px){
    .cultureEquMagazine{padding-bottom: 60px;}
    .cultureEquSong{padding-top: 40px;}
    .cultureEquInt,
    .cultureEquLab,
    .cultureEquBook{padding:60px 0;}
    .cultureEquMuseum{padding: 60px 0 0 0;}
    .cultureEquSong_r{padding: 12px 0 30px 0;}
    .cultureEquMuseum_txt,
    .cultureEquLab_txt,
    .cultureEquBook_txt,
    .cultureEquSong_txt{margin-top: 11px;}
}
@media screen and (max-width:991px){
    .cultureEqu_tit{padding-left: 30px;}
    .cultureEqu_tit span{width: 24px; height: 30px; padding-bottom: 8px; line-height: 22px; font-size: 14px; background-size: 24px,30px;}
    .cultureEqu_tit h2{font-size: 16px; line-height: 30px; height: 30px; }
    .cultureEquMagazine{padding-bottom: 40px;}
    .cultureEquSong{padding-top: 30px;}
    .cultureEquInt,
    .cultureEquLab,
    .cultureEquBook{padding:40px 0;}
    .cultureEquMuseum{padding: 40px 0 0 0;}
    .cultureEquSong_r{padding: 12px 0 20px 0;}
    .cultureEquMuseum_txt,
    .cultureEquLab_txt,
    .cultureEquBook_txt,
    .cultureEquSong_txt{margin-top: 5px; height: 96px; line-height: 24px; font-size: 12px;}
    .cultureEquInt ul li h4{font-size: 14px; line-height: 24px;margin-top: 10px;}
    .cultureEquInt ul li span{font-size: 12px; line-height: 24px; height: 48px;}
    .cultureEquLab_r{padding:0; margin: 0;} /* 20180813 修改 */
}
@media screen and (max-width:767px){
    .cultureEqu{padding: 30px 0;}
    .cultureEquMagazine{padding-bottom: 30px;}
    .cultureEquSong{padding-top: 20px;}
    .cultureEquInt,
    .cultureEquLab,
    .cultureEquBook{padding:20px 0;}
    .cultureEquMuseum{padding: 20px 0 0 0;}
    .cultureEquMuseum_txt,
    .cultureEquLab_txt,
    .cultureEquBook_txt,
    .cultureEquSong_txt{ height: auto;}
    .cultureEquMagazine_txt{font-size: 12px; line-height: 24px; padding: 11px 0 ;}
    .cultureEquSong_le{width: 100%; position: static; background: #d2d4d6; left: auto; top: auto;}
    .cultureEquSong_r{width:100%; padding: 12px 0 21px 0;}
    .cultureEquBook_le{width:100%; margin-top: 19px;}
    .cultureEquBook img{ width:100%;}
    .cultureEquInt ul{margin: 0 ;}
    .cultureEquInt ul li{width: 100%; padding: 0 10px; }
    /* 20180813 修改 start */
    .cultureEquLab_pic{width:100%; padding-left: 0;}
    .cultureEquLab_pic img{padding: 0 10px;}
    .cultureEquLab_r{width:100%; padding:0 10px; margin-top: 20px;}
    /* 20180813 修改 end */
}
/* 8国信活动-公益活动 */
.publicgood{float: left; width: 100%; padding-top: 60px;}
.publicgood_t{float: left; width: 100%; padding: 30px;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    box-shadow: 1px 1px 10px rgba(0,0,0,.2); }
.publicgood_txt{float: left; width: 54.871795%; font-size: 16px; color: #444;  line-height: 32px; height: 320px; overflow: hidden;
    text-align:justify;
}
.publicgood_txt span{color: #c8000b; font-weight: bold; font-size: 18px;}
.publicgood_t img{float: right; width: 37.606838%; display: block;}
.publicgood ul{margin: 0 -15px;}
.publicgood ul li{float: left; width: 25%; padding: 0 15px;}
.publicgood ul li a{float: left; width: 100%; display: block; margin-top: 30px;}
.publicgood ul li i{float: left; width: 100%; height: auto; overflow: hidden;}
.publicgood ul li i img{float: left; width: 100%; display: block;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
    transition: all 1s ease-out 0s;}
.publicgood ul li div{float: left; width: 100%; padding: 15px 20px 13px 20px; background: #fff;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.publicgood ul li div h4{float: left; width: 100%;  line-height: 26px; height: 26px; color: #333; font-size: 16px;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.publicgood ul li div h5{float: left; width: 100%; font-size: 14px; height: 28px; line-height: 28px; color: #666;  overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

.publicgood ul li a:hover i img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.publicgood ul li a:hover div{background: #c8000b;}
.publicgood ul li a:hover div h4{color: #fff;}
.publicgood ul li a:hover div h5{color: rgba(255,255,255,0.8);}

@media screen and (max-width:1199px){
    .publicgood_txt{width: 55%; font-size: 14px;line-height: 28px; height: 280px;}
    .publicgood_t img{width:40%;}
}
@media screen and (max-width:991px){
    .publicgood_txt{width: 50%; font-size: 12px;line-height: 20px; height: 240px;}
    .publicgood_txt span{font-size: 14px;}
    .publicgood_t img{width:45%;}
    .publicgood ul{margin: 0 -10px;}
    .publicgood ul li{padding: 0 10px;}
    .publicgood ul li a{margin-top: 20px;}
    .publicgood ul li div{padding: 10px 15px;}
    .publicgood ul li div h4{line-height: 24px; height: 24px;font-size: 14px; }
    .publicgood ul li div h5{font-size: 12px; height: 24px; line-height: 24px;}
}
@media screen and (max-width:767px){
    .publicgood{padding-top: 20px;}
    .publicgood_t{padding: 15px; }
    .publicgood_txt{width: 100%; font-size: 12px;line-height: 20px; height: auto;}
    .publicgood_txt span{font-size: 14px;}
    .publicgood_t img{width:100%; margin-top: 10px;}
    .publicgood ul{margin: 0 -5px;}
    .publicgood ul li{padding: 0 5px;}
    .publicgood ul li a{margin-top: 15px;}
    .publicgood ul li{width: 50%;}
    .publicgood ul li div{padding: 5px 8px;}
    .publicgood ul li div h4{line-height: 24px; height: 24px;font-size: 14px; }
    .publicgood ul li div h5{font-size: 12px; height: 24px; line-height: 24px;}
}

/* 9国信文化-办公环境 */
.office{float: left; width: 100%; padding: 41px 0 80px 0;}
.office .office_list{float: left; width: 100%;
    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.2);
    box-shadow: 1px 1px 10px rgba(0,0,0,.2);}
.office .office_list ul{float: left; width: 100%; padding:0 28px; }
.office .office_list ul li{float: left; padding: 0 32px;}
.office .office_list ul li a{float: left; display: block; width: 100%; font-size: 20px; color: #444; line-height: 66px; height: 66px; position: relative;}

.office .office_list ul li a::after{display: none; content: ""; width:10px ; height:5px ; background: url(images/off_bg01.png) no-repeat; position: absolute; left: 50%; margin-left: -5px; bottom: -3px;
    -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;}
.office .office_list ul li a span{display: block; float: left; color: #444;
    -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;}
.office .office_list ul li a h4{position: absolute; width: 100%; font-size: 20px; line-height: 66px; height: 66px;  color: #c8000b; font-weight: bold; left: 0; top: 50%; margin-top: -33px; filter:alpha(opacity=00);opacity: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;}
.office .office_list ul li.on a span,
.office .office_list ul li a:hover span{ filter:alpha(opacity=00);opacity:0;}
.office .office_list ul li.on a h4,
.office .office_list ul li a:hover h4{ filter:alpha(opacity=100);opacity:1;}
.office .office_list ul li.on a::after,
.office .office_list ul li a:hover::after{display: block;}
.office .office_pic{float: left; width: 100%; }
.office .office_pic ul{margin: 0 -15px;}
.office .office_pic ul li{float: left; width: 33.333333%; padding: 0 15px; margin-top: 30px;}
.office .office_pic ul li a{ overflow: hidden;}
.office .office_pic ul li a,
.office .office_pic ul li img{float: left;width: 100%; display: block;
    -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;
}
.office .office_pic ul li: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);
}
.office .office_pic ul li i{display: none;}

@media screen and (max-width:1199px){
    .office .office_list ul{padding:0 18px; }
    .office .office_list ul li{ padding: 0 15px;}
}
@media screen and (max-width:991px){
    .office .office_list{ display: none;}
    .office .office_list ul{padding:0 10px; }
    .office .office_list ul li{ padding: 0 10px; }
    .office .office_list ul li a{font-size: 16px;line-height: 46px; height: 46px;}
    .office .office_list ul li a h4{font-size: 16px; line-height: 46px; height: 46px; margin-top: -23px;}
}
@media screen and (max-width:767px){
    .office{padding: 10px 0 30px 0;}
    .office .office_list ul{padding:0; }
    .office .office_list ul li{ padding: 0 3px; }
    .office .office_list ul li a{font-size: 12px;line-height: 36px; height: 36px;}
    /* 20180716 手机下箭头修改 */
    .office .office_list ul li a::after{width:8px; height:4px; background-size: 8px 4px; margin-left: -4px; bottom: -2px;}
    .office .office_list ul li a h4{font-size: 12px; line-height: 36px; height: 36px; margin-top: -18px;}
    .office .office_pic ul{margin: 0 -5px;}
    .office .office_pic ul li{width:50%; padding: 0 5px; margin-top: 15px;}
}

/* 办公环境 弹窗 */
.windowOffice{display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: rgba(0,0,0,.6);}
.windowOffice .windowOfficePic{position: absolute; left: 50%; top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.windowOffice .windowOfficePic_off{position: absolute; right: -64px; top: 0; width: 44px; height: 44px; background: url(images/off_bg02.png) no-repeat; cursor: pointer;}

.windowOffice .windowOfficePic_m img{max-width: 100%;}

@media screen and (max-width:767px){
    .windowOffice .windowOfficePic{width: 100%; padding: 0 50px;}
    .windowOffice .windowOfficePic_off{right: 10px;width: 24px; height: 24px; background-size: 24px;}
}

/* 4国信文化-文化体系 */

/* 20180813 修改 strat */
.cultureSystem{float: left; width: 100%; padding: 24px 0 58px 0;} /* 修改了居上的高度 */

.cultureSystem_t{float: left; width: 100%; margin-top: 19px; font-size: 20px; line-height: 42px; height: auto;  color: #c8000b; font-weight: bold;}
.cultureSystem_tit{float: left; width: 100%; }
.cultureSystem_tit h4{float: left; width:100%; font-size: 24px; line-height: 42px; height: 42px; color: #333; border-bottom: 1px solid #dcdcdc;}
.cultureSystem_tit h5{float: left; padding: 0 10px; font-size: 14px; color: #fff; line-height: 26px; height: 26px; background: #bf9e5b;  text-transform: uppercase; position: relative;}
.cultureSystem_tit h5::before{content: ""; width: 100%; height: 1px; background: #bf9e5b; position: absolute; top: -1px; left: 0;}
.cultureSystem_m{float: left; width: 100%; padding: 26px 0 32px 0;
    text-align:justify;
}
.cultureSystem_m1{float: left; width: 100%; padding-top:50px;} /* 20180813 居上的高度 给了.sys_h3*/
.cultureSystem_m1 .sys_h3{float: left; width: 100%; font-size: 18px; color: #c8000b; line-height: 32px; height: 32px; font-weight: bold;  margin-top: 40px;
    text-align:justify;
}

.cultureSystem_m1 .sys_h4{float: left; width: 100%; font-size: 18px; color: #bf9e5b; line-height: 32px; height: 32px; font-weight: bold; padding-left: 18px;
    text-align:justify;
}
.mt25{margin-top: 25px!important;}
.cultureSystem_m1 .sys_txt2{float: left; width: 100%; padding-top: 7px; line-height: 26px; height: auto; font-size: 16px;color: #555; text-align:justify;}

.cultureSystem_m1 .cultureSystem_m1_txt{padding-left: 20px; margin-top: 11px; height: auto; line-height: 36px; color: #444; font-size: 16px;
    text-align:justify;
}
.cultureSystem_m1_txt2{float: left; width:82.905983%; padding-left: 20px; font-size: 16px; color: #444; line-height: 48px; height: auto; background: url(images/sys_bg03.png); text-align:justify;}
.cultureSystem_m1 .span{font-weight: normal; }
.cultureSystem_m1 > img{float: left; max-width: 100%; display: block; margin-top: 20px;}

@media screen and (max-width:1199px){
    .cultureSystem_m1_txt2{width:100%;}
}
@media screen and (max-width:991px){
    .cultureSystem{padding: 47px 0 38px 0;}
    .cultureSystem_tit h4{font-size: 20px; line-height: 32px; height: 32px;}
}
@media screen and (max-width:767px){
    .cultureSystem{padding: 25px 0;}

    .cultureSystem_t{ margin-top: 10px; font-size: 16px; line-height: 32px; }

    .cultureSystem_tit h4{font-size: 16px; line-height: 24px; height: 24px;}
    .cultureSystem_tit h5{ padding: 0 5px; font-size: 12px;line-height: 20px; height: 20px; }
    .cultureSystem_m{ padding: 16px 0 22px 0;  background-size:  100%!important;}
    .cultureSystem_m1{ } /* 20180813 居上的高度 给了.sys_h3*/
    .cultureSystem_m1 .sys_h3{font-size: 14px; line-height: 22px; height: 22px; margin-top: 20px;}

    .cultureSystem_m1 .sys_h4{font-size: 14px;line-height: 32px; height: 32px; padding-left: 14px;}
    .mt25{margin-top: 15px!important;}
    .cultureSystem_m1 .sys_txt2{padding-top: 5px; line-height: 22px;font-size: 12px;}

    .cultureSystem_m1 .cultureSystem_m1_txt{text-indent: 2em; padding-left: 10px; margin-top: 5px; line-height: 24px; font-size: 12px;}
    .cultureSystem_m1_txt2{width:100%; padding-left: 10px; font-size: 14px;  line-height: 28px;}
    .cultureSystem_m1_s{float: left; width: 100%; display: block;}
}
/* 20180813 修改 end */

.cultureSystem_tips{float: left; width: 100%; margin-top: 27px; }
.cultureSystem_tips ul{margin: 0 -15px;}
.cultureSystem_tips ul li{float: left; width:16.666667%; padding: 0 15px;}
.cultureSystem_tips ul li a{float: left; width: 100%; display: block; background: #f0f0f0; padding-bottom: 100%;position: relative;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;}
.cultureSystem_tips ul li a::after{content: ""; width: 18px; height: 11px; position: absolute; bottom: -10px; left: 50%; margin-left: -9px; background: url(images/sys_bg02.png) no-repeat; filter:alpha(opacity=00);opacity: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;}
.cultureSystem_tips ul li a img{position: absolute; left: 50%; top: 24.705882%;display: block;
    -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-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);}
.cultureSystem_tips ul li a .sys_img02{filter:alpha(opacity=00);opacity:0;}
.cultureSystem_tips ul li a span{position: absolute; left: 0; width: 100%; bottom: 20.588235%; text-align: center;  line-height: 24px; height: 24px; font-size: 16px; color: #333; display: block;}
.cultureSystem_tips ul li div{display: none; float: left; width: 100%; font-size: 12px; color: #555; line-height: 24px; padding: 10px;}
.cultureSystem_tips ul li.on a,
.cultureSystem_tips ul li a:hover{background: #c8000b;}
.cultureSystem_tips ul li.on a::after,
.cultureSystem_tips ul li a:hover::after{filter:alpha(opacity=100);opacity:1;}
.cultureSystem_tips ul li.on a .sys_img01,
.cultureSystem_tips ul li a:hover .sys_img01{filter:alpha(opacity=00);opacity:0;}
.cultureSystem_tips ul li.on a .sys_img02,
.cultureSystem_tips ul li a:hover .sys_img02{filter:alpha(opacity=100);opacity:1;}
.cultureSystem_tips ul li.on a span,
.cultureSystem_tips ul li a:hover span{color: #fff;}
/* 20180813 start*/
.cultureSystem_tips_m{float: left; width: 100%; font-size: 16px; color: #555; line-height: 30px; height: auto; margin-top: 31px; text-indent: 2em;
    text-align:justify;
}
/* 20180813 end*/

@media screen and (max-width:1199px){
    .cultureSystem_tips ul li a img{top: 17.705882%;}
    .cultureSystem_tips ul li a span{bottom: 15.588235%;}
}
@media screen and (max-width:991px){
    .cultureSystem_tips{ margin-top: 17px; }
    .cultureSystem_tips ul{margin: 0 -5px;}
    .cultureSystem_tips ul li{padding: 0 5px;}
    .cultureSystem_tips ul li a img{width: 50px; top: 19.705882%;}
    .cultureSystem_tips ul li a span{bottom: 17.588235%; font-size: 14px;}
}
@media screen and (max-width:767px){
    .cultureSystem_tips ul li{ width:100%; margin-top: 10px;}
    .cultureSystem_tips ul li a{ background: #f0f0f0; height: 80px; position: relative; padding: 0;
        -webkit-border-radius:0;
        -moz-border-radius:0;
        border-radius:0;}
    .cultureSystem_tips ul li a img{width: 40px; top:10px;}
    .cultureSystem_tips ul li a span{bottom: 10px; font-size: 14px;}
    .cultureSystem_tips_m{display: none;}
}

.cultureSystem_theme{float: left; width: 100%;}
.cultureSystem_theme ul{margin: 0 -15px;}
.cultureSystem_theme ul li{float: left; width: 50%; padding: 0 15px; margin-top: 30px;}
.cultureSystem_theme ul li > div{float: left; width: 100%; padding: 20px; height: 160px; background: #f0f0f0;position: relative;
    -webkit-border-radius:80px;
    -moz-border-radius:80px;
    border-radius:80px;}
.cultureSystem_theme ul li img{position: absolute; left: 20px; top: 50%; width: 20.770940%; display: block;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);}
.cultureSystem_theme ul li > div >div{float: right; width: 73.642202%; }
.cultureSystem_theme ul li > div >div h4{float: left; width: 100%; font-size: 18px; line-height: 30px; height: 32px; color: #333;}
.cultureSystem_theme ul li > div >div h5{float: left; width: 100%; font-size: 14px; line-height: 24px; height: 96px; color: #555; overflow: hidden;
    text-align:justify;
}

@media screen and (max-width:1199px){
    .cultureSystem_theme ul{margin: 0 -5px;}
    .cultureSystem_theme ul li{padding: 0 5px; margin-top: 20px;}
    .cultureSystem_theme ul li > div{padding: 15px;}
    .cultureSystem_theme ul li img{width: 20%; left: 15px;}
    .cultureSystem_theme ul li > div >div{width: 76.368421%; }
}
@media screen and (max-width:991px){
    .cultureSystem_theme ul li{width: 100%;}
    .cultureSystem_theme ul li > div{padding: 20px;}
    .cultureSystem_theme ul li img{width: 18%; left: 20px;}
}
@media screen and (max-width:767px){
    .cultureSystem_theme ul{margin: 0;}
    .cultureSystem_theme ul li{padding: 0; margin-top: 10px;}
    /*20180716 修改圆角*/
    .cultureSystem_theme ul li > div{height: 140px; padding: 15px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;}
    .cultureSystem_theme ul li img{width: 16%; }
    .cultureSystem_theme ul li > div >div{width: 78.368421%; }
    .cultureSystem_theme ul li > div >div h4{ font-size: 14px; line-height: 26px; height: 26px;}
    .cultureSystem_theme ul li > div >div h5{font-size: 12px; line-height: 20px; height: 80px;}
}


/* 分页 */
.d_0100_fy{ float:left; width:100%; text-align:center; margin-top:38px; padding-bottom: 60px;}
.pz_fy{display:inline-block; *display:inline; *zoom:1;vertical-align: top;}
.pz_fy a { display:block; float:left; width:31px; height:31px; text-align:center; line-height:29px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 8px;
    -webkit-border-radius:16px;
    -khtml-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;}
.pz_fy a:hover,.pz_fy a.on{color: #fff; border:1px solid #c8000b; background:#c8000b; text-decoration:none;}
.pz_fy a.prve{ background:url(images/prve_fy.png) no-repeat center; width:100px; background-size: 16px 10px;}
.pz_fy a.prve:hover,
.pz_fy a.prve.on{ background:url(images/prve_fy_h.png) no-repeat center #c8000b; border:1px solid #c8000b; background-size: 16px 10px;}
.pz_fy a.next{ background:url(images/next_fy.png) no-repeat center; width:100px; background-size: 16px 10px;}
.pz_fy a.next:hover,
.pz_fy a.next.on{ background:url(images/next_fy_h.png) no-repeat center #c8000b; border:1px solid #c8000b; background-size: 16px 10px;}
.fy_phone{ display:none;}
@media  screen and (max-width:767px){
    .d_0100_fy{ margin-top:18px; padding-bottom: 20px;}
    .pz_fy{ display:none;}
    .fy_phone{ display:block; float:left; width:100%; text-align:center; font-size:14px; color:#333;}
    .fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:31px; text-align:center; line-height:29px; border:1px solid #e1e1e1; margin:0 8px;
        -webkit-border-radius:16px;
        -khtml-border-radius:16px;
        -moz-border-radius:16px;
        border-radius:16px;}
    .fy_phone a.prve{ background:url(images/prve_fy.png) no-repeat center; background-size: 16px 10px;}
    .fy_phone a.prve:hover,
    .fy_phone a.prve.on{ background:url(images/prve_fy_h.png) no-repeat center #c8000b; border:1px solid #c8000b; background-size: 16px 10px;}
    .fy_phone a.next{ background:url(images/next_fy.png) no-repeat center; background-size: 16px 10px;}
    .fy_phone a.next:hover,
    .fy_phone a.next.on{ background:url(images/next_fy_h.png) no-repeat center #c8000b; border:1px solid #c8000b; background-size: 16px 10px;}
    .fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:38px; line-height:38px;}
}

/*网站地图*/
.wzdt{ width:100%; float:left;}
.wzdt ul li{ width:100%;float:left; border-bottom:1px dashed #323232; padding:10px 0; text-align:left}
.wzdt ul li .a1{ width:100%;float:left;  font-size:16px;font-weight:bold; line-height:24px; color:#323232}
.wzdt ul li .a2{float:left; text-align:center; padding-right:10px; line-height:24px; color:#323232}



/*20180809*/
.rcxq{ padding: 2.56% 0 6.666% 0; margin: 0 -15px;}
.rcxq .rc_1{ background: url("images/20180809_3.png") no-repeat; background-size: 100% 100%; }
.rcxq .rc_cell{ float: left; width: 33.3333%; }
.rcxq .rc_2 .rc_cell{ float: right; }
.rcxq .rc_cell_box{ float: left; width:100%; padding: 20.33% 0 8.666% 0; }
.rcxq .rc_cell_cen{ float: left; width: 100%; text-align: center; position: relative;}
.rcxq .rc_cell_cen .cenPic{ display: inline-block; vertical-align: top; width: 27.5%; background-color: #c8000b; line-height: 0; position: relative;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.rcxq .rc_cell_cen .cenPic .img{
    -o-border-radius:50%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.rcxq .rc_cell_cen:hover .cenPic .img{
    transform:rotateY(360deg);
    -webkit-transform:rotateY(360deg);
    -moz-transform:rotateY(360deg);
    -o-transform:rotateY(360deg);
}
.rcxq .rc_cell_cen .cenPic .cenTit{ position: absolute; width: 40px; height: 40px; right: 120px; top:66px; color: #c9c9c9; font-size: 36px;line-height: 40px; text-align: center; }
.rcxq .rc_cell_cen .af{ position: absolute; width: 40px; height: 40px; background: url("images/20180809_6.png") no-repeat; background-size: cover; right: 0; top: 50%; margin: -20px -20px 0 0;}
.rcxq .rc_cell.r1_4 .rc_cell_cen .af{  right: 20px; top: 154px; margin: 0 -20px 0 0;}
.rcxq .rc_cell_dtit{ float:left; width: 100%; margin-top: 4.666%; color: #353434; font-size: 16px; line-height: 20px; text-align: center;}

.rcxq .rc_2{ background: url("images/20180809_4.png") no-repeat; background-size: 100% 100%; }
.rcxq .rc_2 .rc_cell_cen .cenPic .cenTit{ right: -48px; top:66px; color: #c9c9c9; font-size: 36px;line-height: 40px; text-align: center; }
.rcxq .rc_2 .rc_cell_cen .af{ position: absolute; width: 40px; height: 40px; background: url("images/20180809_6.png") no-repeat; background-size: cover; right: auto; left: 0; top: 50%;  margin: -20px 0 0 -20px;}
.rcxq .rc_cell.r2_1 .rc_cell_cen  .af{ left: 20px; top: 154px;  margin: 0 0 0 -20px;}

.rcxq .rc_3{ background: url("images/20180809_5.png") no-repeat; background-size: 100% 100%; }
@media  screen and (max-width:1199px){
    .rcxq .rc_cell_cen .cenPic .cenTit{ width: 34px; height: 34px; right: 98px; top:55px; font-size: 30px;line-height: 34px; }
    .rcxq .rc_cell_cen  .af{ width: 34px; height: 34px; margin: -17px -17px 0 0;}
    .rcxq .rc_cell.r1_4 .rc_cell_cen  .af{right: 17px; top: 130px; margin: 0 -17px 0 0; }

    .rcxq .rc_2 .rc_cell_cen .cenPic .cenTit{ right: -48px; top:55px; font-size: 30px;line-height: 34px; }
    .rcxq .rc_2 .rc_cell_cen  .af{ width: 34px; height: 34px; margin: -17px 0 0 -17px; }
    .rcxq .rc_cell.r2_1 .rc_cell_cen .af{ left: 17px; top: 130px; margin: 0 0 0 -17px; }
}
@media  screen and (max-width:991px){
    .rcxq .rc_cell_box{ padding: 20.33% 0 1.666% 0; }
    .rcxq .rc_1 .rc_cell_box{ padding: 16.33% 0 6.666% 0; }
    .rcxq .rc_cell_cen .cenPic .cenTit{ width: 27px; height: 27px; right: 76px; top:42px; font-size: 23px;line-height: 27px; }
    .rcxq .rc_cell_cen .af{ width: 27px; height: 27px; margin: -8px -13px 0 0;}
    .rcxq .rc_cell.r1_4 .rc_cell_cen  .af{ top: 100px; margin: 0 -13px 0 0;}

    .rcxq .rc_2 .rc_cell_cen .cenPic .cenTit{ right: -32px; top:42px; font-size: 23px;line-height: 27px; }
    .rcxq .rc_2 .rc_cell_cen  .af{ width: 27px; height: 27px; margin: -20px 0 0 -13px; }
    .rcxq .rc_cell.r2_1 .rc_cell_cen  .af{ top: 100px;;}
    .rcxq .rc_3 .rc_cell_cen  .af{ width: 27px; height: 27px; margin: -20px -13px 0 0; }
    .rcxq .rc_cell_dtit{height: 20px; font-size: 12px; line-height: 15px;}
}
@media  screen and (max-width:767px){


}

/* 20180814  start*/
.publicgood_gongyi ul{float: left; width: 100%; margin-top: 40px; border-top: 1px solid #ccc;}
.publicgood_gongyi ul li{float: left; width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0;}
.publicgood_gongyi ul li a{float: left; width: 100%; padding: 0 150px 0 20px; position: relative; background: url(images/newf4.png) no-repeat left; background-size: 10px;}
.publicgood_gongyi ul li h4{float: left; width: 100%; font-size: 16px; color: #444; line-height: 30px; height: 30px;}
.publicgood_gongyi ul li span{position: absolute; right: 0; width: 150px; text-align: center; font-size: 14px; color: #444; line-height: 30px; height: 30px; display: block; }
.publicgood_gongyi ul li a:hover{background: url(images/newf4_h.png) no-repeat left; background-size: 10px;}
.publicgood_gongyi ul li a:hover h4{color: #c8000b;}

@media screen and (max-width:767px){
    .publicgood_gongyi ul{margin-top: 20px;}
    .publicgood_gongyi ul li a{padding: 0 100px 0 20px; background-size: 10px;}
    .publicgood_gongyi ul li h4{font-size: 14px;  line-height: 24px; height: 24px;}
    .publicgood_gongyi ul li span{ width: 100px; font-size: 12px; line-height: 24px; height: 24px; }
}
/* 20180814  end */






#mediaplayer_display_button {
    width: 42.08%;
    height: 37.36% !important;
    margin-top: -15%;
    background: url("/templates/cn/images/videobtn.png") center top no-repeat !important;
    background-size: auto auto;
    background-size: 100% auto !important;
}
/*20180827视频*/
.videSingle{ float: left; width: 100%; padding: 6.5% 0;}


/*   留言   */
.pz_ly{ width:100%;float:left;}
.pz_ly .c_0100_ly{ width:100%; float:left; padding:5%;}
.pz_ly .zy{ width:100%; float:left; border-bottom:1px #d5d5d5 solid; font-size:14px; line-height:28px; padding-bottom:14px;text-align:left;}
.pz_ly .wb{ width:100%; padding-top:11px; float:left;}
.pz_ly .zd{ color:#e20904;}
.pz_ly .f_z{ font-size:14px; text-align:left;}
.pz_ly .wb2{ width:100%; float:left; line-height:34px; border:1px #d2d2d2 solid; height:34px;}
.pz_ly .p_r{ padding-right:5%;}
.pz_ly .p_l{ padding-left:5%;}
.pz_ly .dh{ width:100%;border:1px #d2d2d2 solid; height:165px;}
.pz_ly .wb3{ width:25%; float:left; line-height:34px; border:1px #d2d2d2 solid; height:34px;}
.pz_ly .tj{ width:195px; height:50px; background:#c8000b; line-height:50px; text-align:center; float:left; color:#fff; border:0; font-size:18px; font-family:"宋体"; margin-top:26px;}


/*20181220 start*/
.createTeam{ padding: 40px 0 60px 0;}
.createTopBox{ margin: 0 -9px;}
.createTopSlick{}
.createTopSlick .slick-list{ padding-bottom: 7px;}
.createTopSlick .tLi{ padding: 0 9px; position: relative;}
.createTopSlick .tLi .tBox{ overflow: hidden; position: relative; line-height: 0;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    -webkit-transform:rotate(0deg);
}

.createTopSlick .tLi .tBox .border{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: #c8000b solid 3px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
    display: none;
}
.createTopSlick .slick-current .tLi .tBox .border{ display: block;}
.createTopSlick .tLi  b{ display: none; position: absolute; width: 0; height: 0; top: 100%; left: 50%; margin-left: -7px; border-top: #c8000b solid 8px; border-left: transparent solid 7px; border-right: transparent solid 7px;
}
.createTopSlick .slick-current .tLi  b{ display: block;}
.createDownSlick{ padding: 11px 0 0 0;}
.createDownSlick .slick-list{ padding: 10px 0;}
.createDownSlick .dLi{ float: left; width: 30%; background-color: #fff; padding:30px 16px 30px 30px;
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.09);
    -moz-box-shadow: 0 1px 7px rgba(0,0,0,0.09);
    -o-box-shadow: 0 1px 7px rgba(0,0,0,0.09);
    box-shadow: 0 1px 7px rgba(0,0,0,0.09);
}
.createDownSlick .slick-slide[data-slick-index="0"] .dLi{ width: 50%;}
.createDownSlick .slick-slide[data-slick-index="1"] .dLi{ margin-left: 15%;}
.createDownSlick .slick-slide[data-slick-index="2"] .dLi{ margin-left: 35%;}
.createDownSlick .slick-slide[data-slick-index="3"] .dLi{ margin-left: 55%;}
.createDownSlick .slick-slide[data-slick-index="4"] .dLi{ margin-left: 70%;}
.createDownSlick .dLi .chairTitle{ color: #333333; font-size: 30px; line-height: 32px; }
.createDownSlick .dLi .chairTitle span{ color: #333333; font-size: 16px; border-bottom: #c8000b solid 2px; margin-left: 10px;}
.createDownSlick .dLi .chairTitle .em{ font-style: normal; border: transparent solid 1px;}
.createDownSlick .slick-slide[data-slick-index="4"] .dLi .chairTitle .em{border: #999 solid 1px;  padding: 0 5px;}
.createDownSlick .dLi .dCon{ padding-top: 5px;}
.createDownSlick .dLi .dCon .dn{ float: left; width: 100%; padding: 16px 16px 0 0;}
.createDownSlick .slick-slide[data-slick-index="0"] .dLi .dCon .dn{ width: 50%;}
.createDownSlick .dLi .dCon .dn .dnborder{ border: #d6d6d6 solid 1px; color: #333333; font-size: 16px; line-height: 18px; padding:10px; text-align: center;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
}
@media screen and (max-width:991px){
    .createDownSlick .dLi{ width: 100%; padding:20px 12px 20px 20px; }
    .createDownSlick .slick-slide[data-slick-index="0"] .dLi{ width: 100%;}
    .createDownSlick .slick-slide[data-slick-index="1"] .dLi{ margin-left: 0;}
    .createDownSlick .slick-slide[data-slick-index="2"] .dLi{ margin-left: 0;}
    .createDownSlick .slick-slide[data-slick-index="3"] .dLi{ margin-left: 0;}
    .createDownSlick .slick-slide[data-slick-index="4"] .dLi{ margin-left: 0;}
    .createDownSlick .dLi .chairTitle{ font-size: 26px; }
}
@media screen and (max-width:767px){
    .createTeam{ padding: 20px 0 20px 0;}
    .createDownSlick .dLi{ padding:12px 20px 20px 20px; }
    .createDownSlick .slick-slide[data-slick-index="3"] .dLi .dCon{ width: 100%;}
    .createDownSlick .slick-slide[data-slick-index="4"] .dLi .dCon{ width: 100%;}
    .createDownSlick .dLi .dCon .dn{ width: 100%; padding: 12px 5px 0 0;}
    .createDownSlick .dLi .dCon .dn .dnborder{ font-size: 14px;  padding:6px; }
    .createDownSlick .dLi .chairTitle{ font-size: 20px; }
    .createDownSlick .dLi .chairTitle span{ font-size: 14px; }
}

.solution_top{ float: left; width: 100%; background-color: #fff; margin-top: 30px;}
.solution_top ul{ text-align: center}
.solution_top .lc1{ display: inline-block; width: 145px; height: 56px; color: #333333; font-size: 16px; line-height: 56px; text-align: center; cursor: pointer; position: relative;}
.solution_top .lc1 .cT{}
.solution_top .lc1.on{  color: #fff; background-color: #c8000b;}
@media screen and (max-width:991px){
    .solution_top .lc1{ width: 120px; height: 44px; line-height: 44px; }
}
@media screen and (max-width:767px){
    .solution_top{ margin-top: 20px; text-align: center; line-height: 0;}
    .solution_top ul{ float:none; display: inline-block; text-align: center}
    .solution_top .lc1{ float: left; width: 90px; height: 38px; color: #444444; font-size: 16px; line-height: 38px; text-align: center; cursor: pointer; margin-left: 3px; margin-right: 3px;}

}

.solution_down{ float: left; width: 100%;}
.slideBox{ margin:0 -15px; }
.slideBox .slick-list{ padding-bottom: 12px;}
.slideBox li{ padding: 0 15px;}
.slideBox li .honorCell{ margin-top: 11.1%; padding: 20px; background-color: #fff; overflow: hidden; position: relative;}
.slideBox li .honorCell .cellPic{}
.slideBox li .honorCell .cellPic .img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.slideBox li .honorCell:hover .cellPic .img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}
.slideBox li .honorCell .blackBack{ position: absolute; width: 100%; height: 100%; left: 0; top:105%; background-color: rgba(0,0,0,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;
}
.slideBox li .honorCell:hover .blackBack{ top: 0;}
.slideBox li .honorCell .floatTit{ position: absolute; width: 100%;  left: 0; top: 63px; z-index: 3;
    -webkit-transform: translate(0, 20px);
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px);
    -webkit-transition: all 0.3s linear 0.3s;
    -moz-transition: all 0.3s linear 0.3s;
    -o-transition: all 0.3s linear 0.3s;
    transition: all 0.3s linear 0.3s;
}
.slideBox li .honorCell:hover .floatTit{
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.slideBox li .honorCell .floatTit h4{ padding: 0 10px; text-align: center; color: #fff; font-size: 14px; line-height: 16px;}
.slideBox li .honorCell .floatTit .Btn{ padding-top: 17px; text-align: center; line-height: 0;}
.slideBox li .honorCell .floatTit .Btn img{ display: inline-block; width:45px; height: 45px; }
@media screen and (max-width:991px){
    .slideBox li .honorCell{ padding: 10px; }
    .slideBox li .honorCell .floatTit{ top: 50px; }
}
@media screen and (max-width:767px){
    .slideBox{ margin: 0 -7px;}
    .slideBox li{ padding: 0 7px;}
    .slideBox li .honorCell{ margin-top: 6.1%; }
    .slideBox li .honorCell{ padding: 7px; }
    .slideBox li .honorCell .floatTit{ top: 50%; margin-top:-27px; }
    .slideBox li .honorCell .floatTit h4{ padding: 0 10px; text-align: center; color: #fff; font-size: 14px; line-height: 16px;}
    .slideBox li .honorCell .floatTit .Btn{ padding-top: 5px; }
    .slideBox li .honorCell .floatTit .Btn img{ width:32px; height: 32px; }
}




@media screen and (max-width:767px){
    .solution_down{ }
    .slideBox{ margin: 0 -6px; }
    .slideBox ul li{ padding: 0 6px 0 6px;}
    .slideBox ul li a .proPic .time{  width: 55px; height: 55px; left: 7px; }
    .slideBox ul li a .proPic .time .day{  font-size: 20px; line-height: 24px;}
}


.slideBox .slick-dots{ position: static; width: 100%; margin-top: 3.41%; bottom: auto; text-align: center; line-height: 0;}
.slideBox .slick-dots li{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; padding: 0; background-color: #c2c2c2;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.slideBox .slick-dots li.slick-active{ background: #c8000b;}
.slideBox .slick-dots li button{ display: none;}
@media screen and (max-width:767px){
    .slideBox .slick-dots li{  width: 10px; height: 10px; }
}


/*办公环境*/
.envirment{ float: left; width: 100%; margin: 60px 0 83px 0; padding-bottom: 25px; background: url("images/20181220_6.jpg") bottom no-repeat; background-size: 100% auto;}
.envirmentOver{ overflow: hidden; position: relative;}
.envirmentBox{ margin: 0 ;}
.envirmentBox .enli{ padding: 0 5px;}
.envirmentBox .enli .enPic{ height: 579px; position: relative;}
.envirmentBox .enli .enPic .back{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); left: 0; top: 0;}
.envirmentBox .slick-center .enli .enPic .back{ display: none;}
.envirmentBox .enli .enPic h4{ display: none; position: absolute; width: 100%; background-color: rgba(0,0,0,0.6); left: 0; bottom: 0; padding: 0 10px; color: #fff; font-size: 18px; line-height: 58px; text-align: center; z-index: 3;}
.envirmentBox .slick-center .enli .enPic h4{ display: block;}
.envirmentOver .arr_2{ height: 0;}
.envirmentOver .zuo{ position: absolute; width: 100px;  height: 20px; padding-left: 37px; left: 49px; top: 50%; margin-top: -10px; background: url("images/20181220_8.png") left no-repeat; background-size: 27px 7px; color: #fff; font-size: 18px; line-height: 20px; cursor: pointer;}
.envirmentOver .you{ position: absolute; width: 100px;  height: 20px; padding-right: 37px; right: 49px; top: 50%; margin-top: -10px; background: url("images/20181220_9.png") right no-repeat; background-size: 27px 7px; color: #fff; font-size: 18px; line-height: 20px; text-align: right; cursor: pointer;}
@media screen and (max-width:1199px){
    .envirmentBox .enli .enPic{ height: 476px; }
    .envirmentBox .enli .enPic h4{ font-size: 16px; line-height: 48px; }
    .envirmentOver .zuo{ left: 25px; }
    .envirmentOver .you{ right: 25px; }
}
@media screen and (max-width:991px){
    .envirmentBox .enli{ padding: 0 3px;}
    .envirmentBox .enli .enPic{ height: 365px; }
    .envirmentOver .zuo{  padding-left: 24px; left: 28px;  background: url("images/20181220_8.png") left no-repeat; background-size: 17px 4px; font-size: 14px; }
    .envirmentOver .you{ padding-right: 24px; right: 28px;  background: url("images/20181220_9.png") right no-repeat; background-size: 17px 4px;  font-size: 14px; }
}
@media screen and (max-width:767px){
    .envirmentBox .enli .enPic{ height: auto; }
    .envirment{ margin: 25px 0 35px 0; padding-bottom: 20px; background: url("images/20181220_6.jpg") bottom no-repeat; background-size: auto 100%;}
    .envirmentBox .enli .enPic h4{ line-height: 42px; }
    .envirmentOver .zuo{ margin-top: -35px; left: 10px; }
    .envirmentOver .you{ margin-top: -35px; right: 10px; }


}




.envirmentBox .slick-dots{ position: static; width: 100%; margin-top: 25px; bottom: auto; text-align: center; line-height: 0;}
.envirmentBox .slick-dots li{ display: inline-block; width: 12px; height: 12px; margin: 0 5px; padding: 0; background-color: #c2c2c2;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.envirmentBox .slick-dots li.slick-active{ background: #c8000b;}
.envirmentBox .slick-dots li button{ display: none;}
@media screen and (max-width:767px){
    .envirmentBox .slick-dots{ margin-top: 20px; }
    .envirmentBox .slick-dots li{  width: 10px; height: 10px; }
}


/*20181220 end*/





/*20230328start*/
.owl-carousel .owl-item{ width:16.66%;}
.strategicDown .stra_1.two{ margin-top: 134px; }
.strategicDown .stra_1.three{ margin-top: 111px; }
.strategicDown .stra_1.four{ margin-top: 84px; }
.strategicDown .stra_1.five{ margin-top: 46px; }
.strategicDown .stra_1.six{ margin-top: 0; }
.strategicDown .stra_1{ width:200px;}

@media  screen and (max-width:991px){

    .strategicDown .stra_1.two{ margin-top: 0; }
    .strategicDown .stra_1.three{ margin-top: 0; }
    .strategicDown .stra_1.four{ margin-top: 0; }
    .strategicDown .stra_1.five{ margin-top: 0; }
}




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