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




.top1{ position: fixed; width:100%; left: 0; top:0; z-index:1010;  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;
}
.top1 .topHead{ height: 112px; background-color: #ffffff;}
.top1 .headBox{ padding: 22px 0; }
.top1 .logo{ float:left; width:428px; height:68px; 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 .serachBox{ float: right; width: 318px; height: 44px; margin-top: 12px; vertical-align: top;}
.top1 .serachBox button{ float: right; width: 44px; height: 44px; border: 0;
-webkit-appearance: none; outline: 0; border-radius: 0; }
.top1 .serachBox .search{ padding-right: 44px; }
.top1 .serachBox .search input{ float: left; width: 100%; border: #e1e1e1 solid 1px; height: 44px; padding: 0 14px; color: #333; font-size: 12px; line-height: 42px;}
.inco1 ::-webkit-input-placeholder { color:#999 !important;}
.inco1 :-moz-placeholder {  color:#999 !important;}
.inco1 ::-moz-placeholder {  color:#999 !important;}
.inco1 :-ms-input-placeholder { color:#999 !important; }

.top1 .tele{ float: right; width: 180px; margin: 12px 30px 0 0;}
.top1 .tele .telB{ float: left; width: 31px; height: 32px; line-height: 0; margin: 5px 9px 0 0;}
.top1 .tele .telSpan{ float: left;}
.top1 .tele .telSpan .telTit{ color: #333333; font-size: 14px; line-height: 16px; padding-top: 4px;}
.top1 .tele .telSpan .telNum{ color: #01325a; font-size: 18px; line-height: 24px;}


.top1.inner{ background-color: #000000; padding-top: 14px;}
.top1.inner.active{ height:76px; padding-top: 14px;}
@media screen and (max-width:1199px){
    .top1{ display: none;}
}



.pz_menu{ background-color: #343536;}
.menu{ float: left; width: 100%; }
.menu ul{ float:left; width: 100%;  }
.menu ul .nli{ float: left; width: 12.5%; position: relative; }
.menu ul .nli span a{ float:left; width: 100%; height: 70px; color:#fff; font-size: 16px; line-height: 70px; position: relative; text-align: center;
    -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{ background-color: #01325a;}
.menu ul .nli span a::after{ content: ''; position: absolute; width: 1px; height: 30px; background-color: rgba(255,255,255,0.1); right: 0; top: 50%; margin-top: -15px;}
.menu ul .nli.active span a::after{ display: none;}

.menu .sub{ display: none; position: absolute; width:100%; left:0; top: 100%; background: #01325a; }
.menu .sub li{ font-size: 12px; line-height: 40px;  text-align: center; border-bottom: #014378 solid 1px; }
.menu .sub li:hover{ background-color: #343536;}
.menu .sub li a{color: #fff;}
.menu .sub li:hover a{ color: #26a3de;}
.menu .sub li:last-child{ border-bottom: 0; }
@media screen and (max-width:1199px){
    .menu ul .nli{ padding: 0 12px; }
    .menu ul .nli span a{ font-size: 15px; }
    .top1.inner .menu ul .nli span a,
    .top1.active .menu ul .nli span a{ font-size: 15px; }
}
@media screen and (max-width:1199px){

}




/*phone版头部*/
.top2{ display:none; position: absolute; left: 0; top: 0; z-index: 2000; float: left; width:100%; height:60px; background:#fff; }
.top2.active{
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    -o-box-shadow: 0 2px 6px rgba(0,0,0,0.6);
    box-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
.top2 .logo{ float: left; width:243px; height: 36px; position: relative; margin-top: 12px; line-height: 0; }
@media screen and (max-width:1199px){
    .top2{ display:block;}
}

/*手机按钮*/
.menuph{
    float:right;
    margin:10px 0 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 10px;
    position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #000;
}
.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: #000;
}
.menuph .navbtn::after
{
    top: -11px;
}
.menuph .navbtn::before
{
    top: 10px;
}
.menuph .point.active .navbtn{
    background: transparent;
}
.menuph .point.active .navbtn::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}
.menuph .point.active .navbtn::before
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}


/*手机下拉*/
.xialaph{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    padding-bottom: 20px;
    display: none;
    z-index: 1029;
    background: #fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{ float: left;;
    display: block;
    color: #777;
    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: #777;
    font-size: 14px;
    line-height: 46px;
}
.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: 23px;
    cursor: pointer;
}
.xialaph h5 img{
    width: 11px;
    height: 6px;
    float: right;
    margin-top: -29px;
    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: 6px;
    padding-bottom: 9px;
    padding-left: 15px;
    position: relative;
}
.xialaph .ul3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
    display: none;
}
.xialaph .ul3 li a{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    display: block;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}
.xialaph .searchP{ margin-top: 15px; height: 38px; border: #e5e5e5 solid 1px;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
}
.xialaph .searchP button{ float: right; width: 18px; height: 18px; margin: 8px 15px 0 0; line-height: 0;}
.xialaph .searchP .searchLeft{ padding: 0 34px 0 0;}
.xialaph .searchP .searchLeft .Iminput{ float: left; width: 100%; height: 36px; padding: 0 0 0 14px; color: #fff; font-size: 14px; border: 0; background: 0;
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    -o-border-radius:18px;
    -webkit-appearance:none;
    outline: 0;
}
.xialaph .ench{ text-align: center; padding: 15px 0 0 0;}
.phonemeng{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 196;
    display: none;
}
.phonemeng.active{
    display: block;
}


.pz_banner{ float:left; width:100%; overflow:hidden; position: relative; margin-top: 182px; line-height: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.pz_banner.active{ margin-top: 66px;}
.pz_banner.home{min-height: 350px;}
@media screen and (max-width:1199px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.home{min-height: 280px;}
}
@media screen and (max-width:991px){
    .pz_banner{ margin-top: 60px; }
    .pz_banner.home{ min-height: 358px;}
}
@media screen and (max-width:767px){
    .pz_banner.home{min-height: 148px;}
}
.pz_main{ float:left; width:100%; background: #fff; }
.pz_down{ float:left; width:100%; background: url("images/foot1.jpg") repeat; }


/*banner*/
.bannerBox{ line-height: 0; overflow:hidden; }
.pz_banner .arrBox{position: absolute; width: 100%; left: 0; bottom: 29px; z-index: 500;}
.pz_banner .arr{}
.pz_banner .arr .zuo{ float: left; padding: 0 6px 4px 0; background: url("images/ban1.png") left bottom no-repeat; background-size: 15px 5px; color: #dcdcdc; font-size: 14px; text-transform: uppercase; line-height: 27px; cursor: pointer;}
.pz_banner .arr .zuo:hover{  background: url("images/ban1_h.png") left bottom no-repeat; background-size: 15px 5px; color: #2ca71a; }
.pz_banner .arr .you{ float: left; padding: 0 0 4px 0; background: url("images/ban2.png") right bottom no-repeat; background-size: 15px 5px; color: #dcdcdc; font-size: 14px; text-transform: uppercase; line-height: 27px; cursor: pointer;}
.pz_banner .arr .you:hover{  background: url("images/ban2_h.png") right bottom no-repeat; background-size: 15px 5px; color: #2ca71a; }
.pz_banner .arr .you::before{ content: ''; float: left; width: 2px; height: 13px; background-color: #fff; margin-top: 7px; margin-right: 6px; }
@media screen and (max-width:767px){
    .pz_banner .arrBox{ bottom: 15px; }
}

.number{ position: absolute; right: 50%; bottom: 31px; z-index: 200; color: #fff; font-size: 20px; margin-right: -600px; }
.number .zzz{ font-size: 42px; margin-right: 12px;}
@media screen and (max-width:1199px){
    .number{ margin-right: -484px; }
}
@media screen and (max-width:991px){
    .number{ margin-right: -372px; font-size: 16px; }
    .number .zzz{ font-size: 35px;}
}
@media screen and (max-width:767px){
    .number{ bottom: 20px; right: 15px; margin-right: 0; }
    .number .zzz{ font-size: 30px;}
}


.bannerBox .slick-dots{ position: absolute; width: 100%; left: 0; bottom: 20px; line-height: 0; text-align: center; }
.bannerBox .slick-dots li{ display: inline-block; vertical-align: top; width: 60px; height: 4px;  margin:0 4px; background-color: #fff;  }
.bannerBox .slick-dots li.slick-active{ background-color: #e48e11;}
.bannerBox .slick-dots li button{ display: none; }
@media screen and (max-width:1199px){
    .bannerBox .slick-dots{ width: 100%; right: 0; }
    .bannerBox .slick-dots li{ float: none; display: inline-block; vertical-align: top;  margin: 0 12px; background-color: rgba(255,255,255,0.5); }
}
@media screen and (max-width:767px){
    .bannerBox .slick-dots{ bottom: 12px; }
    .bannerBox .slick-dots li{ width: 28px; height: 2px; margin: 0 6px; }
}





/*main*/
.homeAbout{ margin: 6.83% 0; background-color: #f4f4f5;}
.homeAbout .aboutRigth{ float: right; width: 585px; height: 460px; padding: 59px 57px 0 0; background: url("images/main1.jpg") repeat;}
.homeAbout .aboutRigth .aboutPic{ float: left; width: 585px; height: 400px; line-height: 0; margin-left: -57px; overflow: hidden;}
.homeAbout .aboutRigth .aboutPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.homeAbout .aboutRigth .aboutPic: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);
}
.homeAbout .aboutLeft{ float: left; width: 414px; margin: 60px 0 0 50px; }
.homeAbout .aboutLeft h2{ color: #01325a; font-size: 30px; line-height: 1.33;}
.homeAbout .aboutLeft h2 span{ color: #333333; text-transform: uppercase;}
.homeAbout .aboutLeft .aboutP{ height: 180px; margin-top: 44px; color: #555555; font-size: 14px; line-height: 30px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
.homeAbout .aboutLeft .aboutMore{ margin-top: 36px; }
.homeAbout .aboutLeft .aboutMore .aboutA{ float: left; border: #01325a solid 1px; color: #01325a; font-size: 14px; line-height: 40px; padding: 0 50px;
    border-radius:22px;
    -webkit-border-radius:22px;
    -moz-border-radius:22px;
    -o-border-radius:22px;
}
.homeAbout .aboutLeft .aboutMore .aboutA span{ float: left;}
.homeAbout .aboutLeft .aboutMore .aboutA b{ float: left; width: 17px; height: 8px; line-height: 0;  margin: 16px 0 0 10px;}
@media screen and (max-width:1199px){
    .homeAbout .aboutRigth{ width: 481px; height: 379px; padding: 50px 49px 0 0; }
    .homeAbout .aboutRigth .aboutPic{ width: 481px; height: 329px; margin-left: -49px; }
    .homeAbout .aboutLeft{ width: 342px; margin: 50px 0 0 40px; }
    .homeAbout .aboutLeft h2{ font-size: 24px; }
    .homeAbout .aboutLeft .aboutP{ height: 150px; margin-top: 34px; line-height: 25px; }
    .homeAbout .aboutLeft .aboutMore{ margin-top: 28px; }
    .homeAbout .aboutLeft .aboutMore .aboutA{ padding: 0 40px; }
}
@media screen and (max-width:991px){
    .homeAbout .aboutRigth{ width: 100%; height:auto; padding: 5% 0 0 5%; }
    .homeAbout .aboutRigth .aboutPic{ width: 100%; height: auto; margin-left: -5%; }
    .homeAbout .aboutLeft{ width: 100%; margin: 0; padding: 5%; }
}
@media screen and (max-width:767px){
    .homeAbout .aboutLeft h2{ font-size: 20px; }
    .homeAbout .aboutLeft .aboutP{ height: 150px; margin-top: 4.5%; }
    .homeAbout .aboutLeft .aboutMore{ margin-top: 6%; }
    .homeAbout .aboutLeft .aboutMore .aboutA{ line-height: 34px; padding: 0 32px; }
    .homeAbout .aboutLeft .aboutMore .aboutA b{ margin: 12px 0 0 10px;}
}


.homeAd{ background: url("images/main4.jpg") center no-repeat; background-size: cover; }
.homeAdBox{ padding: 4.44% 1.7% 3.93% 1.7%; color: #fff; font-size: 20px; line-height: 2; text-align: center; }
.homeAdBox .big{ font-size: 28px;}
@media screen and (max-width:1199px){
    .homeAdBox{ font-size: 17px; }
    .homeAdBox .big{ font-size: 23px;}
}
@media screen and (max-width:991px){
    .homeAdBox{ font-size: 14px; }
    .homeAdBox .big{ font-size: 18px;}
}


/*homeNew*/
.homeNew{ padding: 6.49% 0 6.97% 0; }
.homeNewTitle{}
.homeNewTitle h2{ float: left; color: #2b2b2d; font-size: 30px; line-height: 36px;}
.homeNewTitle h2 strong{ text-transform: uppercase;}
.homeNewTitle .more{ float: right; padding: 16px 0 0 0; color: #999999; font-size: 14px; line-height: 20px;}
.homeNewTitle .more:hover{  color: #01325a; }
@media screen and (max-width:991px ) {
    .homeNewTitle h2{ font-size: 24px; }
}
@media screen and (max-width:767px ) {
    .homeNewTitle h2{ font-size: 20px; }
    .homeNewTitle .more{ padding: 10px 0 0 0; }
}

.homeNewDown{ padding:3.16% 0 0 0;}
.homeNewDown .newLeft{ float:left; width:470px; }
.homeNewDown .newLeft .newPic{line-height: 0; overflow: hidden;}
.homeNewDown .newLeft .newPic img{
    -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;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.homeNewDown .newLeft .newPic:hover img{
    -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);
}
.homeNewDown .newLeft h3{ color:#333333; font-size:18px; line-height:28px;  padding: 16px 0 12px 0; }
.homeNewDown .newLeft p{ float:left; width:100%; color:#999999; font-size:14px; line-height:18px; height:36px; overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media screen and (max-width:1199px ) {
    .homeNewDown .newLeft{ width:440px;}
}
@media screen and (max-width:991px ) {
    .homeNewDown .newLeft{ width:100%;}
    .homeNewDown .newLeft p{ line-height:20px; height:40px;}
}


.newRight{ float:right; width:670px; border-top:1px solid #e2e2e2;}
.newRight li{ float:left; width:100%; padding:20px 0; border-bottom:1px solid #e2e2e2;
    transition:background 0.5s ease;
    -o-transition:background 0.5s ease;
    -moz-transition:background 0.5s ease;
    -webkit-transition:background 0.5s ease;
}
.newRight li a{ float:left; width:100%; position:relative;}
.newRight li .time{ float:left; position:absolute; left:0; top:12px; height:64px; border-right:1px solid #dadada; padding-right:13px; text-align:right; width:80px;}
.newRight li .time h1{ float:left; width:100%; font-size:36px; line-height:36px; color:#303030;}
.newRight li .time h5{ float:left; width:100%; font-size:14px; line-height:14px; margin-top:1px; color:#767676;}
.newRight li .tx1{ float:left; width:100%; min-height:90px; padding:0 156px 0 96px;}
.newRight li .tx1 h3{ float:left; width:100%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; color:#333333; font-size:18px; line-height:28px; margin:7px 0; text-transform:uppercase;}
.newRight li .tx1 p{ float:left; width:100%; color:#999999; font-size:14px; line-height:20px; height:40px; overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newRight li:hover .tx1 p{ color: #666666;}
.newRight li .pic1{ float:left; width:120px; height: 90px; line-height:0; overflow:hidden; position:absolute; right:15px; top:0;}
.newRight li .pic1 img{
    -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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.newRight li:hover{ background:#f4f4f4;}
.newRight li:hover .pic1 img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.newRight li:hover .time h1{ color:#01325a;}
.newRight li:hover .tx1 h3{ color:#01325a;}
@media screen and (max-width:1199px ) {
    .newRight{ width:500px;}
    .newRight li{ padding:17px 0;}
}
@media screen and (max-width:991px ) {
    .newRight{ width:100%; margin-top:15px;}
    .newRight li{ padding:12px 0;}
    .newRight li .tx1 h3{ font-size:16px; line-height:26px;}
}
@media screen and (max-width:767px ) {
    .newRight li .time{ top:8px; height:44px; padding-right:10px; width:70px;}
    .newRight li .time h1{font-size:24px; line-height:24px;}
    .newRight li .tx1{ min-height:60px; padding:0 96px 0 80px;}
    .newRight li .tx1 h3{ line-height:24px; margin:0; }
    .newRight li .tx1 p{ line-height:18px; height:36px;}
    .newRight li .pic1{ width:80px; height: 60px; right:8px;}
}
@media screen and (max-width:374px ) {
    .newRight li .time{ display:none;}
    .newRight li .tx1{ padding:0 96px 0 8px;}
}


/*homeService*/
.homeServiceBack{ background-color: #f4f4f5;}
.homeService{ padding: 6.83% 0 6.83% 0;}
.homeServiceDown{ margin-top: 2.73%; }
.homeServiceDown .owl-carousel{ display: block !important;}
.homeServiceDown ul{ float: left; width: 100%;}
.homeServiceDown ul li{ float: left; width: 280px; height: 186px; position: relative; overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeServiceDown ul li.on{ width: 330px;}
.homeServiceDown ul li .btBox{ position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(0,0,0,0.6); padding: 12px 40px 19px 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.homeServiceDown ul li.on .btBox{
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
}
.homeServiceDown ul li  h4{ color: #fff; font-size: 18px; line-height: 29px; text-align: center; }
.homeServiceDown ul li .btBox_2{ position: absolute; width: 330px; left: 0; bottom: 0; background-color: rgba(1,50,90,0.9); padding: 24px 40px 24px 40px;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeServiceDown ul li.on .btBox_2{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.homeServiceDown ul li .btp{ height: 104px; margin-top: 8px; color: #fff; font-size: 14px; line-height: 26px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
@media screen and (max-width:1199px ){
    .homeServiceDown ul li{ width: 213px; height: 140px; }
    .homeServiceDown ul li.on{ width: 323px;}
}
@media screen and (max-width:991px ){
    .homeServiceDown ul li{ width: auto; height: auto; }
    .homeServiceDown ul li.on{ width: auto;}
    .homeServiceDown ul li .btBox{padding: 5px 10px 5px 10px; }
    .homeServiceDown ul li.on .btBox{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }
    .homeServiceDown ul li  h4{ font-size: 16px; line-height: 24px; }
    .homeServiceDown ul li.on .btBox_2{
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
    }

}

/*homeCase*/
.homeCase{ padding: 6.58% 0 4.8% 0; }
.homeCaseDown{ padding-top: 3.07%; margin: 0 -15px; }
.homeCaseDown ul{ float: left; width: 100%;}
.homeCaseDown ul li{ padding: 0 15px;}
.homeCaseDown ul li a{ float: left; width: 100%; padding-bottom: 24px; position: relative;}
.homeCaseDown ul li a .caseBox{ float: left; width: 100%;}
.homeCaseDown ul li a:hover .caseBox{
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.homeCaseDown ul li a .casePic{ overflow: hidden; line-height: 0;}
.homeCaseDown ul li a .casePic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.homeCaseDown ul li a:hover .casePic 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);
}
.homeCaseDown ul li a .caseDown{ border: #eeeeee solid 1px; padding: 28px 25px 47px 25px; }
.homeCaseDown ul li a .caseDown h4{ color: #333333; font-size: 16px; line-height: 24px; text-align: center;}
.homeCaseDown ul li a:hover .caseDown h4{ color: #01325a;}
.homeCaseDown ul li a .caseDown .line{ text-align: center; line-height: 0; padding: 11px 0 15px 0;}
.homeCaseDown ul li a .caseDown .line span{ display: inline-block; vertical-align: top; width: 120px; height: 1px; background-color: #eeeeee;}
.homeCaseDown ul li a .caseDown .line span b{ display: inline-block; vertical-align: top; width: 20px; height: 3px; background-color: #666666; margin-top: -1px;}
.homeCaseDown ul li a:hover .caseDown .line span b{ background-color: #01325a;}
.homeCaseDown ul li a .caseDown .caseP{ height: 72px; color: #666666; font-size: 13px; line-height: 24px; overflow: hidden; text-align: center;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.homeCaseDown ul li a .caseDown .caseBtn{ position: absolute; width: 50px; height: 50px; left: 50%; margin-left: -25px; bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.homeCaseDown ul li a:hover .caseDown .caseBtn{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
@media screen and (max-width:991px ){
    .homeCaseDown ul li a .caseDown .caseBtn{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }
}
@media screen and (max-width:767px ){
    .homeCaseDown{ margin: 0 -7px; }
    .homeCaseDown ul li{ padding: 0 7px;}
    .homeCaseDown ul li a{ padding-bottom: 12px; }
    .homeCaseDown ul li a .caseDown{ padding: 12px 10px 30px 10px; }
    .homeCaseDown ul li a .caseDown .line{ padding: 11px 0 11px 0;}
    .homeCaseDown ul li a .caseDown .caseP{ height: 60px; line-height: 20px; }
    .homeCaseDown ul li a .caseDown .caseBtn{  width: 30px; height: 30px; margin-left: -15px; }
}



/*down*/
.footTop{ padding: 3.24% 0 20px 0;}
.footTopBox{ position: relative; }
.footTopBox .line_1{ position: absolute; width: 1px; height: 100%; background-color: #555555; left: 28.46%;}
.footTopBox .line_2{ position: absolute; width: 1px; height: 100%; background-color: #555555; left: 56.66%;}
.footTopBox .footCom{ float: left; width:28.46%; padding-right: 5.98%; }
.footTopBox .footComTitle{ color: #e0e0e0; font-size: 20px; line-height: 26px;}
.footTopBox .footCom .comText{ padding-top: 9px; color: #999999; font-size: 12px; line-height: 26px;}
.footTopBox .footCom .comText .comLine{ padding-top: 8px; }
.footTopBox .footCom .comText .comLine .comB{ float: left; width: 20px; height: 20px; line-height: 0; margin: 3px 10px 0 0;}
.footTopBox .footCom .comText .comLine .comRight{ padding-left: 30px;}
.footTopBox .footLink{ float: left; width: 28.2%; padding: 0 1.53% 0 6.49%;}
.footTopBox .footComTitlePad{ color: #e0e0e0; font-size: 20px; line-height: 26px;}
.footTopBox .footFriend{ padding-top: 5px;}
.footTopBox .footFriend a{ float: left; width: 50%; padding: 9px 5px 9px 0; color: #aaaaaa; font-size: 14px; line-height: 20px;}
.footTopBox .footFriend a:hover{ color: #01325a;}
.footTopBox .footContact{ float: right; width: 37.179%; }
.footTopBox .footContact .ewms{ float: left; width: 163px; height: 163px; margin-top: 4px;}
.footTopBox .footContactDown{ padding-left: 193px;}
.footTopBox .footContactDown .phone{ padding-top: 18px; color: #e0e0e0; font-size: 30px; font-weight: bold; line-height: 36px; }
.footTopBox .footContactDown .pCon{ padding-top: 48px;}
.footTopBox .footContactDown .pCon .pTit{ float: left; color: #aaaaaa; font-size: 12px; line-height: 24px;}
.footTopBox .footContactDown .pCon .pShare{ float: left; }
.footTopBox .footContactDown .pCon .pLink{ float: left; width: 130px; height: 35px; background-color: #333333;}
.footTopBox .footContactDown .pCon .pLink.dan{ margin-right: 20px;}
.footTopBox .footContactDown .pCon .pLink span{ float: left; color: #9a9a9a; font-size: 14px; line-height: 35px; padding-left: 22px;}
.footTopBox .footContactDown .pCon .pLink b{ float: right; height: 35px; width: 34px; line-height: 0;}
.footTopBox .footContactDown .pCon .pLink:hover{ background-color: #4b4b4b;}
.footTopBox .footContactDown .pCon .pLink:hover span{ color: #008fa0;}
@media screen and (max-width:1199px){
    .footTopBox .footComTitle{ font-size: 16px; }
    .footTopBox .footCom .comText .comLine{ padding-top: 0; }
    .footTopBox .footComTitlePad{ font-size: 16px;}
    .footTopBox .footLink{ float: left; width: 28.2%; padding: 0 1.53% 0 2.49%;}
    .footTopBox .footFriend a{ padding: 5px 5px 5px 0; }
    .footTopBox .footContact .ewms{ width: 133px; height: 133px; }
    .footTopBox .footContactDown{ padding-left: 156px;}
    .footTopBox .footContactDown .phone{ font-size: 24px; }
    .footTopBox .footContactDown .pCon{ padding-top: 38px;}
}
@media screen and (max-width:991px){
    .footTop{ padding: 4.5% 0 4.5% 0;}
    .footTopBox .line_1{ display: none;}
    .footTopBox .line_2{ display: none;}
    .footTopBox .footCom{ width:100%; padding-right: 0; }
    .footTopBox .footComTitle{ text-align: center; font-size: 18px; color: #fff;}
    .footTopBox .footCom .comText .comLine{ text-align: center;}
    .footTopBox .footCom .comText .comLine .comB{ float: none; display: inline-block; vertical-align: top;}
    .footTopBox .footCom .comText .comLine .comRight{ float: none; display: inline-block; vertical-align: top; padding-left: 0;}
    .footTopBox .footLink{ width: 100%; padding: 0; margin-top: 4.5%;}
    .footTopBox .footComTitlePad{ font-size: 18px; padding: 0; text-align: center; color: #fff;}
    .footTopBox .footFriend{ padding-top: 6px; text-align: center; }
    .footTopBox .footFriend a{ display: inline-block; float: none; width: auto; padding: 3px 10px; }
    .footTopBox .footContact{ float: left; display: inline-block; width: 360px; margin-left:189px;  padding-left: 0; padding-top: 4.5%; text-align: left;}
    .footTopBox .footContact .footComTitle{ text-align: left;}
    .footTopBox .footContactDown .phone{ font-size: 20px; text-align: left; }
    .footTopBox .footContactDown .pCon{ padding-top: 3.5%; text-align: left;}
    .footTopBox .footContactDown .pCon .pLink{ float: none; display: inline-block; vertical-align: top; width: 130px; }
}
@media screen and (max-width:767px){
    .footTopBox{ text-align: center;}
    .footTopBox .footComTitle{ font-size: 16px; }
    .footTopBox .footComTitlePad{ font-size: 16px; }
    .footTopBox .footCom .comText .comLine .comB{ display: none;}
    .footTopBox .footContact{ float: none; display: inline-block;  width: 280px; margin-left:0; }
    .footTopBox .footContact .ewms{ width: 100px; height: 100px; }
    .footTopBox .footContactDown .phone{ padding-top: 10px;}
    .footTopBox .footContactDown{ padding-left: 114px;}
}


.copyBox{ padding: 20px 0 30px 0; border-top: #4f4f4f solid 1px; }
.copyBox .copyright{ float: left; padding: 10px 0; color: #848484; font-size: 12px; line-height: 23px;}
.copyBox .copyright a{color: #848484; }
.copyBox .copyright a:hover{ color: #fff;}
@media screen and (max-width:767px){
    .copyBox{ text-align: center; }
    .copyBox{ padding: 15px 0 15px 0; border-top: #4f4f4f solid 1px; }
    .copyBox .copyright{ width: 100%; text-align: center; padding: 0 0 10px 0; }
}

.lian{ float: right; width: 240px; height: 42px; border: #404040 solid 1px; background-color: #474747;
    position: relative;
}
.lian h5{ line-height: 38px; cursor: pointer; padding-left: 15px; color: #8e8e8e; font-size: 12px;
    height: 100%;
}
.lian h5 img{ float: right; margin-top: 12px; width: 12px; height: 12px; margin-right: 14px; line-height: 0;  }
.lian .ul1{ position: absolute; bottom: 40px; left: -1px; width: 100%; background: #474747; padding-top: 8px; padding-bottom: 9px; display: none; border: #3d3d3d solid 1px; box-sizing: content-box; }
.lian .ul1.active{
    display: block;
}
.lian .ul1 li{  }
.lian .ul1 li a{
    color: #666;
    display: block;
    padding-left: 15px;
    line-height: 24px;
}
.lian .ul1 li a:hover{
    color: #0b6cc1;
}
@media screen and (max-width:767px){
    .lian{ float: none; width: 240px; height: 36px; display: inline-block; vertical-align: top; }
    .lian h5{ line-height: 34px; }
    .lian h5 img{ margin-top: 10px; }
    .lian .ul1{  bottom: 34px;  }
}



/*2新闻中心*/
.bannerNew{ position: absolute; width: 100%; left: 0; top: 50%; margin-top: -96px; }
.bannerNew .banNewCen{ text-align: center;}
.bannerNew .banNewCen h1{ color: #fff; font-size: 30px; line-height: 1; font-weight: bold;}
.bannerNew .banNewCen .eng{ padding: 12px 0 27px 0; text-align: center; color: #ffffff; font-size: 16px; line-height: 18px; text-transform: uppercase; }
.bannerNew .banNewCen .shuLine{ text-align: center; line-height: 0;}
.bannerNew .banNewCen .shuLine .shu{ display: inline-block; vertical-align: top; width: 1px; height: 29px; background-color: rgba(255,255,255,0.6);}
.bannerNew .banNewCen .hengLine{ line-height: 0; text-align: center; }
.bannerNew .banNewCen .hengLine span{ display: inline-block; vertical-align: top; width:45.81%; height: 1px; background-color: rgba(255,255,255,0.6);}
@media screen and (max-width:1199px){
    .bannerNew{ margin-top: -52px; }
    .bannerNew .banNewCen h1{ font-size: 24px; }
    .bannerNew .banNewCen .shuLine .shu{ height: 23px; }
}
@media screen and (max-width:767px){
    .bannerNew{ margin-top: -30px; }
    .bannerNew .banNewCen h1{ font-size: 19px; }
    .bannerNew .banNewCen .eng{ padding: 4px 0 10px 0;  font-size: 12px; line-height: 14px; }
    .bannerNew .banNewCen .shuLine .shu{ height: 12px; }
}


.newNavBox{ position: relative; z-index: 2; margin-top: -28px; background-color: #fff;}
.pz_SideLayer{ float:left; width: 100%; text-align: center; background-color: #f4f4f4;}
.pz_SideLayer .l1{ display: inline-block; vertical-align: top;}
.pz_SideLayer .l1 a{ float:left;  padding: 0 30px; color: #333333; font-size: 16px; line-height:56px;}
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1 .hover{ background-color: #01325a; color:#fff;}


.industryBox{ padding-top: 5.084%; }
.industrySlide{ background-color: #f6f6f6; position: relative; }
.industrySlide ul li .induPic{ float: left; width: 505px; height: 327px; line-height: 0; overflow: hidden;}
.industrySlide ul li .induPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.industrySlide ul li:hover .induPic 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);
}
.industrySlide ul li .inRight{ padding-left: 545px; padding-right: 40px;}
.industrySlide ul li .inRight .induTime{ float: left; width: 100%; padding:22px 0 21px 0; }
.industrySlide ul li .inRight .induTime .big{ float: left; color: #c2c2c2; font-size: 72px; font-weight: bold; line-height: 81px;}
.industrySlide ul li .inRight .induTime .small{ float: left; padding: 48px 0 0 18px; color: #4d4d4d; font-size: 24px; line-height: 1; }
.industrySlide ul li .inRight h3{ float: left; width: 100%; color: #333333; font-size: 22px; line-height: 30px; }
.industrySlide ul li:hover .inRight h3{ color: #01325a;}
.industrySlide ul li .inRight p{ float: left; width: 100%; height: 64px; margin-top: 9px;color: #666666; font-size: 16px; line-height: 32px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.industrySlide ul li .inRight .more{ float: left; width: 100%; margin-top: 21px; border-top: #cccccc dashed 1px; padding-top: 24px;}
.industrySlide ul li .inRight .more span{ float: left; color: #666666; font-size: 16px; line-height: 24px;}
.industrySlide ul li .inRight .more span b{ float: right; width: 16px; height: 10px; line-height: 0; margin: 7px 0 0 11px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.industrySlide ul li:hover .inRight .more span b{ margin: 7px 0 0 20px;}
.industrySlide .owl-dots{ position: absolute; width: 100%; bottom: 37px; padding: 0 42px; text-align: right; line-height: 0; }
.industrySlide .owl-dots .owl-dot{ display: inline-block; vertical-align: top; width: 11px; height: 11px; border: #01325a solid 1px; margin: 0 5px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.industrySlide .owl-dots .owl-dot.active{ background-color: #01325a; }
@media  screen and (max-width:1199px){
    .industrySlide ul li .induPic{ width: 415px; height: 268px;}
    .industrySlide ul li .inRight{ padding-left: 445px; padding-right: 32px;}
    .industrySlide ul li .inRight .induTime{ padding:18px 0 17px 0; }
    .industrySlide ul li .inRight .induTime .big{ font-size: 59px; line-height: 68px;}
    .industrySlide ul li .inRight .induTime .small{ padding: 36px 0 0 10px; font-size: 20px; }
    .industrySlide ul li .inRight h3{ font-size: 16px; line-height: 26px; }
    .industrySlide ul li .inRight p{ height: 52px; margin-top: 7px; font-size: 14px; line-height: 26px; }
    .industrySlide ul li .inRight .more{ margin-top: 17px; padding-top: 15px;}
    .industrySlide .owl-dots{ bottom: 30px; padding: 0 32px; }
}
@media  screen and (max-width:767px){
    .industrySlide ul li .induPic{ width: 100%; height: auto; }
    .industrySlide ul li .inRight{ float: left; width: 100%; padding: 0 12px 10px 12px;}
    .industrySlide ul li .inRight .induTime{ padding:15px 0 4px 0; }
    .industrySlide ul li .inRight .induTime .big{ font-size: 46px; line-height: 54px;}
    .industrySlide ul li .inRight .induTime .small{ padding: 29px 0 0 10px; font-size: 16px; }
    .industrySlide ul li .inRight p{ margin-top: 6px; height: 42px; line-height: 21px; }
    .industrySlide ul li .inRight .more{ margin-top: 15px; padding-top: 15px;}
    .industrySlide ul li .inRight .more span{ font-size: 14px; }
    .industrySlide .owl-dots{ position: static; bottom: auto; padding: 0 12px 20px 12px; text-align: center; }
}


.industryDown{}
.industryDown ul{ float: left; width: 100%; min-height: 500px; }
.industryDown ul li{ margin-top: 20px; background-color: #f7f7f7; padding: 20px 0; }
.industryDown ul li .zuoTime{ float: left; width: 183px; height: 116px; border-right: #e0e0e0 solid 1px; text-align: center; }
.industryDown ul li .zuoTime .big{ color: #c2c2c2; font-size: 72px; font-weight: bold; line-height: 81px;}
.industryDown ul li:hover .zuoTime .big{color: #01325a;}
.industryDown ul li .zuoTime .small{ color: #4c4c4c; font-size: 20px; line-height: 1; }
.industryDown .youPad{ padding: 0 50px 0 230px;}
.industryDown .youPad h3{ float: left; width: 100%; padding: 10px 0 13px 0; color: #333333; font-size: 18px; line-height: 30px; }
.industryDown ul li:hover .youPad h3{ color: #01325a;}
.industryDown .youPad p{ float: left; width: 100%; height: 52px; color: #666666; font-size: 14px; line-height: 26px; overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media  screen and (max-width:1199px){
    .industryDown ul li .zuoTime .big{ font-size: 58px; }
    .industryDown ul li .zuoTime .small{ font-size: 16px; }
}
@media  screen and (max-width:767px){
    .industryDown ul li{ margin-top: 15px;  padding: 8px 0 15px 0 ; }
    .industryDown ul li .zuoTime{ width: 100%; height: auto; border-right: 0; text-align: left; padding: 0 12px;  }
    .industryDown ul li .zuoTime .big{ float: left; font-size: 46px; line-height: 54px;}
    .industryDown ul li .zuoTime .small{ float: left; font-size: 16px; padding: 29px 0 0 10px; }
    .industryDown .youPad{ float: left; width: 100%; padding: 0 12px 0 12px;}
    .industryDown .youPad h3{ float: left; width: 100%; padding: 0 0 6px 0; font-size: 16px; line-height: 26px; }
    .industryDown .youPad p{ height: 42px; line-height: 21px; }
}



/*2新闻中心-详情*/
.newDetaile{float: left;width: 100%;}
.detaileTop{float: left;width: 100%; }
.detaileTop h3{ display: block; float: left; width: 100%; padding:4.95% 0 2.56% 0; font-size: 26px; line-height: 1.15; color: #333;text-align: center;}
.detaileTop .newTime{float: left; width: 100%; border-bottom: 1px solid #d7d8d8; border-top: 1px solid #d7d8d8; padding: 10px 0; line-height: 34px; font-size: 14px; color: #777;}
.detaileTop .newTime a{display: block;float: right; height: 34px;line-height: 34px;}
.detaileTop .newTime a i{display:inline-block; *display:inline; *zoom:1;vertical-align: top;margin-left: 20px; width: 34px; background: #01325a;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -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;}
.detaileTop .newTime a i img{display: block;float: left;width: 100%;}
.detaileTop .newTime a:hover{color: #01325a;}
.detaileTop .newTime a:hover i{background: #01325a;}

.detaileTop .newContent{float: left;width: 100%; padding: 3.16% 0 3.41% 0 ;font-size: 16px; line-height: 30px; color: #4c4c4c; text-align: justify;}
.detaileTop .newShare{float: left;width: 100%; text-align: center; padding: 0 0 3.41% 0;}
.detaileTop .newShare .shareCenter{ width:156px; margin:0 auto;}
.detaileTop .newPage{float: left;width: 100%;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;padding: 20px 0;position: relative;}
.detaileTop .newPage::after{content:"";display: block;position: absolute;left: 50%;top: 0;width: 1px;height: 100%;background: #dbdbdb;}
.detaileTop .newPage a{display: block;float: left;height: 20px;line-height: 20px;font-size: 14px;color: #333;max-width: 48%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.detaileTop .newPage a:nth-child(2){float: right;}
.detaileTop .newPage a:hover{color: #01325a;}
@media  screen and (max-width:991px){
    .detaileTop h3{ font-size: 22px;  padding:6.95% 0 2.56% 0;}
    .detaileTop .newContent{ font-size: 14px; }
}
@media  screen and (max-width:767px){
    .detaileTop h2{font-size: 18px;line-height: 30px;}
    .detaileTop .newTime{margin-top: 15px; padding: 5px 0;line-height: 28px;font-size: 12px;}
    .detaileTop .newTime a{height: 28px;line-height: 28px;}
    .detaileTop .newTime a i{margin-left: 10px; width: 28px;}
    .detaileTop .newContent{padding: 20px 0;font-size: 12px;line-height: 24px;}
    .detaileTop .newPage{margin-top: 15px;padding: 10px 0;}
    .detaileTop .newPage a{height: 20px;line-height: 20px;font-size: 12px;}
}

.detaileDown{float: left;width: 100%; margin-top: 4.1%; padding-bottom: 6.83%; }
.detaileDown > h4{display: block;float: left;width: 100%;height: 28px;line-height: 28px;font-size: 24px;color: #000;text-transform: uppercase;}
.detaileDown > h4 font{font-size: 16px;font-family: "Arial";text-transform: uppercase;color: #01325a;margin-left: 5px;}
.detaileDown .related{float: left;width: 100%;margin-top: 10px;}
.detaileDown .related ul{margin: 0 -15px;}
.detaileDown .related ul li{float: left;width: 50%;padding: 0 15px;margin-top: 20px;}
.detaileDown .related ul li a{display: block; float: left;width: 100%;position: relative;padding-left: 225px;height: 136px;}
.detaileDown .related ul li a img{display: block;position: absolute;left: 0;top: 0;width: 209px; height: 136px; }
.detaileDown .related ul li a span{display: block;float: left;width: 100%;}
.detaileDown .related ul li a span h4{display: block;float: left;width: 100%;height: 32px;line-height: 32px;font-size: 16px;color: #333;margin-top: 8px;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.detaileDown .related ul li a span font{display: block;float: left;width: 100%;font-size: 14px;line-height: 26px;color: #666;height: 52px;overflow: hidden;margin-top: 5px;}
.detaileDown .related ul li a span h5{display: block;float: left;width: 100%;height: 24px;line-height: 24px;font-size: 14px;color: #999;font-family: "Arial";margin-top: 7px;}
.detaileDown .related ul li a:hover span h4{color: #01325a;}

@media  screen and (max-width:991px){
    .detaileDown > h4{height: 28px;line-height: 28px;font-size: 18px;}
    .detaileDown > h4 font{font-size: 12px;margin-left: 5px;}
    .detaileDown .related{margin-top: 10px;}
    .detaileDown .related ul{margin: 0;}
    .detaileDown .related ul li{ width: 100%; padding: 0; margin-top: 10px;}
}
@media  screen and (max-width:767px){
    .detaileDown .related ul li a{ padding-left: 167px;height: 100px;}
    .detaileDown .related ul li a img{width: 154px; height: 100px; }
    .detaileDown .related ul li a span h4{ height: 20px;line-height: 20px; margin-top: 0; }
    .detaileDown .related ul li a span font{ line-height: 23px; height: 46px; }
}



/*3服务项目*/
.serviceBox{ margin: 0 -15px;}
.serviceBox ul{ float: left; width: 100%; min-height: 500px; padding-top: 10px;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.serviceBox ul li{ float: left; width: 33.333%; padding: 0 15px;}
.serviceBox ul li a{ float: left; width: 100%; margin-top:8.1%; }
.serviceBox ul li .servicPicBox{ position: relative; overflow: hidden;}
.serviceBox ul li .servicPicBox .serTit{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 10px; background-color: #01325a;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.serviceBox ul li:hover .servicPicBox .serTit{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
.serviceBox ul li .servicPicBox .serTit h4{ border: #63abcd solid 1px; padding: 11px 19px 10px 19px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -o-border-radius:4px;
}
.serviceBox ul li .servicPicBox .serTit h4 b{ float: right; width: 25px; height: 7px; line-height: 0; margin-top: 7px;}
.serviceBox ul li .servicPicBox .serTit h4 span{ float: left; width: 60%; color: #fff; font-size: 16px; line-height: 21px; }
@media  screen and (max-width:1199px){
    .serviceBox ul li .servicPicBox .serTit{ padding: 5px; }
}
@media  screen and (max-width:991px){
    .serviceBox{ margin: 0 -7px;}
    .serviceBox ul{ min-height: 50px; }
    .serviceBox ul li{ padding: 0 7px;}
    .serviceBox ul li .servicPicBox .serTit h4{ padding: 7px 19px 7px 19px; }
}
@media  screen and (max-width:767px){
    .serviceBox ul li{ width: 50%;}
    .serviceBox ul li .servicPicBox .serTit h4{ padding: 7px 10px 7px 10px; }
    .serviceBox ul li .servicPicBox .serTit h4 span{ width: 70%; font-size: 15px; }
}


/*3服务项目-详情*/
.proStaile{ padding: 4.1% 0 2.47% 0;}
.proStaile h2{ color: #333333; font-size: 24px; line-height: 1.25; text-align: center; padding-bottom: 1.53%;}
.proStaile .staileLine{ text-align: center; color: #979797; font-size: 14px; line-height: 1;}
@media screen and (max-width:767px){
    .proStaile h2{ font-size: 20px; }
}

.slideBack{ background: url("images/pro6.jpg") 0 center repeat-x;}
.slideOut{ position: relative;}
.slide{
    width: 100%;
    min-height: 100px;
    overflow: hidden;
    position: relative;

}
.slide .img{
    overflow: hidden;
    position: absolute;
    transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
    background: #000;
}
.slide .img img{
    margin: 0;
}
.slide .img1{
    width: 29.4871%;
    height: 40%;
    top: 30%;
    left: -50%;
    z-index: 1;
}
.slide .img2{
    width: 29.4871%;
    height: 56.25%;
    top: 21.875%;
    left: 0%;
    z-index: 2;
    opacity: 0.7;
    background: #000;
}
.slide .img2::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 6px;}
.slide .img2::after{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: #e5e5e5 solid 1px; z-index: 3;}
.slide .img3{
    width: 52.4786%;
    height: 100%;
    top: 0;
    left: 23.7607%;
    z-index: 3;
}
.slide .img3::before{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: #fff solid 10px;}
.slide .img3::after{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: #e5e5e5 solid 1px; z-index: 3;}
.slide .img4{
    width: 29.4871%;
    height: 56.25%;
    top: 21.875%;
    left: 70.5129%;
    z-index: 2;
    opacity: 0.7;
    background: #000;
}
.slide .img4::before{ content: ''; position: absolute; width: 100%; height: 100%; border: #fff solid 6px;}
.slide .img4::after{ content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: #e5e5e5 solid 1px; z-index: 3;}
.slide .img5{
    width: 40%;
    height: 40%;
    top: 30%;
    left: 110%;
    z-index: 1;
}
.slide-bt{
    position: absolute;
    left: 50%;
    bottom: 13%;
    z-index: 10;
    display: none;
}
.slide-bt span{
    width: 24px;
    height: 8px;
    background: #c9caca;
    float: left;
    margin: 5px;
    border-radius: 4px;
}
.slide .slide-bt .on{
    background: #ffd200;
}
button{
    width: 50px;
}
.butLeft{ position: absolute; left: 13.5%; top: 50%; margin-top: -22px; width:23px; height: 44px; background: url("images/ser18.png") no-repeat; outline: 0; z-index: 20; }
.butLeft:hover{background: url("images/ser18_h.png") no-repeat; }
.butRight{position: absolute; right: 13.5%; top: 50%; margin-top: -22px; width:23px; height: 44px; background: url("images/ser19.png") no-repeat; outline: 0; z-index: 20;}
.butRight:hover{background: url("images/ser19_h.png") no-repeat;}
@media screen and (max-width:1327px){
    .butLeft{ left: 5%; }
    .butRight{ right: 5%; }
}
@media screen and (max-width:1199px){
    .slideBack{ background: url("images/case5.jpg") 0 175px repeat-x;}
}
@media screen and (max-width:991px){
    .slideBack{ background:0;}
}
@media screen and (max-width:767px){
    .slide .img2{
        opacity: 1;
    }
    .slide .img4{
        opacity: 1;
    }
    .slide .img2::before{  border: #fff solid 3px;}
    .slide .img3::before{ border: #fff solid 5px;}
    .slide .img4::before{  border: #fff solid 3px;}
    .butLeft{ width: 20px; height: 39px; margin-top: -20px; background-size: cover;}
    .butLeft:hover{ background-size: cover;}
    .butRight{ width: 20px; height: 39px; margin-top: -20px; background-size: cover;}
    .butRight:hover{ background-size: cover;}
}


.proStaileContent{}
.proStaileContent .ico{ padding: 29px 0 18px 0; text-align: center;}
.proStaileContent .content{ color: #555555; font-size: 16px; line-height: 36px;}
.proStaileContent .share{ padding:2.56% 0 3.24% 0;}
.proStaileContent .share .shreLeb{ float: left; padding-top: 6px; }
.proStaileContent .share .return{ float: right; width: 117px; height: 48px; color: #fff; font-size: 16px; line-height: 48px; text-align: center; background-color: #01325a;}
.proStaileContent .share .return:hover{ background-color: #1d79a4;}

.proStaileContent .pages{ padding: 2.3% 0 3.84% 0; border-top: #e5e5e5 solid 1px;}
.proStaileContent .pages a{ color: #333333; font-size: 14px; line-height: 20px;}
.proStaileContent .pages a:hover{ color: #01325a;}
.proStaileContent .pages .aleft{ float: left; width: 50%; text-align: left; }
.proStaileContent .pages .aright{ float: left; width: 50%; text-align: right; }
@media screen and (max-width:991px){
    .proStaileContent .content{ font-size: 14px; line-height: 30px;}
    .proStaileContent .share .shreLeb{ display: none; }
}
@media screen and (max-width:767px){
    .proStaileContent .ico{ padding: 18px 0 12px 0; text-align: center;}
    .proStaileContent .content{ line-height: 28px;}
    .proStaileContent .pages .aleft{ width: 100%; }
    .proStaileContent .share .return{ width: 100px; height: 40px; line-height: 40px; }
    .proStaileContent .pages .aright{ width: 100%; text-align: left; }
}


.proStaileRe{ padding-bottom: 6.83%;}
.proStaileRe > h4{display: block;float: left;width: 100%;height: 28px;line-height: 28px;font-size: 24px;color: #000;text-transform: uppercase;}
.proStaileRe > h4 font{font-size: 16px;font-family: "Arial";text-transform: uppercase;color: #014378;margin-left: 5px;}
@media  screen and (max-width:991px){
    .proStaileRe > h4{height: 28px;line-height: 28px;font-size: 18px;}
    .proStaileRe > h4 font{font-size: 12px;margin-left: 5px;}
}

.proStaileRe .itemBox{ float: left; width: 100%;}
.proStaileRe .itemBox .itmeMargin{ margin: 0 -15px;}
.itmeMargin ul{ float: left; width: 100%; padding-top: 27px;}
.itmeMargin ul li{ padding: 0 15px;}
.itmeMargin ul li .itemPic{ line-height: 0; overflow: hidden;}
.itmeMargin ul li .itemPic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.itmeMargin ul li .itemPic: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:767px){
    .proStaileRe .itemBox .itmeMargin{ margin: 0 -7px;}
    .itmeMargin ul{ padding-top: 18px;}
    .itmeMargin ul li{ padding: 0 7px;}
}


/*4成功案例*/
.caseList{ margin: 0 -15px;}
.caseList ul{ float: left; width: 100%; min-height: 500px; padding-top: 2.56%;
    display: -webkit-flex; /*webkit*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.caseList ul li{float: left; width: 25%; padding: 10px 15px 0 15px;}
.caseList ul li a{ float: left; width: 100%; padding-bottom: 24px; position: relative;}
.caseList ul li a .caseBox{ float: left; width: 100%;}
.caseList ul li a:hover .caseBox{
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 15px rgba(0,0,0,0.1);
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.caseList ul li a .casePic{ overflow: hidden; line-height: 0;}
.caseList ul li a .casePic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.caseList ul li a:hover .casePic 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);
}
.caseList ul li a .caseDown{ border: #eeeeee solid 1px; padding: 28px 25px 47px 25px; }
.caseList ul li a .caseDown h4{ color: #333333; font-size: 16px; line-height: 24px; text-align: center;}
.caseList ul li a:hover .caseDown h4{ color: #01325a;}
.caseList ul li a .caseDown .line{ text-align: center; line-height: 0; padding: 11px 0 15px 0;}
.caseList ul li a .caseDown .line span{ display: inline-block; vertical-align: top; width: 120px; height: 1px; background-color: #eeeeee;}
.caseList ul li a .caseDown .line span b{ display: inline-block; vertical-align: top; width: 20px; height: 3px; background-color: #666666; margin-top: -1px;}
.caseList ul li a:hover .caseDown .line span b{ background-color: #01325a;}
.caseList ul li a .caseDown .caseP{display:none; height: 72px; color: #666666; font-size: 13px; line-height: 24px; overflow: hidden; text-align: center;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.caseList ul li a .caseDown .caseBtn{ position: absolute; width: 50px; height: 50px; left: 50%; margin-left: -25px; bottom: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.caseList ul li a:hover .caseDown .caseBtn{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
}
@media screen and (max-width:1199px ){
    .caseList ul li{ width: 33.333%; }
}
@media screen and (max-width:991px ){
    .caseList ul{ min-height: 50px; }
    .caseList ul li a .caseDown .caseBtn{
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
    }
}
@media screen and (max-width:767px ){
    .caseList{ margin: 0 -7px; }
    .caseList ul li{ width: 50%; padding: 10px 7px 0 7px;}
    .caseList ul li a{ padding-bottom: 12px; }
    .caseList ul li a .caseDown{ padding: 12px 10px 30px 10px; }
    .caseList ul li a .caseDown .line{ padding: 11px 0 11px 0;}
    .caseList ul li a .caseDown .caseP{ height: 60px; line-height: 20px; }
    .caseList ul li a .caseDown .caseBtn{  width: 30px; height: 30px; margin-left: -15px; }
}



/*1关于我们*/
.aboutTitle{ padding: 3.41% 0 0 0; border-bottom: #eeeeee solid 1px;}
.aboutTitle h2{ color: #01325a; font-size: 24px; font-weight: bold; line-height: 2.625; text-align: center;}
.aboutTitle .aboutCen{ text-align: center; line-height: 0;}
.aboutTitle .aboutCen span{ display: inline-block; vertical-align: top; width: 60px; height: 2px; background-color: #dddddd;}
@media  screen and (max-width:991px){
    .aboutTitle h2{ font-size: 22px;  }
}
@media  screen and (max-width:767px){
    .aboutTitle h2{ font-size: 20px;  }
}

.aboutTitleText{ padding: 3.84% 0 3.41% 0; }
.aboutTitleText .textPic{ float: left; width: 41.36%; padding: 0 0 20px 20px; background: url("images/about2.png") no-repeat; background-size:100% 100%; margin-right: 3.41%; }
.aboutTitleText .textPic .pic{ line-height: 0; overflow: hidden;}
.aboutTitleText .textPic .pic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    transition: -webkit-transform 2s;
    -ms-interpolation-mode:bicubic;
}
.aboutTitleText .textPic .pic: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);
}
.aboutTitleText .textRight{ color: #333333; font-size: 14px; line-height: 30px;}
.aboutTitleText .textRight .textTit{ color: #01325a; font-size: 24px; line-height: 1.25; padding: 11px 0 26px 0;}
.aboutTitleText .textRight .textLine{ text-align: left; line-height: 0;}
.aboutTitleText .textRight .textCon{ padding-top: 20px;}
@media  screen and (max-width:991px){
    .aboutTitleText .textRight .textTit{ font-size: 22px; }
}
@media  screen and (max-width:767px){
    .aboutTitleText{ padding: 5.84% 0 3.41% 0; }
    .aboutTitleText .textPic{ width: 100%; padding: 0 0 16px 15px;  margin-right: 0; margin-bottom: 4.5%; }
    .aboutTitleText .textRight .textTit{ font-size: 22px; }
}
@media  screen and (max-width:767px){
    .aboutTitleText .textRight{ line-height: 28px;}
    .aboutTitleText .textRight .textTit{ font-size: 19px; padding: 11px 0 16px 0;}
    .aboutTitleText .textRight .textCon{ padding-top: 15px;}
}


.companyBack{ background: url("images/about5.jpg") repeat; }
.company{ padding: 12px 0 0 0;}
.company .companyText{ float: left; width: 784px; padding: 36px 0 0 0; color: #333333; font-size: 14px; line-height: 40px;}
.company .companyPic{ float: right; width:216px; line-height: 0; }
@media  screen and (max-width:1199px){
    .company .companyText{ width: 697px; line-height: 32px;}
}
@media  screen and (max-width:991px){
    .company .companyText{ width: 100%; padding: 30px 0;  text-align: center; }
    .company .companyPic{ display: none;}
}
@media  screen and (max-width:767px){
    .company .companyText{ padding: 18px 0; }
}


.cultureBox{ padding: 3.125% 0 2.65% 0;}
.cultureBox ul{}
.cultureBox ul li{}
.cultureBox ul li .culturePurpose{ padding: 2.64% 0;}
.cultureBox ul li .culturePurpose .purposePic{ float: left; width: 280px; height: 202px; overflow: hidden;}
.cultureBox ul li .culturePurpose .purposePic img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.cultureBox ul li .culturePurpose .purposePic: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);
}
.cultureBox ul li .culturePurpose .purposeCricle{ float: right; width: 98px; height: 98px; margin: 4.44% 19px 0 0; line-height: 0;}
.cultureBox ul li .culturePurpose .purCen{ padding-top: 3.41%; padding-left: 340px; padding-right: 117px;}
.cultureBox ul li .culturePurpose .purCen .pruCenTit{ float: left; width: 100%;}
.cultureBox ul li .culturePurpose .purCen .pruCenTit .tit{ float: left; width: 50px; height: 50px; padding-right:19px; background: url("images/culture2.png") no-repeat; background-size: cover; color: #01325a; font-size: 24px; line-height: 1; text-align: center;}
.cultureBox ul li .culturePurpose .purCen .pruCenTit .rt{ padding-left: 31px;}
.cultureBox ul li .culturePurpose .purCen .pruCenTit .rt  .rtTit{ float: left; width: 100%; color: #01325a; font-size: 20px; font-weight: bold; line-height: 1.5; text-align: left; margin-top: -25px;}
.cultureBox ul li .culturePurpose .purCen .pruCenTit .rt  .rtEng{ float: left; width: 100%; color: #999999; font-size: 12px; text-transform: uppercase; line-height: 17px;}
.cultureBox ul li .culturePurpose .purCen .cenContent{ float: left; width: 100%; padding-top: 4.06%; padding-left: 31px; color: #333333; font-size: 16px; line-height: 28px;}

.cultureBox ul li.double{ background-color: #eaf6f7;}
.cultureBox ul li.double .culturePurpose .purposePic{ float: right;}
.cultureBox ul li.double .culturePurpose .purposeCricle{ float: left; margin: 4.44% 0 0 19px; }
.cultureBox ul li.double .culturePurpose .purCen{ padding-left: 117px; padding-right: 340px;}
.cultureBox ul li.double .culturePurpose .purCen .pruCenTit .tit{ float: right; background: url("images/culture5.png") no-repeat;background-size: cover; padding-right:0; padding-left: 19px;}
.cultureBox ul li.double .culturePurpose .purCen .pruCenTit .rt{ padding-left:0; padding-right: 31px;}
.cultureBox ul li.double .culturePurpose .purCen .pruCenTit .rt  .rtTit{ text-align: right;}
.cultureBox ul li.double .culturePurpose .purCen .pruCenTit .rt  .rtEng{ text-align: right;}
.cultureBox ul li.double .culturePurpose .purCen .cenContent{  text-align: right; padding-left: 0; padding-right: 31px;}
@media  screen and (max-width:991px){
    .cultureBox ul li .culturePurpose .purposePic{ width: 200px; height: 144px; }
    .cultureBox ul li .culturePurpose .purposeCricle{ width: 70px; height: 70px; margin: 4.44% 10px 0 0; }
    .cultureBox ul li .culturePurpose .purCen{ padding-top: 2%; padding-left: 224px; padding-right: 90px;}
    .cultureBox ul li .culturePurpose .purCen .pruCenTit .rt  .rtTit{ font-size: 18px; }
    .cultureBox ul li .culturePurpose .purCen .cenContent{ padding-top: 3%; font-size: 14px; }
    .cultureBox ul li.double .culturePurpose .purposeCricle{ margin: 4.44% 0 0 10px; }
    .cultureBox ul li.double .culturePurpose .purCen{ padding-left: 90px; padding-right: 224px;}
}
@media  screen and (max-width:767px){
    .cultureBox ul li .culturePurpose{ padding: 5% 0;}
    .cultureBox ul li .culturePurpose .purposePic{ width: 152px; height: 110px; }
    .cultureBox ul li .culturePurpose .purposeCricle{ display: none; }
    .cultureBox ul li .culturePurpose .purCen{ padding-top: 2%; padding-left: 160px; padding-right: 0;}
    .cultureBox ul li .culturePurpose .purCen .pruCenTit .tit{ width: 36px; height: 36px; padding-right:8px; font-size: 16px; }
    .cultureBox ul li .culturePurpose .purCen .pruCenTit .rt{ padding-left: 20px;}
    .cultureBox ul li .culturePurpose .purCen .pruCenTit .rt  .rtTit{ font-size: 16px;}
    .cultureBox ul li .culturePurpose .purCen .pruCenTit .rt  .rtEng{ line-height: 14px;}
    .cultureBox ul li .culturePurpose .purCen .cenContent{ padding-left: 20px; line-height: 19px;}
    .cultureBox ul li.double .culturePurpose .purCen{ padding-left: 0; padding-right: 160px;}
    .cultureBox ul li.double .culturePurpose .purCen .pruCenTit .tit{ padding-left: 8px;}
    .cultureBox ul li.double .culturePurpose .purCen .pruCenTit .rt{ padding-left:0; padding-right: 20px;}
    .cultureBox ul li.double .culturePurpose .purCen .cenContent{  padding-left: 0; padding-right: 20px;}
}



/*5人才招聘*/
.joinBox{ padding: 40px 0 6.83% 0;}
.joinTitle{ background-color: #f1f1f1; color: #333333; font-size: 20px; line-height: 50px; text-align: center;}
.joinBoxDown{ padding-top: 20px;}
@media  screen and (max-width:767px){
    .joinTitle{ font-size: 17px; line-height: 46px; }
}

.creerNav{ float: left; width: 230px;}
.pz_SideLayer_2{}
.pz_SideLayer_2 .l1{ padding-bottom: 15px;}
.pz_SideLayer_2 .l1 a{ float: left; width: 100%; color: #333333; font-size: 14px; line-height: 47px; background-color: #f1f1f1; padding: 0 10px 0 35px;}
.pz_SideLayer_2 .l1 a:hover,
.pz_SideLayer_2 .l1 a.hover{ background-color: #01325a; color: #fff; }
@media  screen and (max-width:1199px){
    .creerNav{ width: 190px;}
}
@media  screen and (max-width:991px){
    .joinBox{ padding: 30px 0 0 0;}
}


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


.joinAll{ float:left; width:100%;}
.joinRight{ float:left; width:100%;}
.joinRight .joinTop{ background-color: #f1f1f1; color: #333333; font-size: 16px; line-height: 56px; position: relative;}
.joinRight .joinTop::before{ content: ''; position: absolute; width: 0; height: 0; border-right: #f1f1f1 solid 5px; border-top: transparent solid 5px; border-bottom: transparent solid 5px; right: 100%; top: 50%; margin-top: -5px;}
.joinRight .div{ float: left; text-align: center;}
.joinRight .div_1{ width:20%; }
.joinRight .div_2{ width:20.88%; }
.joinRight .div_3{ width:12.22%; }
.joinRight .div_4{ width:17.22%; }
.joinRight .div_5{ width:16.44%; }
.joinRight .joinHold{ margin-top: 1px; }
.joinRight .holdTop.on{ background-color: #f1f1f1;}
.joinRight .joinHold ul li .holdTop{color: #555555; font-size: 14px; line-height: 54px; border-bottom: #f1f1f1 solid 1px;}
.joinRight .joinHold ul li .holdTop.on{ color: #01325a;}
.joinRight .div_6{ width: 16px; height: 8px; margin: 22px 0 0 42px; background: url("images/join2.png") no-repeat; background-size: 16px 8px;}
.joinRight .holdTop.on .div_6{background: url("images/join2_h.png") no-repeat; background-size: 16px 8px;}
.joinRight .deta{ padding: 10px 48px 29px 48px; color: #666666; font-size: 14px; line-height: 30px;}
.joinRight .deta .detaTit{ color: #333333; font-weight: bold; }
.joinRight .deta .detaText{ padding-top: 10px;}
.joinRight .deta .detaMore{ padding-top: 32px;}
.joinRight .deta .detaMore .moreLink{ float: left; width: 124px; background-color: #01325a; color: #fff; font-size: 14px; line-height: 38px; text-align: center;}
.joinRight .deta .detaMore .moreLink:hover{ background-color: #1d79a4;}
@media  screen and (max-width:1199px){
    .joinRight{ width: 740px;}
}
@media  screen and (max-width:991px){
    .joinRight{ float: left; width: 100%; margin-top: 20px; }
    .joinRight .joinTop::before{ border-right: transparent solid 5px; border-left: transparent solid 5px; border-top: transparent solid 5px; border-bottom: #f1f1f1 solid 5px; right: 50%; margin-right: -5px; top: auto; bottom: 100%; margin-top: 0;}
}
@media  screen and (max-width:767px){
    .joinRight .joinTop{ line-height: 44px; }
    .joinRight .div{ text-align: left;}
    .joinRight .div_1{ width:50%; padding-left: 15px; }
    .joinRight .div_2{ display: none; }
    .joinRight .div_3{ display: none; }
    .joinRight .div_4{ display: none; }
    .joinRight .div_5{ width:30%; }
    .joinRight .joinHold ul li .holdTop{ line-height: 44px;}
    .joinRight .div_6{ float: right; margin: 17px 15px 0 0; }
    .joinRight .deta{ padding: 10px 15px 29px 15px; }
    .joinRight .deta .detaMore{ padding-top: 20px;}
    .joinRight .deta .detaMore .moreLink{ width: 100px; }
}



/*6联系我们*/
.contactBox{ padding: 3.41% 0 6.83% 0;}
.contactTop{}
.contactTop .contactLeft{ float: left; width: 600px; height: 558px; border: #eeeeee solid 1px;}
.contactTop .contactLeft .delicate{ background-color: #f4f4f4; padding: 33px 29px 39px 29px; }
.contactTop .contactLeft .delicate .deTit{ color: #333333; font-size: 30px; line-height:1.33; }
.contactTop .contactLeft .delicate .deEng{ padding-top: 9px; color: #9c9c9c; font-size: 16px; line-height: 20px; text-transform: uppercase; }
@media  screen and (max-width:1199px){
    .contactTop .contactLeft{ width: 493px; height: 458px;}
    .contactTop .contactLeft .delicate{ background-color: #f4f4f4; padding: 27px 24px 33px 24px; }
    .contactTop .contactLeft .delicate .deTit{ font-size: 24px; }
    .contactTop .contactLeft .delicate .deEng{ padding-top: 7px; font-size: 13px; line-height: 16px; }
}
@media  screen and (max-width:991px){
    .contactTop .contactLeft{ width: 100%; height: auto;}
}
@media  screen and (max-width:767px){
    .contactTop .contactLeft .delicate{ background-color: #f4f4f4; padding: 22px 18px 24px 18px; }
    .contactTop .contactLeft .delicate .deTit{ font-size: 19px;  }
}




.delicateDown{ }
.delicateDown .tactUl{ padding: 0 13px 0 9px;}
.delicateDown .tactUl.bg{ background-color: #f4f4f4;}
.delicateDown .tactLi{ float: left; width: 50%; padding: 45px 0 41px 20px;}
.delicateDown .tactLi .tactIco{ float: left; width: 42px; height: 42px; line-height: 0;}
.delicateDown .tactLi .tactPad{ padding-left: 62px;}
.delicateDown .tactLi .tactPad .tactTo{ color: #444444; font-size: 16px; line-height: 20px;}
.delicateDown .tactLi .tactPad .tactDo{ color: #444444; font-size: 16px; line-height: 20px; margin-top: 7px; text-transform: uppercase; word-break: break-all;}
@media  screen and (max-width:1199px){
    .delicateDown .tactLi{ padding: 20px 0 20px 10px;}
}
@media  screen and (max-width:991px){
    .delicateDown .tactLi .tactPad .tactDo{ font-size: 14px; }
}
@media  screen and (max-width:767px){
    .delicateDown .tactLi{ width: 100%; padding: 20px 0 20px 15px;}
    .delicateDown .tactUl.bg{ background-color: #fff;}
    .delicateDown .tactUl .ph{ background-color: #f4f4f4;}
}

.contactRigth{ float: right; width: 540px; height: 558px; border: #eeeeee solid 1px; background-color: #f6f6f6; text-align: center; }
.contactRigth .ewmTit{ padding: 69px 0 33px 0; color: #333333; font-size: 30px; line-height: 42px; text-align: center;}
.contactRigth .ewmBlock{ display: inline-block; vertical-align: top; width: 290px; height: 290px; background-color: #fff; padding: 29px;}
.contactRigth .ewmText{ padding-top: 21px; color: #666666; font-size: 20px; line-height: 30px; text-align: center; }
@media  screen and (max-width:1199px){
    .contactRigth{ width: 444px; height: 458px; }
    .contactRigth .ewmTit{ padding: 56px 0 26px 0; font-size: 24px; line-height: 35px; }
    .contactRigth .ewmBlock{ width: 240px; height: 240px; padding: 25px;}
}
@media  screen and (max-width:991px){
    .contactRigth{ width: 100%; height: auto; margin-top: 4.5%; }
    .contactRigth .ewmText{ padding-bottom: 30px;}
}
@media  screen and (max-width:767px){
    .contactRigth .ewmTit{ padding: 40px 0 20px 0; font-size: 20px; line-height: 28px; }
    .contactRigth .ewmBlock{ width: 185px; height: 185px; padding: 12px;}
    .contactRigth .ewmText{ font-size: 16px; line-height: 20px; }
}

.contMap{ float:left; width:100%; margin: 40px 0; background-color: #eeeeee; padding: 10px; }
.gdmap{ height: 540px; }
@media  screen and (max-width:1199px){
    .gdmap{ height: 440px; }
}
@media  screen and (max-width:991px){
    .gdmap{ height: 340px; }
}
@media  screen and (max-width:767px){
    .gdmap{ height: 200px; }
}


/*右侧漂浮*/
.right{ position: fixed; width: 55px; height: 267px; right: 0px; top: 50%; margin-top: -133px; background: #595959; z-index: 10; padding: 12px 0 5px 0;
    -moz-border-top-left-radius:12px;
    -webkit-border-top-left-radius:12px;
    -khtml-border-top-left-radius:12px;
    border-top-left-radius:12px;
    -moz-border-bottom-left-radius:12px;
    -webkit-border-bottom-left-radius:12px;
    -khtml-border-bottom-left-radius:12px;
    border-bottom-left-radius:12px;}
.right ul{ float: left; width:100%;}
.right ul li{ float: right; width: 55px; height: 50px; overflow: hidden; position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -moz-border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -khtml-border-top-left-radius:5px;
    border-top-left-radius:5px;
    -moz-border-bottom-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -khtml-border-bottom-left-radius:5px;
    border-bottom-left-radius:5px;}
.right ul li .zbox{ position: absolute; left: 0; top: 0; width:170px;}
.right ul li .zbox.zbox img{ width: 55px; height: 50px; float: left;}
.right ul li .zbox .text{ float: left; width:115px; padding: 8px 0 11px 0;}
.right ul li .zbox .text h5{ width:100%; float: left; font-size: 14px; color: white; line-height: 17px;}
.right ul li .zbox .text h6{ width:100%; float: left; font-size: 14px; color: white; line-height: 14px; font-family: Arial;}
.right ul li .zbox .text h6 a{ color: white;}
.right ul li .zbox .ewm{ position: absolute; width: 105px; height: 105px; right: -120px; top: -18px; padding: 5px 11px 5px 5px; background: url("../images/right5.png") no-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;
}
.right ul li:hover .ewm{ right: 40px;}
.right ul li:hover{ width: 170px; background:rgba(1,50,90,0.8);}
.right ul li.last .zbox .text h5{ line-height: 31px;}
@media screen and (max-width: 1024px) {
    .right{ display: none;}
}





    /*

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


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

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


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

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

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


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


    */







.special{}
.special .owl-dots{ width: 100%; margin-top: 4%; text-align: center; line-height: 0;}
.special .owl-dots .owl-dot{ display: inline-block; width: 14px; height: 14px; margin: 0 8px; border:#26a3de solid 1px;
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
}
.special .owl-dots .owl-dot.active{ background: #26a3de;}
@media screen and (max-width:991px){
    .special .owl-dots .owl-dot{  width: 11px; height: 11px; margin: 0 5px; }
}




@-webkit-keyframes buzz-out{
    10%{  -webkit-transform:translateX(3px) rotate(2deg);  transform:translateX(3px) rotate(2deg)}
    20%{  -webkit-transform:translateX(-3px) rotate(-2deg);  transform:translateX(-3px) rotate(-2deg)}
    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}
@keyframes buzz-out{
    10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
    30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
    40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)  }
    50%{-webkit-transform:translateX(2px) rotate(1deg); transform:translateX(2px) rotate(1deg)}
    60%{-webkit-transform:translateX(-2px) rotate(-1deg); transform:translateX(-2px) rotate(-1deg)}
    70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
    80%{-webkit-transform:translateX(-2px) rotate(-1deg); transform:translateX(-2px) rotate(-1deg)}
    90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
    100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}
.buzz-out{
    display:inline-block;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px transparent
}
.buzz-out:hover,
.buzz-out:focus,
.buzz-out:active{
    -webkit-animation-name:buzz-out;
    animation-name:buzz-out;
    -webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1
}



/*分页*/
.waik_1{ padding: 6.78% 0 6.78% 0;  text-align:center;}
.waik_2{ padding: 3.93% 0 6.78% 0;  text-align:center;}
.waik_3{ padding: 40px 0 0 0;  text-align:center;}
.fy_phone{ display:none;}
@media  screen and (max-width:991px){
    .fy_phone{ display:block; }
    .fy_phone{ width:100%; float:left; text-align:center; font-size:14px; color:#333;}
    .fy_phone a{ display:inline-block; width:110px; height:30px; line-height:29px; border:solid 1px #031d2c; color:#333;text-decoration:inherit;
        -webkit-border-radius:15px;
        -moz-border-radius:15px;
        border-radius:15px;
    }
    .fy_phone span{ display:inline-block; padding:0 15px; height:30px; line-height:30px; color:#333;}
}
@media  screen and (max-width:767px){
    .waik_1{ padding:6% 0 6% 0;}
}

.page{ float: left; width: 100%; text-align: center;}
.page ul{ float: none!important; display:inline-block; zoom: 1; width: auto!important;}
.page a { float: left; width: 38px; height: 38px; margin: 0 5px;}
.page a li{ float: left; width: 100%; text-align: center; line-height: 36px!important; padding: 0!important;border:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3 !important;border-radius:38px;-moz-border-radius:38px; -webkit-border-radius:38px;}
.page a:last-child,
.page a:first-child{ width: 100px; height: 38px;}
.page a:last-child li,
.page a:first-child li{border-radius:20px;-moz-border-radius:20px; -webkit-border-radius:20px;}
.page li:hover
{
    color: #fff;
    border: 1px solid #01325a; background-color: #01325a;
    border-bottom:1px solid #01325a !important;
}
.page li img.img1{vertical-align: initial;}
.page li img.img2{
    display: none;
    vertical-align: initial;
}
.page li:hover img.img1,
.page li.pageact img.img1{
    display: none;
    vertical-align: initial;
}
.page li:hover img.img2,
.page li.pageact img.img2{
    display: inline-block;
}
.page li.pageact
{
    color: #fff;
    border: 1px solid #01325a; background-color: #01325a;
    border-bottom:1px solid #01325a !important;
}



/*在线留言 开始*/
.guestbook{float:left;width:100%;margin:30px 0;padding:40px;border:1px solid #eeeeee;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);background:#fff;overflow:hidden;}
.guestbook .lab{float:left;width:100%;}
.guestbook .lab .fm_0050{float:left;width:50%;padding:0 10px;}
.guestbook .lab .fm_0100{float:left;width:100%;padding:0 10px;}
.guestbook .lab .fm_280{width:280px;margin:0 auto;display:block;}
.fm_txt{float:left;width:100%;margin-top:10px;line-height:25px;color:#444;font-size:14px;text-transform:uppercase;}
.fm_txt em{font-size:12px;font-style:normal;line-height:32px;}
.fm_txt span{color:#ee3d0b;line-height:32px;}
.fm_input{float:left;width:100%;height:50px;padding:0 18px;border:1px solid #e6e6e6;background:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#333;font-size:14px;line-height:48px;-webkit-appearance:none;outline:0;}
.fm_textarea{float:left;width:100%;height:100px;padding:12px 18px;border:1px solid #e6e6e6;background:#fff;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#333;font-size:14px;line-height:24px;-webkit-appearance:none;outline:0;}
.fm_btn{float:left;width:100%;height:56px;margin-top:20px;line-height:56px;text-align:center;font-size:18px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-appearance:none;outline:0;border:none;background:#01325a;color:#fff;letter-spacing:1px;opacity:0.9;filter:alpha(opacity=90);}
.fm_btn:hover,
.fm_btn:focus{opacity:1;filter:alpha(opacity=100);}
.messageIn::-webkit-input-placeholder{color:#999!important;}
.messageIn:-moz-placeholder{color:#999!important;}
.messageIn::-moz-placeholder{color:#999!important;}
.messageIn:-ms-input-placeholder{color:#999!important;}
.help-block{float:left;width:100%;padding-top:8px;color:#999;font-size:12px;line-height:15px;text-align:center;}
.help-block span{color:#ee3d0b;font-size:13px;}
.msg-captcha{position:relative;float:left;width:220px;padding:0 10px;}
.msg-captcha input{width:100%;float:left;border-radius:6px;}
.msg-captcha .msg-captcha-img{position:absolute;right:15px;top:47px;height:50px;}
.msg-captcha .msg-captcha-img img{filter:invert(0.02);-ms-filter:invert(0.01);}

@media  screen and (max-width:767px){
  .guestbook{width:100%;margin:15px 0;padding:15px;}
  .guestbook .lab .fm_0050{width:100%;padding:0;}
  .guestbook .lab .fm_0100{padding:0;}
  .guestbook .lab .fm_280{width:100%;}
  .fm_input{height:40px;padding:0 10px;line-height:38px;}
  .fm_textarea{height:100px;padding:10px 10px;line-height:20px;}
  .fm_btn{height:45px;line-height:45px;}
}
/*在线留言 结束*/
/*通用-列表翻页*/
.pagination-wrapper{float:left;width:100%;margin:20px 0;text-align:center;}
.pagination{float:left;width:100%;margin:10px 0 0;text-align:center;font-size:12px;overflow:hidden;}
.pagination span{display:inline-block;height:30px;margin-left:-1px;padding:0px 11px;border:solid 1px #e6e6e6;line-height:28px;background:#fff;}
.pagination a{display:inline-block;height:30px;margin-left:-1px;padding:0px 10px;border:solid 1px #e6e6e6;line-height:28px;background:#fff;}
.pagination a:hover{border:1px solid #01325a;background:#01325a;color:#fff;}
.pagination .current-page{border:1px solid #01325a;background:#01325a;color:#fff;}
@media screen and (max-width:767px){
.pagination-wrapper{margin:10px 0;}
}
/*Leafcms客服代码 开始*/
.leafcms_kefu{position:fixed;width:56px;right:0;top:45%;z-index:999;}
.leafcms_kefu ul{float:left;width:100%;}
.leafcms_kefu ul li{float:right;width:56px;height:60px;margin-top:8px;text-align:center;}
.leafcms_kefu ul li .items{float:left;width:100%;height:100%;padding:10px 0;border-radius:2px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.16);vertical-align:middle;position:relative;}
.leafcms_kefu ul li .items i{font-size:23px;}
.leafcms_kefu ul li .items p{font-size:12px;letter-spacing:1px;}
.leafcms_kefu ul li:last-child .items p{letter-spacing:-1px;}
.leafcms_kefu ul li .items .img{width:90px;height:90px;right:30px;top:50%;margin-top:-45px;padding:5px;border-radius:3px;display:none;z-index:9;position:absolute;background:#014378;}
.leafcms_kefu ul li .items .img em{position:absolute;top:50%;margin-top:-8px;right:-8px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:10px solid #014378;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.leafcms_kefu ul li .items .img img{width:80px;height:80px;}
.leafcms_kefu ul li .items .txt{height:36px;right:20px;top:50%;margin-top:-18px;padding:0 16px;white-space:nowrap;border-radius:3px;font-size:15px;line-height:36px;text-align:center;color:#fff;background:#014378;display:none;z-index:999;position:absolute;}
.leafcms_kefu ul li .items .txt em{position:absolute;top:50%;margin-top:-8px;right:-8px;display:inline-block;width:0;height:0;vertical-align:middle;border-left:8px solid #014378;border-top:8px solid transparent;border-bottom:8px solid transparent;}
.leafcms_kefu ul li .items.on,
.leafcms_kefu ul li:hover .items{background:#014378;box-shadow:0 1px 5px rgba(1,50,90,0.8);color:#fff;}
.leafcms_kefu ul li .items.on a,
.leafcms_kefu ul li:hover .items a{color:#fff;}
.leafcms_kefu ul li:hover .items .img{right:70px;display:block;box-shadow:0 0 5px rgba(1,50,90,0.8);}
.leafcms_kefu ul li:hover .items .txt{right:70px;display:block;box-shadow:0 0 5px rgba(1,50,90,0.8);}
@media screen and (max-width:991px){
    .leafcms_kefu{width:30px;right:0;top:45%;z-index:999;}
    .leafcms_kefu ul{float:left;width:100%;}
    .leafcms_kefu ul li{width:30px;height:30px;margin-top:5px;}
    .leafcms_kefu ul li .items{padding:5px 0;}
    .leafcms_kefu ul li .items i{font-size:18px;}
    .leafcms_kefu ul li .items p{display:none;}
    .leafcms_kefu ul li .items .img em{margin-top:-6px;right:-6px;border-left:6px solid #014378;border-top:6px solid transparent;border-bottom:6px solid transparent;}
    .leafcms_kefu ul li .items .txt{height:30px;margin-top:-15px;padding:0 16px;font-size:13px;line-height:30px;}
    .leafcms_kefu ul li .items .txt em{margin-top:-6px;right:-6px;border-left:6px solid #014378;border-top:6px solid transparent;border-bottom:6px solid transparent;}
    .leafcms_kefu ul li:hover .items .img{right:40px;}
    .leafcms_kefu ul li:hover .items .txt{right:40px;}
}
/*Leafcms客服代码 结束*/

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


/*TAGS标签云*/
.tags-lists{float:left;width:100%;height:auto;margin-bottom:15px;padding:30px;overflow:hidden;}
.tags-lists .tags-lists-a{}
.tags-lists .tags-lists-a a{display: inline-block;height:30px;margin:5px;padding:0 12px;line-height:30px;background:#fff;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border:1px solid #f1f1f1;border-radius:15px;transition: .5s ease 0s;}
.tags-lists .tags-lists-a a:hover{box-shadow:0 30px 15px -30px rgb(155 155 155 / 20%);border: 1px solid #01325a; color:#01325a;}
@media  screen and (max-width:767px){
  .tags-lists{padding:15px;}
}
/*TAGS标签云*/
.tags-list{float:left;width:100%;height:auto;margin-bottom:15px;padding:30px;overflow:hidden;}
.tags-list ul{margin:-7.5px;}
.tags-list ul li{float:left;width:20%;padding:7.5px;}
.tags-list ul li .items{float:left;width:100%;height:auto;background:#fbfbfb;box-shadow: 0px 2px 4px 0px rgba(32, 32, 32, 0.02);border:1px solid #f1f1f1;border-radius:5px;transition:.5s ease;}
.tags-list ul li .items:hover{box-shadow:0 30px 15px -30px rgb(155 155 155 / 20%);}
.tags-list ul li .items .text{float:left;width:100%;padding:15px;}
.tags-list ul li .items .text .name{background:#f1f1f1;display:inline-block;padding:5px 10px;font-size:12px;border-radius:3px;}
.tags-list ul li .items .text .name:hover,
.tags-list ul li .items:hover .text .name{background:#01325a;;color:#fff}
.tags-list ul li .items .text small{margin-left:10px;color:#bbb}
@media  screen and (max-width:767px){
  .tags-list{padding:15px;}
  .tags-list ul li{width:50%;}
  .tags-list ul li .items .text{padding:10px;}
}